/**
 * Theme: Asba
 * Author:
 * Email:
 * Website: https://www.asba.com.eg/
 */

/**
 * Fonts
 */
@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;700&display=swap');


@font-face {
    font-family: "GESS-Two";
    src: url("/themes/asba-bahrein/fonts/ar/GE%20SS%20Two%20Regular.otf") format("opentype");
}

@font-face {
    font-family: "GESS-Two-Med";
    src: url("/themes/asba-bahrein/fonts/ar/GE%20SS%20Two%20Medium.otf") format("opentype");
}

@font-face {
    font-family: "GESS-Two-Bold";
    src: url("/themes/asba-bahrein/fonts/ar/GE%20SS%20Two%20Bold.otf") format("opentype");
}

/** En Font **/
@font-face {
    font-family: "TTHoves";
    src: url("/themes/asba-bahrein/fonts/en/TTHoves-Regular.ttf") format('truetype');
}

@font-face {
    font-family: "TTHoves-Medium";
    src: url("/themes/asba-bahrein/fonts/en/TTHoves-Medium.ttf") format('truetype');
}

@font-face {
    font-family: "TTHoves-Bold";
    src: url("/themes/asba-bahrein/fonts/en/TTHoves-Bold.ttf") format('truetype');
}

body * {
    font-family: 'TTHoves', 'GESS-Two';
}

/**
    Default and common variables
 */

