@charset "utf-8";
/* RESPONSIVE CSS */
@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{ margin:30px auto; padding: 35px; }
    .register-box .logo {display: block; margin-bottom: 25px;}
    .register-box .login-title{ text-align: center; }
    .underline { margin: 10px auto; }


    .navigation-container{ left: -120px; z-index: 1000; }
    .navigation-container .logo{ height: 60px; }

    .navigation{ padding-top: 0; }

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

    .header-container{ left: 0; height: 60px; }
    .header-container .logo{ display: inline-block; margin: 20px 0; }
    .header-container .toggle{ display: inline-block; padding: 15px 20px; font-size: 21px;}

    .header-link{ padding: 17px 10px; }
    .header-link ul{ top: 60px; }


    .main-container{ padding-left: 0; padding-top: 60px; }



    .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 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; }

    .right-container{ padding: 0; height: calc(100vh - 150px); }
    .left-container+.right-container{ padding: 0; height: calc(100vh - 120px);}

    .btn-setup{ width:100%; display: block;}

}
@media (min-width:0px) and (max-width:1024px){
    
}
@media screen and (max-width: 640px){
    
}
@media print{
    
}