/* =====================================================
   GLOBAL SIDEBAR THEME
   Orange + Cream
===================================================== */

.sidebar{
    position:fixed;
    left:0;
    top:0;
    width:255px;
    height:100vh;
    overflow-y:auto;
    overflow-x:hidden;

    background:#F9F8F3;

    border-right:1px solid #ece7dc;

    z-index:1000;
}

/* scrollbar */

.sidebar::-webkit-scrollbar{
    width:6px;
}

.sidebar::-webkit-scrollbar-thumb{
    background:#d8d8d8;
    border-radius:20px;
}

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

.sidebar .brand{
    background:#ff8100;
    color:#fff;

    padding:8px 8px;

    text-align:center;

    border-bottom:1px solid rgba(255,255,255,.15);
}

.sidebar .brand img{

    max-height:55px;

    margin-bottom:2px;
}

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

.sidebar ul{

    padding:0;

    margin:0;

    list-style:none;
}
.sidebar > .p-3{
    padding:4px !important;
}
.sidebar li{

    margin:1px 0;
}

/* ===================================================== */
/* left side icon */
.sidebar .nav-link,
.sidebar .menu-toggle{

    display:flex;

    align-items:center;

    width:100%;

    gap:8px;

    color:#444;

    font-size:13px;

    font-weight:500;

    padding:1px 10px;

    border-radius:6px;

    text-decoration:none;

    transition:.2s;
}
.sidebar .menu-toggle i{
    width:18px;
    text-align:center;
}
.sidebar .menu-toggle .arrow{

    margin-left:auto;

    font-size:11px;
}
.sidebar .nav-link i,
.sidebar .menu-toggle i{

    font-size:17px;
}

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

.sidebar .nav-link:hover,
.sidebar .menu-toggle:hover{

    background:#ff8100;

    color:#fff !important;
}

/* active */

.sidebar .nav-link.active{

    background:#ff8100;

    color:#fff !important;

    font-weight:600;
}

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

.sidebar .submenu{

    display:none;

    margin-top:2px;

    margin-bottom:2px;
    margin-left:0;
    padding-left:0;
}

.sidebar .submenu.show{

    display:block !important;
}

.sidebar .submenu a{

    display:flex;

    padding:6px 10px 6px 35px;
    align-items:center;
    font-size:13px;
    width:100%;
    color:#666;

    border-radius:6px;

    text-decoration:none;

    margin:1px 0;
}

.sidebar .submenu a:hover{

    background:#ff8100;

    color:#fff !important;
}
.sidebar .submenu a.active{

    background:#ff8100;

    color:#fff !important;

    font-weight:600;
}
/* ===================================================== */

.arrow{

    transition:.25s;
}

.arrow.rotate{

    transform:rotate(90deg);
}

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

.sidebar .text-danger{

    color:#d63333 !important;
}

.sidebar .text-danger:hover{

    background:#ffe6e6 !important;

    color:#d63333 !important;
}

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

.content{

    margin-left:255px;

    padding:12px;

    min-height:100vh;
}

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

@media(max-width:991px){

.sidebar{

    transform:translateX(-100%);

    transition:.25s;
}

.sidebar.show{

    transform:translateX(0);
}

.content{

    margin-left:0;
}

}
.menu-item.open>.menu-toggle .arrow{

    transform:rotate(90deg);
}