body{ overflow-x: hidden; background-color: #f1f5f9; padding: 0; margin: 0;}
*::selection { background-color:#f85365; color:#FFF; }
h1,h2,h3,h4,h5,h6,div,input,p,a{font-family: InterVariable !important;  margin:0px; }

.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: #255fbf; color: #ffffff; letter-spacing: 1px }


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; background-color: #e3ecf5 !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; }

.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-left: 500px;*/ padding-top:calc(45vh - 250px); margin: 0px auto;}
.login-intro{ padding: 20px;}
.login-box{ max-width:400px; margin:50px auto; }

.login-box .logo{ display: none; height: 50px; margin: 0 auto;}
.login-box label { font-weight: 600; color: rgba(0,0,0,0.6); }

.register-link { color: #e94100; }

.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; bottom:8px; color:#2b50a3; cursor: pointer; padding: 5px; border-radius: 4px }

.error-message{ display:none; font-weight: 700; margin-bottom: 0; color: #de5741; }

@media (min-width:0px) and (max-width:850px){

    .logo-container{ display: none; }    
    .login-container {padding:35px; padding-top: calc(45vh - 280px);}
    .login-box { margin: 30px auto; }
    .login-box .logo {display: block; margin-bottom: 25px; }

    .register-container{ padding: 0;  }
    .register-box{ padding-top: 50px; }
    .register-box .logo {display: block; margin-bottom: 25px;}
    .register-box .login-title{ text-align: center; }
    .underline { margin: 10px auto; }


    .navigation-container{ left: -100px; z-index: 1000; }
    .navigation-container .logo{ height: 50px; }

    .navigation{ padding-top: 10px; }

    .active-navigation{ left: 0; transition: all 0.1s ease-out;}

    .header-container{ left: 0; }
    .header-container .logo{ display: inline-block;}
    .header-container .toggle{ display: inline-block;}
    .main-container{ padding-left: 0; }



    .company-selector{ position: static; width: 100%; }

    .company-selector h5{ padding: 12px 20px; }

    .company-selector ul li.active{ border-radius: 0 }

    .company-selector .btn-new-company{ position: absolute; top: 0; right: 0; width: auto;  }
    .company-container{ padding-left: 0; }


    .company-name{ padding-top: 0; }

    .logo-website{ left: 15px; text-align: center; }

    .settings-container{ position: static; width: 100% }
    .settings-ul{  }

    .settings-ul li{ float: left; width: 25% }
    .settings-ul li a{ padding: 15px 5px; text-align: center; font-size: 11px; }
    .settings-ul li a .fa{ position: static; display: block; margin-bottom: 5px; }
    .settings-ul li a p{ display: none; }

    .settings-content{ padding-left: 0; }

}