li { list-style: none; }

/* Layout skeleton */

.wrapper { align-items: stretch; display: flex; width: 100%; overflow: hidden !important }

#sidebar { max-width: 264px; min-width: 264px; transition: all 0.35s ease-in-out; padding-top: 20px; background-color: #fcfcfc; margin-top: 5px; /* box-shadow: 0 0 15px 0 rgba(49, 57, 66, 0.5);*/ z-index: 1111; }

    /* Sidebar collapse */
    #sidebar.collapsed { margin-right: -264px; }

.main {/*display: flex;*/ /*flex-direction: column;*/ min-height: 70vh; width: 100%; overflow: hidden; transition: all 0.35s ease-in-out; }

.sidebar-logo { padding: 0.6rem 1rem; direction: rtl; }
  

    .sidebar-logo a { font-size: 1rem; color: #000 }

.sidebar-nav { padding: 0; direction: rtl }

.sidebar-header { color: #222; font-size: .75rem; padding: 1.5rem 1.5rem .375rem; }

a.sidebar-link { padding: .425rem 1rem; position: relative; display: block; font-size: 0.9rem; }
.sidebar-icon {  height:36px; width:36px; border-radius:100%; margin-left:10px; }

.sidebar-link[data-bs-toggle="collapse"]::after { border: solid; border-width: 0 .075rem .075rem 0; content: ""; display: inline-block; padding: 2px; position: absolute; left: 1.5rem; top: 1.4rem; transform: rotate(-135deg); transition: all .2s ease-out; }
.sidebar-link[data-bs-toggle="collapse"].collapsed::after { transform: rotate(45deg); transition: all .2s ease-out; }

.content { flex: 1; max-width: 100vw; width: 100vw; }

/* Responsive */

@media (min-width:768px) {
    .content { width: auto; }
   
}

/*@media (max-width:768px) {
    .main { display: flex; }
}*/

.sidnavbar { direction: rtl }
.sidnav .navbar-toggler-icon { background-color: #808080 !important }
.sidebar-item a { color: #111; }
/*.sidebar-item.subitem { padding-right: 20px; padding-left: 20px; }*/
    .sidebar-item .subitem a { font-size: 0.8rem; color: #444 !important; }

    /*
.subitem a[data-bs-toggle="collapse"]::after { top: 0.9rem !important; }*/
.subitem { padding-right:22px; }
    .subitem ul { background-color: #f9f9f9 !important; margin-top: 8px; padding: 7px; }
.sidebar-item.thirditem { color: #555 !important; }

.subitem .sidebar-link[data-bs-toggle="collapse"]::after {  left: 2.8rem !important; top: 0.8rem !important; }


/*.subitem .sidebar-link[data-bs-toggle="collapse"].collapsed .fa:after { content: "\f146"; }
.subitem .sidebar-link[data-bs-toggle="collapse"].collapsed .fa:after { content: "\f0fe"; transition: all .2s ease-out; }
*/