.dash-header {
    /* background: #fff; */
    background: var(--tblr-primary)!important;
    color: #525b69;
    min-height: 40px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    padding-left: 20px;
    z-index: 9990;
}

@media (min-width: 1024px) {
    .dash-header.transprent-bg {
        background: transparent;
        box-shadow: none;
    }

    .dash-header:not(.transprent-bg) {
        /* border-bottom: 1px solid #f4f1f1; */
        border-bottom: none;
    }

    .dash-header:not(.transprent-bg) .header-wrapper {
        padding: 0 12px;
    }

    .dash-header:not(.transprent-bg):not(.dash-mob-header) ~ .dash-container {
        /* margin-left: calc(255px + 15px); */
        margin-left: 255px;
    }

    .minimenu .dash-header:not(.transprent-bg):not(.dash-mob-header) ~ .dash-container {
        margin-left: 80px;
    }

    .dash-header:not(.transprent-bg):not(.dash-mob-header) ~ .dash-container .dash-content {
        padding-top: 25px;
        background: transparent;
        border-radius: 20px 0 0 20px;
        /* box-shadow: -5px -5px 8px 0px rgba(69, 90, 100, 0.08); */
        margin: 0px 0px 0px 0px;
        /* position: relative; */
        /* overflow: scroll; */
    }
}

.dash-header .burger-menu {
    position: relative;
    width: 15px;
    height: 15px;
}

.dash-header .burger-menu > span {
    height: 2px;
    border-radius: 2px;
    width: 10px;
    position: absolute;
    right: 0;
    top: calc(50% - 1px);
    background: #293240;
}

.dash-header .burger-menu > span:first-child {
    width: 15px;
    top: 0;
}

.dash-header .burger-menu > span:last-child {
    width: 5px;
    top: auto;
    bottom: 0;
}

.dash-header .header-search {
    box-shadow: 0 6px 30px rgba(182, 186, 203, 0.3);
    border-radius: 8px;
    padding: 4px 8px;
    background: #ffffff;
}

.dash-header .header-search .btn-head-search {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: -3px 4px 23px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    width: 30px;
    height: 30px;
    padding: 15px 16px;
}

.dash-header .header-search .btn-head-search i {
    font-size: 22px;
}

.dash-header ul {
    margin-bottom: 0;
    display: inline-flex;
}

.dash-header .header-wrapper {
    display: flex;
    padding: 0 30px;
}

.dash-header .dash-h-item {
    min-height: 40px;
    display: flex;
    align-items: center;
    position: relative;
}

.dash-header .dash-head-link {
    color: #525b69;
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.4rem;
    margin: 0 7.5px;
    border-radius: 4px;
    position: relative;
    font-weight: 500;
    border-radius: 12px;
    border: 1px solid rgba(206, 206, 206, 0.2);
}

@media (min-width: 1024px) {
    .dash-header .dash-head-link {
        /* background: #fff; */
    }
}

.dash-header .dash-head-link > i {
    font-size: 20px;
    color: #51459d;
}

.dash-header .dash-head-link > i.material-icons-two-tone {
    font-size: 24px;
    background-color: #525b69;
}

.dash-header .dash-head-link > svg {
    width: 20px;
    height: 20px;
}

.dash-header .dash-head-link.active, .dash-header .dash-head-link:active, .dash-header .dash-head-link:focus, .dash-header .dash-head-link:hover {
    text-decoration: none;
    color: hsl(var(--primary));
    background: rgba(108, 117, 125, 0.05);
}

.dash-header .dash-head-link.active .hamburger .hamburger-inner, .dash-header .dash-head-link:active .hamburger .hamburger-inner, .dash-header .dash-head-link:focus .hamburger .hamburger-inner, .dash-header .dash-head-link:hover .hamburger .hamburger-inner {
    background-color: hsl(var(--primary));
}

.dash-header .dash-head-link.active .hamburger .hamburger-inner::after, .dash-header .dash-head-link.active .hamburger .hamburger-inner::before, .dash-header .dash-head-link:active .hamburger .hamburger-inner::after, .dash-header .dash-head-link:active .hamburger .hamburger-inner::before, .dash-header .dash-head-link:focus .hamburger .hamburger-inner::after, .dash-header .dash-head-link:focus .hamburger .hamburger-inner::before, .dash-header .dash-head-link:hover .hamburger .hamburger-inner::after, .dash-header .dash-head-link:hover .hamburger .hamburger-inner::before {
    background-color: hsl(var(--primary));
}

.dash-header .dash-head-link.active i.material-icons-two-tone, .dash-header .dash-head-link:active i.material-icons-two-tone, .dash-header .dash-head-link:focus i.material-icons-two-tone, .dash-header .dash-head-link:hover i.material-icons-two-tone {
    background-color: hsl(var(--primary));
}

.dash-header .dash-head-link .dash-h-badge {
    position: absolute;
    top: 3px;
    right: 10px;
    border-radius: 50%;
    font-size: 9px;
}

.dash-header .dash-head-link .dash-h-badge.dots {
    width: 8px;
    height: 8px;
    top: 10px;
    right: 12px;
    padding: 0;
    border: 2px solid #fff;
}

.dash-header .dash-head-link .user-desc,
    .dash-header .dash-head-link .user-name {
    display: block;
    line-height: 1;
}

.dash-header .dash-head-link .user-name {
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 600;
}

.dash-header .dash-head-link .user-desc {
    font-size: 12px;
    font-weight: 400;
    color: rgba(82, 91, 105, 0.7);
}

.dash-header .dash-head-link .drp-arrow {
    color: #525b69;
    font-size: 14px;
    margin-left: 5px;
    opacity: 0.8;
}

