﻿body {
/*
    padding-top: 50px;
    padding-bottom: 20px;
*/
 color:black !important;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    /*
    padding-left: 15px;
    padding-right: 15px;
    */
    padding-top:20px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    color:black !important;
    /* max-width: 280px; */
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.required {
    color:red;
}

/* custom styles for the portal.*/
.icon {
    height: 100px;
    width: inherit;
}

.ProfilePicture { 
    height : 171px !important; 
    width: 100% !important;
}

.HomeText {
    font-family:'Bradley Hand ITC';
    font-size:large;
    font-weight:bold;
}

body.wait *, body.wait
{
    cursor: progress !important;
}

.logo {
    height : 50px;
    width : 40px;
    background-color: black;
}

.logotext {
    color:white;
    text-decoration : none;    
    
}

.required {
    color:red;
}

.nolistbullets ul {
    list-style-type:none;
    margin-left:0px;
    margin-top:3px;
}

.nolistbullets ul li {
    display: inline;
}

.text-black {
    color:black;
}

.loader {
    background-image: url('img/pinwheel_spinner.gif');
    background-size: 32px 32px;
    background-repeat: no-repeat;
    height: 33px;
    width: 33px;
    margin: auto;
}

.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 2;
    cursor: pointer;
}

.overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    color: white;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}
/********Kendo grid******/
.k-grid-header > div > table,
.k-grid-content > table {
    width: 100% !important;
}