.login-page{background:#2e2f2f;}
.loginCont{width:700px; margin:0 auto;position:relative;background:#fff;border-radius:5px;padding-bottom:60px;}
.loginHeader{background:#0090d9; border-radius:5px 5px 0 0; padding:15px 25px;font-size:30px; color:#e8e8e8;margin-bottom:60px;}
.loginHeader span{font-weight:bold;}

.vCenter{position: relative;
    top: 50%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);}
.loginCont .leftCol{width:55%;float:left}
.loginCont .leftCol .leftContent{min-height:300px; border-right:1px solid #cdd3d9; padding-right:25px}
.loginCont .leftCol .leftContent .logoHolder{text-align:center; padding-right: 20px;}
.leftContent .logoHolder img{padding-top:25px;}
.leftContent h3{font-size:16px; color:#687074; text-align:center;margin:15px auto 10px;font-weight:bold;}
.leftContent p{font-size:13px; color:#525965; line-height:21px;margin:0; padding:0;}
.loginCont .form-group label{font-size:13px; color:#525965; line-height:21px; font-weight:normal}
.loginCont .rightCol{width:45%;float:left}
.loginCont .rightCol .rightContent{padding-left:25px;padding-top:30px;padding-right:25px;}
input:-webkit-autofill{background-color:rgba(0,0,0,0) !important}
.form-control{border:1px solid #c1cace; border-radius:3px;height:38px;}
.loginCont .btn-primary{width:120px;margin-top:25px}
.btn{padding:7px 12px;}
.loginCont .btn-link{font-size:13px; color:#0090d9; line-height:21px;float:left;margin-right:15px;cursor:pointer;}
.loginCont .btn-link:hover{text-decoration:none}
.btnSec{padding-top:5px; padding-bottom:25px;}
.btnSec .checkbox{margin:0}
.btnSec .checkbox .icheckbox_square-blue{margin-right:10px;}
.btnSec .checkbox label{font-size:13px; color:#525965; line-height:21px; font-weight:normal; padding-left:0}
.mar-4-gobk{ margin-top:35px;}


@media only screen and (max-width : 767px){
.loginCont{width:auto}
.loginCont.vCenter{transform:none}
.loginCont .leftCol{width:100%; float:none; padding:0 5%;}
.loginCont .leftCol .leftContent{min-height:auto;}
.leftContent h3{font-size:13px;}
.leftContent p{font-size:11px;}
.loginCont .leftCol .leftContent{padding-right:0; border:none}
.loginCont .rightCol{width:100%;float:none}
.loginCont .rightCol .rightContent{padding:5%;}
.mr-tp--{margin-top:-10px;}
}







@media only screen and (max-width:1200px){
   .width-label {
        width:90%;
    }

    .mrg-0{ margin:0px;}
    .padd-r-0{ padding-right:0px}
    .padd-l-0{ padding-left:0px}
    .inpt-padd{ padding:7px;  border-radius:3px !important;}
	.mr-30{ margin-bottom:30px;}
	.main-sidebar, .left-side {
    left: 0;
    min-height: 100%;
    padding-top: 0;
    position: absolute;
    top: 121px;
    transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
    width: 230px;
    z-index: 810;
}
    
}

@media only screen and (max-width:992px) {
    .width-label { width:90%; }
    .question-top { position: absolute; bottom: 8.1em; right:15px;}
    .lbl-relative { position:relative; }
    .form-header > h1 { margin: 0; padding: 5px 15px; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight:600;}  
    .mrg-0{ margin:0px 0 15px 0;}
    .padd-r-0{ padding-right:0px}
    .padd-l-0{ padding-left:0px}
    .inpt-padd{ padding:7px;  border-radius:3px !important;}
    .row1 .col-sm-2{ width: 15.333% !important;}
    .row1 .col-sm-3{ width: 21.333%;}
     .row1 .col-sm-1{ width: 8%;}
    .none {display:none;}  
    .clear{clear:both;} 
   .header .navbar-default .navbar-nav > li > a {
    padding: 9px 11px 9px 9px !important; font-size:14px !important}

}


@media(max-width:767px){
    .tool-font{ font-size:20px;}
    .question-top {
        position: absolute;
        bottom: 9.1em;
        right:15px;
    }

    .mrg-0{ margin:0px 0 15px 0;}
    .padd-r-0{ padding-right:0px}
    .padd-l-0{ padding-left:0px}
    .inpt-padd{ padding:7px;  border-radius:3px !important;}
   .row1 .col-xs-4{ width: 14.8%;}
    .row1 .col-xs-6{ width: 21.5%;}
    .row1 .col-xs-2{ width: 9.87%;}
     .clear{clear:both;}
	 
}
    

}



@media(max-width:520px) and (min-width:321px) {
    .button-bot { margin-bottom:7px; width:100%; }
    .form-header > h1 { margin: 0; padding: 5px 15px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight:600;}
    .mrg-0{ margin:0px 0 15px 0;}
    .padd-r-0{ padding-right:0px}
    .padd-l-0{ padding-left:0px}
    .inpt-padd{ padding:7px;  border-radius:3px !important;}
    .row1 .col-xs-4{ width: 26.333% !important;}
    .row1 .col-xs-6{ width: 37.333%;}
     .row1 .col-xs-2{ width: 16%;}
     label{ font-family: 'Open Sans', sans-serif; font-size: 13px; color: #000; font-weight: 400;}
     .path2{ font-family: 'Open Sans', sans-serif; font-size:15px; margin: 0; padding:0 15px 0;}
     .form-group{margin-bottom:8px;}
     
}


@media(max-width:320px) {
    .form-group { margin-top: 5px;}

    .content-header h3 {
        font-size: 19px;
        text-align: center;
    }

    .input-group {
        margin: 10px;
    }

    .mrgb5{margin:0px 0px 5px 0px !important;}

    .checkBox-heading h4 {
        font-size: 13px;
        text-align: center !important;
    }

    .quater-heading h4 {
        font-size: 13px !important;
    }

    .button-bot {
        margin-bottom: 7px;
        width: 100%;
    }

    .form-header > h1 {
        margin: 0;
        padding: 5px 15px;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: 600;
    }

    .mrg-1-lbl {
        margin: 0px 0 13px 0;
    }

    .cust-color1 {
        font-size: 14px;
    }



    .tool-font {
        font-size: 18px;
    }

    .mrg-0 {
        margin: 0px;
    }

    .padd-r-0 {
        padding-right: 0px;
    }

    .padd-l-0 {
        padding-left: 0px;
    }

    .inpt-padd {
        padding: 7px;
        border-radius: 3px !important;
    }

    .mrg-top {
        margin-top: 15px;
    }

    .cntr {
        float: none !important;
        text-align: center;
    }

    .question-top {
        position: absolute;
        bottom: 10em;
        right: 15px;
    }

    .row1 .col-xs-4 {
        width: 30.8% !important;
    }

    .row1 .col-xs-6 {
        width: 45.5% !important;
    }

    .row1 .col-xs-2 {
        width: 14.87% !important;
    }

    label{ font-family: 'Open Sans', sans-serif; font-size: 13px; color: #000; font-weight: 400;}
    .path2{ font-family: 'Open Sans', sans-serif; font-size:15px; margin: 0; padding:0 15px 0;}
    .form-group{ margin-bottom:8px;}
}


.loginCont .leftCol .leftContent {
    min-height: 300px;
    border-right: 1px solid #cdd3d9;
    padding-right: 0px!important;
}


#login_error .alert{margin-top:-60px !important;}