/* Layout styles */
@import url("https://p.typekit.net/p.css?s=1&k=nhh3sxu&ht=tk&f=39347.39348.39349&a=71464665&app=typekit&e=css");

@font-face {
    font-family: "itc-avant-garde-gothic-pro";
    src: url("https://use.typekit.net/af/578a9d/00000000000000007735ba14/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/578a9d/00000000000000007735ba14/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/578a9d/00000000000000007735ba14/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: "itc-avant-garde-gothic-pro";
    src: url("https://use.typekit.net/af/b89a53/00000000000000007735ba1d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/b89a53/00000000000000007735ba1d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/b89a53/00000000000000007735ba1d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: "itc-avant-garde-gothic-pro";
    src: url("https://use.typekit.net/af/6161d4/00000000000000007735ba1e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/6161d4/00000000000000007735ba1e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/6161d4/00000000000000007735ba1e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: Nunito;
    src: url(../fonts/Nunito-Light.eot);
    src: local("Nunito Light"),local("Nunito-Light"),url(../fonts/Nunito-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/Nunito-Light.woff) format("woff"),url(../fonts/Nunito-Light.ttf) format("truetype"),url(../fonts/Nunito-Light.svg#Roboto) format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Nunito;
    src: url(../fonts/Nunito-Regular.eot);
    src: local("Nunito Regular"),local("Nunito-Regular"),url(../fonts/Nunito-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Nunito-Regular.woff) format("woff"),url(../fonts/Nunito-Regular.ttf) format("truetype"),url(../fonts/Nunito-Regular.svg#Roboto) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Nunito;
    src: url(../fonts/Nunito-SemiBold.eot);
    src: local("Nunito SemiBold"),local("Nunito-SemiBold"),url(../fonts/Nunito-SemiBold.eot?#iefix) format("embedded-opentype"),url(../fonts/Nunito-SemiBold.woff) format("woff"),url(../fonts/Nunito-SemiBold.ttf) format("truetype"),url(../fonts/Nunito-SemiBold.svg#Roboto) format("svg");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Nunito;
    src: url(../fonts/Nunito-Bold.eot);
    src: local("Nunito Bold"),local("Nunito-Bold"),url(../fonts/Nunito-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/Nunito-Bold.woff) format("woff"),url(../fonts/Nunito-Bold.ttf) format("truetype"),url(../fonts/Nunito-Bold.svg#Roboto) format("svg");
    font-weight: 700;
    font-style: normal
}

/**** Light Mode ****/
:root {
    --ct-subtext-color: #8E9099;
    --ct-background-color: #F1F3F5;
    --ct-undo-redo-color: #838c96;
    --ct-undo-redo-hover: #F4F4F4;
    --ct-undo-redo-active: rgb(230, 230, 230);
    --ct-offcanvas-table-heading: #8E9099;
    --ct-progress-icon-color: #8E9099;
    --ct-topnav-nested-background: #ffffff;
    --ct-prov-menu-box-shadow: 0px 30px 12px #D0D4D9;
    --ct-prov-left-side-menu-background: #F1F3F5;
    --ct-right-card-hover: #F6F6F6;
    --ct-right-card-focus-active: #e9e9e9;
    --ct-topnav-nested-color: var(--ct-main-text-color);
    --ct-right-side-border-top: 1px solid #D0D4D9;
    --ct-right-border-color: #F6F6F6;
    --ct-left-menu-border: 0.5px solid #63646F;
    --ct-log-me-out-color: var(--ct-main-text-color);
    --ct-all-session-color: #373745;
    --ct-all-session-border-top: 1px solid #D0D4D9;
    --ct-all-session-border-bottom: 1px solid #D0D4D9;
    --ct-update-note-border: 1px solid #D0D4D9;
    --ct-form-check-color: var(--ct-main-text-color);
    --ct-form-check-font-weight: 400;
    --ct-abz-warning: #F26D86;
    --ct-abz-success: #6AC43A;
    --ct-abz-mobile-menu-background: #ffffff;
    --ct-level-two-hover-color: #646464;
    --ct-level-two-active-color: #1e1e1e;
    --ct-burger-menu-color: #020202cc;
    --ct-topbav-border-top: 0.125rem solid #e1e1e1;
    --ct-input-icon-color: #aab8c5;
    --ct-select2-open-border-color: #aaa;
    --ct-btn-abz-action-color: #535353;
    --ct-heading-color: #535353;
    --ct-abz-action-forward-background: transparent;
    --ct-abz-action-forward-color: #535353;
    --ct-abz-action-background: #F1F3F5;
    --ct-abz-action-background-hover: #E6EAEE;
    --ct-btn-background-abz-blue: #0EAFDB;
    --ct-btn-border-abz-blue: #0EAFDB;
    --ct-btn-background-abz-blue-hover: #55CAEA;
    --ct-btn-border-abz-blue-hover: #009CC7;
    --ct-btn-abz-passive-background: #FFFFFF;
    --ct-btn-abz-passive-color: var(--ct-main-text-color);
    --ct-abz-passive-passive-border: #D0D0D0;
    --ct-btn-abz-passive-color-hover: var(--ct-main-text-color);
    --ct-btn-abz-passive-background-hover: #F4F4F4;
    --ct-btn-abz-passive-border-color-hover: #D0D0D0;
    --ct-btn-abz-passive-border-color-active-focus: #0000000;
    --ct-abz-btn-group-border-color: #d0d0d0;
    --ct-abz-btn-group-background: #FFFFFF;
    --ct-datatable-background-color: #F9F9F9;
    --ct-modal-header-color: var(--ct-main-text-color);
    --ct-heading-icon-color: #E6EAEE;
    --ct-mini-icon-color: #F0F0F0;
    --ct-tooltip-bg-color: #E0E0E0;
    --ct-list-loader-bg: #D0D4D9;
    --ct-list-loader-fg: #00000000;
    --ct-icon-color: #8E9099;
    --ct-nav-icon-color: #8E9099;
    --ct-card-header: #E6EAEE;
    --ct-circle-bg: #E6EAEE;
    --ct-circle-icon: #8E9099;
    --ct-abz-purple: #BC1970;
    --ct-abz-purple-border: #EC008C;
    --ct-abz-purple-hover: #C9458B;
    --ct-abz-purple-border-hover: #A20A64;
    --ct-second-font: 'itc-avant-garde-gothic-pro';
    --ct-orange-text: #EF9432;
    --ct-card-hover-outline: #0eafdb;
    --ct-chart-primary: #EF9432;
    --ct-chart-secondary: #0EAFDB;
    --ct-main-text-color: #373745;
    --ct-secondary-text-color: #373745;
    --ct-link-color: #0eafdb;
    --ct-link-hover-color: #0EAFDB99;
    --ct-border-color: #dee2e6;
    --ct-box-shadow: 0px 0px 35px 0px rgba(154, 161, 171, 0.15);
    --ct-card-shadow: 0px 3px 20px 0px #e2e3e5;
    --ct-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, 0.075);
    --ct-box-shadow-lg: 0 0 45px 0 rgba(0, 0, 0, 0.12);
    --ct-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --ct-component-active-color: #fff;
    --ct-component-active-bg: #0eafdb;
    --ct-component-hover-bg: #E6EAEE;
    --ct-text-muted: #98a6ad;
    --ct-blockquote-footer-color: #98a6ad;
    --ct-hr-color: #ced4da;
    --ct-mark-bg: #fcf8e3;
    --ct-table-color: #838c96;
    --ct-table-bg: transparent;
    --ct-table-accent-bg: transparent;
    --ct-table-striped-color: #919ca7;
    --ct-table-striped-bg: #f1f3fa;
    --ct-table-active-color: var(--ct-table-color);
    --ct-table-active-bg: rgba(222, 226, 230, 0.4);
    --ct-table-hover-color: var(--ct-table-color);
    --ct-table-hover-bg: #f1f3fa;
    --ct-table-border-color: #eef2f7;
    --ct-table-group-separator-color: #edeff1;
    --ct-table-caption-color: var(--ct-text-muted);
    --ct-input-btn-focus-color: rgba(54, 136, 252, 0.25);
    --ct-btn-box-shadow: 0 0 0;
    --ct-btn-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-link-color: var(--ct-link-color);
    --ct-btn-link-hover-color: var(--ct-link-hover-color);
    --ct-btn-link-disabled-color: #adb5bd;
    --ct-form-text-color: var(--ct-text-muted);
    --ct-input-bg: #F9F9F9;
    --ct-input-disabled-bg: #F1F3F5;
    --ct-input-disabled-border-color: #8E9099;
    --ct-input-color: var(--ct-main-text-color);
    --ct-input-border-color: #D0D4D9;
    --ct-input-box-shadow: var(--ct-box-shadow-inset);
    --ct-input-focus-bg: var(--ct-input-bg);
    --ct-input-focus-border-color: #00c8ff;
    --ct-input-focus-color: var(--ct-input-color);
    --ct-input-placeholder-color: #adb5bd;
    --ct-input-plaintext-color: #838c96;
    --ct-form-check-input-bg: #E6EAEE;
    --ct-form-check-input-border: 1px solid #adadad;
    --ct-form-check-input-checked-color: var(--ct-component-active-color);
    --ct-form-check-input-checked-bg-color: var(--ct-component-active-bg);
    --ct-form-check-input-checked-border-color: var(--ct-form-check-input-checked-bg-color);
    --ct-form-check-input-indeterminate-color: var(--ct-component-active-color);
    --ct-form-check-input-indeterminate-bg-color: var(--ct-component-active-bg);
    --ct-form-check-input-indeterminate-border-color: var(--ct-component-active-bg);
    --ct-form-switch-color: #dee2e6;
    --ct-input-group-addon-color: var(--ct-input-color);
    --ct-input-group-addon-bg: #eef2f7;
    --ct-input-group-addon-border-color: #dee2e6;
    --ct-form-select-color: var(--ct-input-color);
    --ct-form-select-bg: var(--ct-input-bg);
    --ct-form-select-disabled-color: #98a6ad;
    --ct-form-select-disabled-bg: #eef2f7;
    --ct-button-text: #fff;
    /* --ct-form-select-disabled-border-color:; */
    --ct-form-select-indicator-color: #343a40;
    --ct-form-range-track-bg: #dee2e6;
    --ct-form-range-track-box-shadow: var(--ct-box-shadow-inset);
    --ct-form-range-thumb-box-shadow: 0 .1rem .25rem rgba(0, 0, 0, 0.1);
    --ct-form-range-thumb-active-bg: #c3dbfe;
    --ct-form-range-thumb-disabled-bg: #adb5bd;
    --ct-form-file-button-color: var(--ct-input-color);
    --ct-form-file-button-bg: #eef2f7;
    --ct-form-file-button-hover-bg: #e2e6eb;
    --ct-nav-link-disabled-color: #98a6ad;
    --ct-nav-tabs-border-color: #dee2e6;
    --ct-nav-tabs-link-hover-border-color: #eef2f7 #eef2f7 var(--ct-nav-tabs-border-color);
    --ct-nav-tabs-link-active-color: #484e53;
    --ct-nav-tabs-link-active-bg: #fff;
    --ct-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 var(--ct-nav-tabs-link-active-bg);
    --ct-navbar-dark-color: rgba(255, 255, 255, 0.55);
    --ct-navbar-dark-hover-color: rgba(255, 255, 255, 0.75);
    --ct-navbar-dark-active-color: #fff;
    --ct-navbar-dark-disabled-color: rgba(255, 255, 255, 0.25);
    --ct-navbar-dark-toggler-border-color: rgba(255, 255, 255, 0.1);
    --ct-navbar-light-color: #373745;
    --ct-navbar-light-hover-color: #0eafdbcc;
    --ct-navbar-light-active-color: #EC008C;
    --ct-navbar-light-disabled-color: #adb5bd;
    --ct-dropdown-color: #838c96;
    --ct-dropdown-bg: #fff;
    --ct-dropdown-border-color: #a5a5a5;
    --ct-dropdown-divider-bg: #e7ebf0;
    --ct-dropdown-box-shadow: var(--ct-box-shadow);
    --ct-dropdown-link-color: #838c96;
    --ct-dropdown-link-hover-color: #40454d;
    --ct-dropdown-link-hover-bg: #f4f6fb;
    --ct-dropdown-link-active-color: #474d56;
    --ct-dropdown-link-active-bg: #f2f5f9;
    --ct-dropdown-link-disabled-color: #98a6ad;
    --ct-dropdown-dark-color: #dee2e6;
    --ct-dropdown-dark-bg: #343a40;
    --ct-dropdown-dark-border-color: var(--ct-dropdown-border-color);
    --ct-dropdown-dark-divider-bg: var(--ct-dropdown-divider-bg);
    --ct-dropdown-dark-link-color: var(--ct-dropdown-dark-color);
    --ct-dropdown-dark-link-hover-color: #fff;
    --ct-dropdown-dark-link-hover-bg: rgba(255, 255, 255, 0.15);
    --ct-dropdown-dark-link-active-color: var(--ct-dropdown-link-active-color);
    --ct-dropdown-dark-link-active-bg: var(--ct-dropdown-link-active-bg);
    --ct-dropdown-dark-link-disabled-color: #adb5bd;
    --ct-dropdown-dark-header-color: #adb5bd;
    --ct-pagination-color: #474d56;
    --ct-pagination-bg: #fff;
    --ct-pagination-border-color: #dee2e6;
    --ct-pagination-focus-color: var(--ct-link-hover-color);
    --ct-pagination-focus-bg: #eef2f7;
    --ct-pagination-focus-box-shadow: 0 0 0 0.2rem var(--ct-input-btn-focus-color);
    --ct-pagination-hover-color: #474d56;
    --ct-pagination-hover-bg: #eef2f7;
    --ct-pagination-hover-border-color: #dee2e6;
    --ct-pagination-disabled-color: #98a6ad;
    --ct-pagination-disabled-bg: #fff;
    --ct-pagination-disabled-border-color: #dee2e6;
    --ct-card-border-color: #eef2f7;
    --ct-card-box-shadow: var(--ct-card-shadow);
    --ct-card-cap-bg: #fff;
    --ct-card-bg: #fff;
    --ct-accordion-color: #838c96;
    --ct-accordion-border-color: rgba(0, 0, 0, 0.125);
    --ct-accordion-button-active-bg: #ebf3ff;
    --ct-accordion-button-active-color: #317ae3;
    --ct-accordion-button-focus-border-color: var(--ct-input-focus-border-color);
    --ct-accordion-button-focus-box-shadow: 0 0 0 0.2rem var(--ct-input-btn-focus-color);
    --ct-tooltip-color: #f1f3fa;
    --ct-tooltip-bg: #343a40;
    --ct-popover-bg: #BC1970;
    --ct-popover-border-color: #dee2e6;
    --ct-popover-header-bg: #bc1970;
    --ct-popover-header-color: #FFFFFF;
    --ct-popover-body-color: #FFFFFF;
    --ct-popover-arrow-color: #fff;
    --ct-popover-arrow-outer-color: #ced4da;
    --ct-toast-background-color: rgba(255, 255, 255, 0.85);
    --ct-toast-border-color: rgba(71, 77, 86, 0.1);
    --ct-toast-header-background-color: rgba(255, 255, 255, 0.85);
    --ct-toast-header-border-color: rgba(71, 77, 86, 0.05);
    --ct-badge-color: #fff;
    --ct-modal-content-bg: #fff;
    --ct-modal-content-box-shadow-xs: var(--ct-box-shadow-sm);
    --ct-modal-content-box-shadow-sm-up: var(--ct-box-shadow);
    --ct-modal-backdrop-bg: #373745;
    --ct-modal-header-border-color: var(--ct-border-color);
    --ct-modal-footer-border-color: var(--ct-border-color);
    --ct-progress-bg: #eef2f7;
    --ct-progress-box-shadow: var(--ct-box-shadow-inset);
    --ct-progress-bar-color: #fff;
    --ct-progress-bar-bg: #3688fc;
    --ct-list-group-color: #474d56;
    --ct-list-group-bg: #fff;
    --ct-list-group-border-color: #eef2f7;
    --ct-list-group-hover-bg: #f1f3fa;
    --ct-list-group-disabled-color: #919ca7;
    --ct-list-group-disabled-bg: #f5f7fc;
    --ct-list-group-action-color: #40464b;
    --ct-list-group-action-active-color: #838c96;
    --ct-list-group-action-active-bg: #eef2f7;
    --ct-thumbnail-bg: #fff;
    --ct-thumbnail-border-color: #dee2e6;
    --ct-thumbnail-box-shadow: var(--ct-box-shadow-sm);
    --ct-figure-caption-color: #98a6ad;
    --ct-breadcrumb-divider-color: var(--ct-secondary-text-color);
    --ct-breadcrumb-active-color: #0EAFDB;
    --ct-carousel-control-color: #fff;
    --ct-carousel-indicator-active-bg: #fff;
    --ct-carousel-caption-color: #fff;
    --ct-carousel-dark-indicator-active-bg: #000;
    --ct-carousel-dark-caption-color: #000;
    --ct-btn-close-color: #37374599;
    --ct-code-color: #ff679b;
    --ct-kbd-color: #fff;
    --ct-kbd-bg: #474d56;
    /* --ct-pre-color:; */
    --ct-bg-leftbar: #fff;
    --ct-menu-item: #919ca7;
    --ct-menu-item-hover: #3688fc;
    --ct-menu-item-active: #3688fc;
    --ct-bg-topbar: #fff;
    --ct-bg-topbar-search: #f1f3fa;
    --ct-nav-user-bg-topbar: #3c4655;
    --ct-nav-user-border-topbar: #414d5d;
    --ct-topbar-background: #FFFFFF;
    --ct-bg-dark-topbar-search: #3c4655;
    --ct-nav-user-bg-dark-topbar: #3c4655;
    --ct-nav-user-border-dark-topbar: #414d5d;
    --ct-rightbar-bg: #ffffff;
    --ct-rightbar-title-bg: #313a46;
    --ct-rightbar-title-color: #fff;
    --ct-rightbar-title-btn-bg: #444e5a;
    --ct-rightbar-title-btn-color: #fff;
    --ct-rightbar-overlay-bg: #37404a;
    --ct-bg-detached-leftbar: #fff;
    --ct-bg-leftbar-gradient: linear-gradient(135deg, #8f75da 0%, #727cf5 60%);
    --ct-bg-topnav: #fff;
    --ct-boxed-layout-bg: #fff;
    --ct-help-box-light-bg: rgba(255, 255, 255, 0.07);
    --ct-help-box-dark-bg: #3688fc;
    --ct-nav-pills-bg: #eef2f7;
    --ct-custom-accordion-title-color: #313a46;
    --ct-dragula-bg: #f7f9fb;
    --ct-form-wizard-header-bg: #eef2f7;
    --ct-text-title-color: #6c757d;
    --ct-page-title-color: inherit;
    --ct-card-loader-bg: #313a46;
    --ct-chat-primary-user-bg: #fef5e4;
    --ct-chat-secondary-user-bg: #f1f3fa;
    --ct-auth-bg: #fff;
    --ct-apex-grid-color: #f9f9fd;
    --ct-hero-bg: linear-gradient(to bottom, #8669ed, #727cf5);
    /* Extra custom variables */
    --ct-leftbar-box-shadow: 0 5px 20px 0 #959595;
    --ct-topnav-margin-bottom: 1.5px;
    --ct-end-bar-position-top: 126px;
    --ct-end-bar-color: #373745;
    --ct-card-box-shaodw: 0px 3px 20px #d0d4d9;
    --ct-burger-color: rgb(2 2 2 / 80%) !important;
    --ct-select2-background-color: #ffffff;
    --ct-select2-border-color: #d0d4d9;
    --ct-select2-open-color: #373745;
    --ct-select2-highlight-hover-color: #0eafdbcc;
    --ct-angle-down-color: #0EAFDB;
    --ct-abz-switch-background-color: #F1F3F5;
    --ct-abz-switch-color: var(--ct-main-text-color);
    --ct-form-label-color: var(--ct-main-text-color);
    --ct-select2-multiple-background: #0eafdb;
    --ct-checkbox-card-bg: #E6EAEE;
    --ct-scrollbar-color: #D0D4d9;
    --ct-select-option-hover-bg: #e0e0e0;
}

body[data-leftbar-theme=dark] {
    --ct-bg-leftbar: #313a46;
    --ct-dark-menu-item: #8391a2;
    --ct-dark-menu-item-hover: #bccee4;
    --ct-dark-menu-item-active: #fff;
}

/**** Dark Mode ****/
body[data-layout-color=dark] {
    --ct-background-color: #0B0A1A;
    --ct-undo-redo-color: #0eafdbcc;
    --ct-undo-redo-hover: #213c50cc;
    --ct-undo-redo-active: #2f536ecc;
    --ct-offcanvas-table-heading: #8E9099;
    --ct-progress-icon-color: #8E9099;
    --ct-topnav-nested-background: #222130;
    --ct-prov-menu-box-shadow: 0px 30px 12px #00000055;
    --ct-prov-left-side-menu-background: #373745;
    --ct-right-card-hover: #373745;
    --ct-right-card-focus-active: #2d2d38;
    --ct-topnav-nested-color: #D0D4D9;
    --ct-right-side-border-top: 1px solid #63646F;
    --ct-right-border-color: #191922;
    --ct-left-menu-border: 0.5px solid #63646F;
    --ct-log-me-out-color: #D0D0D0;
    --ct-all-session-color: #F4F4F4;
    --ct-all-session-border-top: 1px solid #777777;
    --ct-all-session-border-bottom: 1px solid #777777;
    --ct-update-note-border: 1px solid #535353;
    --ct-form-check-color: #D0D4D9;
    --ct-form-check-font-weight: 300;
    --ct-abz-warning: #AE4F66;
    --ct-abz-success: #386C1C;
    --ct-abz-mobile-menu-background: #161526;
    --ct-level-two-hover-color: #3f9bb5;
    --ct-level-two-active-color: #53c8e9;
    --ct-burger-menu-color: #eeeeef;
    --ct-topbav-border-top: none;
    --ct-input-icon-color: #8E9099;
    --ct-select2-open-border-color: #373745;
    --ct-btn-abz-action-color: #D0D4D9;
    --ct-heading-color: #D0D4D9;
    --ct-abz-action-background: #222130;
    --ct-abz-action-color: #D0D4D9;
    --ct-abz-action-background-hover: #0EAFDB99;
    --ct-abz-action-active-focus: #0eafdb70;
    --ct-btn-background-abz-blue: #0C6D8D;
    --ct-btn-border-abz-blue: #009cc766;
    --ct-btn-background-abz-blue-hover: #009CC7;
    --ct-btn-border-abz-blue-hover: #0EAFDB;
    --ct-btn-abz-passive-background: transparent;
    --ct-button-text: #D0D4D9;
    --ct-btn-abz-passive-color: #D0D4D9;
    --ct-btn-abz-passive-background-hover: transparent;
    --ct-abz-passive-passive-border: #707070;
    --ct-btn-abz-passive-color-hover: #FFFFFF;
    --ct-btn-abz-passive-border-color-hover: #707070;
    --ct-btn-abz-passive-border-color-active-focus: #FFFFFF;
    --ct-abz-btn-group-border-color: #494956;
    --ct-abz-btn-group-background: #222130;
    --ct-datatable-background-color: #222130;
    --ct-modal-header-color: #D0D4D9;
    --ct-heading-icon-color: #222130;
    --ct-mini-icon-color: #222130;
    --ct-tooltip-bg-color: #000000;
    --ct-list-loader-bg: #373745;
    --ct-list-loader-fg: #00000000;
    --ct-wallboard-info: #EF9432;
    --ct-circle-bg: #222130;
    --ct-circle-icon: #8E9099;
    --ct-icon-color: #8E9099;
    --ct-nav-icon-color: #8E9099;
    --ct-card-header: #373745;
    --ct-abz-purple: #BC1970;
    --ct-abz-purple-border: #EC008C;
    --ct-abz-purple-hover: #C9458B;
    --ct-abz-purple-border-hover: #A20A64;
    --ct-second-font: 'itc-avant-garde-gothic-pro';
    --ct-orange-text: #EF9432;
    --ct-card-hover-outline: #0eafdb;
    --ct-chart-primary: #EF9432;
    --ct-chart-secondary: #0EAFDB;
    --ct-main-text-color: #D0D4D9;
    --ct-secondary-text-color: #8E9099;
    --ct-body-bg: #0B0A1A;
    --ct-body-color: #aab8c5;
    --ct-link-color: #d0d4d9;
    --ct-link-hover-color: #009CC7;
    --ct-border-color: #464f5b;
    --ct-box-shadow: 0px 0px 35px 0px rgba(49, 57, 66, 0.5);
    --ct-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, 0.075);
    --ct-box-shadow-lg: 0 0 45px 0 rgba(0, 0, 0, 0.12);
    --ct-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --ct-component-active-color: #fff;
    --ct-component-active-bg: #6B0D4F;
    --ct-component-hover-bg: #0C6D8D;
    --ct-text-muted: #8391a2;
    --ct-blockquote-footer-color: #ced4da;
    --ct-hr-color: inherit;
    --ct-mark-bg: #fcf8e3;
    --ct-table-color: #D0D4D9;
    --ct-table-bg: transparent;
    --ct-table-accent-bg: transparent;
    --ct-table-striped-color: #aab8c5;
    --ct-table-striped-bg: rgba(64, 73, 84, 0.8);
    --ct-table-active-color: var(--ct-table-color);
    --ct-table-active-bg: rgba(70, 79, 91, 0.4);
    --ct-table-hover-color: var(--ct-table-color);
    --ct-table-hover-bg: #404954;
    --ct-table-border-color: #464f5b;
    --ct-table-group-separator-color: #4d5764;
    --ct-table-caption-color: var(--ct-text-muted);
    --ct-input-btn-focus-color: rgba(54, 136, 252, 0.25);
    --ct-btn-box-shadow: 0px 2px 6px 0px;
    --ct-btn-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ct-btn-link-color: var(--ct-link-color);
    --ct-btn-link-hover-color: var(--ct-link-hover-color);
    --ct-btn-link-disabled-color: #aab8c5;
    --ct-form-text-color: var(--ct-text-muted);
    --ct-input-bg: #222130;
    --ct-input-disabled-bg: #161526;
    --ct-input-disabled-border-color: #373745;
    --ct-input-color: var(--ct-main-text-color);
    --ct-input-border-color: #373745;
    --ct-input-box-shadow: var(--ct-box-shadow-inset);
    --ct-input-focus-bg: #373745;
    --ct-input-focus-border-color: #009CC7;
    --ct-input-focus-color: var(--ct-input-color);
    --ct-input-placeholder-color: #8e9099e6;
    --ct-input-plaintext-color: #838c96;
    --ct-form-check-input-bg: #434350;
    --ct-form-check-input-border: 1px solid #373642;
    --ct-form-check-input-checked-color: var(--ct-component-active-color);
    --ct-form-check-input-checked-bg-color: #0eafdb;
    --ct-form-check-input-checked-border-color: var(--ct-form-check-input-checked-bg-color);
    --ct-form-check-input-indeterminate-color: var(--ct-component-active-color);
    --ct-form-check-input-indeterminate-bg-color: #0eafdb;
    --ct-form-check-input-indeterminate-border-color: #0eafdb;
    --ct-form-switch-color: tiny-color(#464f5b, 6%);
    --ct-input-group-addon-color: var(--ct-input-color);
    --ct-input-group-addon-bg: #48515d;
    --ct-input-group-addon-border-color: var(--ct-input-border-color);
    --ct-form-select-color: var(--ct-input-color);
    --ct-form-select-bg: var(--ct-input-bg);
    --ct-form-select-disabled-color: #ced4da;
    --ct-form-select-disabled-bg: #37404a;
    /* --ct-form-select-disabled-border-color:; */
    --ct-form-select-indicator-color: #e3eaef;
    --ct-form-range-track-bg: #464f5b;
    --ct-form-range-track-box-shadow: inset 0 .25rem .25rem rgba(0, 0, 0, 0.1);
    --ct-form-range-thumb-box-shadow: 0 .1rem .25rem rgba(0, 0, 0, 0.1);
    --ct-form-range-thumb-active-bg: #c3dbfe;
    --ct-form-range-thumb-disabled-bg: #aab8c5;
    --ct-form-file-button-color: var(--ct-input-color);
    --ct-form-file-button-bg: #48515d;
    --ct-form-file-button-hover-bg: #434b56;
    --ct-nav-link-disabled-color: #ced4da;
    --ct-nav-tabs-border-color: #464f5b;
    --ct-nav-tabs-link-hover-border-color: #37404a #37404a var(--ct-nav-tabs-border-color);
    --ct-nav-tabs-link-active-color: #e3eaef;
    --ct-nav-tabs-link-active-bg: #4a525d;
    --ct-nav-tabs-link-active-border-color: #464f5b #464f5b var(--ct-nav-tabs-link-active-bg);
    --ct-navbar-dark-color: rgba(255, 255, 255, 0.55);
    --ct-navbar-light-hover-color: #0eafdbcc;
    --ct-navbar-light-active-color: #EC008C;
    --ct-navbar-dark-disabled-color: rgba(255, 255, 255, 0.25);
    --ct-navbar-dark-toggler-border-color: rgba(255, 255, 255, 0.1);
    --ct-navbar-light-color: #D0D0D0;
    --ct-navbar-light-disabled-color: #aab8c5;
    --ct-dropdown-color: #aab8c5;
    --ct-dropdown-bg: #222130;
    --ct-dropdown-border-color: #434b55;
    --ct-dropdown-divider-bg: #4d5662;
    --ct-dropdown-box-shadow: var(--ct-box-shadow);
    --ct-dropdown-link-color: #aab8c5;
    --ct-dropdown-link-hover-color: #d9d9d9;
    --ct-dropdown-link-hover-bg: #48515d;
    --ct-dropdown-link-active-color: #fff;
    --ct-dropdown-link-active-bg: #7a8089;
    --ct-dropdown-link-disabled-color: #ced4da;
    --ct-dropdown-dark-color: #464f5b;
    --ct-dropdown-dark-bg: #e3eaef;
    --ct-dropdown-dark-border-color: var(--ct-dropdown-border-color);
    --ct-dropdown-dark-divider-bg: var(--ct-dropdown-divider-bg);
    --ct-dropdown-dark-link-color: var(--ct-dropdown-dark-color);
    --ct-dropdown-dark-link-hover-color: #fff;
    --ct-dropdown-dark-link-hover-bg: rgba(255, 255, 255, 0.15);
    --ct-dropdown-dark-link-active-color: var(--ct-dropdown-link-active-color);
    --ct-dropdown-dark-link-active-bg: var(--ct-dropdown-link-active-bg);
    --ct-dropdown-dark-link-disabled-color: #aab8c5;
    --ct-dropdown-dark-header-color: #aab8c5;
    --ct-pagination-color: #8391a2;
    --ct-pagination-bg: #3f4851;
    --ct-pagination-border-color: #464f5b;
    --ct-pagination-focus-color: var(--ct-link-hover-color);
    --ct-pagination-focus-bg: #37404a;
    --ct-pagination-focus-box-shadow: 0 0 0 0.2rem var(--ct-input-btn-focus-color);
    --ct-pagination-hover-color: #f1f1f1;
    --ct-pagination-hover-bg: #474f58;
    --ct-pagination-hover-border-color: #464f5b;
    --ct-pagination-disabled-color: #8391a2;
    --ct-pagination-disabled-bg: #4a555f;
    --ct-pagination-disabled-border-color: #4a555f;
    --ct-card-border-color: rgba(0, 0, 0, 0.125);
    --ct-card-box-shadow: var(--ct-box-shadow);
    --ct-card-cap-bg: #464f5b;
    --ct-card-bg: #161526;
    --ct-accordion-color: #838c96;
    --ct-accordion-border-color: rgba(0, 0, 0, 0.125);
    --ct-accordion-button-active-bg: #ebf3ff;
    --ct-accordion-button-active-color: #317ae3;
    --ct-accordion-button-focus-border-color: var(--ct-input-focus-border-color);
    --ct-accordion-button-focus-box-shadow: 0 0 0 0.2rem var(--ct-input-btn-focus-color);
    --ct-accordion-icon-color: #8E9099;
    --ct-tooltip-color: #37404a;
    --ct-tooltip-bg: #dee2e6;
    --ct-popover-bg: #6B0D4F;
    --ct-popover-border-color: #464f5b;
    --ct-popover-header-bg: #6B0D4F;
    --ct-popover-header-color: #dee2e6;
    --ct-popover-body-color: #dee2e6;
    --ct-popover-arrow-color: #37404a;
    --ct-popover-arrow-outer-color: #464f5b;
    --ct-toast-background-color: #404954;
    --ct-toast-border-color: rgba(241, 241, 241, 0.12);
    --ct-toast-header-background-color: rgba(64, 73, 84, 0.2);
    --ct-toast-header-border-color: rgba(241, 241, 241, 0.05);
    --ct-badge-color: #fff;
    --ct-modal-content-bg: #161526;
    --ct-modal-content-box-shadow-xs: var(--ct-box-shadow-sm);
    --ct-modal-content-box-shadow-sm-up: var(--ct-box-shadow);
    --ct-modal-backdrop-bg: #373745CC;
    --ct-modal-header-border-color: #515c69;
    --ct-modal-footer-border-color: #515c69;
    --ct-progress-bg: #353542;
    --ct-progress-box-shadow: var(--ct-box-shadow-inset);
    --ct-progress-bar-color: #fff;
    --ct-progress-bar-bg: #3688fc;
    --ct-list-group-color: #f1f1f1;
    --ct-list-group-bg: var(--ct-card-bg);
    --ct-list-group-border-color: #4d5662;
    --ct-list-group-hover-bg: #404954;
    --ct-list-group-disabled-color: #8391a2;
    --ct-list-group-disabled-bg: #404954;
    --ct-list-group-action-color: #aab8c5;
    --ct-list-group-action-active-color: #dee2e6;
    --ct-list-group-action-active-bg: #404954;
    --ct-thumbnail-bg: #464f5b;
    --ct-thumbnail-border-color: #464f5b;
    --ct-thumbnail-box-shadow: var(--ct-box-shadow-sm);
    --ct-figure-caption-color: #ced4da;
    --ct-breadcrumb-divider-color: #8391a2;
    --ct-breadcrumb-active-color: #0EAFDB;
    --ct-carousel-control-color: #fff;
    --ct-carousel-indicator-active-bg: #fff;
    --ct-carousel-caption-color: #fff;
    --ct-carousel-dark-indicator-active-bg: #000;
    --ct-carousel-dark-caption-color: #000;
    --ct-btn-close-color: #8e909999;
    --ct-code-color: #44badc;
    --ct-kbd-color: #fff;
    --ct-kbd-bg: #f1f1f1;
    --ct-pre-color: #aab8c5;
    --ct-bg-leftbar: #37404a;
    --ct-menu-item: #cedce4;
    --ct-menu-item-hover: #fff;
    --ct-menu-item-active: #3688fc;
    --ct-bg-topbar: #3a444e;
    --ct-bg-topbar-search: #464f5b;
    --ct-nav-user-bg-topbar: #45515d;
    --ct-nav-user-border-topbar: #4a5764;
    --ct-bg-dark-topbar: #161526;
    --ct-bg-dark-topbar-search: #464f5b;
    --ct-nav-user-bg-dark-topbar: #45515d;
    --ct-nav-user-border-dark-topbar: #4a5764;
    --ct-rightbar-bg: #373745;
    --ct-rightbar-title-bg: #3688fc;
    --ct-rightbar-title-color: #fff;
    --ct-rightbar-title-btn-bg: #4f97fc;
    --ct-rightbar-title-btn-color: #fff;
    --ct-rightbar-overlay-bg: #000;
    --ct-bg-detached-leftbar: #37404a;
    --ct-bg-leftbar-gradient: #37404a;
    --ct-bg-topnav: #161526;
    --ct-boxed-layout-bg: #3e4853;
    --ct-help-box-light-bg: rgba(255, 255, 255, 0.1);
    --ct-help-box-dark-bg: #3688fc;
    --ct-nav-pills-bg: #404954;
    --ct-custom-accordion-title-color: var(--ct-main-text-color);
    --ct-dragula-bg: #404954;
    --ct-form-wizard-header-bg: #404954;
    --ct-text-title-color: #fff;
    --ct-page-title-color: #fff;
    --ct-card-loader-bg: #f1f1f1;
    --ct-chat-primary-user-bg: #404954;
    --ct-chat-secondary-user-bg: #404954;
    --ct-auth-bg: #404954;
    --ct-apex-grid-color: #404954;
    --ct-hero-bg: linear-gradient(to bottom, #697ded, #5e30c1);
    /* Extra custom variables dark */
    --ct-leftbar-box-shadow: none;
    --ct-topnav-margin-bottom: 1.5px;
    --ct-end-bar-position-top: 126px;
    --ct-end-bar-color: #E6EAEE;
    --ct-topbar-background: #161526;
    --ct-card-box-shadow: none;
    --ct-burger-color: rgba(255, 255, 255, 0.8);
    --ct-select2-background-color: #222130;
    --ct-select2-border-color: #373745;
    --ct-select2-open-color: #e6eaeee6;
    --ct-select2-highlight-hover-color: #009cc79c;
    --ct-angle-down-color: #009CC7;
    --ct-abz-switch-background-color: #222130;
    --ct-abz-switch-color: var(--ct-main-text-color);
    --ct-form-label-color: var(--ct-main-text-color);
    --ct-select2-multiple-background: #0EAFDB99;
    --ct-checkbox-card-bg: var(--ct-input-bg);
    --ct-scrollbar-color: #373745;
    --ct-select-option-hover-bg: #373745;
}

body[data-layout=detached] {
    --ct-menu-item: #6c757d;
    --ct-menu-item-hover: #3688fc;
    --ct-menu-item-active: #3688fc;
}

body[data-layout-color=dark][data-layout=detached] {
    --ct-menu-item: #8391a2;
    --ct-menu-item-hover: #bccee4;
    --ct-menu-item-active: #cfe1f7;
}

/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --ct-blue: #3688fc;
    --ct-indigo: #727cf5;
    --ct-purple: #6b5eae;
    --ct-pink: #ff679b;
    --ct-red: #fa6767;
    --ct-orange: #ff9041;
    --ct-yellow: #f9bc0d;
    --ct-green: #42d29d;
    --ct-teal: #02a8b5;
    --ct-cyan: #44badc;
    --ct-white: #fff;
    --ct-gray: #98a6ad;
    --ct-gray-dark: #343a40;
    --ct-gray-100: #f1f3fa;
    --ct-gray-200: #eef2f7;
    --ct-gray-300: #dee2e6;
    --ct-gray-400: #ced4da;
    --ct-gray-500: #adb5bd;
    --ct-gray-600: #98a6ad;
    --ct-gray-700: #919ca7;
    --ct-gray-800: #343a40;
    --ct-gray-900: #474d56;
    --ct-primary: #3688fc;
    --ct-secondary: #919ca7;
    --ct-success: #42d29d;
    --ct-info: #44badc;
    --ct-warning: #f9bc0d;
    --ct-danger: #fa6767;
    --ct-light: #eef2f7;
    --ct-dark: #474d56;
    --ct-primary-rgb: 54, 136, 252;
    --ct-secondary-rgb: 145, 156, 167;
    --ct-success-rgb: 66, 210, 157;
    --ct-info-rgb: 68, 186, 220;
    --ct-warning-rgb: 249, 188, 13;
    --ct-danger-rgb: 250, 103, 103;
    --ct-light-rgb: 238, 242, 247;
    --ct-dark-rgb: 71, 77, 86;
    --ct-white-rgb: 255, 255, 255;
    --ct-black-rgb: 0, 0, 0;
    --ct-body-color-rgb: 131, 140, 150;
    --ct-body-bg-rgb: 250, 251, 254;
    --ct-font-sans-serif: "Nunito", sans-serif;
    --ct-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --ct-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --ct-body-font-family: Nunito, sans-serif;
    --ct-body-font-size: 0.875rem;
    --ct-body-font-weight: 400;
    --ct-body-line-height: 1.5;
    --ct-body-color: #838c96;
    --ct-body-bg: #F1F3F5;
}

/* DataTable Variables */
:root {
    --ct-datatable-background-color: #F9F9F9;
    --ct-datatable-background-color-hover: #F0F0F0;
    --ct-datatable-background-color-selected: #CCF2FA;
    --ct-datatable-heading-color: #8E9099;
    --ct-table-content-color: #373745;
}

body[data-layout-color=dark] {
    --ct-datatable-background-color: #1B1A29;
    --ct-datatable-background-color-hover: #222130;
    --ct-datatable-background-color-selected: #04354C;
    --ct-datatable-heading-color: #8E9099;
    --ct-table-content-color: #D0D4D9;
}


body .hide-on-dark {
    display: block;
}

body .hide-on-light {
    display: none;
}

body[data-layout-color="dark"] .hide-on-dark {
    display: none;
}

body[data-layout-color="dark"] .hide-on-light {
    display: block;
}

[data-layout-color="light"] {
    /* Main Colours - Fonts & Background */
    --abz-background-colour: #F1F3F5;
    --abz-card-colour: #FFFFFF;
    --abz-primary-font-colour: #373745;
    --abz-secondary-font-colour: #8E909A;
    --abz-scroll-puck-colour: #D0D4D9;
    /* Input Colours */
    --abz-form-bg-colour: #ffffff;
    --abz-form-border-colour: #D0D4D9;
    --abz-form-focus-border-colour: #00c8ff;
    /* Function Colours - Buttons, Pills and Badges etc table.dataTable*/
    --abz-func-primary-font-colour: #373745;
    --abz-func-primary-font-pseudo-colour: #373745;
    --abz-func-secondary-font-colour: #FFFFFF;
    --abz-func-secondary-font-pseudo-colour: #FFFFFF;
    --abz-func-default-bg-colour: #F9FAFB;
    --abz-func-default-bg-pseudo-colour: #F1F3F5;
    --abz-func-primary-bg-colour: #009CC7;
    --abz-func-primary-bg-pseudo-colour: #0C6D8D;
    --abz-func-secondary-bg-colour: #BC0970;
    --abz-func-secondary-bg-pseudo-colour: #A20A64;
    --abz-func-success-bg-colour: #53A527;
    --abz-func-success-bg-pseudo-colour: #386C1C;
    --abz-func-warning-bg-colour: #EF9432;
    --abz-func-warning-bg-pseudo-colour: #B77228;
    --abz-func-danger-bg-colour: #F26D86;
    --abz-func-danger-bg-pseudo-colour: #AE4F66;
    --abz-func-passive-bdr-colour: #373745;
    --abz-passive-bdr-colour: #D0D4D9;
    --abz-anchor-colour: #0EAFDB;
    --abz-anchor-pseudo-colour: #0EAFDB99;
    --abz-func-icon-secondary-colour: #D0D4D9;
    /* Table Colours */
    --abz-table-background-color: #F9F9F9;
    --abz-table-background-color-hover: #F1F3F5;
    --abz-table-header-background-colour: #F1F3F5;
    --abz-table-selected-background-color: #CCF2FA;
    --abz-table-heading-color: #373745;
    --abz-deafault-button-hover-bg-color: #F1F3F5;
    --abz-breadcrumb-item-active-colour: #BC0970;
    --abz-menu-item-primary-colour: #009CC7;
    --abz-menu-item-secondary-colour: #BC0970;
    --abz-close-button-hover: #F1F3F5;
}

[data-layout-color="dark"] {
    /* Main Colours - Fonts & Background */
    --abz-background-colour: #0B0A1A;
    --abz-card-colour: #161526;
    --abz-primary-font-colour: #D0D4D9;
    --abz-primary-font-pseudo-colour: #FFFFFF;
    --abz-secondary-font-colour: #8E909A;
    --abz-scroll-puck-colour: #8E9099;
    /* Input Colours */
    --abz-form-bg-colour: #1B1A29;
    --abz-form-border-colour: #373745;
    --abz-form-focus-border-colour: #009cc7;
    /* Function Colours - Buttons, Pills and Badges etc */
    --abz-func-primary-font-colour: #D0D4D9;
    --abz-func-primary-font-pseudo-colour: #FFFFFF;
    --abz-func-secondary-font-colour: #FFFFFF;
    --abz-func-secondary-font-pseudo-colour: #FFFFFF;
    --abz-func-default-bg-colour: #222130;
    --abz-func-default-bg-pseudo-colour: #373745;
    --abz-func-primary-bg-colour: #0C6D8D;
    --abz-func-primary-bg-pseudo-colour: #009CC7;
    --abz-func-secondary-bg-colour: #A20A64;
    --abz-func-secondary-bg-pseudo-colour: #BC0970;
    --abz-func-success-bg-colour: #386C1C;
    --abz-func-success-bg-pseudo-colour: #53A527;
    --abz-func-warning-bg-colour: #B77228;
    --abz-func-warning-bg-pseudo-colour: #EF9432;
    --abz-func-danger-bg-colour: #AE4F66;
    --abz-func-danger-bg-pseudo-colour: #F26D86;
    --abz-func-passive-bdr-colour: #8E909A;
    --abz-passive-bdr-colour: #222130;
    --abz-func-passive-bdr-pseudo-colour: #D0D4D9;
    --abz-anchor-colour: #009CC7;
    --abz-anchor-pseudo-colour: #009CC7;
    --abz-func-icon-secondary-colour: #D0D4D9;
    /* Table Colours */
    --abz-table-background-color: #1B1A29;
    --abz-table-background-color-hover: #222130;
    --abz-table-header-background-colour: #222130;
    --abz-table-selected-background-color: #04354C;
    --abz-table-heading-color: #8E9099;
    --abz-deafault-button-hover-bg-color: #222130;
    --abz-breadcrumb-item-active-colour: #D963A7;
    --abz-menu-item-primary-colour: #009CC7;
    --abz-menu-item-secondary-colour: #D963A7;
    --abz-close-button-hover: #373745;
}