@media (min-width: 1201px){
    #navbar-adaptation{
        z-index: -1 !important;
        position: absolute;
        background-color: #3198c9;
    }

    #left-sidebar{
        margin-top: 0rem !important;
        background-color: #2f4050 !important;
        width: 220px !important;
        top: 0px !important;
        left: 0px !important;
        height: 100% !important;
    }

    #imgLogo{
        display: none;
    }

    #main-menu li a.has-arrow{
        color: #989fb2 !important;
        font-weight: 600;
    }

    .sidebar-nav .metismenu ul a{
        color: #ccc !important;
        font-weight: 600;
    }

    #logoLeftBar{
        width: 62px;
        margin-bottom: 2rem;
        margin-top: 0.5rem;
    }

    #main-content{
        padding: 0rem 0rem !important;
    }

    div#main-content .container-fluid{
        padding-left: 0rem !important;
        padding-right: 1.5rem !important;
        margin-top: -1rem;
        margin-left: -0.3rem;
    }

    .navbar>.container-fluid{
        margin-left: 15rem !important;
    }

}

@media (max-width: 1200px){

    #logoLeftBar{
        display: none;
    }

    #main-menu li a.has-arrow{
        color: #989fb2 !important;
        font-weight: 600;
    }

    .sidebar-nav .metismenu ul a{
        color: #ccc !important;
        font-weight: 600;
    }

    #left-sidebar{
        background-color: #2f4050 !important;
        margin-top: 56px !important;
    }

    div#main-content .container-fluid{
        margin-top: -1rem;
    }

    .offcanvas-active #left-sidebar{
        left: 0px !important;
        height: 100%;
        top: 0px;
    }

    .navbar-fixed-top .navbar-right{
        width: auto !important;
    }

    .navbar-fixed-top .navbar-brand {
        padding: 15px 0px !important;
    }

}


#navbar-adaptation{
    background-color: #3198c9;
    border-bottom: none;
}

.navbar-brand a, .navbar-right a{
    color: white;
}

#main-menu>li>a>span,  #main-menu>li>ul>li>a{
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: LatoWeb, sans-serif !important;
    line-height: 1.2;
}

#main-menu>li>ul>li>a:hover{
    color: #222 !important;
    background-color: #ccc;
}

.sidebar-nav .metismenu ul a{
    padding: 6px 15px 6px 57px !important;
}

.sidebar-nav .metismenu a{
    padding: 3.9px 15px !important;
}

.user-account{
    margin: 10px 0px !important;
}

#left-sidebar{
    top: 0px !important;
}

@media (max-width: 416px){

    .navbar-brand{
        font-size: 16.1px;
    }

}

.navbar>.container-fluid{
    flex-wrap: nowrap;
}

img#logoLeftBar{
    border-radius: initial;
}