@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold-webfont.eot');
    src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: 100;
    font-style: normal;

}
*{padding: 0px; margin: 0px;}

body {font-family: 'Roboto';background-color:#ccc;line-height: 160%;color: #666;font-size:13px;font-weight: normal;}
.login-section{margin-top: 5%; }
.custom-container{width:80%; margin-left: auto; margin-right: auto;border: 1px solid #ccc; background-color: #fff; box-shadow: 0px 2px 3px rgba(0,0,0,0.5)}
.custom-header{ padding: 10px; border-bottom: 1px solid #ccc;}
.custom-header h1{color: #000; margin-right: 10px; text-transform: uppercase; }
.custom-header h1 span{font-size: 16px; display: block; color: #444; padding-top:4px; text-transform: capitalize; }
.custom-header::after{content: ""; clear: both; display: block;}
.logo{width: 100px;  }
.logo img{width: 100%; padding-right: 10px;}
.login-box{ border-radius: 0px; margin: 20px;  }
.login-box h1{font-size: 18px; color: #000; padding-top:0px; margin-top: 0px; padding-left: 10px; padding-bottom:10px; }
.login-box h1 span{font-size: 16px;}
.login-content{padding: 20px 20px 20px 20px; font-size: 14px; }
.green-text{color: #0283de; font-weight: bold;}
.login-box input, .login-box select{border-radius:0px;}
.padding0{border-right:1px solid #ccc; }
.typo-text{text-align: right; padding-top: 20px; font-style: italic; font-size: 28px; color: #0283de;}
.btn-green{background-color: #0283de; color: #fff; border-radius: 0px;}
.btn-green:hover{color: #fff;}
.custom-footer{padding: 3px; border-top:3px solid #0283de; text-align: center; color: #000; }
.text-danger{padding: 10px 0px;}
.row-fluid::after{content: ""; clear: both; display: block;}
.input-group{margin-bottom: 15px;}
.input-group span{border-radius: 0px;}
.input-group::after{content: ""; clear: both; display: block;}
.row-fluid{padding: 20px 0px;}
@media (max-width: 768px){
    .padding0{border: none;}
    .login-content{border-top:1px solid #ccc;}
}
.user_err:empty{display:none;}
.user_err{
    display: inline;
    color: #FFF;
    background-color: #EF9E9B;
    padding: 2px,2px;
    position: absolute;
    left: 37px;
    width: calc(100% - 37px);
    bottom: -43px;
    z-index: 111;
    padding-left: 10px;
}

.container {width: 1280px\0/;}
.col-lg-6 {width: 50%; float:left\0/;}
.custom-header {width:100%; display:inline-block\0/;}
.custom-footer {clear:both\0/;}