@charset "utf-8";
body{ overflow-x: hidden; background-color: #fff; padding: 0; margin: 0;}
*::selection { background-color:#f85365; color:#FFF; }
h1,h2,h3,h4,h5,h6,div,input,p,a{font-family: Open Sans !important;  margin:0px; letter-spacing: -0.1px;}

.container-fluid,.container { margin:auto;padding:0px 10px;}

.form-group{ margin-bottom:5px; }

input,textarea,select,button{ margin:0 0 10px 0; font-size:13px !important; border-radius:4px; }
input[type=text],input[type=password],textarea,input[type=email],select,textarea{ width: 100%; padding: 5px 10px; height:40px; font-weight: 600; 	}
input[type=submit],input[type=button],input[type=reset],button{border:none; font-size: 11px; border-radius:4px !important; height:40px; color: #fffff !important;}


.btn{ border-radius:4px !important; height: 40px !important; line-height: 20px !important; font-weight: 600 !important; padding: 5px 20px !important}
.btn:hover,.btn:focus{  cursor:pointer; color:#FFF;}
a.btn{ line-height: 30px !important; }

.btn-custom{ background-color: #00113f; color: #ffffff; }


input[type=radio]{margin:0px;padding:0px; height:auto;}

.form-control{ box-shadow:none !important;  border-radius:4px; border:none !important; border-top:1px solid rgba(0,0,0,0.1) !important; height: 40px !important;}
.form-control:focus{border:none !important;}

textarea{ width: 100%;}
input[type=reset]{ margin-left: 10px;}

a{ color: inherit;}
a:hover,a:focus{ text-decoration: none !important; }

ul{margin: 0px; padding: 0px; list-style: none;}

.relative{ position: relative;}
.absolute{ position: absolute;}
.fixed{ position: fixed;}

.setup-container{ position: relative;  }

.logo-container{ position: fixed; top: 0; left: 0; width: 400px; bottom: 0; padding: 50px 35px 30px 35px; background-color: #666; background-image: url(../img/bg_2.jpg); background-position: top; background-size:auto 100%; background-attachment: fixed11; }

.logo{ max-height: 50px; }

.logo-content{ padding-top:calc(40vh - 100px); color: #ffffff }
.logo-content .logo-title{ margin-bottom: 20px; }
.logo-content .logo-description{ font-size: 13px; margin-bottom: 10px; letter-spacing: 0.5px }


.login-container{ padding-top:calc(45vh - 200px); padding-left: 0px; position: relative; }

.login-box{ max-width: 400px; min-height: 300px; background-color: #FFF; border-radius: 4px; margin: 50px auto; }

.login-box .logo { height: 50px; margin-bottom: 10px; display: none; }

.login-title{ color: #00113f; color: #000000; }

.login-box label{ font-weight: 600; color: rgba(0,0,0,0.6) }

.login-box .form-control, .register-box .form-control{ background-color: #d8e2ec; background-color: #e3ecf5; }

.login-box .register-link{ color: #e94100;  }

.login-container .logo-website{ font-size: 13px; opacity: 0.7; letter-spacing: 0.8px; position: fixed; bottom: 15px; right: 15px; font-weight: 600;  cursor: pointer;}




.underline{ height: 5px; background-color: #f26923; margin: 10px AUTO; width: 100px; border-radius:0 5px 0 5px; }


.dashed-hr { border-top: 1px dashed #ddd; margin: 10px 0px; }


.interface-block{ padding: 50px; border-radius: 10px; background-color: #fff; border-bottom: 3px solid rgba(0,0,0,0.1) }
.interface-block:hover{ box-shadow: 0px 10px 25px rgba(0,0,0,0.2) }