/* ==========================================================
   DISCÍPULO ONLINE ERP
   SIDEBAR V7
========================================================== */

.sidebar{

    position:fixed;

    top:56px;

    left:0;

    width:200px;

    height:calc(100vh - 56px);

    background:#0F172A;

    overflow-y:auto;

    transition:.25s;

}

/*==========================================================*/

body.sidebar-collapsed .sidebar{

    width:64px;

}

/*==========================================================*/

.sidebar-search{

    padding:15px;

}

.search-box{

    height:38px;

    background:#1E293B;

    border-radius:8px;

    display:flex;

    align-items:center;

    padding:0 12px;

    gap:10px;

}

.search-box i{

    color:#94A3B8;

    font-size:13px;

}

.search-box input{

    flex:1;

    border:none;

    outline:none;

    background:transparent;

    color:#FFF;

    font-size:13px;

}

body.sidebar-collapsed .search-box input{

    display:none;

}

/*==========================================================*/

.sidebar-menu{

    padding:10px 0;

}

.sidebar-menu ul{

    list-style:none;

}

.sidebar-menu li{

    width:100%;

}

/*==========================================================*/

.sidebar-menu a{

    height:42px;

    display:flex;

    align-items:center;

    gap:14px;

    padding:0 18px;

    color:#CBD5E1;

    font-size:13px;

    transition:.2s;

}

.sidebar-menu a:hover{

    background:#1E293B;

}

.sidebar-menu a.active{

    background:#1565C0;

    color:#FFF;

}

/*==========================================================*/

.sidebar-menu a i:first-child{

    width:18px;

    text-align:center;

}

/*==========================================================*/

.submenu{

    display:none;

    background:#111827;

}

.has-submenu.open .submenu{

    display:block;

}

.submenu li a{

    padding-left:50px;

    height:38px;

    font-size:12px;

}

/*==========================================================*/

.submenu-arrow{

    margin-left:auto;

    font-size:11px;

    transition:.25s;

}

.has-submenu.open .submenu-arrow{

    transform:rotate(90deg);

}

/*==========================================================*/

body.sidebar-collapsed .sidebar span,

body.sidebar-collapsed .submenu-arrow,

body.sidebar-collapsed .search-box{

    display:none;

}

body.sidebar-collapsed .sidebar-menu a{

    justify-content:center;

    padding:0;

}

/*==========================================================
SCROLL
==========================================================*/

.sidebar::-webkit-scrollbar{

    width:6px;

}

.sidebar::-webkit-scrollbar-thumb{

    background:#334155;

}

/*==========================================================
MODO ESCURO
==========================================================*/

body.dark-mode .sidebar{

    background:#020617;

}

body.dark-mode .submenu{

    background:#0F172A;

}