:root {
    /****************** Login ******************/
    --login-form-background: rgba(90, 102, 241, 0.9);
    --login-form-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
    --login-form-box-caption: #FFFFFF;
    --login-form-footer-background-color: #427cac;
    --login-form-footer-border-top: 0px solid #427cac;
    --login-form-footer-p-color: #FFFFFF;
    --login-form-footer-p-background-color: transparent;
    --login-form-footer-a-color: #FFFFFF;
    --login-form-footer-a-hover-color: #FFFFFF;
    /****************** Button ******************/
    --button-background: #427cac;
    --button-color: #FFFFFF;
    --button-border: 1px solid transparent;
    --button-box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);
    --button-border-radius: 25px;
    --button-hover-background: #FFFFFF;
    --button-color-hover: #427cac;
    --button-hover-border: 1px solid #427cac;
    --button-hover-border-transparent: 1px solid transparent;
    --button-disabled-background: #a3b4c2;
    --button-color-disabled: #000000;
    --button-disabled-border: 1px solid #427cac;
    --button-link-background-color: transparent;
    --button-link-color: #427cac;
    --button-link-hover-color: #5189cf;
    /****************** Form Content ******************/
    --formContent-input-text-background-color: #f6f6f6;
    --formContent-input-text-color: #0d0d0d;
    --formContent-input-text-border: #f6f6f6;
    --formContent-input-text-focus-background-color: #ffffff;
    --formContent-input-text-focus-border-bottom: 2px solid #5fbae9;
    --formContent-input-text-placeholder-color: #cccccc;
    /****************** Underline Hover ******************/
    --underlineHover-color: #6fb4ec;
    --underlineHover-background-color: transparent;
    --underlineHover-after-background-color: #6fb4ec;
    --underlineHover-hover-color: #FFFFFF;
    /****************** Side Menu ******************/
    --side-menu-link-color: #808793;
    --side-menu-link-color-hover-active: #808793;
    --side-menu-entity-name-color: #808793;
    --side-menu-toggler-color: #d8dce4;
    --side-menu-dropdown-item-color: #1e293b;
    --side-menu-dropdown-item-color-active: #1e293b;
    --side-menu-dropdown-item-background-color-active: #f8f9fa;
    --side-menu-dropdown-menu-custom-color: #1e293b;
    --side-menu-dropdown-menu-custom-border: 0 solid rgba(0, 0, 0, .15);
    --side-menu-dropdown-menu-custom-background-color: #fff;
    --side-menu-dropdown-menu-custom-box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
    --side-menu-dropdown-menu-custom-active-background-color: #fff;
    --side-menu-dropdown-submenu-link-color-focus-hover: #1e293b;
    --side-menu-dropdown-submenu-link-background-color-focus-hover: #f8f9fa;
    --side-menu-dropdown-submenu-li-a-hover: #FFFFFF;
    --side-menu-theme-background: #1e2229;
    --side-menu-theme-header-user-info-a-color: #6fb4ec;
    --side-menu-theme-header-user-info-user-name-color: #b8bfce;
    --side-menu-theme-header-user-info-user-name-hover-color: #d8dce4;
    --side-menu-theme-header-user-info-status-i-color: #5cb85c;
    --side-menu-ui-menu-color: #ffffff !important;
    --side-menu-ui-menu-item-color: 1px solid #3a3f48;
    --side-menu-ui-menu-item-a-color: #FFFFFF;
    --side-menu-ui-li-border-bottom: 1px solid #1e293b;
    --side-menu-badge-sonar-background: #980303;
    --side-menu-badge-sonar-after-border: 2px solid #980303;
    --side-menu-wrapper-background: #1e293b;
    --side-menu-wrapper-box-shadow: 0 6.4px 14.4px 0 rgba(0,0,0,.132), 0 1.2px 3.6px 0 rgba(0,0,0,.108);
    --side-menu-wrapper-sidebar-header-border-top: 1px solid #3e3d3c;
    --side-menu-wrapper-sidebar-search-border-color: transparent;
    --side-menu-wrapper-sidebar-search-color: #94a3b8;
    --side-menu-wrapper-sidebar-dropdown-active-color: #ffffff;
    --side-menu-wrapper-sidebar-a-hover-color: #FFFFFF;
    --side-menu-wrapper-sidebar-a-hover-background-color: #2f3e58;
    --side-menu-wrapper-sidebar-toggled-close-color: #64748b;
    --side-menu-wrapper-sidebar-toggled-close-background-color: transparent;
    --side-menu-wrapper-sidebar-toggled-close-border-color: transparent;
    --side-menu-wrapper-sidebar-toggled-close-hover-color: transparent;
    --side-menu-wrapper-sidebar-ul-li-hover-a-i-color: #FFFFFF;
    --side-menu-wrapper-sidebar-ul-li-hover-a-i-text-shadow: 0px 0px 0px #2f3e58;
    --side-menu-wrapper-sidebar-menu-i-background: #1e293b;
    --side-menu-wrapper-sidebar-menu-search-background: #2f3e58;
    --side-menu-wrapper-sidebar-menu-search-placeholder-color: #94a3b8;
    --side-menu-wrapper-sidebar-menu-search-icon-background: #2f3e58;
    --side-menu-wrapper-sidebar-menu-header-span-color: #6c7b88;
    --side-menu-wrapper-sidebar-menu-input-background: #1e293b;
    --side-menu-footer-background: #1e293b;
    --side-menu-footer-box-shadow: 0px -1px 5px #1e293b;
    --side-menu-footer-border-top: 1px solid #427cac;
    --side-menu-footer-copy-right-color: #FFFFFF;
    --side-menu-footer-copy-right-box-shadow: 0px -1px 5px #282c33;
    --side-menu-footer-copy-right-border-top: 1px solid #464a52;
    --side-menu-footer-copy-right-a-color: #FFFFFF;
    --side-menu-footer-copy-right-a-hover-color: #94a3b8;
    --side-menu-ul-li-a-active-color: #FFFFFF;
    --side-menu-ul-li-a-active-background-color: #2f3e58;
    --side-menu-ul-li-a-hover-color: #FFFFFF;
    --side-menu-btn-dark-color: #94a3b8;
    --side-menu-btn-dark-background-color: #FFFFFF;
    --side-menu-btn-dark-border-color: #FFFFFF;
    /****************** webkit ******************/
    --side-menu-webkit-scrollbar-thumb-background: #525965;
    --side-menu-webkit-scrollbar-thumb-border: 0px none #ffffff;
    --side-menu-webkit-scrollbar-thumb-hover-background: #525965;
    --side-menu-webkit-scrollbar-thumb-active-background: #525965;
    --side-menu-webkit-scrollbar-track-background: transparent;
    --side-menu-webkit-scrollbar-track-border: 0px none #ffffff;
    --side-menu-webkit-scrollbar-track-hover-background: transparent;
    --side-menu-webkit-scrollbar-track-active-background: transparent;
    --side-menu-webkit-scrollbar-corner-background: transparent;
    /****************** Top Menu ******************/
    --top-menu-alert-envelope-color: #808793;
    --top-menu-badge-notify-background: red;
    --top-menu-badge-notify-color: #FFFFFF;
    --top-menu-background-color: #FFFFFF;
    --top-menu-navbar-background-color: #FFFFFF;
    --top-menu-personal-image-color: #808793;
    --top-menu-personal-image-background-color: #FFFFFF;
    --top-menu-personal-title-color: #808793;
    --top-menu-note-title-color: #8898aa;
    --top-menu-note-title-span-color: #2c3d4c;
    --top-menu-note-item-color: #2c3d4c;
    --top-menu-note-footer-a-color: #2c3d4c;
    --top-menu-note-button-background-color: transparent;
    --top-menu-note-button-background-color: transparent;
    --top-menu-note-button-approve-border: 1px solid green;
    --top-menu-note-button-approve-color: green;
    --top-menu-note-button-reject-border: 1px solid red;
    --top-menu-note-button-reject-color: red;
    --top-menu-note-button-more-info-border: 1px solid #036e9e;
    --top-menu-note-button-more-info-color: #036e9e;
    --top-menu-note-button-approve-hover-background-color: green;
    --top-menu-note-button-approve-hover-color: #FFFFFF;
    --top-menu-note-button-reject-hover-background-color: red;
    --top-menu-note-button-reject-hover-color: #FFFFFF;
    --top-menu-note-button-more-info-hover-background-color: #036e9e;
    --top-menu-note-button-more-info-hover-color: #FFFFFF;
    --top-menu-note-approve-item-border-bottom: 1px solid #8898aa;
    /****************** Footer ******************/
    --page-footer-background-color: #FFFFFF;
    --page-footer-color: #fff;
    --page-footer-copyright-color: #3f5161;
    --page-footer-copyright-background-color: #FFFFFF;
    --page-footer-copyright-border-top: 2px solid #3f5161;
    --page-footer-container-p-a-color: #FFFFFF;
    --page-footer-container-p-a-hover-color: #FFFFFF;
    /****************** Card ******************/
    --card-header-background: #fbfafa;
    --card-header-color: #2c3d4c;
    --card-header-border-color: #ddd;
    --card-header-h5-color: inherit;
    --card-header-h5-a-background: transparent;
    --card-header-h5-a-color: #2c3d4c;
    --card-header-h5-a-border-bottom: 1px solid #2c3d4c;
    --card-header-h5-a-collapsed-color: #808080;
    --card-header-h5-a-collapsed-border-bottom: 1px solid #d3d3d3;
    --card-header-h5-a-i-color: #2c3d4c;
    --card-header-h5-a-before-border: 7px solid transparent;
    --card-header-h5-a-before-border-top: 7px solid #2c3d4c;
    --card-header-h5-a-after-color: #2c3d4c;
    --card-header-h5-a-collapsed-color: #808080;
    /****************** Devexpress ******************/
    --DX-Disabled-color: black;
    --DX-Disabled-background: #bbbbbb;
    --DX-FocusedRow-a-color: #2c3d4c;
    --DX-Header-color: #2c3d4c;
    --DX-Lite-Header-border-bottom: 1px solid #eee;
    --DX-Required-Mark-color: red;
    --DX-FocusedRow-background-color: #c3dff7;
    --DX-FocusedRow-color: #427cac;
    --DX-Radio-Checkbox-border: 0px solid #DCDCDC;
    --DX-button-color: #FFFFFF;
    --DX-button-background: #427cac;
    --DX-button-hover-border: 1px solid #427cac;
    --DX-button-hover-color: #427cac;
    --DX-button-hover-background: #FFFFFF;
    --DX-calendar-weekend-color: #484848;
    /****************** Action Menu ******************/
    --action-menu-background-color: transparent;
    --action-menu-item-color: #FFFFFF;
    --action-menu-item-background-color: #1e293b;
    --action-menu-item-hover-border: 1px solid #1e293b;
    --action-menu-item-hover-color: #FFFFFF;
    --action-menu-item-hover-background: #2f3e58;
    --action-menu-sub-item-color: #2c3d4c;
    --action-menu-sub-item-background-color: #1e293b;
    --action-menu-sub-item-hover-background-color: #007fb9;
    --action-menu-red-background-color: #ef5e5e;
    --action-menu-red-border: 1px solid #ef5e5e;
    --action-menu-red-background: #ff8383;
    /****************** Timeout ******************/
    --timeout-header-color: #2c3d4c;
    --timeout-body-border: 1px solid #eeeeee;
    --timeout-body-webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
    --timeout-body-moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
    --timeout-body-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
    --timeout-body-h2-color: #2c3d4c;
    --timeout-body-span-color: #2c3d4c;
    --timeout-body-p-color: #000000;
    --timeout-body-b-color: #2c3d4c;
    --timeout-footer-button-border: 2px solid #2c3d4c;
    --timeout-footer-button-color: #2c3d4c;
    --timeout-footer-button-background-color: #fdfeff;
    --timeout-footer-button-hover-border: 2px solid #fdfeff;
    --timeout-footer-button-hover-color: #FFFFFF;
    --timeout-footer-button-hover-background-color: #2c3d4c;
    /****************** Step Wizard ******************/
    --stepwizard-step-p-color: #666;
    --stepwizard-button-disabled-color: #bbb;
    --stepwizard-row-before-background-color: #ccc;
    --stepwizard-done-color: #fff;
    --stepwizard-done-background-color: #2c3d4c;
    --stepwizard-done-border-color: #2c3d4c;
    --stepwizard-active-color: #fff;
    --stepwizard-active-background-color: #37b5ff;
    --stepwizard-active-border-color: #37b5ff;
    --stepwizard-pending-color: #fff;
    --stepwizard-pending-background-color: #6c757d;
    --stepwizard-pending-border-color: #6c757d;
    /****************** Cockpit ******************/
    --welcome-user-name: rgb(90,102,241);
    --cockpit-header-color: #6fb4ec;
    --cockpit-item-background: #efefef;
    --cockpit-item-webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    --cockpit-item-moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    --cockpit-item-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    --cockpit-title-color: #427cac;
    --cockpit-icon-color: #427cac;
    --cockpit-number-color: #427cac;
    --cockpit-number-p-color: #427cac;
    --cockpit-number-p-hover-color: #6fb4ec;
    /****************** Status ******************/
    --status-draft-color: gray;
    --status-pending-color: orange;
    --status-rejected-color: red;
    --status-approved-color: green;
    --status-canceled-color: brown;
    --status-delegated-color: blue;
    /****************** Task Reply ******************/
    --taskreply-body-color: #2c3d4c;
    --taskreply-body-div-background-color: #FFFFFF;
    --taskreply-body-div-span-color: #6fb4ec;
    --taskreply-body-div-hr-color: #6fb4ec;
    --taskreply-body-p-remark-color: red;
    --taskreply-add-color: #2c3d4c;
    /****************** Agent Career ******************/
    --agent-header-background-color: #3f5161;
    --agent-header-navbar-background-color: #3f5161;
    --agent-header-navbar-collapse-background-color: #3f5161;
    --agent-career-title-h3-color: #3f5161;
    --agent-career-title-p-color: #3f5161;
    --agent-career-search-background-color: #3f5161;
    --agent-career-search-form-control-background-color: rgba(255, 255, 255, 0.2);
    --agent-career-search-form-control-color: #fff;
    --agent-career-search-caption-color: #FFFFFF;
    --agent-career-search-placeholder-color: #fff;
    --agent-career-search-custom-select-background-color: rgba(255, 255, 255, 0.2);
    --agent-career-search-custom-select-color: #fff;
    --agent-career-search-select-before-color: #ffffff;
    --agent-career-data-control-background-color: transparent;
    --agent-career-data-item-background-color: #f5f5f5;
    --agent-career-data-item-color: #3f5161;
    --agent-career-data-item-box-shadow: 0 0 35px 0 rgba(130, 130, 130, 0.2);
    --agent-career-data--job-box-img-background-color: #3f5161;
    --agent-career-data--job-box-img-webkit-background-image: -webkit-gradient(linear, left top, right top, from(rgba(78, 99, 215, 0.9)), to(#3f5161));
    --agent-career-data--job-box-img-background-image: linear-gradient(to right, rgba(78, 99, 215, 0.9) 0%, #3f5161 100%);
    --agent-career-data--job-box-img-color: #fff;
    --agent-career-data-job-content-ul-li-border-bottom: 1px solid #ccc;
    /****************** General ******************/
    --body-background: #f2f6f9;
    --link-color: #3f5161;
    --container-fluid-p-a-color: #3f5161;
    --container-fluid-p-a-hover-color: #5189cf;
    --toolbar-active-background-color: #427cac;
    --toolbar-active-color: #FFFFFF;
    --toolbar-red-background-color: #ef5e5e;
    --toolbar-red-color: #427cac;
    --edit-form-label-color: #666666;
    --fieldset-border: 1px solid #C0C0C0;
    --legend-border-bottom: 1px solid #e5e5e5;
    --text-primary-color: #3f5161;
    --red-color: red;
    --green-color: green;
    --tab-link-border: 0px solid transparent;
    --tab-link-color: #3f5161;
    --tab-item-link-active-color: #3f5161;
    --tab-item-link-active-background-color: transparent;
    --tab-item-link-active-border-color: transparent transparent #3f5161;
    --mandatory-color: red;
    --section-header-color: #3f5161;
    --section-header-background-color: transparent;
    --section-header-border-bottom: 1px solid #dee2e6;
    --map-background-color: grey;
    --pac-card-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    --pac-card-background-color: #fff;
    --pac-input-background-color: #fff;
    --pac-input-focus-border-color: #427cac;
    --title-color: #fff;
    --title-background-color: #427cac;
    --target-width: 345px;
    --loader-background-color: rgba( 255, 255, 255, .8 );
    /****************** Home Grids ******************/
    --home-grid-header-background: #FFFFFF;
    --home-grid-header-color: #427cac;
    --home-grid-background: transparent;
    --home-grid-control-color: #484848;
    --home-grid-control-background: transparent;
    --home-grid-empty-background: #FFFFFF;
    --home-grid-empty-color: #427cac;
    --home-grid-control-item-background: #FFFFFF;
    --home-grid-img-background: transparent;
    --home-grid-text-background: transparent;
    --home-grid-header-color: #427cac;
    --home-grid-content-color: #427cac;
    --home-grid-pager-background: #FFFFFF;
    --home-grid-pager-color: #427cac;
    --home-grid-pager-summary-color: #427cac;
    --home-grid-pager-dots-color: #427cac;
    --home-grid-pager-current-color: #FFFFFF;
    /****************** Scheduler ******************/
    --DX-Scheduler-background-color: #90dcd3;
    --DX-SchedulerFocused-background-color: #4d9a90;
    --DX-SchedulerFocused-color: #000000;
    --DX-Group-Row-color: #000000;
    --DX-Group-Row-span-color: #939393;
    /****************** Theme ******************/
    --body-bg-rgb: 242, 246, 249;
    --primary-rgb: 90,102,241;
    --secondary-rgb: 96, 165, 250;
    --warning-rgb: 234, 179, 8;
    --info-rgb: 76, 117, 207;
    --success-rgb: 34,197, 94;
    --danger-rgb: 244, 63, 94;
    --light-rgb: 241, 245, 249;
    --light2-rgb: 248, 250, 252;
    --dark-rgb: 35, 35, 35;
    --orange-rgb: 255, 165, 5;
    --pink-rgb: 236, 72, 153;
    --teal-rgb: 18, 194, 194;
    --purple-rgb: 168, 85, 247;
    --red-rgb: 239, 68, 68;
    --default-body-bg-color: rgb(var(--body-bg-rgb));
    --primary-color: rgb(var(--primary-rgb));
    --primary-border: rgb(var(--primary-rgb));
    --primary01: rgba(var(--primary-rgb), 0.1);
    --primary02: rgba(var(--primary-rgb), 0.2);
    --primary03: rgba(var(--primary-rgb), 0.3);
    --primary04: rgba(var(--primary-rgb), 0.4);
    --primary05: rgba(var(--primary-rgb), 0.5);
    --primary06: rgba(var(--primary-rgb), 0.6);
    --primary07: rgba(var(--primary-rgb), 0.7);
    --primary08: rgba(var(--primary-rgb), 0.8);
    --primary09: rgba(var(--primary-rgb), 0.9);
    --primary005: rgba(var(--primary-rgb), 0.05);
    --secondary02: rgba(var(--secondary-rgb), 0.2);
    --default-font-family: "Inter", sans-serif;
    --default-font-weight: 400;
    --default-text-color: #1e293b;
    --default-border: #e2e8f0;
    --default-background: #f7f8f9;
    --menu-bg: #fff;
    --menu-prime-color: #64748b;
    --menu-border-color: #f3f3f3;
    --header-bg: #fff;
    --header-prime-color: #64748b;
    --header-border-color: #f3f3f3;
    --custom-white: #fff;
    --custom-black: #000;
    --bootstrap-card-border: #f3f3f3;
    --list-hover-focus-bg: #f5f6f7;
    --text-muted: #7c8390;
    --input-border: #e2e8f0;
    --form-control-bg: #ffffff;
    --float-right: right;
    --float-left: left;
    --gray-1: #f1f5f9;
    --gray-2: #f2f4f5;
    --gray-3: #e6eaeb;
    --gray-4: #dbdfe1;
    --gray-5: #949eb7;
    --gray-6: #7987a1;
    --gray-7: #4d5875;
    --gray-8: #383853;
    --gray-9: #323251;
    --white-1: rgba(255,255,255, 0.1);
    --white-2: rgba(255,255,255, 0.2);
    --white-3: rgba(255,255,255, 0.3);
    --white-4: rgba(255,255,255, 0.4);
    --white-5: rgba(255,255,255, 0.5);
    --white-6: rgba(255,255,255, 0.6);
    --white-7: rgba(255,255,255, 0.7);
    --white-8: rgba(255,255,255, 0.8);
    --white-9: rgba(255,255,255, 0.9);
    --black-1: rgba(0,0,0, 0.1);
    --black-2: rgba(0,0,0, 0.2);
    --black-3: rgba(0,0,0, 0.3);
    --black-4: rgba(0,0,0, 0.4);
    --black-5: rgba(0,0,0, 0.5);
    --black-6: rgba(0,0,0, 0.6);
    --black-7: rgba(0,0,0, 0.7);
    --black-8: rgba(0,0,0, 0.8);
    --black-9: rgba(0,0,0, 0.9);
}

[data-theme-mode=dark] {
    --body-bg-rgb: 30, 41, 59;
    --body-bg-rgb2: 41, 53, 73;
    --menu-bg: rgb(var(--body-bg-rgb));
    --menu-border-color: rgba(255,255,255,0.1);
    --menu-prime-color: rgb(100 116 139);
    --header-bg: rgb(var(--body-bg-rgb));
    --header-prime-color: rgb(100 116 139);
    --header-border-color: rgba(255,255,255,0.1);
    --custom-white: rgb(var(--body-bg-rgb));
    --custom-black: #fff;
    --default-border: rgba(255,255,255,0.1);
    --default-text-color: rgba(255,255,255,0.7);
    --light-rgb: 42, 52, 70;
    --light2-rgb: 0,0,0,0.2;
    --dark-rgb: 240,245,248;
    --gray-3: rgba(255,255,255,0.2);
    --gray-1: rgba(255,255,255,0.1);
    --bootstrap-card-border: rgba(255,255,255,0.1);
    --list-hover-focus-bg: rgba(255,255,255,0.1);
    --default-background: rgba(255,255,255,0.07);
    --default-body-bg-color: rgb(var(--body-bg-rgb2));
    --text-muted: rgba(255,255,255,0.5);
    --input-border: #2a3446;
    --form-control-bg: #1e293b;
    --gray-100: #110f0f;
    --gray-200: #17171c;
    --gray-300: #393946;
    --gray-400: #505062;
    --gray-500: #73738c;
    --gray-600: #8f8fa3;
    --gray-700: #ababba;
    --gray-800: #c7c7d1;
    --gray-900: #e3e3e8;
    --white-1: rgba(0,0,0,0.1);
    --white-2: rgba(0,0,0,0.2);
    --white-3: rgba(0,0,0,0.3);
    --white-4: rgba(0,0,0,0.4);
    --white-5: rgba(0,0,0,0.5);
    --white-6: rgba(0,0,0,0.6);
    --white-7: rgba(0,0,0,0.7);
    --white-8: rgba(0,0,0,0.8);
    --white-9: rgba(0,0,0,0.9);
    --black-1: rgba(255,255,255,0.05);
    --black-2: rgba(255,255,255,0.2);
    --black-3: rgba(255,255,255,0.3);
    --black-4: rgba(255,255,255,0.4);
    --black-5: rgba(255,255,255,0.5);
    --black-6: rgba(255,255,255,0.6);
    --black-7: rgba(255,255,255,0.7);
    --black-8: rgba(255,255,255,0.8);
    --black-9: rgba(255,255,255,0.9);
}

.login-body {
    /*background-image: url("../Images/Loginbg.jpg");*/
}

.timeout-body {
    background: #FFFFFF url("../Images/Timeout.png") no-repeat 15px 25px;
}

.cockpit-bg {
    /*background-image: url("../Images/homebg.png");*/
}

.loading-modal-panel {
    background: rgba( 255, 255, 255, .8 ) url("../Images/loader.gif") 50% 50% no-repeat;
}

/**Interview**/
hr.dashed {
    border-top: 2px dashed #999;
}

hr.dotted {
    border-top: 2px dotted #999;
}

hr.solid {
    border-top: 2px solid #999;
}


hr.hr-text {
    position: relative;
    border: none;
    height: 2px;
    background: #999;
}

    hr.hr-text::before {
        content: attr(data-content);
        display: inline-block;
        background: #fff;
        font-weight: bold;
        font-size: 0.85rem;
        color: navy;
        border-radius: 30rem;
        padding: 0.2rem 2rem;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.scheduler .dxscMainScale,
.scheduler .dxscSubScale {
    display: none !important;
}

.dx-scheduler-navigator .dx-scheduler-navigator-text {
    display: none !important;
}