@charset "utf-8";
body{ overflow-x: hidden; background-color: #d8e2ec;}
*::selection { background-color:#004f63; color:#FFF; }
h1,h2,h3,h4,h5,h6,div,input,p,a{font-family: Open Sans !important;;  margin:0px; }
.container-fluid,.container { /*max-width: 1200px;*/margin:auto;padding:0px 10px;}
.form-group{margin-bottom:15px;}
input,textarea,select,button{margin:2px 0px 5px 0px ;font-size:13px !important; border-radius:0px; font-weight: 600 !important}
input[type=text],input[type=password],textarea,input[type=email],select,textarea{ width: 100%; border:1px solid #d2ddec;background-color: #fff;	padding: 5px 10px;	height:35px; 	}
input[type=submit],input[type=button],input[type=reset],button{border:none; font-size: 11px; 	background-color:#273751;border-radius:5px;height:30px;padding:10px 0px;}
.btn{ border-radius:0px;}
.btn:hover,.btn:focus{  cursor:pointer; color:#FFF;}
input[type=radio]{margin:0px;padding:0px; height:auto;}
.btn-custom{ background-color:#2b50a3;  color:#FFF;font-size:13px !important; font-weight:600 !important; height: 40px !important; letter-spacing: 1px; border-radius:5px;}
.btn-custom:hover,.btn:focus{color:#edf1f8 !important;}
.form-control{ box-shadow:none !important;  border-radius:5px; border:none !important; border-bottom: 1px solid #d8e2ec !important}
a{ color: inherit;}
a:hover,a:focus{ text-decoration: none !important; }
.relative{ position: relative;}
.absolute{ position: absolute;}
.fixed{ position: fixed;}

#main-section{ position: relative;}
.powered-by{ font-size: 11px; opacity: 0.7; font-weight: 700; text-transform: uppercase;}
.erp-version{ float: left; height: 35px; background-color: #ef202a; color:#FFF; padding:8px 10px; letter-spacing: 1px;}
.login-container{padding-top:calc(45vh - 150px); max-width: 1000px; margin: 0px auto;}
.login-intro{ padding: 20px;}
.login-box{ padding: 20px 30px; background-color: #FFF; color:#595d6e; max-width:400px; margin: auto; border-bottom:3px solid rgba(0,0,0,0.2); border-radius: 10px;}
.logo-caption{ color:#f26822; opacity: 0.8; letter-spacing: 1px; font-size: 15px; font-weight: 800; max-width: 500px;}
.login-box .fa-eye{ right: 5px; top:6px; color:#2b50a3; cursor: pointer; padding: 5px; border-radius: 4px }

.error-message{ display:none; font-weight: 700; margin-bottom: 10px; font-size: 12px; color: #de5741; height: 15px; }

@media (min-width:0px) and (max-width:850px){
    .login-container{padding-top:calc(45vh - 200px); max-width: 1000px; margin: 0px auto;}
}