[data-theme=asba] {
    --vz-font-family-primary: "TTHoves", sans-serif;
    --vz-font-family-secondary: "TTHoves", sans-serif;
    --vz-grid-gutter-width: 1.5rem;
    --vz-body-bg: transparent;
    --vz-body-bg-rgb: 0,0,0;
    --vz-headings-font-weight: 600;
    --vz-btn-font-weight-custom: 400;
    --vz-element-shadow: none;
    --vz-card-border-width-custom: 1px;
    --vz-card-header-border-width: 1px;
    --vz-card-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    --vz-vertical-menu-item-font-size: 0.9375rem;
    --vz-vertical-menu-sub-item-font-size: 0.813rem;
    --vz-vertical-menu-bg: transparent;
    --vz-vertical-menu-border: #e9ebec;
    --vz-vertical-menu-item-color: #6d7080;
    --vz-vertical-menu-item-bg: rgba(var(--vz-primary-rgb), 0.15);
    --vz-vertical-menu-item-hover-color: var(--vz-primary);
    --vz-vertical-menu-item-active-color: var(--vz-primary);
    --vz-vertical-menu-item-active-bg: rgba(var(--vz-primary-rgb), 0.15);
    --vz-vertical-menu-sub-item-color: #FFFFFF;
    --vz-vertical-menu-sub-item-hover-color: var(--vz-primary);
    --vz-vertical-menu-sub-item-active-color: var(--vz-primary);
    --vz-vertical-menu-title-color: #919da9;
    --vz-vertical-menu-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
    --vz-vertical-menu-dropdown-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
    --vz-twocolumn-menu-iconview-bg: #fff;
    --vz-sidebar-user-bg: #f1f4f7;
    --vz-sidebar-user-name-text: #32373b;
    --vz-sidebar-user-name-sub-text: #7c7f90;
    --vz-header-bg: #fff;
    --vz-header-border: #e9ebec;
    --vz-header-item-color: #495057;
    --vz-header-item-bg: rgba(71, 136, 255, 0.12);
    --vz-header-item-sub-color: #878a99;
    --vz-topbar-search-bg: #f3f3f9;
    --vz-topbar-user-bg: #f3f3f9;
    --vz-topbar-search-color: #495057;
    --vz-page-title-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    --vz-page-title-border: none;
    --vz-footer-bg: #fff;
    --vz-footer-color: #98a6ad;
    --vz-boxed-body-bg: #e5e5f2;
    --vz-timeline-color: var(--vz-secondary-bg);
    --vz-chat-primary-bg: var(--vz-light);
    --vz-chat-secondary-bg: rgba(var(--vz-success-rgb), 0.15);
    --vz-chat-secondary-color: var(--vz-success);
    --vz-primary: #071530;
    --vz-primary-rgb: 7, 21, 48;
    --vz-primary-bg-subtle: rgba(7, 21, 48, 0.15);
    --vz-primary-border-subtle: rgba(7, 21, 48, 0.3);
    --vz-primary-text-emphasis: #071530CC;
    --vz-highlight: #F2643B;
    --vz-highlight-rgb: 242, 100, 59;
    --vz-highlight-bg-subtle: rgba(242, 100, 59, 0.15);
    --vz-highlight-border-subtle: rgba(242, 100, 59, 0.3);
    --vz-highlight-text-emphasis: #F2643BCC;
    --vz-secondary: #4788ff;
    --vz-secondary-rgb: 71, 136, 255;
    --vz-secondary-bg-subtle: rgba(71, 136, 255, 0.15);
    --vz-secondary-border-subtle: rgba(71, 136, 255, 0.3);
    --vz-secondary-text-emphasis: #3566bf;
    --vz-danger: #ee6352;
    --vz-danger-rgb: 238, 99, 82;
    --vz-danger-bg-subtle: rgba(238, 99, 82, 0.15);
    --vz-danger-border-subtle: rgba(238, 99, 82, 0.3);
    --vz-danger-text-emphasis: #b34a3e;
    --vz-warning: #ffca5b;
    --vz-warning-rgb: 255, 202, 91;
    --vz-warning-bg-subtle: rgba(255, 202, 91, 0.15);
    --vz-warning-border-subtle: rgba(255, 202, 91, 0.3);
    --vz-warning-text-emphasis: #bf9844;
    --vz-info: #071530;
    --vz-info-rgb: 7, 21, 48;
    --vz-info-bg-subtle: rgba(7, 21, 48, 0.15);
    --vz-info-border-subtle: rgba(7, 21, 48, 0.3);
    --vz-info-text-emphasis: #071530CC;
    --vz-success: #F2643B;
    --vz-success-rgb: 242, 100, 59;
    --vz-success-bg-subtle: rgba(242, 100, 59, 0.15);
    --vz-success-border-subtle: rgba(242, 100, 59, 0.3);
    --vz-success-text-emphasis: #F2643BCC;
    --vz-dark: #212529;
    --vz-dark-rgb: 33, 37, 41;
    --vz-dark-bg-subtle: rgba(33, 37, 41, 0.15);
    --vz-dark-border-subtle: rgba(33, 37, 41, 0.3);
    --vz-dark-text-emphasis: #191c1f;
    --vz-light: #f1f4f7;
    --vz-light-rgb: 241, 244, 247;
    --vz-light-bg-subtle: rgba(241, 244, 247, 0.15);
    --vz-light-border-subtle: rgba(241, 244, 247, 0.3);
    --vz-light-text-emphasis: #b5b7b9;
    --vz-link-color: #8c68cd;
    --vz-link-color-rgb: 140, 104, 205;
    --vz-link-hover-color: #7053a4;
    --vz-link-hover-color-rgb: 112, 83, 164;
    --vz-font-10: 0.625rem;
    --vz-font-11: 0.6875rem;
    --vz-font-12: 0.75rem;
    --vz-font-13: 0.8125rem;
    --vz-font-14: 0.875rem;
    --vz-font-base: 0.8512rem;
    --vz-font-15: 0.9375rem;
    --vz-font-16: 1rem;
    --vz-font-17: 1.0625rem;
    --vz-font-18: 1.125rem;
    --vz-font-19: 1.1875rem;
    --vz-font-20: 1.25rem;
    --vz-font-21: 1.3125rem;
    --vz-font-22: 1.375rem;
    --vz-font-23: 0.8125rem;
    --vz-font-24: 1.5rem;
    --vz-font-36: 2.25rem;
    --vz-font-48: 3rem;
    --vz-font-weight-light: 300;
    --vz-font-weight-normal: 400;
    --vz-font-weight-medium: 500;
    --vz-font-weight-semibold: 600;
    --vz-font-weight-bold: 700;
    --vz-card-bg-fill: transparent;
    --vz-vertical-menu-width: 300px;
}
[data-theme=asba] .card {
    --vz-card-bg: transparent;
    --vz-card-cap-bg: transparent;
}
[data-theme=asba] .list-group {
    --vz-list-group-bg: transparent;
}
[data-theme=asba] .card-radio .form-check-label[for=themeColor-01] {
    background-color: #8c68cd;
}
[data-theme=asba] .card-radio .form-check-label[for=themeColor-02] {
    background-color: #088f7d;
}
[data-theme=asba] .card-radio .form-check-label[for=themeColor-03] {
    background-color: #f4a261;
}
[data-theme=asba] .card-radio .form-check-label[for=themeColor-04] {
    background-color: #2a5fc1;
}
[data-theme=asba] .card::before, [data-theme=asba] .card::after {
    content: "";
    height: 13px;
    width: 13px;
    position: absolute;
    border: 3px solid;
}
[data-theme=asba] .card::before {
    border-color: var(--vz-border-color) var(--vz-border-color) transparent transparent;
    right: -3px;
    top: -3px;
    border-radius: 0 3px 0 0;
}
[data-theme=asba] .card::after {
    border-color: transparent transparent var(--vz-border-color) var(--vz-border-color);
    left: -3px;
    bottom: -3px;
    border-radius: 0 0 0 3px;
}
[data-theme=asba] .card.card-border-effect-none::before, [data-theme=asba] .card.card-border-effect-none::after {
    display: none;
}
[data-theme=asba] .bg-galaxy-transparent {
    background: transparent;
}
[data-theme=asba] body {
    background-image: var(--vz-body-bg-image);
    background-attachment: fixed;
}
[data-theme=asba] body::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-color: rgba(255, 255, 255, 0.3);
}
[data-theme=asba] .footer {
    border-top: 1px solid var(--vz-border-color);
}
[data-theme=asba] .galaxy-border-none {
    border: 0;
}
[data-theme=asba] .apex-charts .apexcharts-pie-series path {
    stroke: var(--vz-secondary-bg);
}
[data-theme=asba] .apexcharts-tooltip,
[data-theme=asba] .swal2-popup {
    background-color: var(--vz-secondary-bg) !important;
}
[data-theme=asba] .shepherd-content,
[data-theme=asba] .card-bg-fill,
[data-theme=asba] .navbar-landing.is-sticky,
[data-theme=asba] #preloader,
[data-theme=asba] .timeline-item .icon,
[data-theme=asba] .department ul li a {
    background-color: var(--vz-secondary-bg);
}
[data-theme=asba] .profile-wid-bg::before {
    background: none;
}