.dash-header .dash-head-link .theme-avtar {
    border-radius: 12px;
    font-size: 16px;
    width: 34px;
    height: 34px;
    background: #dcdaeb;
    color: #51459d;
}

.dash-header .drp-language i {
    color: #CECECE;
}

.dash-header .drp-language .drp-text {
    color: #51459d;
    margin-left: 8px;
}

.dash-header .drp-company .dash-head-link {
    padding: 5px;
}

.dash-header .drp-notification .theme-avtar {
    border-radius: 12px;
}

.dash-header .drp-notification .dropdown-menu {
    min-width: 450px;
}

.dash-header .drp-notification .noti-header,
  .dash-header .drp-notification .noti-footer,
  .dash-header .drp-notification .noti-body {
    padding: 10px 20px;
}

.dash-header .drp-notification .noti-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dash-header .drp-notification .noti-body {
    position: relative;
    max-height: calc(100vh - 300px);
}

.dash-header .dash-h-dropdown {
    transform: none !important;
    top: 100% !important;
}

.dash-header .dash-h-dropdown .fa-circle {
    font-size: 5px;
    vertical-align: middle;
}

.dash-header .dash-h-dropdown.dropdown-menu-end {
    right: 0 !important;
    left: auto !important;
}

.dash-header .dash-level-menu {
    position: relative;
}

.dash-header .dash-level-menu:hover > .dropdown-menu {
    display: block;
    left: 100%;
    top: -18px !important;
}

.dash-header .dash-mega-menu {
    position: static;
}

.dash-header .dash-mega-menu .dash-mega-dmenu {
    transform: none !important;
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;
    padding: 0;
}

.dash-header .dash-mega-menu .dash-mega-dmenu .row.g-0 .col {
    padding: 15px 0;
    border-right: 1px dashed #f1f1f1;
}

.dash-header .dash-mega-menu .dash-mega-dmenu .mega-title {
    margin: 10px 25px;
    position: relative;
}

.dash-header .dash-mega-menu .dash-mega-dmenu .dash-mega-list {
    display: block;
    list-style: none;
    padding-left: 0;
}

.dash-header .drp-search {
    min-width: 20rem;
}

.dash-header #vertical-nav-toggle {
    margin-left: -15px;
}

.user-avatar {
    width: 50px;
    border-radius: 50%;
}

.user-avatar-60 {
    width: 60px;
    border-radius: 50%;
}

.dash-header .user-avatar {
    margin-right: 10px;
}

.minimenu .dash-header {
    left: 0px;
    /* z-index: 9999; */
}

.dash-mob-header {
    display: none;
    background: #161c25;
    height: 70px;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    z-index: 1026;
    left: 0;
    right: 0;
    padding: 0 10px 0 30px;
}

.dash-mob-header .hamburger-inner,
  .dash-mob-header .hamburger-inner::after,
  .dash-mob-header .hamburger-inner::before {
    background: hsl(var(--primary-foreground));
}

.dash-mob-header .dash-head-link,
  .dash-mob-header a {
    color: #fff;
}

.dash-header[class*="bg-"], .dash-header.dark-header {
    box-shadow: none;
    background: #1c232f;
    color: #fff;
}

@media (min-width: 1025px) {
    .dash-header[class*="bg-"] .dash-head-link, .dash-header.dark-header .dash-head-link {
        color: #fff;
    }

    .dash-header[class*="bg-"] .dash-head-link i, .dash-header.dark-header .dash-head-link i {
        color: #fff;
    }

    .dash-header[class*="bg-"] .dash-head-link .material-icons-two-tone, .dash-header.dark-header .dash-head-link .material-icons-two-tone {
        background-color: #fff;
    }

    .dash-header[class*="bg-"] .dash-head-link.active, .dash-header[class*="bg-"] .dash-head-link:active, .dash-header[class*="bg-"] .dash-head-link:focus, .dash-header[class*="bg-"] .dash-head-link:hover, .dash-header.dark-header .dash-head-link.active, .dash-header.dark-header .dash-head-link:active, .dash-header.dark-header .dash-head-link:focus, .dash-header.dark-header .dash-head-link:hover {
        color: #fff;
        background: rgba(255, 255, 255, 0.15);
    }

    .dash-header[class*="bg-"] .dash-head-link.active .material-icons-two-tone, .dash-header[class*="bg-"] .dash-head-link:active .material-icons-two-tone, .dash-header[class*="bg-"] .dash-head-link:focus .material-icons-two-tone, .dash-header[class*="bg-"] .dash-head-link:hover .material-icons-two-tone, .dash-header.dark-header .dash-head-link.active .material-icons-two-tone, .dash-header.dark-header .dash-head-link:active .material-icons-two-tone, .dash-header.dark-header .dash-head-link:focus .material-icons-two-tone, .dash-header.dark-header .dash-head-link:hover .material-icons-two-tone {
        background-color: #fff;
    }

    .dash-header[class*="bg-"] .dash-head-link .user-desc, .dash-header.dark-header .dash-head-link .user-desc {
        color: rgba(255, 255, 255, 0.7);
    }
}

.dash-horizontal .topbar.light-sidebar {
    background: #fff;
    box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);
}

.dash-horizontal .topbar.light-sidebar .dash-link {
    color: #333333;
}

.dash-horizontal .topbar.light-sidebar .dash-link:active, .dash-horizontal .topbar.light-sidebar .dash-link:focus, .dash-horizontal .topbar.light-sidebar .dash-link:hover {
    color: #51459d;
}

.dash-header .drp-language .drp-text,
.dash-header .dash-head-link > i:not(.nocolor) {
    color: #34199c;
}

.dash-header .drp-company .theme-avtar {
    background: #dedcf6;
    color: #34199c;
}