@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900');
body { margin:0; padding:0;font-family: 'Roboto', sans-serif;}
h1 , h2 , h3 , h4, h5, h6 { margin:0; padding:0;font-family: 'Roboto', sans-serif;}
ul { list-style:none; padding:0; margin:0;}
img { max-width:100%;}
.fs11 { font-size:11px;}
.fs12 { font-size:12px;}
.fs14 { font-size:14px;}
.fs16 { font-size:16px;}
.fs18 { font-size:18px;}
.fs20 { font-size:20px;}
.fs22 { font-size:22px;}
.fs24 { font-size:24px;}
.font-300 { font-weight:300}
.font-400 {  font-weight:400}
.font-500 { font-weight:500}
.font-700 {  font-weight:700}
.red-bg { background:#ff0000;}
.green-bg { background:#68b828;}
.blue-bg { background:#0070c0;}
.yellow-bg { background:#fcd036;}
.fl  { float:left;}
.fr  { float:right;}
input , select {font-family: 'Roboto', sans-serif;}
.login-page { background:#013567; min-height:100vh;  width:100%;   }
.login-wrapper  { margin:0 auto; display:table-cell; vertical-align:middle; color:#666;}
.login-main { height:100vh ; display:table;max-width:570px;width:100%; margin:0px auto 0;  }
.login-page img { max-width:100%;}
.logo-wrapper,.login-wrapper {  width:100%;   }
.logo-inner img { max-width:230px;}
.login-cnt { background:#fff;  box-shadow:0 2px 3px rgba(0,0,0,.3); border-radius:5px; float:left; width:100%;}
.content-login {padding:50px 85px 70px; float:left; width:100%;}
.form-control {transition:.3s all;  }
.login-wrapper  input.form-control  {  color:#606160 !important;transition:.3s all; border-radius:0; background:#fff; border:none; height:50px; color:#666; border:1px solid #dadada ; padding:10px 20px 10px 20px; }
.login-wrapper .btn.btn-primary ,.login-wrapper .submit-btn{    width: 100%; background:#606160;transition:.3s all; height:40px; border-radius:0; text-transform:capitalize; border:none; font-size:14px;  color:#fff; }
.login-wrapper .btn.btn-primary:hover, .login-wrapper .submit-btn:hover, .login-wrapper .btn.btn-primary:active { background:#3AC4F7;color:#fff;}
.login-wrapper h3 { background:#f4b029; color:#fff;   font-weight:300; font-size:18px; text-align:center;    margin:0; padding:15px 20px;}
.login-wrapper  a {color:#5f5f5f;font-size:14px;}
.content-login .form-group{ position:relative;  margin:0 0 15px !important;}
.login-wrapper .form-control:focus , .login-wrapper .form-control:active { border:1px solid #f4b029}
.content-login .user-icon { position:absolute; left:0; width:40px; border-right:1px solid #f1f1f1; line-height:34px; color:#232624; text-align:center; height:34px; margin:3px 0;}
.remember-me label{ font-weight:400 !important; cursor:pointer; color:#5f5f5f !important;line-height:17px;font-size:14px;}
.remember-me label:hover ,.login-wrapper  a:hover  {color:#232624	;}
.remember-me input {  opacity:0; position:absolute; }  
.remember-me .fa { font-size:16px;  margin:0 5px 0 0; width:15px; background:none; border-radius:2px;   }
.remember-me input:checked ~ .fa:before{content: "\f046";}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #f9f9f9 inset !important; color:#666 !important;}
.alert-right .alert{border-radius: 0 ; border-width:2px; color: #fff; }
.alert.alert-success {  background-color: #99c177;border:none;}
.alert.alert-danger {  background-color: #e25050;border:none;}

@media screen  and (max-width: 767px) {
.alert-right  {max-width:100%; right:0; position:relative;} 
.login-main { margin:20px auto;}
.login-cnt { margin-bottom:20px;}
	}
.alert-right {
    position: absolute;
    right: 50px;
    bottom: 0px;
    width: 300px;
    top: 30px;
}
.relative{position:relative;}

.scroll_comment{
	overflow: scroll;
}
.li_height{
	height: 17px;
}

.chat-image {
    height: 40px;
    border-radius: 20px;
}
.chat_header{
	height: auto;
}
.mt50{
    margin-top:50px;
}
.content-login label{
    color:#001d3d;
    font-weight: bold;
}
.login-wrapper .btn.btn_warning { background:#f4b029;color:#001d3d;}
.login-wrapper .btn.custom_btn{
    font-size: 18px;
    font-weight: bold;
    padding:5px;
    height:50px;
    border-radius:5px;
}
@media screen and (min-width: 1400px){
    .login-main{
        max-width: 770px;
    }
    .logo-inner img {
        max-width: 400px;
    }
}