.menu .app-brand.demo {
    height: 64px;
}

.menu-item.active > .menu-link:not(.menu-toggle) {color: #2f3349 !important;}


@media (min-width: 1400px) {
    .width-xxl-30 { width: 30% !important; }
}

/* Letter Spacing */
  .ls-1 {
      letter-spacing: 1px;
  }
.ls-sm {
    letter-spacing: 0.5px;
}
.ls-md {
    letter-spacing: 1px;
}
.ls-lg {
    letter-spacing: 2px;
}
.ls-xl {
    letter-spacing: 3px;
}

.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.line-clamp-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.task-card {
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.task-card.highlight {
    background: #f8ece4;
}
.task-card:hover{
    transform: translateY(-2px);
}
.task-card:active {
    transform: translateY(0.5px) scale(0.995);
}

.customer-listing .card-header{display:none !important;}
.page-heading{display: flex; justify-content: space-between; align-items: center; }
.page-heading .heading{}
.customer-listing .accordion .accordion-button::after{background: #fff;}
.customer-detail .accordion .accordion-button::after{background: #fff;}


.nav-pills .nav-link {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.14);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    border-color: var(--bs-primary);
    box-shadow: none;
    background-color: var(--bs-primary);
    color: #fff;
    padding-bottom: 8px;
    transition: all 0.2s ease-in-out;
}

/* Hover state for non-active links */
.nav-pills .nav-link-secondary.active,
.nav-pills .nav-link-secondary:not(.active):hover {
    background-color: var(--bs-secondary) !important;
    color: #fff;
    border-color: var(--bs-secondary);
}

.nav-pills .nav-link-success.active,
.nav-pills .nav-link-success:not(.active):hover {
    background-color: var(--bs-success) !important;
    color: #fff;
    border-color: var(--bs-success);
}

.nav-pills .nav-link-warning.active,
.nav-pills .nav-link-warning:not(.active):hover {
    background-color: var(--bs-warning) !important;
    color: #fff;
    border-color: var(--bs-warning);
}

.nav-pills .nav-link-danger.active,
.nav-pills .nav-link-danger:not(.active):hover {
    background-color: var(--bs-danger) !important;
    color: #fff;
    border-color: var(--bs-danger);
}

.nav-pills .nav-link-info.active,
.nav-pills .nav-link-info:not(.active):hover {
    background-color: var(--bs-info) !important;
    color: #fff;
    border: none;
    border-color: var(--bs-info);
}

.nav-pills .nav-link-bronze.active,
.nav-pills .nav-link-bronze:not(.active):hover {
    background-color: #d38b59 !important;
    color: #fff;
    border: none;
    border-color: #d38b59;
}

.gradient-border-box {padding: 25px; text-align: center; line-height: normal; font-weight: 600 !important; font-size: 18px; text-transform: capitalize; color: #000 !important;position: relative;height: 130px; width: 130px; display: flex; align-items: center; justify-content: center; background: white; z-index: 1;}

.gradient-border-box::before { content: ""; position: absolute; inset: 0; padding: 15px; border-radius: 75px; background: linear-gradient(to right, #00bad1, #00bad1); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: -1;}


.menu-item.active > .menu-link:not(.menu-toggle){color: var(--bs-secondary);}

.text-bronze {color: #d38b59;}
.border-bronze{border-color: #d38b59 !important;}
.text-bg-bronze{background-color: #d38b59 !important;}
.divider-bronze {  --bs-divider-color: #d38b59;}
.bg-label-bronze {
    background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), #D38B59) !important;
    color: #D38B59 !important;
}
.custom-filter ul li a {border: 1px solid #000}
.user-profile-header .user-profile-img{inline-size: 100px !important;}
/*.dz-message {*/
/*    margin-block: 2rem !important;*/
/*}*/
@media (min-width: 768px) {
    .w-md-auto {
        width: auto !important;
    }
}

#config-page .nav-pills .nav-link.active,
#config-page .nav-pills .show > .nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg);
}
#config-page .nav-pills .nav-item .nav-link:not(.active):hover {
    background-color: color-mix(in sRGB, var(--bs-paper-bg) var(--bs-bg-label-tint-amount), var(--bs-primary));
    border-block-end: none;
    padding-block-end: 0.5435rem;
}
.bordered {
    --bs-card-box-shadow: 0px 0px 0px var(--bs-border-width) var(--bs-card-border-color);
    --bs-card-hover-box-shadow: 0px 0px 0px var(--bs-border-width) var(--bs-card-border-color);
}
.app-logistics-fleet-sidebar {border-right: 1.5px solid var(--bs-card-border-color)}