body {
    /*background-image:url('../img/survey_bg.png');*/
    background-color: #F2F5F8;
    background-repeat: repeat;
    padding: 50px;
}

.maincontent { width:650px }

/*=============== ALert  css ===============*/

.validity_alert { font-family:'Lato', sans-serif; font-size:12px; font-weight:400; color:#A94442 !important; 
            background-color:#F2DEDE; border:1px solid #EBCCD1; padding:5px; border-radius:4px !important }

.alertmsg  {font-family:'Lato', sans-serif; font-size:12px; font-weight:400; color:#A94442 !important; 
            background-color:#FCF8E3; border:1px solid #FAEBCC; padding:5px; border-radius:4px !important}

.successmessage_alert { font-family:'Lato', sans-serif; font-size:12px; font-weight:400; color:#222 !important; 
            background-color:#BCDF94; border:1px solid #99CA61; padding:5px; border-radius:4px !important }

.required { color:#e21f26; font-size:11px }



.headcol { width:25% !important; background-color:#f5f5f5 }
.fixedwidth { width:25% !important; font-family:GoogleSans-Medium, sans-serif !important }

.dimensionHead { font-family:GoogleSans-Bold, sans-serif;font-size:15px; font-weight:700; color:#e21f26; background-color:#f5f5f5; border:1px solid #ddd;
                 padding:3px 5px 5px 5px; margin:0px 15px 0px 15px; min-height:30px }


.mainpanelPMS .form-control { font-size:13px; font-family:'Lato', sans-serif; padding:4px 10px }

.deptheadnew {
    background-color: #C5E6F6;
    color: #376073;
    padding: 5px;
    border: 1px solid #BCDEEE;
    font-family: GoogleSans-Bold;
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
}

/*==================== Google Fonts CSS =================*/

@font-face {
    font-family: GoogleSans-Regular;
    src:url(../Google-Sans-Font/GoogleSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: GoogleSans-Medium;
    src: url(../Google-Sans-Font/GoogleSans-Medium.ttf) format('truetype');
}

@font-face {
    font-family: GoogleSans-Bold;
    src: url(../Google-Sans-Font/GoogleSans-Bold.ttf) format('truetype');
}

/*=============== Multiline Textbox css ===============*/
.multiline { height:50px; font-family:'Source Sans Pro', sans-serif !important; font-size:12px !important }

.table-responsive { overflow-x: unset;}
/*-----------------  MY GRIDVIEW DESIGN ---------------------------*/
 .mGrid {   
        width:100% !important;   
        background-color: #FFFFFF;   
        margin: 1px 0 1px 0;   
        border: solid 1px #C0C0C0;   
        border-collapse:collapse;   
        font-family:Verdana, Geneva, Tahoma, sans-serif;
        
    }  
    .mGrid td {  
        padding:4px 4px 0px 4px;   
        border: solid 1px #c1c1c1;   
        color: #000000;  
        font-size:11px;
        text-align:center;
       
    }  
    .mGrid th {   
        padding: 0px 0px;   
        background: #DFECFC url(grd_head.png) repeat-x top;   
        border-left: solid 1px #C0C0C0;   
        color:#0b356c;  
        line-height: 25px;  
        padding:0px 3px 0px 3px;
        font-size:11px;
        text-align:center;
        white-space:nowrap;
    }  
    .mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }  
    .mGrid .pgr { background: #708090 url(grd_pgr.png) repeat-x top; }  
    .mGrid .pgr table { margin: 5px 0; }  
    .mGrid .pgr td {   
        border-width: 0;   
        padding: 0 6px;   
        border-left: solid 1px #666;   
        font-weight: bold;   
        color: #fff;   
        line-height: 12px;   
     }     
    .mGrid .pgr a { color: #FFFFFF; text-decoration: none; }  
    .mGrid .pgr a:hover { color: #FFFFFF; text-decoration: none; }  


.recomendbox { color:#FFF; text-align:center; font-size:20px; font-weight:600;background-color:#e21f26 }

.submitbtn {
border: none;
font-family: GoogleSans-Medium, sans-serif;
background: #e65252;
border-color: #e65252;
color: #fff;
cursor: pointer;
padding: 7px 20px;
margin: -10px 0px 13px 0;
border-radius:5px !important;
font-size: 15px;
font-weight: 500;
-webkit-transition: all 0.9s;
-o-transition: all 0.9s;
-ms-transition: all 0.9s;
-moz-transition: all 0.9s;
transition: all 0.9s;
}

.submitbtn:focus {
    color: #fff;
    background-color: #e13131;
    border-color: #e02525;
    -webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -moz-transition: all 0.9s;
    transition: all 0.9s;
    border-color: #449D44;
    box-shadow: 0 0 0 .4rem rgba(234,108,108,0.5)
}

.submitbtn:hover {
    color: #fff;
    background-color: #e13131;
    border-color: #e02525;
    -webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -moz-transition: all 0.9s;
    transition: all 0.9s;
    border-color: #449D44;
    box-shadow: 0 0 0 .4rem rgba(234,108,108,0.5)
}

.mainhead {
    color: #023558; font-size:15px; font-weight:500; text-align:left
}

.questionbox {
    font-family: 'GoogleSans-Regular';
    font-size: 15px;
    border: 1px solid #4B8DCC;
    margin-top: 5px
}

.questionblk {
    color: #fff;
    padding: 5px;
    margin: 2px;
    background-color: #4B8DCC;
    text-align: left
}

.ansblk { padding-top:10px;  }

.employeedetails {
    background-color: #F7F7F7;
    color: #376073;
    padding: 5px;
    border: 1px solid #BCDEEE;
    font-family: GoogleSans-Bold;
    font-size: 15px;
    text-align: center;
    margin-bottom:10px
}

.vislogo {
    text-align: center;
    width:100%
}

.vislogo a img {
    text-align: center;
    margin: 0px auto
}

.welcomevis {
    text-align: center;
    font-family: 'GoogleSans-Medium';
    font-size: 22px;
    font-weight: 500;
    color: #396A82;
}

.formbox {
    background-color: #FFF;
    border: 1px solid #DADCE0;
    border-radius: 10px !important;
    padding: 15px;
    margin: 0px -10px 20px -10px
}