/**
    Light theme variables
 */
[data-theme=asba][data-theme-colors=green] {
    --vz-primary: #088f7d;
    --vz-primary-rgb: 8, 143, 125;
    --vz-primary-bg-subtle: rgba(8, 143, 125, 0.15);
    --vz-primary-border-subtle: rgba(8, 143, 125, 0.3);
    --vz-primary-text-emphasis: #066b5e;
}
[data-theme=asba][data-theme-colors=purple] {
    --vz-primary: #f4a261;
    --vz-primary-rgb: 244, 162, 97;
    --vz-primary-bg-subtle: rgba(244, 162, 97, 0.15);
    --vz-primary-border-subtle: rgba(244, 162, 97, 0.3);
    --vz-primary-text-emphasis: #b77a49;
}
[data-theme=asba][data-theme-colors=blue] {
    --vz-primary: #2a5fc1;
    --vz-primary-rgb: 42, 95, 193;
    --vz-primary-bg-subtle: rgba(42, 95, 193, 0.15);
    --vz-primary-border-subtle: rgba(42, 95, 193, 0.3);
    --vz-primary-text-emphasis: #204791;
}



/**
    Dark theme variables
 */
[data-theme=asba][data-bs-theme=dark]:root {
    --vz-primary-text-emphasis: #6674a1;
    --vz-secondary-text-emphasis: #5d92f4;
    --vz-success-text-emphasis: #3bc2b0;
    --vz-info-text-emphasis: #54b0e2;
    --vz-warning-text-emphasis: #f9c66f;
    --vz-danger-text-emphasis: #f3846d;
    --vz-light-text-emphasis: #434e5b;
    --vz-dark-text-emphasis: #4f5a66;
    --vz-primary-bg-subtle: rgba(64, 81, 137, 0.15);
    --vz-secondary-bg-subtle: rgba(53, 119, 241, 0.15);
    --vz-success-bg-subtle: rgba(10, 179, 156, 0.15);
    --vz-info-bg-subtle: rgba(41, 156, 219, 0.15);
    --vz-warning-bg-subtle: rgba(247, 184, 75, 0.15);
    --vz-danger-bg-subtle: rgba(240, 101, 72, 0.15);
    --vz-light-bg-subtle: #111f2f;
    --vz-dark-bg-subtle: #1d2b3a;
    --vz-primary-border-subtle: #2a3559;
    --vz-secondary-border-subtle: #1b3c79;
    --vz-success-border-subtle: #055a4e;
    --vz-info-border-subtle: #154e6e;
    --vz-warning-border-subtle: #7c5c26;
    --vz-danger-border-subtle: #783324;
    --vz-light-border-subtle: #222f3e;
    --vz-dark-border-subtle: #2a3645;
    --vz-body-color: #ced4da;
    --vz-body-color-rgb: 206, 212, 218;
    --vz-body-bg: #041324;
    --vz-body-bg-rgb: 4, 19, 36;
    --vz-emphasis-color: #fff;
    --vz-emphasis-color-rgb: 255, 255, 255;
    --vz-secondary-color: #878a99;
    --vz-secondary-color-rgb: 135, 138, 153;
    --vz-secondary-bg: #05192f;
    --vz-secondary-bg-rgb: 5, 25, 47;
    --vz-tertiary-color: #a6afb8;
    --vz-tertiary-color-rgb: 166, 175, 184;
    --vz-tertiary-bg: #061f3b;
    --vz-tertiary-bg-rgb: 6, 31, 59;
    --vz-link-color: #d9dce7;
    --vz-link-hover-color: #e1e3ec;
    --vz-link-color-rgb: #d9dce7;
    --vz-link-hover-color-rgb: #e1e3ec;
    --vz-border-color: #2a4562;
    --vz-border-color-translucent: #2a4562;
    --vz-light: #061e39;
    --vz-light-rgb: 6, 30, 57;
    --vz-light-text-emphasis: #434e5b;
    --vz-light-bg-subtle: #111f2f;
    --vz-light-border-subtle: #222f3e;
    --vz-dark: #1d2b3a;
    --vz-dark-rgb: 29, 43, 58;
    --vz-dark-text-emphasis: #4f5a66;
    --vz-dark-bg-subtle: #1d2b3a;
    --vz-dark-border-subtle: #2a3645;
    --vz-code-color: #f672a7;
    --vz-heading-color: #ced4da;
    --vz-form-valid-color: #3bc2b0;
    --vz-form-valid-border-color: #3bc2b0;
    --vz-form-invalid-color: #f3846d;
    --vz-form-invalid-border-color: #f3846d;
    --vz-card-logo-dark: none;
    --vz-card-logo-light: block;
    --vz-footer-bg: #212529;
    --vz-footer-color: #878a99;
    --vz-vertical-menu-bg: #fff;
    --vz-vertical-menu-border: #fff;
    --vz-vertical-menu-item-color: #6d7080;
    --vz-vertical-menu-item-bg: rgba(var(--vz-primary-rgb), 0.15);
    --vz-vertical-menu-item-hover-color: var(--vz-primary);
    --vz-vertical-menu-item-active-color: var(--vz-primary);
    --vz-vertical-menu-item-active-bg: rgba(var(--vz-primary-rgb), 0.15);
    --vz-vertical-menu-sub-item-color: #FFFFFF;
    --vz-vertical-menu-sub-item-hover-color: var(--vz-primary);
    --vz-vertical-menu-sub-item-active-color: var(--vz-primary);
    --vz-vertical-menu-title-color: #919da9;
    --vz-vertical-menu-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
    --vz-vertical-menu-dropdown-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
    --vz-twocolumn-menu-iconview-bg: #fff;
    --vz-header-bg: transparent;
    --vz-header-border: #2a4562;
    --vz-header-item-color: #e9ecef;
    --vz-header-item-bg: #092748;
    --vz-header-item-sub-color: #878a99;
    --vz-topbar-search-bg: rgba(6, 21, 40, 0.8);
    --vz-topbar-user-bg: transparent;
    --vz-topbar-search-color: #fff;
    --vz-page-title-box-shadow: none;
    --vz-page-title-border: #2a4562;
    --vz-footer-bg: #transparent;
    --vz-footer-color: #a6afb8;
    --vz-input-bg-custom: transparent;
    --vz-input-border-custom: var(--vz-border-color);
}
[data-theme=asba][data-bs-theme=dark]:root .table-light {
    --vz-table-color: white;
    --vz-table-bg: var(--vz-light);
    --vz-table-border-color: var(--vz-border-color);
    --vz-table-striped-bg: var(--vz-light);
    --vz-table-striped-color: white;
    --vz-table-active-bg: var(--vz-light);
    --vz-table-active-color: white;
    --vz-table-hover-bg: var(--vz-light);
    --vz-table-hover-color: white;
}
[data-theme=asba][data-bs-theme=dark]:root .btn-light,
[data-theme=asba][data-bs-theme=dark]:root .btn-outline-light {
    --vz-btn-color: #9ba1a7;
    --vz-btn-active-color: #fff;
    --vz-btn-hover-color: #fff;
}
[data-theme=asba][data-bs-theme=dark]:root .btn-outline-dark,
[data-theme=asba][data-bs-theme=dark]:root .btn-subtle-dark {
    --vz-btn-color: #fff;
}
[data-theme=asba][data-bs-theme=dark]:root[data-sidebar=dark] {
    --vz-vertical-menu-bg: transparent;
    --vz-vertical-menu-border: #2a4562;
    --vz-vertical-menu-item-color: #A4AAC7;
    --vz-vertical-menu-item-bg: rgba(255, 255, 255, 0.15);
    --vz-vertical-menu-item-hover-color: #fff;
    --vz-vertical-menu-item-active-color: #fff;
    --vz-vertical-menu-item-active-bg: rgba(255, 255, 255, 0.15);
    --vz-vertical-menu-sub-item-color: #9ba5af;
    --vz-vertical-menu-sub-item-hover-color: #fff;
    --vz-vertical-menu-sub-item-active-color: #fff;
    --vz-vertical-menu-title-color: #798694;
    --vz-twocolumn-menu-iconview-bg: rgba(6, 30, 57, 0.3);
    --vz-vertical-menu-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
    --vz-vertical-menu-dropdown-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
}
[data-theme=asba][data-bs-theme=dark]:root[data-topbar=dark] {
    --vz-header-bg: #8c68cd;
    --vz-header-border: #8c68cd;
    --vz-header-item-color: rgba(255, 255, 255, 0.85);
    --vz-header-item-bg: #966de1;
    --vz-header-item-sub-color: #e2c4ff;
    --vz-topbar-user-bg: #7958b5;
    --vz-topbar-search-bg: rgba(255, 255, 255, 0.05);
    --vz-topbar-search-color: #fff;
}
[data-theme=asba][data-bs-theme=dark]:root .dropdown-menu {
    --vz-dropdown-bg: #05192f;
    --vz-dropdown-link-color: #a6afb8;
    --vz-dropdown-link-hover-color: #b9bfc4;
    --vz-dropdown-link-hover-bg: #061f3b;
    --vz-dropdown-border-width: 1px;
    --vz-dropdown-link-active-color: #a6afb8;
    --vz-dropdown-link-active-bg: #061f3b;
}
[data-theme=asba][data-sidebar=dark] {
    --vz-vertical-menu-bg: rgb(72, 38, 104);
    --vz-vertical-menu-border: rgb(72, 38, 104);
    --vz-vertical-menu-item-color: #e2c4ff;
    --vz-vertical-menu-item-bg: rgba(255, 255, 255, 0.15);
    --vz-vertical-menu-item-hover-color: #fff;
    --vz-vertical-menu-item-active-color: #fff;
    --vz-vertical-menu-item-active-bg: rgba(255, 255, 255, 0.15);
    --vz-vertical-menu-sub-item-color: #c2a7db;
    --vz-vertical-menu-sub-item-hover-color: #fff;
    --vz-vertical-menu-sub-item-active-color: #fff;
    --vz-vertical-menu-title-color: #c2a7db;
    --vz-twocolumn-menu-iconview-bg: #432361;
    --vz-vertical-menu-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
    --vz-vertical-menu-dropdown-box-shadow: 0 2px 4px rgba(15, 34, 58, 0.12);
    --vz-sidebar-user-bg: rgba(255, 255, 255, 0.08);
    --vz-sidebar-user-name-text: #fff;
    --vz-sidebar-user-name-sub-text: #bfb3ca;
}
[data-theme=asba][data-topbar=dark] {
    --vz-header-bg: #2c3a4e;
    --vz-header-border: #2c3a4e;
    --vz-header-item-color: #b0c4d9;
    --vz-header-item-bg: #364760;
    --vz-header-item-sub-color: #b0c4d9;
    --vz-topbar-user-bg: #36465c;
    --vz-topbar-search-bg: rgba(255, 255, 255, 0.05);
    --vz-topbar-search-color: #fff;
}
[data-theme=asba][data-topbar=light] #page-topbar.topbar-shadow {
    background-color: var(--vz-secondary-bg);
}
[data-theme=asba][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > .menu-dropdown {
    background-color: #fff;
}


[data-theme=asba][data-sidebar=light][data-layout=vertical][data-sidebar-size=sm-hover] .navbar-menu:hover {
    background-color: var(--vz-white);
}
[data-theme=asba][data-bs-theme=dark] body {
    background-size: cover;
}
[data-theme=asba][data-bs-theme=dark] body::before {
    background-color: rgba(4, 19, 36, 0.95);
}
[data-theme=asba][data-bs-theme=dark][data-layout=vertical][data-sidebar=dark][data-sidebar-size=sm-hover] .navbar-menu:hover {
    background-color: var(--vz-secondary-bg);
}
[data-theme=asba][data-bs-theme=dark][data-layout=vertical][data-sidebar=dark][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > .menu-dropdown {
    background-color: var(--vz-secondary-bg);
}
[data-theme=asba][data-bs-theme=dark][data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link {
    background-color: var(--vz-secondary-bg);
}
[data-theme=asba][data-layout=horizontal] .navbar-nav .nav-item .nav-link[data-bs-toggle=collapse]:after {
    color: currentColor;
}

[data-theme=asba][data-bs-theme=dark] {
    --vz-card-bg-fill: transparent;
}
[data-theme=asba][data-bs-theme=dark][data-body-image=img-1] {
    --vz-body-bg-image: url("../images/galaxy/img-1.png");
}
[data-theme=asba][data-bs-theme=dark][data-body-image=img-2] {
    --vz-body-bg-image: url("../images/galaxy/img-2.png");
}
[data-theme=asba][data-bs-theme=dark][data-body-image=img-3] {
    --vz-body-bg-image: url("../images/galaxy/img-3.png");
}
[data-theme=asba][data-bs-theme=dark] [for=body-img-one] {
    background-image: url("../images/galaxy/img-1.png");
    background-size: cover;
}
[data-theme=asba][data-bs-theme=dark] [for=body-img-two] {
    background-image: url("../images/galaxy/img-2.png");
    background-size: cover;
}
[data-theme=asba][data-bs-theme=dark] [for=body-img-three] {
    background-image: url("../images/galaxy/img-3.png");
    background-size: cover;
}

/**
    Responsive
 */
@media (max-width: 767.98px) {
    [data-theme=asba][data-topbar=light] .app-menu {
        background-color: #fff;
    }
    [data-theme=asba][data-bs-theme=dark] .vertical-sidebar-enable .app-menu {
        background-color: var(--vz-secondary-bg);
    }
}

@media (min-width: 1350px) {
    [data-theme=asba] .file-manager-sidebar,
    [data-theme=asba] .email-detail-content,
    [data-theme=asba] .file-manager-detail-content, [data-theme=asba] .email-content {
        background-color: var(--vz-card-bg-fill);
    }
}

@media (max-width: 1699.98px) {
    [data-theme=asba] .layout-rightside-col .card {
        background-color: var(--vz-secondary-bg);
    }
}
@media (min-width: 992px) {
    [data-theme=asba] .email-menu-sidebar {
        background-color: var(--vz-card-bg-fill);
    }
}
/**
    To Check for utility
 */
[data-theme=asba][data-body-image=img-1] {
    --vz-body-bg-image: url("../images/chat-bg-pattern.png");
}
[data-theme=asba][data-body-image=img-2] {
    --vz-body-bg-image: url("../images/galaxy/img-4.png");
}
[data-theme=asba][data-body-image=img-3] {
    --vz-body-bg-image: url("../images/galaxy/img-5.png");
}