.menu-title {
    color: #000000;
    border-bottom: 1px solid #ebebeb;
}
.navbar-menu .navbar-nav .nav-sm {
    padding-left: 0;
}
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"]
    .navbar-menu
    .navbar-nav
    .nav-item:hover
    > .menu-dropdown,
.navbar-menu {
    background: #fff !important;
    border-right: 1px solid #ebebeb;
}
.navbar-brand-box {
    background-color: #fff !important;
    border-bottom: 1px solid #ebebeb;
}

.navbar-menu
    .navbar-nav
    .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:after,
.navbar-menu.navbar-nav.nav-link[data-bs-toggle="collapse"][aria-expanded="true"]:after {
    color: #6f6b7d !important;
}
.navbar-menu .navbar-nav .nav-link {
    color: #6f6b7d !important;
    border-bottom: 1px solid #ebebeb;
}
.profile-wid-bg::before,
:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"]
    .navbar-menu
    .navbar-nav
    .nav-item:hover
    > a.menu-link,
.navbar-menu .navbar-nav .nav-link.active {
    background: linear-gradient(
        180deg,
        #ffffff 0%,
        #e5e7eb 50%,
        #cbd5e1 100%
    ) !important;
}
.navbar-menu .navbar-nav .nav-sm .nav-link {
    padding: 0.55rem 2rem !important;
    color: #6f6b7d;
}

.navbar-menu .navbar-nav .nav-sm .nav-link:hover:before,
.navbar-menu .navbar-nav .nav-sm .nav-link:before {
    left: 20px;
    width: 6px;
    height: 6px;
    border-radius: 50px;
    background-color: #726e80 !important;
}
.navbar-menu .navbar-nav .nav-link:hover {
    color: #000 !important;
}

.logo-sm {
    background-color: #da2f2e;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.crm-widget .col:last-child {
    border-right: 0 !important;
}

/* .choices__inner{
    min-height: calc(1.5em + .5rem + calc(var(--vz-border-width) * 2)) !important;
    padding: .25rem .5rem !important;
    font-size: calc(var(--vz-font-base) * .875) !important;
    border-radius: var(--vz-border-radius-sm) !important;
} */

.choices__inner {
    min-height: calc(
        1.5em + 0.5rem + calc(var(--vz-border-width) * 2)
    ) !important;
}

/* === Small Mobile Devices (Portrait) === */
/* This is the default style - no media query needed. */
/* Targets: Devices less than 576px */

/* === Small Devices (Landscape Phones, ~576px and Up) === */
@media (max-width: 576px) {
    /* Your styles for small devices here */
}

/* === Medium Devices (Tablets, ~768px and Up) === */
@media (max-width: 768px) {
    /* Your styles for medium devices here */
}

/* === Large Devices (Desktops, ~992px and Up) === */
@media (max-width: 992px) {
    /* Your styles for large devices here */
}

/* === Extra Large Devices (Large Desktops, ~1200px and Up) === */
@media (max-width: 1200px) {
    /* Your styles for extra large devices here */
}

/* === Extra Extra Large Devices (~1400px and Up) === */
@media (max-width: 1400px) {
    /* Your styles for massive screens here */

    .crm-widget .col:nth-child(3){
        border-right: 1px solid var(--vz-border-color);
    }
    #leadList th,
    #quotenList_wrapper th {
        font-size: 12px;
    }
    #quotenList_wrapper td,
    #leadList td {
        font-size: 12px;
        padding: 5px;
    }

    .topbar-user {
        height: 50px;
        background-color: #fff;
    }
    .navbar-header {
        height: 50px;
    }
    .page-content {
        padding: calc(50px + var(--vz-grid-gutter-width))
            calc(var(--vz-grid-gutter-width) * 0.5) 50px
            calc(var(--vz-grid-gutter-width) * 0.5);
    }
    .tasks-board .tasks-list {
        min-width: 230px;
    }
    .tasks-wrapper {
        max-height: calc(60vh) !important;
    }
    /* .navbar-menu {
        width: 180px;
    } */
    .navbar-menu .navbar-nav .nav-link {
        font-size: 0.75rem;
    }
    .navbar-menu .navbar-nav .nav-sm .nav-link {
        font-size: 0.7rem;
    }
    .footer {
        padding: 10px calc(var(--vz-grid-gutter-width) * 0.5);
        height: 35px;
    }
    .page-title-box {
        padding: 5px var(--vz-grid-gutter-width);
    }
    .offcanvas.offcanvas-end {
        width: 275px;
    }
}


/* default */
.offcanvas-w-sm,
.offcanvas-w-md,
.offcanvas-w-lg,
.offcanvas-w-xl,
.offcanvas-w-xxl {
    width: 100% !important;
}

/* >= 768px */
@media (min-width: 768px) {
    .offcanvas-w-sm { width: 25%!important; }
    .offcanvas-w-md { width: 50%!important; }
    .offcanvas-w-lg { width: 75%!important; }
    .offcanvas-w-xl { width: 80%!important; }
    .offcanvas-w-xxl { width: 90%!important; }
}


input:focus,
select:focus,
textarea:focus {
    border-color:#000 !important;
}

/* Focused but closed */
.choices.is-focused .choices__inner {
    border-color: #000 !important;
    /* box-shadow: 0 0 0 .25rem rgba(var(--vz-primary-rgb), .25); */
}

/* Focused + dropdown open */
.choices.is-open .choices__inner {
    border-color: #000 !important;
    /* box-shadow: 0 0 0 .25rem rgba(var(--vz-primary-rgb), .25); */
}