.dh-cont {
        border: 0px solid #ffffff00;
        background: var(--white);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

.dh-logo {
        width: 72px;
        height: 72px;
        cursor: pointer;
}

.dh-nav-dropdown {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 8px 14px;
        border-radius: 10px;
        background: var(--font-color-1);
        color: white;
        margin: 0px 10px;
}


.user-dh-nav-dropdown .dropdown-menu.show {
        left: auto;
        top: 58px;
        width: min-content;
        position: absolute;
        right: 0;
}

.dropdown-menu a.dropdown-item {
        padding: 12px 12px;
}

.user-nav-dropdown .dropdown-menu:before {
        background: #fff;
        background: var(--white);
        border-left: 1px solid #eaedf1;
        border-top: 1px solid #eaedf1;
        content: "";
        height: 13px;
        position: absolute;
        right: 20px;
        top: -7px;
        transform: rotate(45deg);
        width: 13px;
}

.dropdown-menu.show svg {
        margin-right: 7px;
}

.main-section-userAvatar .dropdown-menu.show {
        transform: translate(0px, 37px) !important;
        padding-top: 0px;
        padding-bottom: 0;
        overflow: hidden;
}

.adminDropdown .dropdown-menu.show {
        transform: translate(0px, 7px) !important;
        padding-top: 0px;
        padding-bottom: 0;
        overflow: hidden;
}

.adminDropdown ul.dropdown-menu {
        min-width: 400px;
}

.adminDropdown li.dropdown-footer a.dropdown-item {
        color: var(--main-theme-color3);
}

.main-dash-second-inner {
        display: flex;
        align-items: center;
}

.hdt-language-dash {
        align-items: center;
}

.main-section-userAvatar .dropdown-menu.show a {
        padding-top: 10px;
        padding-bottom: 10px;
}

#AdminDashRight .dh-nav-dropdown {
        background: var(--main-theme-color3);
}

.adminDropdown .dropdown-footer .dropdown-item:active, .adminDropdown .dropdown-footer .dropdown-item:hover {
        background: #00aeef;
        color: white;
        cursor: pointer;
}

.adminDropdown  .dropdown-item:focus, .dropdown-item:hover {
        color: var(--bs-dropdown-link-hover-color);
        background-color: #dbf1f9;
        cursor: pointer;
    }

.dh-nav-dropdown .dropdown-toggle::after {
        display: none;
}

.dh-nav-dropdown .dropdown-toggle {
        position: relative;
        padding-right: 24px;
        display: flex;
        align-items: center;
        text-align: center;
        /* Adjust this value to your liking */
}

.dh-nav-dropdown .dropdown-toggle::before {
        top: 0;
        bottom: 0;
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none"><path d="M12.9995 10.4695L16.4495 7.01953L16.9805 7.55053L12.9995 11.5315L9.01847 7.55053L9.54947 7.01953L12.9995 10.4695Z" fill="white"/></svg>');

        position: absolute;
        right: 5px;
        /* Adjust this value to your liking */

        pointer-events: none;
}

.hdt-language-dash label {
        color: var(--black);
        font-family: var(--main-font);
        font-size: var(--font-size-14);
        font-style: normal;
        font-weight: 500;
        line-height: normal;
}

.hdt-toggle-block-dash .form-check-input:checked {
        background-color: var(--main-theme-color);
        border-color: var(--black);
}

.hdt-toggle-block-dash input.flexSwitchCheckChecked {
        /* width: 44px; */
        /* height: 20px; */
        background-color: var(--white);
        border-color: var(--black);
}

/* .form-switch .form-check-input:focus {
        filter: grayscale(1);
} */

.form-check-input:focus {
        box-shadow: unset;
}

.header-side-sec {
        width: 100%;
        max-width: 280px;
}
span.badge-number {
        background: red;
        border-radius: 20px;
        padding: 5px;
        font-size: 9px;
        color: white;
        font-weight: 600;
        position: absolute;
        top: -10px;
        left: 8px;
        width: 18px;
        height: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.notification-wrap p.notification-text {
        margin-bottom: 4px;
}

.notification-wrap ul.dropdown-menu {
        min-width: 400px;
}

p.notification-time {
        margin-bottom: 0px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
}

.adminNotification .b-icon {
        background: var(--main-theme-color3);
}

.adminNotification .detail_card_desc {
        border: 1px solid var(--main-theme-color3);
        background: #f0fbff;
        box-shadow: 1px 1px 3px 1px #e3e3e3;
    }

.notification_d {
        display: flex;
}

.b-icon {
        background: var(--main-theme-color);
        color: white;
        padding: 5px;
        border-radius: 50%;
        font-size: 12px;
}

.wh13 {
        height: 13px;
        width: 13px;
        background: var(--main-theme-color);
        color: white;
        border-radius: 20px;
        padding: 4px;
}

.dropdown-footer .dropdown-item.active,
.dropdown-footer .dropdown-item:active {
        color: var(--bs-dropdown-link-active-color);
        text-decoration: none;
        background-color: var(--main-theme-color);
}

.notification-text {
        white-space: normal;
}

h6.username-header {
        margin-bottom: 0px;
}

@media screen and (max-width: 720px) {

        /* .main-dash-head {
                flex-direction: column !important;
        } */

        .main-dash-second-col {
                justify-content: flex-end !important;
                padding-right: 10px;
        }

        .ds-cont {
                top: 1px !important;
        }

        /* .bell-icon-dash {
                display: none !important;
        } */

        .hcat-second-das {
                padding-top: 110px !important;
        }


}

@media screen and (max-width: 480px) {
        .dropdown-menu.show {
                left: -80px;
        }

        .dropdown-menu a.dropdown-item {
                font-size: 14px;
        }

        .dh-nav-dropdown {
                padding: 5px 8px;
        }

        .adminDropdown ul.dropdown-menu {
                min-width: 260px;
        }
}