.sidebar-nav .has-arrow.main::after {
    border-width: 3px 0 0 3px;
    border-color: #2A3F54;
}

.sidebar-nav ul li a.main {
    color: #2A3F54;
    padding-left: 0px;
    font-weight: bold;
}

.sidebar-nav ul li a.main .nav-small-cap {
    padding-left: 6px;
    font-weight: 600;
    font-size: 15px;
    display: block;
}

.sidebar-nav .has-arrow::after {
    top: 50%;
}



.skin-blue .sidebar-nav ul li a.active, .skin-blue .sidebar-nav ul li a.active i, .skin-blue .sidebar-nav ul li a:hover  {
    color: #2A3F54;
    background: #e7e7e7;
}

.sidebar-nav > ul > li i {
    width: 25px;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    color: #787f91;
}



/******************************************************/




    /*scrollbar customize*/

    .ps.ps--active-x>.ps__scrollbar-x-rail, .ps.ps--active-y>.ps__scrollbar-y-rail {
        /*display: block;*/
        background-color: #1c2053 !important;
    }

    .ps:hover>.ps__scrollbar-y-rail {
        opacity: 0.9 !important;
        z-index: 999 !important;
    }

    .ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y {
        background: white !important;
    }

    .ps>.ps__scrollbar-y-rail>.ps__scrollbar-y {
        /*position: absolute;*/
        background-color: #008a8b !important;
        /*-webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        right: 2px;
        width: 6px;*/
    }

    .scroll-sidebar.ps .ps__scrollbar-y-rail {
        /*right: 2px;
        right: auto;
        background: 0 0;*/
        width: 10px !important;
    }





    .scroll-sidebar.ps .ps__scrollbar-y-rail{
        right:2px;
        right:auto;
        background:0 0;
        width:6px;
        border-radius: 5px;
    }



    .ps:hover>.ps__scrollbar-x-rail:hover>.ps__scrollbar-x, .ps:hover>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y {
        /* background-color: rgb(251 150 120) !important; */
        background-color: grey !important;
    }


/*****************************************************/




    /*sidebar-nav*/

    @media (min-width: 768px){


        .mini-sidebar .sidebar-nav {
            display: none;
        }

        .mini-sidebar .footer, .mini-sidebar .page-wrapper {
            margin-left: 0px;
        }

        .mini-sidebar .left-sidebar {
            width: 0px;
        }
    }




/*****************************************************/





