/* ====================================================
 Sidebar-left
====================================================== */

.sidebar-left {
    position: fixed;
    left: 0px;
    top: 0;
    height: 100%;
    width: 100px;
    z-index: 20;
    overflow: auto;
    transition: .3s
}

.sidebar-left ul li a {
    text-align: center;
    position: relative;
    transition: .1s;
}

.sidebar-left ul li a i {
    font-size: 20px;
    width: 100%;
    height: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo {
    position: absolute;
    left: 80px;
    top: -5px;
    z-index: 10;
    height: 96px !important;
    width: 230px;
}

.logo-c {
    height: 90px;
}

.logo:after {
    content: "";
    position: absolute;
    left: 0px;
    top: 30px;
    width: 40px;
    height: 40px;
    transform: rotate(45deg);
    z-index: 0;
}

.logo, .logo-c {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tab-content.wrapper {
    margin-left: 100px;
    transition: .3s;
}

.sidebar-left .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: unset;
}

.sidebar-left .nav-tabs .nav-link {
    border: unset;
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}



/* ====================================================
 1.2: Sidebar-left
====================================================== */

@media(max-width:768px){
    .bg-overlay-page { content: ""; position: fixed; top: 0; left: -100%; height: 100%; width: 100%; z-index: 10; transition: .3s } 
    .bg-overlay-page.slide { left: 0; } 
    .sidebar-left { left: -100%; } 
    .sidebar-left-btn { position: fixed; left: 22px; top: 28px; z-index: 20; transition: .3s } 
    .tab-content.wrapper { margin-left: 0px; } 
    .sidebar-close-btn { position: absolute; top: 35px; right: 0px; font-size: 22px; transition: .3s; cursor: pointer; } 
    .logo { width: 280px; left: 20px; transition: .3s } 
    .sidebar-left-btn.slide-btn { left: -100%; } 
    .sidebar-left.slide-left { left: 0; z-index: 20; } 
    .sidebar-close-btn.move { top: 10px; right: 10px; } 
    .logo.logo-left { width: 220px; left: 80px; } 
    }