@media only screen and (max-width: 850px) {
    .login-logos {
        margin-left: 135px;
        height: 180px;
    }
    
    .login-logos div.logo {       
        background: url('./img/se_logo_login_mobile.png');        
        width: 100px;
        height: 109px;        
    }
    
    .panel.login-form {
        width: 374px;
        padding: 16px;
    }        
    
    .loginform-wrapper {
        width: 374px;
    }
    
    .container.loginform {
        margin-left: -187px;
        margin-top: -380px;
        width: 374px;
    }
    
    .login-form .form-group .form-control {
        width: 312px;
    }
    
    .login-form .form-group .form-control[name="_username"]::placeholder,
    .login-form .form-group .form-control[name="_password"]::placeholder {
        color: #b1b5bd;
    }
     
    .login-form .form-group label {
        display: none;
    }
    
    .login-form .osi-btn {
        margin-left: -159px !important;
    }
    
    @media screen and (max-height: 600px) {
        .login-logos-wrapper {
            display: none;
        }

        .container.loginform {
            margin-top: -400px;
        }        
    }
    
    .content-wrapper {
        min-width: 380px;
    }
    
    #content textarea[name=ac_wl_ips],
    #content textarea[name=ac_bl_ips],
    #content textarea[name=ac_bl_paths]
    {    
        min-width: 225px;
    }
    
    .form-wrapper .input-text {
        width: 95%;        
    }      
    
    .form-wrapper .input-text textarea#ips {
        max-width: 440px;
        width: 100%;
    }
    
    @media (max-width: 767px) {
        #nav-additions.navbar-nav .open .dropdown-menu {
            position: absolute;
            background-color: white;
            border: 1px solid rgba(0,0,0,.15);
            -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
            box-shadow: 0 6px 12px rgba(0,0,0,.175);
        }
    }
    
    @media screen and (max-width: 700px) {
        .datepicker.dropdown-menu {
            left: 56px !important;
            overflow-y: scroll;
        }
    }
    
    #navbar-header .container-fluid>.navbar-header {
        margin-right: -15px;
        margin-left: -15px;
    }
    
    #user-menu.navbar-nav {
        margin: 7.5px -15px;
    }
    
    .navbar-header .menu-toggler {
        display: block;
        position: fixed;
        top: 27px;
        /*right: 45px;*/
        width: 24px;
        height: 24px;   
    }
    
    .navbar-header .menu-toggler a {
        color: white;
        text-decoration: none;
    }
    
    .navbar-header .menu-toggler .fa.fa-bars {
        display: none;
    }
    
    .navbar-header .menu-toggler .fa.fa-times {
        display: block;
    }
    
    .navbar-header .menu-toggler.collapsed .fa.fa-bars {
        display: block;
    }
    
    .navbar-header .menu-toggler.collapsed .fa.fa-times {
        display: none;
    }
    
    #sidebar {
        height: auto;
    }
    
    .sidebar-shading {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 800;
        background-color: black;
        opacity: 50%;
        top: 80px;
        left: 0;
        display: none;
    }
    
    #sidebar #user-menu {
        padding-top: 0px;
        height: auto;
        position: relative;     
        float: none !important;
    }
    
    #sidebar #user-menu a {
        height: 49px;
    }
    
    #sidebar #user-menu li {
        padding-right: 0;
        float: none;
        padding-left: 50px;
        border: none;
    }
    
    #sidebar #user-menu .fa {
        width: 22px;
        height: 22px;
        top: 18px;
    }
    
    #sidebar #user-menu .user-login {
        color: black;
        padding-left: 80px;
        border-top: 1px solid #e0e0e0;
        height: 65px;
        padding-top: 35px;
        margin-top: 20px;
    }
    
    #sidebar .fa-settings-icon {
        background: url(./img/settings_black.png);        
    }
    
    #sidebar .fa-logout-icon {
        background: url(./img/sign_out_black.png);       
    }
    
    .main.content {
        margin-left: 0px;
    }
    
    #nav-additions {
        width: 100% !important;  
        min-width: 0px !important;
        position: absolute;
        padding-left: 58px;
        padding-right: 38px;
        margin-top: 1px;
    }
    
    #content .navbar-positioner {
        position: absolute;
    }
    
    .col-sm-2.col-x-sm-min-width {
        width: 16.666667%;
    }
    
    .col-sm-4{
        width: 33.33333%;
    }
    
    div:has(> #report-table) {
        width: 100%;
        overflow-y: scroll;
    }
    
    div:has(> .users.table) {
        width: 100%;
        overflow-y: scroll;
    }
    
    .input-sm-flex-100-200 {
        min-width: 100px;
        max-width: 200px;
        width: 100%;
    }
    
/*    #content #nav-additions {
        width: 100% !important;
        padding-right: 0px;
    }*/
    
    #nav-additions #module-additions .section-module-additions {
        margin-bottom: 5px;
    }
    
    #nav-additions #module-additions .multiselect.dropdown-toggle {
        margin-left: 8px;
        top: 0px;
        margin-right: 0px;
    }
    
    #nav-additions #module-additions .multiselect-container.dropdown-menu {
        left: 8px;
        top: 32px;
    }
    
    #nav-additions #page-additions {
        margin-left: 0px;
    }
    
    #nav-additions #page-additions .section-additions {
        display: block;
    }
    
    #nav-additions #page-additions .section-additions .input-daterange {
        margin-left: 8px;
        top: 0px;
        margin-right: 8px;
        margin-bottom: 5px;
    }
    
    #nav-additions #page-additions .osi-btn {
        padding: 0 14px;   
        margin-bottom: 5px;
    }
    
    #nav-additions #page-additions .delivery-btns-block {
        top: 0px;
        margin-left: 8px;
        margin-right: 8px;
    }
    
    #footer {
        display: none;
    }
    
    #load-message {
        background-color: white;
        padding: 10px 30px 10px 10px;
        margin-right: -15px;
        margin-top: 20px;
        border-radius: 10px;
        box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2);
    }
    
    #load-message .loader {
        color:#0080c0;
        
    }
    
    #load-message .loader:before,
    #load-message .loader:after {
        background-color:#0080c0;
    }
    
}