.content{width: 260px; margin: 100px auto;}.colors{width: 260px; float: left; margin: 20px auto;}.colors a{width: 43.3px; height: 30px; float: left;}.colors .default{background: #414956;}.colors .blue{background: #4A89DC;}.colors .green{background: #03A678;}.colors .red{background: #ED5565;}.colors .white{background: #fff;}.colors .black{background: #292929;}

.jquery-accordion-men.jquery-accordion-menu{min-width:auto;float:left;position:relative;box-shadow:none}.jquery-accordion-menu .jquery-accordion-menu-footer,.jquery-accordion-menu .jquery-accordion-menu-header{width:100%;height:50px;padding-left:22px;float:left;line-height:50px;font-weight:600;color:#f0f0f0;background:#414956}.jquery-accordion-menu ul{margin:0;padding:0;list-style:none}.jquery-accordion-menu ul li{width:100%;display:block;float:left;position:relative}.jquery-accordion-menu ul li a{width:100%;padding:14px 22px;float:left;text-decoration:none;color:#f0f0f0;font-size:13px;background:#414956;white-space:nowrap;position:relative;overflow:hidden;-o-transition:color .2s linear,background .2s linear;-moz-transition:color .2s linear,background .2s linear;-webkit-transition:color .2s linear,background .2s linear;transition:color .2s linear,background .2s linear}.jquery-accordion-menu>ul>li.active>a,.jquery-accordion-menu>ul>li:hover>a{color:#fff;background:#3b424d}.jquery-accordion-menu>ul>li>a{border-bottom:solid 1px #3b424d}.jquery-accordion-menu ul li a i{width:34px;float:left;line-height:18px;font-size:16px;text-align:left}.jquery-accordion-menu .submenu-indicator{float:right;right:22px;position:absolute;line-height:19px;font-size:20px;-o-transition:transform .3s linear;-moz-transition:transform .3s linear;-webkit-transition:transform .3s linear;-ms-transition:transform .3s linear}.jquery-accordion-menu ul ul.submenu .submenu-indicator{line-height:16px}.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator{-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.jquery-accordion-menu ul ul.submenu,.jquery-accordion-menu ul ul.submenu li ul.submenu{width:100%;display:none;position:static}.jquery-accordion-menu ul ul.submenu li{clear:both;width:100%}.jquery-accordion-menu ul ul.submenu li a{width:100%;float:left;font-size:11px;background:#ffffff;border-top:none;position:relative;border-left:solid 6px transparent;-o-transition:border .2s linear;-moz-transition:border .2s linear;-webkit-transition:border .2s linear;transition:border .2s linear}.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#414956}.jquery-accordion-menu ul ul.submenu>li>a{padding-left:20px}.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a{padding-left:45px}.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a{padding-left:60px}.jquery-accordion-menu ul li .jquery-accordion-menu-label,.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label{min-width:20px;padding:1px 2px 1px 1px;position:absolute;right:18px;top:14px;font-size:11px;font-weight:800;color:#555;text-align:center;line-height:18px;background:#f0f0f0;border-radius:100%}.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label{top:12px}.ink{display:block;position:absolute;background:rgba(255,255,255,.3);border-radius:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.animate-ink{-webkit-animation:ripple .5s linear;-moz-animation:ripple .5s linear;-ms-animation:ripple .5s linear;-o-animation:ripple .5s linear;animation:ripple .5s linear}@-webkit-keyframes ripple{100%{opacity:0;-webkit-transform:scale(2.5)}}@-moz-keyframes ripple{100%{opacity:0;-moz-transform:scale(2.5)}}@-o-keyframes ripple{100%{opacity:0;-o-transform:scale(2.5)}}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}.blue.jquery-accordion-menu .jquery-accordion-menu-footer,.blue.jquery-accordion-menu .jquery-accordion-menu-header,.blue.jquery-accordion-menu ul li a{background:#4A89DC}.blue.jquery-accordion-menu>ul>li.active>a,.blue.jquery-accordion-menu>ul>li:hover>a{background:#3e82da}.blue.jquery-accordion-menu>ul>li>a{border-bottom-color:#3e82da}.blue.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#3e82da}.green.jquery-accordion-menu .jquery-accordion-menu-footer,.green.jquery-accordion-menu .jquery-accordion-menu-header,.green.jquery-accordion-menu ul li a{background:#03A678}.green.jquery-accordion-menu>ul>li.active>a,.green.jquery-accordion-menu>ul>li:hover>a{background:#049372}.green.jquery-accordion-menu>ul>li>a{border-bottom-color:#049372}.green.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#049372}.red.jquery-accordion-menu .jquery-accordion-menu-footer,.red.jquery-accordion-menu .jquery-accordion-menu-header,.red.jquery-accordion-menu ul li a{background:#ED5565}.red.jquery-accordion-menu>ul>li.active>a,.red.jquery-accordion-menu>ul>li:hover>a{background:#DA4453}.red.jquery-accordion-menu>ul>li>a{border-bottom-color:#DA4453}.red.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#DA4453}.white.jquery-accordion-menu .jquery-accordion-menu-footer,.white.jquery-accordion-menu .jquery-accordion-menu-header,.white.jquery-accordion-menu ul li a{background:#fff;color:#555}.white.jquery-accordion-menu>ul>li.active>a,.white.jquery-accordion-menu>ul>li:hover>a{background:#f0f0f0}.white.jquery-accordion-menu>ul>li>a{border-bottom-color:#f0f0f0}.white.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#f0f0f0}.white.jquery-accordion-menu ul ul.submenu li a{color:#383838}.white.jquery-accordion-menu>ul>li>a>.ink{background:rgba(0,0,0,.1)}.black.jquery-accordion-menu .jquery-accordion-menu-footer,.black.jquery-accordion-menu .jquery-accordion-menu-header,.black.jquery-accordion-menu ul li a{background:#292929}.black.jquery-accordion-menu>ul>li.active>a,.black.jquery-accordion-menu>ul>li:hover>a{background:#222}.black.jquery-accordion-menu>ul>li>a{border-bottom-color:#222}.black.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color:#222}







/*****************************************************/





@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
        max-width:1200px;
    }
}




/*****************************************************/



.nav-main {
    border-left-color: var(--bar-color);
    border-left-style: solid;
    border-left-width: 2px;
    transition-duration: 100ms;
}

.nav-main:hover {
    border-left-width: 5px;
    transition-duration: 100ms;
}

.nav-main:hover .main {
    background: var(--bar-hover-color) !important;
}

.waves-effect:hover .bell, .dropdown-item:hover .bell {
    animation: bellshake .5s cubic-bezier(.36,.07,.19,.97) both;
    backface-visibility: hidden;
    transform-origin: top right
}

@keyframes bellshake {
    0% {
        transform: rotate(0)
    }

    15% {
        transform: rotate(5deg)
    }

    30% {
        transform: rotate(-5deg)
    }

    45% {
        transform: rotate(4deg)
    }

    60% {
        transform: rotate(-4deg)
    }

    75% {
        transform: rotate(2deg)
    }

    85% {
        transform: rotate(-2deg)
    }

    92% {
        transform: rotate(1deg)
    }

    to {
        transform: rotate(0)
    }
}




/* mega menu */
@media (min-width: 1024px) {

    .page-wrapper, .footer
    {

      margin-left: 270px;
    }
}

.left-sidebar {

    width: 270px;

}


@media (max-width: 767px) {

    .mini-sidebar .left-sidebar, .mini-sidebar .sidebar-footer
    {

      left: -270px;

    }

}


.required {
    color: #e46a76;
    font-weight: bold;
}