:root {
    --tone: #f58634;
    --shade: #49322c;
    --tint: #fefbe2;
}

.main-content-section .left-category-box .side-barScroll::-webkit-scrollbar {
    width: 5px;
}
.one-main-theme-content .left-category-box ul li a:hover{
    color: var(--h1primary);
}

.main-content-section
    .left-category-box
    .side-barScroll::-webkit-scrollbar-track {
    background-color: #d2d3d5;
}

.main-content-section
    .left-category-box
    .side-barScroll::-webkit-scrollbar-thumb {
    background: #727376;
}

.side-barScroll li a {
    width: 100% !important;
}
/* main-content-section */
.main-content-section .left-category-box {
    background-color: #e6e7e8;
    width: 300px;
    padding: 0;
    height: 100%;
}

.main-content-section .side-barScroll {
    overflow: auto;
}

.main-content-section .left-category-box .category-scroll {
    background-color: #fff;
}

.dashboard-sidebar-container .left-category-box .category-scroll li .span-ca {
    list-style: none;
    color: var(--shade);
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    padding: 10px 18px;
    border-bottom: 2px dotted #e6e7e8;
    cursor: pointer;
}

.dashboard-sidebar-container .left-category-box .category-scroll .plus-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 26px;
}

.dashboard-sidebar-container
    .left-category-box
    .category-scroll
    .btn-a[aria-expanded="true"]
    .plus-box
    span:last-child {
    opacity: 0 !important;
}

.dashboard-sidebar-container
    .left-category-box
    .category-scroll
    .btn-a[aria-expanded="true"]
    .span-ca {
    border-bottom: 0;
}

.dashboard-sidebar-container
    .left-category-box
    .category-scroll
    .plus-box
    span {
    background-color: var(--shade);
    display: block;
}

.dashboard-sidebar-container
    .left-category-box
    .category-scroll
    .plus-box
    span:last-child {
    height: 12px;
    width: 2px;
    transition: all 0.5s ease;
}

.dashboard-sidebar-container
    .left-category-box
    .category-scroll
    .plus-box
    span:first-child {
    width: 12px;
    height: 2px;
    transform: translateX(7px);
}

.span-ca-border{
    border-bottom: 2px dotted #e6e7e8;
}
.dashboard-sidebar-container .left-category-box .category-scroll .btn-a[aria-expanded="true"] .span-ca-border{
    border-bottom: 0;
}

.dashboard-sidebar-container .left-category-box .category-scroll .subMenuItem {
    color: var(--tone);
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    cursor: pointer;
    display: block;
}

@media (max-width: 1650px) {
    /* .main-content-section {
        padding-left: 50px;
    } */
}

@media (max-width: 1480px) {
    .main-content-section {
        padding-left: 0px;
    }
}

@media (max-width: 991px) {
    .main-content-section .dashboard-sidebar-container .left-category-box {
        position: fixed;
        z-index: 999999;
        top: 0px;
        left: 0;
        bottom: 0;
        transform: translateX(-100%);
        transition: all 0.6s ease;
        width: 300px;
        border-radius: 0 20px 20px 0;
        background-color: var(--tint);
    }

    .main-content-section .md-show-category-box {
        box-shadow: 34px 0px 80px rgba(0, 0, 0, 0.3);
        transform: translateX(0%) !important;
    }

    .dashboard-sidebar-container .left-category-box .category-close {
        height: 66px;
        padding: 32px 18px 0 0;
    }

    .dashboard-sidebar-container .left-category-box .category-close span {
        display: block;
        width: 26px;
        height: 2px;
        background-color: var(--h1primary);;
    }

    .dashboard-sidebar-container
        .left-category-box
        .category-close
        span:nth-child(1) {
        transform: rotate(45deg);
    }

    .dashboard-sidebar-container
        .left-category-box
        .category-close
        span:nth-child(2) {
        transform: translate(0px, -2.5px) rotate(-45deg);
    }

    .main-content-section .side-barScroll {
        height: calc(100dvh - 72px) !important;
    }
}