/*
  Created on : Mar 23, 2024, 9:51:59 AM
  Author     : Tran Trong Thang
  Email      : trantrongthang1207@gmail.com
  Skype      : trantrongthang1207
*/
@media (max-width: 991.98px){
    .offcanvas-collapse .nav-link,
    .navbar-light .offcanvas-collapse .navbar-nav .nav-link{
        color: #ffffff;
    }
    
    .infor-user {
        color: #ffffff;
        padding-left: 25px;
    }
    .offcanvas-collapse {
        background-color: #040426;
    }
    .navbar-expand-lg .navbar-nav .nav-item {
        border-bottom: 1px solid #ffffff;
    }
    .nav-header a{
        font-size: 25px;
    }
    .nav-header a.nav-notifications{
        color: #fff;
    }
    .nav-header a.nav-notifications,
    .nav-header a.close{
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .nav-header a.close{
        text-align: center;
    }
    #mobile-menu .dropdown-menu .dropdown-item {
        color: #ffffff;
        font-weight: normal;
        font-size: 14px;
        text-transform: capitalize;
    }
    .navbar-expand-lg .navbar-nav .nav-link:hover:not(.btn),
    .navbar-expand-lg .navbar-nav .dropdown-item:hover:not(.btn) {
        color: #DD3433;
        opacity: 0.8;
    }

    .dropdown-toggle.show:before, .submenu-toggle.show:before {
        content: "\f068";
        color: #ffffff;
    }
    .dropdown-toggle:before, .submenu-toggle:before {
        content: "\f067";
        font-family: "Font Awesome";
        position: absolute;
        right: 25px;
    }
    .t-navigation .nav-link:not(.btn) {
        line-height: 32px;
    }
    .offcanvas-collapse .nav-link i {
        font-size: 30px;
    }
}
@media(max-width: 568px){
    .offcanvas-collapse .nav-link,
    .navbar-light .offcanvas-collapse .navbar-nav .nav-link{
        color: #ffffff;
    }
    
    #pills-tab-box-now{
        display: -webkit-box;
        flex-wrap: inherit;
        overflow-y: auto;
    }
    #pills-tab-box-now li:nth-child(1){
        
    }
    #pills-tab-box-now::-webkit-scrollbar{
        height: 5px;
    }

    #pills-tab-box-now::-webkit-scrollbar-track,
    #pills-tab-box-now::-webkit-scrollbar-track-piece{
        background: #ddd;
    }

    #pills-tab-box-now::-webkit-scrollbar-thumb,
    #pills-tab-box-now::-webkit-scrollbar-thumb:vertical{
        background: #4FAE5A;
        border-radius: 5px;
        border: none;
    }
}
@media (max-width: 480px){
    .offcanvas-collapse{
        padding: 0;
    }
    .offcanvas-collapse .nav-link,
    .navbar-light .offcanvas-collapse .navbar-nav .nav-link{
        color: #ffffff;
    }
}