@charset "UTF-8";
:root, [data-jt-theme=light] {
  font-size: 10px;
  /* Start Colors */
  --summerblue: #177e9c;
  --white: #fff;
  --red-orange: #ff3939;
  --american-red: #bd2130;
  --esmeralda: #3fc380;
  --forestblues: #0d3f68;
  --durotarfire: #f15a29;
  --celestial: #00637f;
  --black: #000;
  --child-of-light: #F5F8FA;
  --searedgrey: #495057;
  --jasmine-green: #3fc380;
  --whitesmoke: #f6f6f6;
  --cinder: #212529;
  --satinwhite: #ced4da;
  --blue: #177e9c;
  --lightblue: #eeeeee;
  --darkblue: #177e9c;
  --bluebutton: #177e9c;
  --orange: #f97f50;
  --green: #00b050;
  --grey: #f3f1f1;
  --lightgrey: #eeeeee;
  --cape-pond: #0091AE;
  --bright-star: #dee2e6;
  --red: #FF0000;
  --rhapsodyinblue: #002A44;
  --sagittarius-amber: #f97f50;
  --black-glaze: #000b11;
  --instant-orange: #ff8428;
  --sky-blue: #80cff0;
  --odd-row-color: #f0f9fc;
  --fastBlue: #06A1E3;
  --cerulean: #009fe3;
  --halloween-orange: #F05A28;
  --cadmium-orange: #f68029;
  --seaweed-green: #34a76d;
  --clover-green: #319e67;
  --icewind-dale: #e9ecef;
  --faded-blue: #6696BC;
  --light-steel-blue: #7196bb;
  --gainsboro: #ddd;
  --davyGrey: #5B5B5B;
  --kodama-white: #e5f6fb;
  --french-manicure: #feeae5;
  --iceberg: #ddf1f7;
  --brainstem-grey: #b5b2b2;
  --off-green: #E5F6FB;
  --blue-whale: #0F2445;
  --december-sky: #d1d4d7;
  --light-grey-black: #0000003d;
  --astronaut-blue: #085483;
  --dusty-grey: #999;
  --jinzamomi-pink: #f56954;
  --calmWaters: #f0f9fc;
  --bluish-cyane-blue: #337ab7;
  --maui-mist: #f8f9fa;
  --aqua-spring: #ecf9fa;
  --silver: #c7c7c7;
  --golden: #bfa411;
  --white-lilac: #F8F8F8;
  --pastal-grey: #D1D1D1;
  --mint-tulip: #D0EFF8;
  --davy-grey: #555;
  --cylindrical-coordinate: #ffb559;
  --platinum: #E4E4E4;
  --jagged-ice: #bfe4e8;
  --light-yellow: #fff7bb;
  --light-gray: #d3d3d3;
  --xtra-light-gray: #f3f3f3;
  --mint-blue: #022852;
  --mint-grey: #F4F4F4;
  --mint-light-blue: #d5e7f5;
  --mint-sky-blue: #0270c5;
  --matrix-light-gray: #EAEAEA;
  --bay-wharf: #76808b;
  --rusty-red: #dc3545;
  --mint: #3fc380;
  --coral: #F97F50;
  --crimson-red: #E81111;
  --blue-gray: #64A2CA;
  --sea-green: #2A8457;
  --light-slate-gray: #7C939C;
  --auro-metal-saurus: #62717F;
  --transparent: transparent;
  --marengo: #405465;
  --spanish-gray: #969696;
  --linen: #fef1dc;
  --gray-900: #111827;
  --heat-wave: #FF7B00;
  --Teal: #006b7d;
  --Dark-Slate-Gray: #004455;
  --sky-mint-dark: #0d3f68;
  --sky-mint: #7bc7d3;
  /* End Colors*/
  /* ---------------------------------------------------
                 Body
  ----------------------------------------------------- */
  --main-bg-color: var(--whitesmoke);
  --body-color: var(--cinder);
  --body-font-size: 1.2rem;
  --body-font-family: 'Montserrat', Arial;
  --font-size-primary: 1.2rem;
  --modal-header-bg-color: var(--sky-blue);
  --static-body-text-color: var(--cinder);
  /* ---------------------------------------------------
                 JT Modals Light
  ----------------------------------------------------- */
  --modal-table-text-color: var(--black);
  --modal-table-fa-icon-color: var(--forestblues);
  /* ---------------------------------------------------
                 Header
  ----------------------------------------------------- */
  --header-font-size: 1.4rem;
  --header-font-weight: 700;
  --header-color: var(--white);
  --header-active-color: var(--sagittarius-amber);
  --main-notification-alert-bg-color: var(--durotarfire);
  --user-setting-header-bg-color: var(--cape-pond);
  --user-setting-header-li-color: var(--black);
  --user-setting-bottom-text-color: var(--black);
  --user-setting-svg-color: var(--black);
  --notification-alert-header-bg-color: var(--iceberg);
  --notification-body-bg-color: var(--odd-row-color);
  --notification-body-alert-bg-color: var(--white);
  --notification-alert-text-color: var(--black);
  --notification-top-nav-icon-color: var(--cinder);
  --notification-border-color: var(--darkblue);
  --user-setting-card-header-bg-color: var(--lightgrey);
  --user-setting-card-header-border-color: var(--brainstem-grey);
  --model-border-color: #001535;
  --refine-model-clos-btn-color: var(--rusty-red);
  /* ---------------------------------------------------
                 Top navigation
  ----------------------------------------------------- */
  --top-nav-bg-color: var(--celestial) url(../img/user_profile_bg.png) repeat top left;
  --talent-sub-menu-hover-bg-color: var(--summerblue);
  --top-nav-menu-inner-distance: 20px;
  --top-nav-user-bg-color: var(--white);
  --top-nav-user-color: var(--forestblues);
  /* ---------------------------------------------------
                 Quick Links
  ----------------------------------------------------- */
  --quick-link-color: var(--cinder);
  --quick-nav-bg-color: var(--white);
  --quick-nav-color: var(--summerblue);
  --quick-nav-li-hover-bg-color: var(--summerblue);
  --quick-nav-icon-color: var(--white);
  --quick-nav-close-btn-color: var(--summerblue);
  --quick-nav-scrollbar-color: var(--forestblues);
  --mian-quick-nav-color: var(--black);
  --mian-quick-nav-hover-color: var(--white);
  --quick-nav-svg-fill-color: var(--white);
  --quick-nav-font-size: 1.2rem;
  --quick-nav-company-logo-margin-left: 85px;
  /* ---------------------------------------------------
                 Left action menu
  ----------------------------------------------------- */
  --left-menu-color: var(--cinder);
  --left-menu-bg-color: var(--white);
  --left-menu-shadow-color: var(--celestial);
  --left-menu-color: var(--summerblue);
  --left-menu-li-hover-bg-color: var(--summerblue);
  --left-menu-icon-color: var(--white);
  --left-menu-close-btn-color: var(--summerblue);
  --left-menu-scrollbar-color: var(--forestblues);
  --left-menu-nav-color: var(--black);
  --left-menu-nav-hover-color: var(--white);
  --left-menu-item-color: var(--cinder);
  --left-menu-svg-fill-color: var(--white);
  --left-menu-btn-sidebar-collapse: var(--durotarfire);
  --left-menu-li-bg-color-hover: var(--celestial);
  /* ---------------------------------------------------
               Grid Control - Light
  ----------------------------------------------------- */
  --table-header-bg-color: var(--celestial);
  --table-header-active-bg-color: var(--summerblue);
  --table-header-active-text-color: var(--white);
  --table-header-text-color: var(--white);
  --table-header-report-text-color: var(--cinder);
  --table-header-report-text-bg-color: var(--bright-star);
  --table-header-border-right-color: var(--white);
  --table-body-text-color: var(--davyGrey);
  --pagination-active-bg-color: var(--summerblue);
  --pagination-border-color: var(--summerblue);
  --pagination-color: var(--white);
  --scrollbar-bg-color: var(--forestblues);
  --search-icon-color: var(--esmeralda);
  --smart-search-filter-bg-color: var(--white);
  --smart-search-filter-radio-bg-color: var(--platinum);
  --smart-search-filter-breadcrumb-bg-color: var(--jagged-ice);
  --page-title-color: var(--forestblues);
  --table-header-color: var(--white);
  --pagination-page-link-color: var(--cinder);
  --page-list-search-btn-border-color: var(--jasmine-green);
  --job-list-more-modal-header-bg-color: var(--darkblue);
  --even-row-bg-color: var(--white);
  --odd-row-bg-color: var(--odd-row-color);
  --row-border-color-top: unset;
  --row-border-color-bottom: unset;
  --row-hover-background-color: unset;
  --row-hover-border-color-top: unset;
  --row-hover-border-color-bottom: unset;
  --page-list-search-btn-bg-color: var(--white);
  --page-list-search-icon-color: var(--jasmine-green);
  /*  --page-list-search-btn-bg-color: var(--jasmine-green);*/
  --job-list-more-note-bg-color: var(--kodama-white);
  --cross-svg-icon-fill-color: var(--black);
  --sorting-svg-fill-color: var(--durotarfire);
  --ob-hub-gery-bg-color: gray;
  --table-row-hovor-over-border-color: inset 0px 2px 0px 0px rgba(63,195,128,1), inset 0px -2px 0px 0px rgba(63,195,128,1);
  --job-list-anonymous-warning-message: var(--celestial);
  --table-checkbox-border-color: var(--light-slate-gray);
  /* ---------------------------------------------------
                Input forms
  ----------------------------------------------------- */
  --input-color: var(--searedgrey);
  --input-bg-color: var(--white);
  --input-font-weight: 400;
  --input-border-color: var(--auro-metal-saurus);
  --input-focus-border-color: var(--esmeralda);
  --input-focus-bg-color: rgba(63, 195, 128, 0.1);
  --dropdown-search-icon-color: var(--forestblues);
  --label-color: var(--black);
  --form-control-font-size: 1.4rem;
  --form-control-bg-color: var(--white);
  --form-control-color: #495057;
  --form-control-focus-color: #495057;
  --label-font-size: 1.3rem;
  --label-font-weight: 600;
  --switch-icon-bg-color: var(--red-orange);
  --switch-icon-border-color: var(--red-orange);
  --switch-checked-color: var(--esmeralda);
  --nav-tab-color: var(--durotarfire);
  --input-required-border-color: var(--durotarfire);
  --input-required-focus-color: var(--jasmine-green);
  --input-required-focus-border-color: var(--jasmine-green);
  --bulk-upload-file-link: var(--rhapsodyinblue);
  --input-readonly-bg-color: var(--icewind-dale);
  --automation-status-head-bg-color: var(--forestblues);
  --table-icon-svg-color: var(--forestblues);
  --application-template-bg-color-hover: var(--december-sky);
  --sign-bg-color: var(--white);
  --sign-border-color: var(--light-grey-black);
  --two-fa-description-text-color: darkblue;
  --nylas-email-left-card-bg-color: var(--bluish-cyane-blue);
  --nylas-email-left-card-color: var(--bluish-cyane-blue);
  --nylas-back-btn-bg-color: var(--maui-mist);
  --vonq-filter-bg-color: var(--white);
  --vonq-location-bg-color: #e1e1e1;
  --vonq-basket-card-total-bg-color: #bee5eb;
  --green-room-card-body-bg-color: #EDEDED;
  --green-room-card-footer-bg-color: #EDEDED;
  --default-approver-category-bg-color: var(--white);
  --question-icon-fill-color: var(--cerulean);
  /*--------------select Start----------------------------*/
  --select-font-size: 1.4rem;
  --select-font-color: #495057;
  --select-option-font-color: #495057;
  --select-bg-color: var(--white);
  --select-border-color: var(--auro-metal-saurus);
  --select-focus-border-color: var(--esmeralda);
  --select-focus-bg-color: rgba(63, 195, 128, 0.1);
  /*--------------select End---------------------------*/
  /*--------------ngx-select-dropdown start----------------------*/
  --ngx-select-svg-fill-color: var(--forestblues);
  --ngx-select-available-items-background-color-hover: rgba(63, 195, 128, 0.1);
  --ngx-select-available-items-container-background-color: var(--white);
  --ngx-select-available-items-border-color-hover: #00b050;
  /*--ngx-select-available-items-border-color: #ced4da;*/
  --ngx-select-available-items-border-color: unset;
  --ngx-select-border-color: rgba(0,0,0,.15);
  --ngx-select-clear-all-button-bg-color: #0d3f68;
  --ngx-select-selected-item-bg-color: #0d3f68;
  --ngx-select-selected-count-bg-color: #0d3f68;
  --ngx-select-selected-count-fount-size: 15px;
  --ngx-select-clear-all-button-border-color: #0d3f68;
  --ngx-select-available-items-color: var(--black);
  --ngx-select-clear-all-button-color: var(--white);
  --add-job-detail-tab-ngx-select-svg-fill-color: var(--forestblues);
  /*--------------ngx-select-dropdown end----------------------*/
  /*-----------------------togle-colapse start----------------------*/
  --togle-colapse-h4-bg-color: var(--cape-pond);
  --togle-colapse-form-group-row: var(--odd-row-color);
  --togle-colapse-add-job-assessment-tab-nav-tab: var(--summerblue);
  /*-----------------------togle-colapse end----------------------*/
  /* ---------------------------------------------------
                Buttons
  ----------------------------------------------------- */
  --btn-success-bg-color: var(--esmeralda);
  --btn-success-border-color: var(--esmeralda);
  --btn-close-bg-color: var(--red-orange);
  --btn-close-border-color: var(--red-orange);
  --btn-danger-hovor-bg-color: var(--american-red);
  --btn-info-bg-color: var(--summerblue);
  --btn-info-border-color: var(--summerblue);
  --btn-primary-bg-color: rgba(13,63,104,0.9);
  --btn-primary-border-color: rgba(13,63,104,0.9);
  --btn-primary-hover-bg-color: rgba(13,63,104,1);
  --btn-primary-hover-border-color: rgba(13,63,104,1);
  --btn-text-color: var(--white);
  --btn-sucess-text-color-hover: var(--white);
  --btn-sucess-bg-color-hover: var(--seaweed-green);
  --btn-sucess-border-color-hover: var(--clover-green);
  --btn-font-size-primary: 1.2rem;
  --btn-preview-bg-color: var(--instant-orange);
  --btn-assessment-chose-file: var(--cinder);
  --svg-ai-fill-color: var(--white);
  --btn-preview-bg-color-hover: var(--halloween-orange);
  --btn-preview-border-color-hover: var(--cadmium-orange);
  --btn-danger-bg-color: var(--crimson-red);
  --btn-danger-text-color: var(--white);
  --txt-danger-text-color: var(--red-orange);
  --btn-border-radious: 0px;
  --user-setting-ul-bg-color-hover: var(--french-manicure);
  /* ---------------------------------------------------
                Dashboard
  ----------------------------------------------------- */
  /*------------State Tile start----------------*/
  --full-box-stats-tile-count-color: var(--white);
  --full-box-stats-tile-status-title-color: var(--white);
  --border-box-stats-tile-count-color: var(--cinder);
  --border-box-stats-tile-status-title-color: var(--cinder);
  --stats-tile-background-pattern: #ff8428 url(../img/user_profile_bg.png) repeat top left;
  --stats-tile-background-pattern-size: 100px;
  --stats-tile-background-color: var(--black);
  --model-boarder-color: var(--black);
  --stats-tile-border-color: var(--red);
  --home-font-size-primary: 1.2rem;
  --state-tile-status-title-font-size: 1.4rem;
  --stats-tile-count-font-size: 2.2rem;
  --stats-tile-count-text-align: left;
  --stats-cards-cap-menu-svg-color: var(--durotarfire);
  --home-todo-card-header-bg-color: var(--red);
  --home-todo-card-header-color: var(--black);
  --refine-model-clos-btn-color: var(--white);
  /*--------- State Tile End-----------------*/
  --dashboard-card-bg-color: var(--white);
  --dashboard-card-hr-border-color: rgba(0,0,0,.125);
  --card-header-bg-color: var(--lightgrey);
  --card-header-color: var(--black);
  --card-bottle-neck-content: var(--white);
  --dashboard-page-bg-color: #d9eef2;
  /*-------Home-Job Search Filter start---------------*/
  --home-job-searchType-border-color: #00b050;
  --home-job-searchby-border-color: #00b050;
  --home-job-search-icon-fill-color: #3fc380;
  --home-job-search-button-background-color: #3fc380;
  --home-job-search-button-border-color: #3fc380;
  --home-job-search-button-font-color: var(--white);
  /*-------Home-Job Search Filter End---------------*/
  /*-------Advanced Dashboard Widget Section Background---------------*/
  --advance-dashboard-widget-section-bg-color: #d9eef2;
  --advance-dashboard-widget-border-color: #E0E6EB;
  --advance-dashboard-widget-shadow: 0 1px 3px rgba(0,0,0,0.08);
  --advance-dashboard-card-header-text-color: #003366;
  --advance-dashboard-widget-body-text-color: #333333;
  /*-------Advanced Dashboard Widget Section Background End---------------*/
  --todo-expired-bg: var(--red);
  --todo-remaining-bg: var(--light-yellow);
  --todo-expired-text: var(--white);
  --todo-remaining-text: var(--black);
  /* ---------------------------------------------------
                Misc
  ----------------------------------------------------- */
  --svg-fill-color: var(--white);
  --user-home-content-svg-color: var(--black);
  --svg-fill-color-list: var(--forestblues);
  --inactive-svg-fill-color: var(--black);
  --svg-fill-saved-search: grey;
  --report-builder-svg-color: #82777700;
  /* ---------------------------------------------------
                System setting
  ----------------------------------------------------- */
  --system-tiles-color: var(--forestblues);
  --system-settings-tiles-border-color: var(--summerblue);
  --system-settings-tiles-bg-color: var(--white);
  --system-settings-svg-fill-color: var(--black);
  /* ---------------------------------------------------
                Add Job
  ----------------------------------------------------- */
  --add-job-lable: var(--black);
  --add-job-text-danger: var(--rusty-red);
  --add-job-fieldset-dynamic-starter-forms-text-danger: var(--rusty-red);
  --add-job-step-menu-complete-bg-color: var(--mint);
  --add-job-step-menu-current-bg-color: var(--coral);
  --bulk-recruitment-job-lable: var(--black);
  --add-job-detail-tab-bg-color: var(--odd-row-color);
  --add-job-detail-input-border-bottom: var(--white);
  --add-job-footer-bg-color: var(--celestial) url(../img/user_profile_bg.png) repeat top left;
  --add-job-arrow-bg-color: var(--gainsboro);
  --add-job-arrow-bg-color-befor: var(--white);
  /*--add-job-post-job-advert-bg-color: var(--cinder);*/
  --add-job-post-job-advert-bg-color: var(--white);
  --add-job-more-header-color-active: var(--cinder);
  --add-job-svg-fill-color: var(--forestblues);
  --add-job-card-info-bg-color: var(--light-yellow);
  --add-job-tab-fieldset-info-bg-color: var(--white);
  --add-job-notes-svg-fill-color: var(--orange);
  --transparent-color: var(--transparent);
  --text-gray-900: var(--gray-900);
  --job-card-title-color: var(--white);
  --job-list-card-hovor-over-color: var(--heat-wave);
  --home-job-list-card-bg-color: var(--white);
  --home-job-list-card-border-color: var(--cerulean);
  --home-job-list-card-tooltip-color: var(--black);
  --home-job-list-card-background-color: linear-gradient(to bottom right, #0091ae, #006b7d);
  --home-job-list-card-hover-color: linear-gradient(to bottom right, #00b7dd, #0088aa);
  --job-stat-tile-active-color: linear-gradient(to bottom right, #00687f, #004455);
  --home-job-list-card-hover-background-color: #00b7dd;
  /* ---------------------------------------------------
                Cadidate Profile Light
  ----------------------------------------------------- */
  --reference-tab-table-color: var(--cinder);
  --cadidate-profile-svg-color: var(--black);
  --tab-header-bg-color: var(--lightgrey);
  --tab-header-color: var(--rhapsodyinblue);
  --tab-header-active-bg-color: var(--cape-pond);
  --candidate-profile-dropdown-bg-color: var(--calmWaters);
  --candidate-profile-dropdown-border-color: var(--summerblue);
  --candidate-profile-dropdown-text-color: var(--black);
  --cadidate-profile-email-color: var(--cinder);
  --cadidate-profile-filter-color: var(--cinder);
  --lable-starter-form: var(--black);
  --candidate-pipeline-nav-tab-bg-color: var(--kodama-white);
  --candidate-pipeline-nav-tab-color: var(--cinder);
  --candidate-pipeline-card-header-bg-color: var(--sky-blue);
  --candidate-pipeline-card-bdy-bg-color: var(--white);
  --candidate-pipeline-card-head-bg-color: var(--sky-blue);
  --candidate-application-header-bg-color: var(--summerblue);
  --candidate-application-header-color: var(--white);
  --candidate-application-header-bg-color-hover: var(--orange);
  --candidate-application-cv-upload-bg-color: var(--odd-row-color);
  --candidate-profile-search-filter-bg-color: var(--white);
  --candidate-profile-search-filter-text-color: var(--black);
  --candidate-profile-search-filter-button-bg-color: var(--black-glaze);
  --candidate-profile-search-filter-button-border-color: var(--black-glaze);
  --candidate-profile-search-filter-border-color: var(--jasmine-green);
  --candidate-profile-search-filter-separator-bg-color: var(--lightgrey);
  --candidate-profile-tabs-header-bg-color: var(--lightgrey);
  --candidate-profile-tabs-header-active-bg-color: var(--cape-pond);
  --candidate-profile-tabs-header-separator-bg-color: var(--orange);
  --candidate-profile-tabs-header-text-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-content-bg-color: var(--white);
  --candidate-profile-tabs-content-border-color: unset;
  --candidate-profile-tabs-section-header-bg-color: var(--cape-pond);
  --candidate-profile-section-card-bg-color: var(--white);
  --candidate-profile-section-separator-bg-color: var(--lightgrey);
  --candidate-profile-section-card-text-color: var(--cinder);
  --candidate-profile-section-table-even-cell-bg-color: var(--navalnight);
  --candidate-profile-section-table-odd-cell-bg-color: var(--odd-row-color);
  --candidate-profile-more-menu-bg-color: var(--white);
  --candiadte-profile-more-menu-item-bg-color: var(--calmWaters);
  --candiadte-profile-more-menu-item-left-shadow-color: var(--celestial);
  --candidate-profile-more-menu-item-border-color: var(--satinwhite);
  --candidate-profile-more-menu-item-color: var(--black);
  --candidate-profile-equal-opps-caption-bg-color: none;
  --candidate-profile-refiscancelled-bg-color: var(--platinum);
  --candidate-profile-sign-color: var(--platinum);
  --candidate-profile-print-application-font-size: 20px;
  --candidate-profile-promot-job-banner-icon: var(--linen);
  /* ---------------------------------------------------
                History
  ----------------------------------------------------- */
  --history-timeline-item-bg-color: var(--white);
  --history-timeline-item-time-text-color: var(--dusty-grey);
  --history-timeline-item-header-text-color: var(--davy-grey);
  --history-timeline-item-header-link-text-color: var(--black);
  --history-timeline-time-label-bg-color: var(--jinzamomi-pink);
  --history-timeline-connector-bg-color: var(--gainsboro);
  /* ---------------------------------------------------
                Cadidate Listing
  ----------------------------------------------------- */
  --candidate-listing-candidate-card-bg-color: var(--white);
  --candidate-listing-candidate-card-carousel-bg-color: var(--jasmine-green);
  --candidate-listing-pipeline-switch-svg-bg-color: var(--black);
  --letter-listing-bg-color: var(--off-green);
  --letter-listing-font-color: var(--black);
  --candidate-listing-svg-fill-color: var(--black);
  --candidate-listing-calendar-svg-fill-color: var(--forestblues);
  --svg-icon-fill-color: var(--forestblues);
  /*--candidate-listing-svg-fill-color: #2EA3D9;*/
  --candidate-listing-gas-icon-svg-fill-color: #0000ff;
  /* ---------------------------------------------------
               Security Role
  ----------------------------------------------------- */
  --security-role-hover-color: var(--black);
  /* ---------------------------------------------------
               Reports
  ----------------------------------------------------- */
  --reports-label-color: var(--black);
  --report-builder-card-icon-color: var(--black);
  --report-builder-side-filter-bg-color: #ededed;
  /* ---------------------------------------------------
               Search Job
  ----------------------------------------------------- */
  --search-jobs-filter-title-color: var(--black);
  --panel-bg-color: var(--white);
  --panel-header-bg-color: var(--summerblue);
  --search-parameters-panel-header-bg-color: var(--lightgrey);
  --search-list-header-bg-clr: var(--aqua-spring);
  --search-list-body-bg-clr: var(--white);
  --search-list-border-color: var(--silver);
  --search-list-arrow-svg-fill-color: var(--black);
  --search-filter-tage-border-color: var(--whitesmoke);
  --search-filter-tage-border-color-redeployment: var(--white);
  --search-application-and-address-book-penel-header-bg-color: var(--kodama-white);
  /* ---------------------------------------------------
               print Preview
  ----------------------------------------------------- */
  --print-preview-color: var(--black);
  --print-preview-table-header-bg-color: var(--celestial);
  --print-preview-table-header-color: var(--white);
  /* ---------------------------------------------------
                Cadidate List
  ----------------------------------------------------- */
  --candidate-list-svg-color: var(--forestblues);
  --candidate-list-Carousel-link-color: var(--cinder);
  /* ---------------------------------------------------
                Card
  ----------------------------------------------------- */
  --tab-card-bg-color: var(--white);
  /*  --------------Alert-Setup--------------------*/
  --alert-setup-table-color: var(--cinder);
  /* ---------------------------------------------------
                Ck-Editor Light
  ----------------------------------------------------- */
  --ckEditor-editor-background-color: var(--white);
  --ckEditor-editor-text-color: var(--black);
  --ckEditor-top-background-color: var(--white-lilac);
  --ckEditor-bottom-background-color: var(--white-lilac);
  --ckEditor-border-top-color: var(--pastal-grey);
  --ckEditor-border-bottom-color: var(--pastal-grey);
  --ckEditor-border-color: var(--pastal-grey);
  /* ---------------------------------------------------
                Calendar Light
  ----------------------------------------------------- */
  --calendar-search-bar-card-header-bg-color: var(--kodama-white);
  --calendar-search-bar-card-header-border-color: var(--mint-tulip);
  --report-builder-preview-icon-color: var(--summerblue);
  --rb-accordion-toggle-color: var(--report-builder-side-filter-bg-color);
  --calendar-search-cross-icon-color: var(--black);
  /* ---------------------------------------------------
                Login Light
  ----------------------------------------------------- */
  --btn-login-bg-color-hover: var(--blue-gray);
  --login-input-focus-bg-color: var(--forestblues);
  --login-input-focus-border-color: var(--btn-primary-bg-color);
  --user-setting-logout-button-color: var(--sea-green);
  --user-setting-logout-button-border-color: var(--sea-green);
  /* ---------------------------------------------------
                Panel Shortlisting 
  ----------------------------------------------------- */
  --question-box-background-color: var(--white);
  --question-box-border-color: var(--light-gray);
  --question-box-label-color: var(--black);
  /* ---------------------------------------------------
                Assessment Form Light
  ----------------------------------------------------- */
  --question-container-bg-color: var(--mint-grey);
  --question-header-panel-bg-color: var(--mint-light-blue);
  --question-header-panel-text-color: var(--mint-sky-blue);
  --question-options-textbox-border-color: var(--input-border-color);
  --matrix-question-table-background-color: var(--lightgrey);
  --matrix-question-odd-row-background-color: var(--matrix-light-gray);
  --matrix-question-even-row-background-color: var(--gainsboro);
  --assessment-form-preview-modal-bg-color: var(--white);
  --question-mark-correct-color: var(--sky-mint-dark);
  --applicationinfo-backgroud-color: var(--white);
  --assessmentForm-backgroud-color: #ededed;
  --svg-fill-color-add-widget: var(--black);
  --widget-border-color: var (--summerblue);
  --widget-pill-button: var (--cyanblue);
  --widget-pill-button-border: var(--forestblues);
  --svg-fill-color-trend-widget: #EDEDED;
  /* ---------------------------------------------------
                Notification
  ----------------------------------------------------- */
  --myTask-label-color: var(--Teal);
  --myTask-label-color-hover: var(--Dark-Slate-Gray);
  --sona-document-background-color: var(--whitesmoke);
  --sona-document-background-color-hover: var(--icewind-dale);
}

[data-jt-theme=dark] {
  --scarlet: #FF1329;
  font-size: 10px;
  /* Start Colors */
  --summerblue: #177e9c;
  --white: #fff;
  --red-orange: #ff3939;
  --american-red: #bd2130;
  --esmeralda: #3fc380;
  --forestblues: #0d3f68;
  --durotarfire: #f15a29;
  --celestial: #00637f;
  --black: #000;
  --child-of-light: #F5F8FA;
  --searedgrey: #495057;
  --jasmine-green: #3fc380;
  --whitesmoke: #f6f6f6;
  --cinder: #212529;
  --satinwhite: #ced4da; /* Satin White */
  --golden: #bfa411;
  --gheeyellow: #dbc02a;
  --blue: #177e9c;
  --lightblue: #eeeeee;
  --darkblue: #177e9c;
  --bluebutton: #177e9c;
  --orange: #f97f50;
  --green: #00b050;
  --grey: #f3f1f1;
  --lightgrey: #eeeeee;
  --crowblackblue: #0b2738;
  --navalnight: #011534;
  --rhapsodyinblue: #002A44;
  --skyblue: #E6F5FC;
  --skybluedark: #0d4f62;
  --cyanblue: #177e9c;
  --bright-star: #dee2e6;
  --squid-ink-powder: #001535;
  --model-border-color: #1e58b1;
  --sagittarius-amber: #f97f50;
  --black-glaze: #000b11;
  --sky-blue: #80cff0;
  --screamish: #36a6d8;
  --fastBlue: #06A1E3;
  --dark-gray: #4C6A7C;
  --cerulean: #009fe3;
  --halloween-orange: #F05A28;
  --cadmium-orange: #f68029;
  --seaweed-green: #34a76d;
  --clover-green: #319e67;
  --icewind-dale: #e9ecef;
  --faded-blue: #6696BC;
  --light-steel-blue: #7196bb;
  --blueWhale: #0D354D;
  --pumpkinOrange: #ff741e;
  --kodama-white: #e5f6fb;
  --astronaut-blue: #085483;
  --dusty-grey: #999;
  --calmWaters: #f0f9fc;
  --cylindrical-coordinate: #ff741e;
  --platinum: #191f29;
  --blue-dianne: #174561;
  --glacier: #8baebd;
  --davy-grey: #4D565B;
  --lemon: #f6f900;
  --scarlet: #FF1329;
  --salem: #108147;
  --ruddybrown: #C35429;
  --ball-blue: #2ea3d9;
  --light-slate-gray: #7C939C;
  --blue-yonder: #4f79a5;
  --dark-blue: #1f3351;
  --mint-blue: #022852;
  --mint-grey: #F4F4F4;
  --mint-light-blue: #d5e7f5;
  --mint-sky-blue: #0270c5;
  --matrix-question-odd-row: #0d3b6e;
  --navy-blue: #153856;
  --linen: #fef1dc;
  --gray-900: #111827;
  --heat-wave: #FF7B00;
  --marengo: #405465;
  --spanish-gray: #969696;
  --marengo: #405465;
  --spanish-gray: #969696;
  --sky-mint-dark: #2ea3d9;
  /* End Colors*/
  /* ---------------------------------------------------
                 Body Dark
  ----------------------------------------------------- */
  --main-bg-color: var(--navalnight);
  --body-color: var(--white);
  --body-font-size: 1.2rem;
  --body-font-family: 'Montserrat', Arial;
  --font-size-primary: 1.2rem;
  --modal-header-bg-color: var(--forestblues);
  --static-body-text-color: var(--cinder);
  /* ---------------------------------------------------
                 JT Modals Dark
  ----------------------------------------------------- */
  --modal-table-text-color: var(--white);
  --modal-table-fa-icon-color: var(--white);
  /* ---------------------------------------------------
                 Header Dark
  ----------------------------------------------------- */
  --header-font-size: 1.4rem;
  --header-font-weight: 700;
  --header-color: var(--white);
  --header-active-color: var(--cerulean);
  /*--header-active-color: none;*/
  --main-notification-alert-bg-color: var(--durotarfire);
  --user-setting-header-bg-color: var(--navalnight);
  --user-setting-header-li-color: var(--white);
  --user-setting-bottom-text-color: var(--white);
  --user-setting-svg-color: var(--white);
  --notification-alert-header-bg-color: var(--rhapsodyinblue);
  --notification-body-bg-color: var(--rhapsodyinblue);
  --notification-body-alert-bg-color: var(--navalnight);
  --notification-alert-text-color: var(--white);
  --notification-top-nav-icon-color: var(--white);
  --notification-border-color: var(--cerulean);
  --user-setting-card-header-bg-color: var(--cerulean);
  --user-setting-card-header-border-color: var(--cerulean);
  /* ---------------------------------------------------
                 Top navigation Dark
  ----------------------------------------------------- */
  --top-nav-bg-color: var(--navalnight);
  --talent-sub-menu-hover-bg-color: var(--navalnight);
  --top-nav-menu-inner-distance: 20px;
  --top-nav-user-bg-color: var(--halloween-orange);
  --top-nav-user-color: var(--white);
  /* ---------------------------------------------------
                 Quick Links Dark
  ----------------------------------------------------- */
  --quick-link-color: var(--cerulean);
  --quick-nav-bg-color: var(--navalnight);
  --quick-nav-color: var(--navalnight);
  --quick-nav-li-hover-bg-color: var(--navalnight);
  --quick-nav-icon-color: var(--white);
  --quick-nav-close-btn-color: var(--white);
  --quick-nav-scrollbar-color: var(--cerulean);
  --mian-quick-nav-color: var(--white);
  --mian-quick-nav-hover-color: var(--cerulean);
  --quick-nav-svg-fill-color: var(--cyanblue);
  --quick-nav-font-size: 1.2rem;
  --quick-nav-company-logo-margin-left: 58px;
  /* ---------------------------------------------------
                 Left action menu Dark
  ----------------------------------------------------- */
  --left-menu-bg-color: radial-gradient(circle at top left, #1F4F83, #022A44 60% );
  --left-menu-shadow-color: var(--left-menu-bg-color);
  --left-menu-li-hover-bg-color: var(--navalnight);
  --left-menu-icon-color: var(--white);
  --left-menu-close-btn-color: var(--navalnight);
  --left-menu-scrollbar-color: var(--navalnight);
  --left-menu-nav-color: var(--black);
  --left-menu-nav-hover-color: var(--white);
  --left-menu-item-color: var(--white);
  --left-menu-svg-fill-color: var(--white);
  --left-menu-btn-sidebar-collapse: unset;
  --left-menu-li-bg-color-hover: var(--navalnight);
  /* ---------------------------------------------------
                List pages Dark
  ----------------------------------------------------- */
  --table-header-bg-color: var(--rhapsodyinblue);
  --table-header-active-bg-color: var(--rhapsodyinblue);
  --table-header-active-text-color: var(--fastBlue);
  --table-header-text-color: var(--light-steel-blue);
  --table-header-report-text-bg-color: var(--rhapsodyinblue);
  --table-header-report-text-color: var(--light-steel-blue);
  --table-header-border-right-color: var(--rhapsodyinblue);
  --table-body-text-color: var(--white);
  --pagination-active-bg-color: var(--navalnight);
  --pagination-border-color: var(--skyblue);
  --pagination-color: var(--pumpkinOrange);
  --scrollbar-bg-color: var(--fastBlue);
  --search-icon-color: var(--esmeralda);
  --smart-search-filter-bg-color: var(--blue-dianne);
  --smart-search-filter-radio-bg-color: var(--navalnight);
  --smart-search-filter-breadcrumb-bg-color: rgba(13,63,104,0.9);
  --page-title-color: var(--white);
  --table-header-color: var(--rhapsodyinblue);
  --pagination-page-link-color: var(--white);
  --page-list-search-btn-border-color: var(--input-border-color);
  --job-list-more-modal-header-bg-color: var(--forestblues);
  --even-row-bg-color: var(--rhapsodyinblue);
  --odd-row-bg-color: var(--rhapsodyinblue);
  --row-border-color-top: var(--blueWhale);
  --row-border-color-bottom: unset;
  --row-hover-background-color: var(--navalnight);
  --row-hover-border-color-top: var(--screamish);
  --row-hover-border-color-bottom: var(--screamish);
  --page-list-search-btn-bg-color: var(--cerulean);
  --page-list-search-icon-color: var(--white);
  /*  --page-list-search-btn-bg-color: var(--cerulean);*/
  --job-list-more-note-bg-color: var(--main-bg-color);
  --cross-svg-icon-fill-color: var(--orange);
  --sorting-svg-fill-color: var(--cyanblue);
  --ob-hub-gery-bg-color: #68afbf;
  --table-row-hovor-over-border-color: inset 0 2px 0 0 var(--row-hover-border-color-top), inset 0 -2px 0 0 var(--row-hover-border-color-bottom);
  --job-list-anonymous-warning-message: var(--gheeyellow);
  --table-checkbox-border-color: var(--light-slate-gray);
  /* ---------------------------------------------------
                Input forms Dark
  ----------------------------------------------------- */
  --input-color: var(--white);
  --input-bg-color: inhirit;
  --input-font-weight: 400;
  --input-border-color: #466376;
  --input-focus-border-color: var(--esmeralda);
  --input-focus-bg-color: inhirit;
  --form-control-bg-color: inhirit;
  /*--form-control-color: #495057;*/
  --form-control-color: var(--white);
  --form-control-focus-color: var(--white);
  --dropdown-search-icon-color: var(--forestblues);
  --label-color: var(--white);
  --form-control-font-size: 1.4rem;
  --label-font-size: 1.3rem;
  --label-font-weight: 600;
  --switch-icon-bg-color: var(--red-orange);
  --switch-icon-border-color: var(--red-orange);
  --switch-checked-color: var(--blue);
  --nav-tab-color: var(--durotarfire);
  --input-required-border-color: var(--durotarfire);
  --input-required-focus-color: var(--jasmine-green);
  --input-required-focus-border-color: var(--jasmine-green);
  --bulk-upload-file-link: var(--white);
  --input-readonly-bg-color: var(--davy-grey);
  --automation-status-head-bg-color: var(--cerulean);
  --table-icon-svg-color: var(--cerulean);
  --application-template-bg-color-hover: var(--cerulean);
  --sign-bg-color: var(--navalnight);
  --sign-border-color: var(--cerulean);
  --two-fa-description-text-color: var(--cerulean);
  --nylas-email-left-card-bg-color: var(--cerulean);
  --nylas-email-left-card-color: var(--white);
  --nylas-back-btn-bg-color: var(--cerulean);
  --vonq-filter-bg-color: var(--blue-whale);
  --vonq-location-bg-color: var(--cerulean);
  --vonq-basket-card-total-bg-color: var(--cerulean);
  --green-room-card-body-bg-color: var(--navalnight);
  --green-room-card-footer-bg-color: var(--cerulean);
  --default-approver-category-bg-color: var(--cerulean);
  --question-icon-fill-color: var(--cerulean);
  /*--------------select Start----------------------------*/
  --select-font-size: 1.4rem;
  --select-font-color: var(--white);
  --select-option-font-color: #495057;
  --select-bg-color: var(--navalnight);
  --select-border-color: #466376;
  --select-focus-border-color: var(--esmeralda);
  --select-focus-bg-color: inhirit;
  /*--------------select End---------------------------*/
  /*--------------ngx-select-dropdown  Dark start----------------------*/
  --ngx-select-svg-fill-color: #F05A28;
  --ngx-select-available-items-background-color-hover: var(--rhapsodyinblue);
  --ngx-select-available-items-container-background-color: var(--navalnight);
  --ngx-select-available-items-border-color-hover: var(--rhapsodyinblue);
  --ngx-select-available-items-border-color: unset;
  --ngx-select-border-color: #466376;
  --ngx-select-available-items-color: var(--glacier);
  --ngx-select-clear-all-button-bg-color: #0d3f68;
  --ngx-select-selected-item-bg-color: #0d3f68;
  --ngx-select-selected-count-bg-color: #0d3f68;
  --ngx-select-selected-count-fount-size: 15px;
  --ngx-select-clear-all-button-border-color: #0d3f68;
  --ngx-select-clear-all-button-color: var(--white);
  --add-job-detail-tab-ngx-select-svg-fill-color: var(--faded-blue);
  /*--------------ngx-select-dropdown end----------------------*/
  /*-----------------------togle-colapse  Dark start----------------------*/
  --togle-colapse-h4-bg-color: var(--cerulean);
  --togle-colapse-form-group-row: unset;
  --togle-colapse-add-job-assessment-tab-nav-tab: var(--cerulean);
  /*-----------------------togle-colapse end----------------------*/
  /* ---------------------------------------------------
                Buttons Dark
  ----------------------------------------------------- */
  --btn-success-bg-color: var(--salem);
  --btn-success-border-color: var(--salem);
  --btn-close-bg-color: var(--red-orange);
  --btn-close-border-color: var(--red-orange);
  --btn-danger-hovor-bg-color: var(--american-red);
  --btn-info-bg-color: var(--rhapsodyinblue);
  --btn-info-border-color: var(--summerblue);
  --btn-primary-bg-color: rgba(13,63,104,0.9);
  --btn-primary-border-color: rgba(13,63,104,0.9);
  --btn-primary-hover-bg-color: var(--forestblues);
  --btn-primary-hover-border-color: rgba(13,63,104,1);
  --btn-text-color: var(--white);
  --btn-sucess-text-color-hover: var(--white);
  --btn-sucess-bg-color-hover: var(--salem);
  --btn-sucess-border-color-hover: var(--salem);
  --btn-font-size-primary: 1.2rem;
  --btn-preview-bg-color: var(--instant-orange);
  --btn-assessment-chose-file: var(--white);
  --svg-ai-fill-color: var(#002a45);
  --btn-preview-bg-color-hover: var(--halloween-orange);
  --btn-preview-border-color-hover: var(--cadmium-orange);
  --btn-danger-bg-color: var(--scarlet);
  --btn-danger-text-color: var(--white);
  --btn-border-radious: 0px;
  --user-setting-ul-bg-color-hover: var(--rhapsodyinblue);
  /* ---------------------------------------------------
                Dashboard Dark
  ----------------------------------------------------- */
  /*------------ State Tile  Dark start----------------*/
  --full-box-stats-tile-count-color: #ff741e;
  --full-box-stats-tile-status-title-color: var(--white);
  --border-box-stats-tile-count-color: #ff741e;
  --border-box-stats-tile-status-title-color: var(--white);
  --stats-tile-background-pattern: linear-gradient(184deg, rgba(1,21,52,1) 24%, rgba(14,32,60,1) 33%, rgba(14,68,140,1) 100%);
  --stats-tile-background-pattern-size: unset;
  --stats-tile-background-color: var(--squid-ink-powder);
  --model-boarder-color: var(--model-border-color);
  --stats-tile-border-color: var(--cerulean);
  --home-font-size-primary: 1.2rem;
  --state-tile-status-title-font-size: 1.4rem;
  --stats-tile-count-font-size: 4rem;
  --stats-tile-count-text-align: center;
  --stats-cards-cap-menu-svg-color: var(--cyanblue);
  --home-todo-card-header-bg-color: var(--navalnight);
  --home-todo-card-header-color: var(--black);
  /*--------- State Tile End-----------------*/
  --dashboard-card-bg-color: #011534;
  --dashboard-card-hr-border-color: #466376;
  --card-header-bg-color: var(--navalnight);
  --card-header-color: var(--white);
  --card-bottle-neck-content: var(--white);
  --dashboard-page-bg-color: var(--rhapsodyinblue);
  /*-------Home-Job Search Filter Dark start---------------*/
  --home-job-searchType-border-color: #466376;
  --home-job-searchby-border-color: #466376;
  --home-job-search-icon-fill-color: #E55A34;
  --home-job-search-button-background-color: #E55A34;
  --home-job-search-button-border-color: #E55A34;
  --home-job-search-button-font-color: var(--white);
  /*-------Home-Job Search Filter Dark End---------------*/
  /*-------Advanced Dashboard Widget Section Background Dark---------------*/
  --advance-dashboard-widget-section-bg-color: var(--rhapsodyinblue);
  --advance-dashboard-widget-border-color: #466376;
  --advance-dashboard-widget-shadow: 0 1px 3px rgba(0,0,0,0.15);
  --advance-dashboard-card-header-text-color: var(--white);
  --advance-dashboard-widget-body-text-color: #cccccc;
  /*-------Advanced Dashboard Widget Section Background Dark End---------------*/
  /*--------- Todo List -----------------*/
  --todo-expired-bg: var(--red);
  --todo-remaining-bg: var(--light-yellow);
  --todo-expired-text: var(--white);
  --todo-remaining-text: var(--black);
  /* ---------------------------------------------------
                Misc Dark
  ----------------------------------------------------- */
  --svg-fill-color: var(--cyanblue);
  --user-home-content-svg-color: var(--white);
  --svg-fill-color-list: var(--cyanblue);
  --inactive-svg-fill-color: var(--white);
  --svg-fill-saved-search: var(--cyanblue);
  --report-builder-svg-color: var(--white);
  /* ---------------------------------------------------
                System setting Dark
  ----------------------------------------------------- */
  --system-tiles-color: var(--white);
  --system-settings-tiles-border-color: var(--white);
  --system-settings-tiles-bg-color: var(--rhapsodyinblue);
  --system-settings-svg-fill-color: var(--white);
  /* ---------------------------------------------------
                Add Job Dark
  ----------------------------------------------------- */
  --add-job-lable: var(--faded-blue);
  --add-job-text-danger: var(--lemon);
  --add-job-fieldset-dynamic-starter-forms-text-danger: var(--scarlet);
  --add-job-step-menu-complete-bg-color: var(--salem);
  --add-job-step-menu-current-bg-color: var(--ruddybrown);
  --bulk-recruitment-job-lable: var(--white);
  --add-job-detail-tab-bg-color: var(--navalnight);
  --add-job-detail-input-border-bottom: none;
  --add-job-footer-bg-color: var(--rhapsodyinblue);
  --add-job-arrow-bg-color: var(--blue-yonder);
  --add-job-arrow-bg-color-befor: var(--rhapsodyinblue);
  --add-job-post-job-advert-bg-color: var(--navalnight);
  --add-job-more-header-color-active: var(--durotarfire);
  --add-job-svg-fill-color: var(--cerulean);
  --add-job-card-info-bg-color: var(--navalnight);
  --add-job-tab-fieldset-info-bg-color: var(--navalnight);
  --add-job-notes-svg-fill-color: var(--orange);
  --transparent-color: var(--navalnight);
  --text-gray-900: var(--heat-wave);
  --job-card-title-color: #fb923c;
  --job-list-card-hovor-over-color: var(--heat-wave);
  --home-job-list-card-bg-color: var(--stats-tile-background-pattern);
  --home-job-list-card-border-color: var(--heat-wave);
  --home-job-list-card-tooltip-color: var(--heat-wave);
  --home-job-list-card-background-color: var(--stats-tile-background-pattern);
  --home-job-list-card-hover-color: linear-gradient(#00263a, #158bbf);
  --job-stat-tile-active-color: #009fe3;
  --home-job-list-card-hover-background-color: #00263a;
  /* ---------------------------------------------------
                Cadidate Profile Dark
  ----------------------------------------------------- */
  --reference-tab-table-color: var(--white);
  --cadidate-profile-svg-color: var(--cyanblue);
  --tab-header-bg-color: var(--skyblue);
  --tab-header-color: var(--rhapsodyinblue);
  --tab-header-active-bg-color: var(--rhapsodyinblue);
  --candidate-profile-dropdown-bg-color: var(--navalnight);
  --candidate-profile-dropdown-border-color: var(--cerulean);
  --candidate-profile-dropdown-text-color: var(--white);
  --cadidate-profile-email-color: var(--white);
  --cadidate-profile-filter-color: var(--white);
  --lable-starter-form: var(--white);
  --candidate-pipeline-nav-tab-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-nav-tab-color: var(--white);
  --candidate-pipeline-card-header-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-card-bdy-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-card-head-bg-color: var(--cerulean);
  --candidate-application-header-bg-color: var(--cerulean);
  --candidate-application-header-color: var(--white);
  --candidate-application-header-bg-color-hover: var(--orange);
  --candidate-application-cv-upload-bg-color: var(--navalnight);
  --candidate-profile-search-filter-bg-color: var(--rhapsodyinblue);
  --candidate-profile-search-filter-text-color: var(--white);
  --candidate-profile-search-filter-button-bg-color: var(--astronaut-blue);
  --candidate-profile-search-filter-button-border-color: var(--cerulean);
  --candidate-profile-search-filter-border-color: var(--cerulean);
  --candidate-profile-search-filter-separator-bg-color: var(--cerulean);
  --candidate-profile-tabs-header-bg-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-header-active-bg-color: var(--astronaut-blue);
  --candidate-profile-tabs-header-separator-bg-color: var(--cerulean);
  --candidate-profile-tabs-header-text-color: var(--light-steel-blue);
  --candidate-profile-tabs-content-bg-color: var(--navalnight);
  --candidate-profile-tabs-content-border-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-section-header-bg-color: var(--cerulean);
  --candidate-profile-section-separator-bg-color: var(--cerulean);
  --candidate-profile-section-card-bg-color: var(--rhapsodyinblue);
  --candidate-profile-section-card-text-color: var(--white);
  --candidate-profile-section-table-even-cell-bg-color: var(--navalnight);
  --candidate-profile-section-table-odd-cell-bg-color: var(--navalnight);
  --candidate-profile-more-menu-bg-color: var(--left-menu-bg-color);
  --candiadte-profile-more-menu-item-bg-color: unset;
  --candiadte-profile-more-menu-item-left-shadow-color: var(--cerulean);
  --candidate-profile-more-menu-item-border-color: var(--cerulean);
  --candidate-profile-more-menu-item-color: var(--white);
  --candidate-profile-equal-opps-caption-bg-color: transparent;
  --candidate-profile-sign-color: invert(1);
  --candidate-profile-print-application-font-size: 20px;
  --candidate-profile-promot-job-banner-icon: var(--linen);
  /* ---------------------------------------------------
                History Dark
  ----------------------------------------------------- */
  --history-timeline-item-bg-color: var(--rhapsodyinblue);
  --history-timeline-item-time-text-color: var(--white);
  --history-timeline-item-header-text-color: var(--white);
  --history-timeline-item-header-link-text-color: var(--cerulean);
  --history-timeline-time-label-bg-color: var(--astronaut-blue);
  --history-timeline-connector-bg-color: var(--astronaut-blue);
  /* ---------------------------------------------------
                Cadidate Listing Dark
  ----------------------------------------------------- */
  --candidate-listing-candidate-card-bg-color: var(--rhapsodyinblue);
  --candidate-listing-candidate-card-carousel-bg-color: var(--jasmine-green);
  --candidate-listing-pipeline-switch-svg-bg-color: var(--white);
  --letter-listing-bg-color: var(--dashboard-card-bg-color);
  --letter-listing-font-color: var(--white);
  --candidate-listing-svg-fill-color: var(--white);
  --candidate-listing-calendar-svg-fill-color: var(--white);
  --svg-icon-fill-color: var(--white);
  --candidate-listing-gas-icon-svg-fill-color: #66B2FF;
  /* ---------------------------------------------------
               Security Role Dark
  ----------------------------------------------------- */
  --security-role-hover-color: var(--black);
  /* ---------------------------------------------------
               Reports Dark
  ----------------------------------------------------- */
  --reports-label-color: var(--white);
  --report-builder-card-icon-color: var(--white);
  --report-builder-side-filter-bg-color: var(--navalnight);
  /* ---------------------------------------------------
               Search Job Dark
  ----------------------------------------------------- */
  --search-jobs-filter-title-color: var(--white);
  --panel-bg-color: var(--blue-whale);
  --panel-header-bg-color: var(--navalnight);
  --search-parameters-panel-header-bg-color: var(--blue-whale);
  --search-list-header-bg-clr: var(--blue-whale);
  --search-list-body-bg-clr: var(--rhapsodyinblue);
  --search-list-border-color: var(--cerulean);
  --search-list-arrow-svg-fill-color: var(--cerulean);
  --search-filter-tage-border-color: var(--navalnight);
  --search-filter-tage-border-color-redeployment: var(--navalnight);
  --search-application-and-address-book-penel-header-bg-color: var(--blue-whale);
  /* ---------------------------------------------------
               print Preview Dark
  ----------------------------------------------------- */
  --print-preview-color: var(--white);
  /*--print-preview-color: var(--black);*/
  --print-preview-table-header-bg-color: var(--cerulean);
  --print-preview-table-header-color: var(--white);
  /* ---------------------------------------------------
                Cadidate List Dark
  ----------------------------------------------------- */
  --candidate-list-svg-color: var(--cyanblue);
  --candidate-list-Carousel-link-color: var(--white);
  /* ---------------------------------------------------
                Card Dark
  ----------------------------------------------------- */
  --tab-card-bg-color: var(--rhapsodyinblue);
  /*  --------------Alert-Setup Dark--------------------*/
  --alert-setup-table-color: var(--white);
  /* ---------------------------------------------------
                Ck-Editor Dark
  ----------------------------------------------------- */
  --ckEditor-editor-background-color: var(--navalnight);
  --ckEditor-editor-text-color: var(--white);
  --ckEditor-top-background-color: var(--cerulean);
  --ckEditor-bottom-background-color: var(--cerulean);
  --ckEditor-border-top-color: var(--cerulean);
  --ckEditor-border-bottom-color: var(--cerulean);
  --ckEditor-border-color: var(--cerulean);
  /* ---------------------------------------------------
                Calendar Dark
  ----------------------------------------------------- */
  --calendar-search-bar-card-header-bg-color: var(--blue-whale);
  --calendar-search-bar-card-header-border-color: var(--cerulean);
  --report-builder-preview-icon-color: var(--white);
  --rb-accordion-toggle-color: var(--cerulean);
  --txt-danger-text-color: var(--scarlet);
  --calendar-search-cross-icon-color: var(--ball-blue);
  /* ---------------------------------------------------
                Login Dark
  ----------------------------------------------------- */
  --btn-login-bg-color-hover: var(--forestblues);
  --login-input-focus-bg-color: var(--jasmine-green);
  --login-input-focus-border-color: var(--jasmine-green);
  --user-setting-logout-button-color: var(--green);
  --user-setting-logout-button-border-color: var(--sea-green);
  /* ---------------------------------------------------
                Panel Shortlisting 
  ----------------------------------------------------- */
  --question-box-background-color: var(--dark-blue);
  --question-box-border-color: var(--cerulean);
  --question-box-label-color: var(--white);
  /* ---------------------------------------------------
                Assessment Form Dark
  ----------------------------------------------------- */
  --question-container-bg-color: var(--mint-blue);
  --question-header-panel-bg-color: var(--cerulean);
  --question-header-panel-text-color: var(--white);
  --question-options-textbox-border-color: var(--input-border-color);
  --matrix-question-table-background-color: var(--mint-blue);
  --matrix-question-odd-row-background-color: var(--matrix-question-odd-row);
  --matrix-question-even-row-background-color: var(--navalnight);
  --assessment-form-preview-modal-bg-color: var(--main-bg-color);
  --question-mark-correct-color: var(--sky-mint);
  --applicationinfo-backgroud-color: var(--summerblue);
  --assessmentForm-backgroud-color: var(--main-bg-color);
  --svg-fill-color-add-widget: var(--white);
  --widget-border-color: var (--summerblue);
  --widget-pill-button: var(--cyanblue);
  --widget-pill-button-border: var(--forestblues);
  --svg-fill-color-trend-widget: var(--black);
  --sona-document-background-color: var(--stats-tile-background-pattern);
  --sona-document-background-color-hover: var(--stats-tile-background-pattern);
}

/*$page-list-search-btn-bg-color: var(--page-list-search-btn-bg-color);*/
/*--------------select Start----------------------------*/
/*--------------select End---------------------------*/
/*--------------ngx-select-dropdown start----------------------*/
/*--------------ngx-select-dropdown end----------------------*/
/*-----------------------togle-colapse----------------------*/
/*  --------------Alert-Setup--------------------*/
/*------------------top NAV------------------*/
@media (max-width: 767px) {
  .navbar-dark .navbar-nav .dropdown-menu {
    width: 100% !important;
  }
  .navbar-dark .navbar-nav .nav-link {
    padding-left: 15px;
  }
  .navbar.fixed-top .navbar-collapse {
    overflow-y: auto;
    align-items: center;
    max-height: 320px;
    scrollbar-color: #0d3f68 white;
    scrollbar-width: thin;
  }
  .navbar.fixed-top .navbar-collapse::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  .navbar.fixed-top .navbar-collapse::-webkit-scrollbar-track {
    background: transparent;
  }
  .navbar.fixed-top .navbar-collapse::-webkit-scrollbar-thumb {
    background: #0d3f68;
  }
  label {
    padding-bottom: 5px;
  }
}
.navbar-dark .navbar-brand {
  margin-left: 50px;
}
.navbar-dark .navbar-brand img {
  width: 24px;
}

@media (min-width: 768px) {
  .navbar {
    height: 60px;
  }
}
@media (max-width: 768px) {
  .navbar-dark .navbar-brand img {
    width: 20px;
  }
  .navbar-dark .navbar-brand {
    margin-left: 40px;
  }
}
.navbar-dark .navbar-nav .nav-link.show {
  color: #000;
  background: #fff;
  border-top: 2px solid #f15a29;
}
.navbar-dark .navbar-nav .show > .nav-link:hover {
  color: #000;
  background: #fff;
  border-top: 2px solid #f15a29;
}
.navbar-dark .navbar-nav .show > .nav-link {
  color: #000;
  background: #fff;
  border-top: 2px solid #f15a29;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:active,
.navbar-dark .navbar-nav .nav-link.active {
  color: var(--header-active-color);
  border-top: 2px solid var(--header-active-color);
}

.nav-item.dropdown.open {
  background: #fff;
  fill: #f15a29;
  border-top: 2px solid #f15a29;
}
.nav-item.dropdown.open a {
  color: #f15a29;
}
.nav-item.dropdown.open .nav-link .nav-link-icon {
  fill: #f15a29;
}

.navbar-dark .navbar-nav .nav-link .user-img {
  background-color: var(--top-nav-user-bg-color);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  width: 30px;
  height: 30px;
  border: 1px solid var(--top-nav-user-bg-color);
  display: block;
  margin-top: 5px;
  text-align: center;
  color: var(--top-nav-user-color);
  line-height: 30px;
  font-weight: 700;
}

.navbar-dark .navbar-nav .nav-link:focus {
  color: #f97f50;
  border-top: 2px solid #f97f50;
}
.navbar-dark .navbar-nav .nav-link:hover {
  color: #f97f50;
  border-top: 2px solid #f97f50;
}

.navbar-dark .navbar-nav .nav-link .nav-link-icon {
  width: 18px;
  height: 18px;
  fill: #fff;
}
.navbar-dark .navbar-nav .nav-link:hover .nav-link-icon {
  fill: #f15a29;
}
.navbar-dark .navbar-nav .nav-link:focus .nav-link-icon {
  fill: #f15a29;
}
.navbar-dark .navbar-nav .nav-link.show .nav-link-icon {
  fill: #0d3f68;
}
.navbar-dark .navbar-nav .show > .nav-link:hover .nav-link-icon {
  fill: #0d3f68;
}
.navbar-dark .navbar-nav .show > .nav-link .nav-link-icon {
  fill: #0d3f68;
}

/*------------------Navigation dropdown-menu------------------*/
.navbar-dark .navbar-nav .dropdown-menu {
  right: 0 !important;
  left: auto !important;
  top: 100%;
  margin: 0;
  width: 240px;
  padding: 0;
  box-shadow: -10px 10px 11px -10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: -10px 10px 11px -10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -10px 10px 11px -10px rgba(0, 0, 0, 0.3);
  border-radius: 0;
}

.navbar-dark .navbar-nav .dropdown-menu .dropdown-item {
  padding: 0.8rem 1.2rem;
  border-bottom: 1px solid #dee2e6;
  color: #212529;
}
.navbar-dark .navbar-nav .dropdown-menu:hover {
  text-decoration: none;
  background-color: #feeae5;
  color: #212529;
}

/*------------------top Nav /END------------------*/
.bg-primary.fixed-top.top_nav {
  background: var(--top-nav-bg-color);
  background-size: 60px;
}

.navbar-dark .navbar-nav .nav-link:focus {
  color: var(--header-active-color);
  border-top: 2px solid var(--header-active-color);
}
.navbar-dark .navbar-nav .nav-link:hover {
  color: var(--header-active-color);
  border-top: 2px solid var(--header-active-color);
}

app-header .nav-item {
  margin-left: var(--top-nav-menu-inner-distance);
}

.JATCandidateDetail .nav-item {
  margin-left: 0px;
}

.nav-item.active a.nav-link .nav-link-icon {
  fill: #f97f50;
}

.navbar-dark .navbar-nav .active > .nav-link {
  color: #fff;
  border-top: 3px solid var(--header-active-color);
  background-color: var(--header-active-color);
}
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
  border-top: 3px solid var(--header-active-color);
  background-color: var(--header-active-color);
}

.navbar-dark .navbar-nav .nav-link {
  color: var(--header-color);
  border-top: 2px solid;
  border-color: transparent;
  text-transform: uppercase;
  line-height: 41px;
  cursor: pointer;
  font-weight: var(--header-font-weight);
}

navbar-dark .navbar-nav .active > .nav-link {
  color: #fff;
  border-top: 3px solid var(--header-active-color);
  background-color: var(--header-active-color);
}

.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
  border-top: 3px solid var(--header-active-color);
  background-color: var(--header-active-color);
}
.navbar-dark .navbar-nav .active {
  color: #fff;
  border-top: 3px solid var(--header-active-color);
  background-color: var(--header-active-color);
}
.navbar-dark .navbar-nav .nav-link {
  text-transform: capitalize;
  font-size: var(--header-font-size);
}

.navbar-dark .navbar-nav .nav-link:hover .nav-link-icon, .navbar-dark .navbar-nav .nav-link:focus .nav-link-icon {
  fill: var(--header-active-color);
}

/* Talent */
.navbar-dark .navbar-nav .dropdown-menu {
  top: 57px;
  left: -1px !important;
}
.navbar-dark .navbar-nav .dropdown-menu .dropdown-item {
  border: 1px solid #00637f;
  color: var(--label-color);
}
.navbar-dark .navbar-nav .dropdown-menu:hover {
  background-color: var(--talent-sub-menu-hover-bg-color);
  color: #fff;
}

.main-notification-alert {
  left: 30px;
  right: auto !important;
  color: #fff;
  background-color: var(--main-notification-alert-bg-color);
  position: absolute;
  top: 3px;
  left: 15px;
  text-align: center;
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.navbar-dark .navbar-nav .dropdownNotifications {
  position: relative;
}

.mian-quick-nav-header {
  text-align: center !important;
}

.mian-quick-nav-header h3 {
  font-weight: 600 !important;
}

#sidebar {
  max-width: 220px;
  min-width: 220px;
  background: var(--left-menu-bg-color);
  color: #212529;
  transition: all 0.5s;
  box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
  -webkit-box-shadow: inset 50px 0px 0px 0px var(--left-menu-bg-color);
  -moz-box-shadow: inset 50px 0px 0px 0px var(--left-menu-bg-color);
  box-shadow: inset 50px 0px 0px 0px var(--left-menu-shadow-color);
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  height: 100vh;
  overflow-y: auto;
  padding-top: 60px;
}

app-leftmenu-menu {
  background-image: var(--left-menu-bg-color);
}

#sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 100%;
}

#sidebar ul ul {
  height: auto;
  width: 100%;
}

#sidebar ul ul:hover, #sidebar ul ul:visited, #sidebar ul ul:active, #sidebar ul ul .active {
  color: #fff;
  background: #f9f9f9;
}

#sidebar ul ul li {
  border-bottom: 0;
}

#sidebar li {
  border-top: 0px !important;
  font-size: 1.2rem;
  position: relative;
  display: inline-block;
  float: left;
  width: 100%;
  -webkit-box-shadow: inset 50px 0px 0px 0px var(--left-menu-bg-color);
  -moz-box-shadow: inset 50px 0px 0px 0px var(--left-menu-bg-color);
  box-shadow: inset 50px 0px 0px 0px var(--left-menu-shadow-color);
}

#sidebar li:hover {
  background: var(--quick-nav-li-hover-bg-color);
}

#sidebar li:hover, #sidebar li:focus, #sidebar li:active, #sidebar li.active, #sidebar li.active a {
  background: var(--left-menu-li-bg-color-hover);
  color: #fff;
  fill: #fff;
}

#sidebar li.active svg {
  fill: #fff;
}

#sidebar li:hover ul {
  color: #fff;
  background: #0d3f68;
}

#sidebar li:hover ul li, #sidebar li:hover ul a {
  color: #fff;
  background: #195075;
}

#sidebar li a p {
  margin-bottom: 0;
  width: 126px;
}

#sidebar li a .next-child {
  fill: var(--left-menu-item-color);
}

#sidebar li:hover svg {
  fill: var(--svg-fill-color);
}

#sidebar li .next-child {
  position: absolute;
  top: 20px;
  right: 10px;
  width: 10px;
  height: 10px;
}

#sidebar li a {
  display: block;
  padding: 10px;
  line-height: 20px;
  float: left;
  width: 100%;
  text-decoration: none;
  color: var(--left-menu-item-color);
  font-weight: var(--label-font-weight);
}

#sidebar li a:hover {
  background-color: var(--left-menu-li-bg-color-hover);
}

#sidebar li.active ul li a {
  background: rgba(25, 80, 117, 0.8);
}

#sidebar .nav-icon {
  fill: var(--left-menu-svg-fill-color);
}

@media (max-width: 767px) {
  #sidebar {
    padding-top: 56px;
  }
}
body.has-announcement-banner #sidebar {
  padding-top: 90px;
}

@media (max-width: 767px) {
  body.has-announcement-banner #sidebar {
    padding-top: 86px;
  }
}
#sidebar {
  scrollbar-color: #0d3f68 white; /* thumb and track color */
  scrollbar-width: none;
}

#sidebar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

#sidebar::-webkit-scrollbar-track {
  background: white;
}

#sidebar.active ul i {
  float: right;
  text-align: right;
  margin-right: 0;
}

#sidebar.active .btn_sidebar_togle .active #back {
  display: none;
}

#sidebar.active .btn_sidebar_togle .active #next {
  display: block;
}

#sidebar.active .btn_sidebar_togle #back {
  display: none;
}

#sidebar.active .btn_sidebar_togle #next {
  display: block;
}

#sidebar.hilite {
  margin-left: 0px !important;
  position: absolute;
  left: 0;
  z-index: 9999;
}

#sidebar .sub-nav li, #sidebar .sub-nav a {
  color: #fff;
  background: #195075;
  fill: #fff;
}

#sidebar .sub-nav li svg {
  fill: #fff;
}

#sidebar .sub-nav li:hover, #sidebar .sub-nav a:hover,
#sidebar .sub-nav li:visited, #sidebar .sub-nav a:visited,
#sidebar .sub-nav li:focus, #sidebar .sub-nav a:focus,
#sidebar .sub-nav li:active, #sidebar .sub-nav a:active,
#sidebar .sub-nav li.active, #sidebar .sub-nav a.active {
  color: #fff;
  background: rgba(13, 63, 104, 0.7);
}

#sidebar .sub-nav li:hover, #sidebar .sub-nav a:hover {
  color: #fff;
  background: rgba(25, 80, 117, 0.8);
}

#sidebar.active li {
  border-right: 0;
}

#sidebar.active li .next-child {
  right: 5px;
  display: none;
}

#sidebar .menuCollapsed {
  float: right;
  margin-right: 0;
}

#sidebar a p {
  margin-top: 5px;
  margin-bottom: 0;
  float: left;
  width: 126px;
}

#sidebar i {
  display: block;
  width: 30px;
  height: 30px;
  float: left;
  margin-right: 20px;
  text-align: center;
}

#sidebar i svg {
  width: 20px;
  height: 20px;
}

#sidebar .btn_sidebarCollapse {
  background: var(--left-menu-btn-sidebar-collapse);
  color: #fff;
  border-radius: 0;
  width: 50px;
  margin-bottom: 1px;
}

#sidebar .sidebar-icon {
  fill: #fff;
  width: 100%;
  height: inherit;
}

#sidebar .btn_sidebar_togle {
  text-align: right;
  margin: 5px;
}

#sidebar.active .btn_sidebar_togle {
  text-align: right;
  margin: 0;
}

#sidebar .btn_sidebar_togle .btn {
  border: 0;
  margin-left: 0;
  padding: 5px;
  margin-right: 0;
  height: 20px !important;
  width: 30px;
  text-align: center;
  position: relative;
}

#sidebar.active .btn_sidebar_togle .btn {
  width: 100%;
}

#sidebar .btn_sidebar_togle :focus {
  outline: 0;
  box-shadow: none;
}

#sidebar .btn_sidebar_togle .sidebar-icon {
  fill: #fff;
  height: 15px !important;
  width: 14px !important;
  line-height: 10px;
  position: absolute;
  top: 2px;
  right: 10px;
}

#sidebar .btn_sidebar_togle .sidebar-icon svg {
  fill: #fff;
  height: 15px !important;
  width: 14px !important;
}

#sidebar .btn_sidebar_togle #next {
  display: none;
}

#sidebar.active {
  max-width: 40px;
  min-width: 40px;
}

#sidebar.active li a p {
  display: none;
}

#sidebar.active ul:hover ~ #sidebar {
  margin-left: 0px !important;
  position: absolute;
  left: 0;
  z-index: 9;
}

#sidebar .btn_sidebar_togle .sidebar-icon {
  right: 8px;
}

#sidebar.active ul {
  background-color: var(--left-menu-bg-color);
}

#sidebar a:hover {
  color: #fff;
}

.btn_sidebar_togle {
  text-align: right;
}

body #HomePageMain {
  /*background: $dashboard-card-bg-color;*/
  background: var(--main-bg-color);
  margin-top: 20px !important;
}

body #HomePageMain .page-heading {
  margin: 0px;
}

body .JATJobsList {
  background: var(--dashboard-card-bg-color);
}

.card {
  background-color: var(--dashboard-card-bg-color);
}

.card {
  width: 100%;
}

.card hr {
  border: 1px solid var(--dashboard-card-hr-border-color);
}

.card {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

#homepage .card-header, #advance-home-dashboard .card-header {
  background-color: none !important;
  color: var(--card-header-color);
}

#homepage .card-header {
  position: relative;
}

@media only screen and (min-width: 990px) and (max-width: 1300px) {
  #homepage .card-header {
    padding: 0.75rem 0.25rem;
  }
  #homepage .card-header h6 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
  }
  .reports_Index {
    max-width: 90% !important;
  }
}
#homepage .card-header h6 {
  text-transform: capitalize;
}

@media (max-width: 767px) {
  .home-cards .card-5 .card-body, .home-cards .card-bottle-neck .card-body {
    height: auto !important;
  }
  #homepage .card.card-2 .card-body, #homepage .card.card-7 .card-body {
    height: auto;
    overflow: auto;
  }
}
#homepage .card-header .calenderMenu {
  position: absolute;
  right: 0px;
}

.home-cards .card-1 .card-body, .home-cards .card-3 .card-body, .home-cards .card-6 .card-body {
  height: 520px !important;
}

.home-cards .card-5 .card-body, .home-cards .card-bottle-neck {
  position: relative;
}

.home-cards .card-bottle-neck .days_per_status {
  position: absolute;
  right: 15px;
  top: 40px;
  text-align: right;
}

.home-cards .card-5 .card-body, .home-cards .card-bottle-neck .card-body {
  height: 210px !important;
}

/*--bottle-neck-report--*/
.bottle-neck-report {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.bottle-neck-report .right-p {
  position: absolute;
  right: 15px;
  top: 45px;
}

.bottle-neck-report p {
  float: right;
  width: 100%;
  text-align: right;
}

.bottle-neck-report ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.bottle-neck-report ul li .content {
  position: absolute;
  top: 0;
  left: -90px;
  z-index: 1;
  color: var(--card-bottle-neck-content);
  text-align: center;
  width: 90px;
  height: 100%;
}

.bottle-neck-report ul li {
  position: relative;
}

.bottle-neck-report ul li .center-dot {
  position: absolute;
  top: 37px;
  right: -6px;
  background: var(--card-bottle-neck-content);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  z-index: 1;
}

.bottle-neck-report ul li:nth-child(1) .center-dot {
  top: 77px;
}

.bottle-neck-report ul li:nth-child(2) .center-dot {
  top: 67px;
}

.bottle-neck-report ul li:nth-child(3) .center-dot {
  top: 57px;
}

.bottle-neck-report ul li:nth-child(4) .center-dot {
  top: 47px;
}

.bottle-neck-report ul li:nth-child(5) .center-dot {
  top: 37px;
}

.bottle-neck-report ul li .content .title {
  height: 40px;
  position: relative;
}

.bottle-neck-report ul li .content .title p {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}

.bottle-neck-report ul li:nth-child(1) .content .title {
  height: 80px;
}

.bottle-neck-report ul li:nth-child(2) .content .title {
  height: 70px;
}

.bottle-neck-report ul li:nth-child(3) .content .title {
  height: 60px;
}

.bottle-neck-report ul li:nth-child(4) .content .title {
  height: 50px;
}

.bottle-neck-report ul li:nth-child(5) .content .title {
  height: 40px;
}

.bottle-neck-report ul li {
  border-left: 90px solid #555;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  height: 300px;
  width: 0px;
  float: left;
  position: relative;
}

.bottle-neck-report ul li:nth-child(1) {
  border-left-color: #00637f;
  height: 180px;
}

.bottle-neck-report ul li:nth-child(2) {
  height: 160px;
  margin-top: 10px;
  border-left-color: #0091AE;
}

.bottle-neck-report ul li:nth-child(3) {
  height: 140px;
  margin-top: 20px;
  border-left-color: #009fe3;
}

.bottle-neck-report ul li:nth-child(4) {
  height: 120px;
  margin-top: 30px;
  border-left-color: #56c2e0;
}

.bottle-neck-report ul li:nth-child(5) {
  height: 100px;
  margin-top: 40px;
  border-left-color: #f97f50;
}

.bottle-neck-report ul li:nth-child(6) {
  height: 80px;
  width: 100px;
  margin-top: 50px;
  background-color: #3fc380;
  border: 0;
}

.bottle-neck-report ul li:nth-child(6) .content {
  position: relative;
  left: 0;
}

.bottle-neck-report ul li h3 {
  color: #000;
  font-size: 1.6rem;
  font-weight: 300;
  font-weight: bold;
  display: block;
  text-align: center;
  position: relative;
}

.bottle-neck-report ul li h3::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 12px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.bottle-neck-report ul li h3 span {
  position: relative;
  z-index: 1;
  width: 50px;
  display: block;
  overflow: hidden;
  line-height: 24px;
  padding: 2px;
  height: 26px;
  border-radius: 50%;
  margin: 0 auto;
  color: var(--card-bottle-neck-content);
}

@media only screen and (min-width: 1441px) and (max-width: 1530px) {
  .bottle-neck-report ul li {
    border-left: 80px solid #555;
  }
  .bottle-neck-report ul li .content {
    width: 80px;
    left: -80px;
  }
  .bottle-neck-report ul li:nth-child(6) {
    width: 80px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1440px) {
  .bottle-neck-report ul li .content {
    left: -74px;
    width: 74px;
  }
  .bottle-neck-report ul li {
    border-left: 74px solid #555;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
  }
  .bottle-neck-report ul li:nth-child(1) {
    height: 144px;
  }
  .bottle-neck-report ul li:nth-child(2) {
    height: 130px;
    margin-top: 7px;
  }
  .bottle-neck-report ul li:nth-child(3) {
    height: 116px;
    margin-top: 14px;
  }
  .bottle-neck-report ul li:nth-child(4) {
    height: 102px;
    margin-top: 21px;
  }
  .bottle-neck-report ul li:nth-child(5) {
    height: 88px;
    margin-top: 28px;
  }
  .bottle-neck-report ul li:nth-child(6) {
    height: 74px;
    width: 74px;
    margin-top: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .bottle-neck-report ul li .content {
    left: -54px;
    width: 54px;
  }
  .bottle-neck-report ul li .content .title p {
    font-size: 1rem;
  }
  .bottle-neck-report ul li {
    border-left: 51px solid #555;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
  }
  .bottle-neck-report ul li:nth-child(1) {
    height: 144px;
  }
  .bottle-neck-report ul li:nth-child(2) {
    height: 130px;
    margin-top: 7px;
  }
  .bottle-neck-report ul li:nth-child(3) {
    height: 116px;
    margin-top: 14px;
  }
  .bottle-neck-report ul li:nth-child(4) {
    height: 102px;
    margin-top: 21px;
  }
  .bottle-neck-report ul li:nth-child(5) {
    height: 88px;
    margin-top: 28px;
  }
  .bottle-neck-report ul li:nth-child(6) {
    width: 51px;
    height: 74px;
    margin-top: 35px;
  }
}
@media (max-width: 767px) {
  .bottle-neck-report ul li .content {
    left: -54px;
    width: 54px;
  }
  .bottle-neck-report ul li .content .title p {
    font-size: 1rem;
  }
  .bottle-neck-report ul li {
    border-left: 54px solid #555;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
  }
  .bottle-neck-report ul li:nth-child(1) {
    height: 144px;
  }
  .bottle-neck-report ul li:nth-child(2) {
    height: 130px;
    margin-top: 7px;
  }
  .bottle-neck-report ul li:nth-child(3) {
    height: 116px;
    margin-top: 14px;
  }
  .bottle-neck-report ul li:nth-child(4) {
    height: 102px;
    margin-top: 21px;
  }
  .bottle-neck-report ul li:nth-child(5) {
    height: 88px;
    margin-top: 28px;
  }
  .bottle-neck-report ul li:nth-child(6) {
    width: 54px;
    height: 74px;
    margin-top: 35px;
  }
}
@media (max-width: 380px) {
  .bottle-neck-report ul li .content {
    left: -40px;
    width: 40px;
  }
  .bottle-neck-report ul li {
    border-left: 40px solid #555;
  }
  .bottle-neck-report ul li:nth-child(6) {
    width: 40px;
  }
}
#homepage .card.card-2 .card-body, #homepage .card.card-7 .card-body {
  height: 500px;
  overflow: auto;
}

#accordion {
  width: 100%;
}

app-common-table {
  float: left;
  width: 100%;
}

.to-doListMenu {
  position: relative;
}

.to-doListMenu .dropdown-toggle::after {
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}

#homepage .card-header .to-doListMenu {
  position: absolute;
  right: 0px !important;
}

app-home .cap_menu_icon, app-home .sort svg, app-home .cap_menu_icon svg {
  fill: var(--stats-cards-cap-menu-svg-color);
}

app-calender #mainCalender .custom_control_check.active {
  background-color: var(--card-header-bg-color);
}

app-to-do-list #accordionExample .card-header {
  color: var(--home-todo-card-header-color);
}

/*#bottleneckreport verticle*/
.bottle-neck-report-vertical {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.bottle-neck-report-vertical ul {
  list-style-type: none;
  margin: 20px auto;
  padding: 0;
  text-align: center;
}

.bottle-neck-report-vertical ul li .content {
  position: absolute;
  left: 0;
  top: -36px;
  z-index: 1;
  width: 100%;
  color: var(--white);
  text-align: center;
  height: 100%;
}

.bottle-neck-report-vertical ul li .content .title {
  position: relative;
}

.bottle-neck-report-vertical ul li .content .title p {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
}

.bottle-neck-report-vertical ul li {
  border-top: 70px solid #555;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  height: 0;
  width: 210px;
  position: relative;
  -webkit-transition: width 2s; /* Safari prior 6.1 */
  transition: width 2s;
}

.bottle-neck-report-vertical ul li:nth-child(1) {
  border-top-color: #00637f;
  width: 210px;
}

.bottle-neck-report-vertical ul li:nth-child(2) {
  width: 180px;
  margin-left: 15px;
  border-top-color: #0091AE;
}

.bottle-neck-report-vertical ul li:nth-child(3) {
  width: 150px;
  margin-left: 30px;
  border-top-color: #009fe3;
}

.bottle-neck-report-vertical ul li:nth-child(4) {
  width: 120px;
  margin-left: 45px;
  border-top-color: #56c2e0;
}

.bottle-neck-report-vertical ul li:nth-child(5) {
  width: 90px;
  margin-left: 60px;
  border-top-color: #f97f50;
}

.bottle-neck-report-vertical ul li:nth-child(6) {
  width: 74px;
  margin-left: 28px;
  border-left: 0;
  border-right: 0;
  border-top-color: #3fc380;
}

.bottle-neck-report-vertical ul li:nth-child(5) {
  width: 90px;
  height: 70px;
  margin-left: 60px;
  background-color: #f97f50;
  border: 0;
}

.bottle-neck-report-vertical ul li:nth-child(5) .content {
  position: relative;
  top: 30px;
}

.bottle-neck-report-vertical ul li h3 {
  color: var(--white);
  font-size: 1.6rem;
  font-weight: 300;
  font-weight: bold;
  display: block;
  text-align: center;
  position: relative;
}

.bottle-neck-report-vertical ul li h3 span {
  background-color: var(--white);
  position: relative;
  z-index: 1;
  width: 26px;
  display: block;
  overflow: hidden;
  line-height: 24px;
  padding: 2px;
  height: 26px;
  border-radius: 50%;
  margin: 0 auto;
}

@media only screen and (min-width: 820px) and (max-width: 1720px) {
  .bottle-neck-report-vertical ul li {
    border-top: 70px solid #555;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    height: 0;
    width: 210px;
    position: relative;
    -webkit-transition: width 2s; /* Safari prior 6.1 */
    transition: width 2s;
  }
  .bottle-neck-report-vertical ul li:nth-child(1) {
    border-top-color: #00637f;
    width: 210px;
  }
  .bottle-neck-report-vertical ul li:nth-child(2) {
    width: 180px;
    margin-left: 15px;
    border-top-color: #0091AE;
  }
  .bottle-neck-report-vertical ul li:nth-child(3) {
    width: 150px;
    margin-left: 30px;
    border-top-color: #009fe3;
  }
  .bottle-neck-report-vertical ul li:nth-child(4) {
    width: 120px;
    margin-left: 45px;
    border-top-color: #56c2e0;
  }
  .bottle-neck-report-vertical ul li:nth-child(5) {
    width: 90px;
    margin-left: 60px;
    border-top-color: #f97f50;
  }
  .bottle-neck-report-vertical ul li:nth-child(6) {
    width: 74px;
    margin-left: 28px;
    border-left: 0;
    border-right: 0;
    border-top-color: #3fc380;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1170px) {
  .bottle-neck-report-vertical ul {
    width: 90px;
  }
  .bottle-neck-report-vertical ul li .content .title p {
    font-size: 1rem;
  }
  .bottle-neck-report-vertical ul li {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
  }
  .bottle-neck-report-vertical ul li:nth-child(1) {
    width: 90px;
  }
  .bottle-neck-report-vertical ul li:nth-child(2) {
    width: 82px;
    margin-left: 4px;
  }
  .bottle-neck-report-vertical ul li:nth-child(3) {
    width: 74px;
    margin-left: 8px;
  }
  .bottle-neck-report-vertical ul li:nth-child(4) {
    width: 66px;
    margin-left: 12px;
  }
  .bottle-neck-report-vertical ul li:nth-child(5) {
    width: 58px;
    margin-left: 16px;
  }
}
/*end of #bottleneckreport verticle*/
/*time stop approve*/
.home-cards .card-3 .card-body.time-toapprove-card-height {
  height: auto !important;
}

.todolist-widget-one-by-two {
  height: 250px !important;
  overflow: auto;
}

.To-DoList .align-delete-edit-icon app-svg-icon .svg-icon {
  height: 15px !important;
  width: 15px !important;
}

.home_todoList app-svg-icon .add-plus.svg-icon {
  height: 15px;
  width: 15px;
  text-align: start;
  vertical-align: top;
}

.card-10.todolist-widget-two-by-two {
  height: 548px !important;
  overflow: auto;
}

.home_todoList .card {
  border-radius: 5px;
  /*  border: 2px solid #6c6f68;
  */
}

.align-label-left {
  text-align: right !important;
}

@media (min-width: 992px) {
  .to-do-list-modal {
    max-width: 736px !important;
  }
}
.to-do-list-modal .word-count {
  float: right;
}

#advance-home-dashboard .dashboard-container .btn-add-task {
  line-height: normal !important;
}

#advance-home-dashboard .dashboard-container .add-plus svg {
  vertical-align: top !important;
}

/*dashboard grid size lyout*/
#advance-home-dashboard .dashboard-container {
  /*max-width: 1870px;*/
  margin: 0 auto;
}

#advance-home-dashboard .stats-container {
  max-width: 1870px;
}

#advance-home-dashboard .stats-container .row {
  max-width: 1870px;
  margin-left: 0px;
  margin-right: 0px;
}

/* Advanced Dashboard Widget Section Background - Creates separation between stat cards and widgets */
#advance-home-dashboard .widget-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: 295px;
  margin: 0 auto;
  grid-column-gap: 20px;
  grid-row-gap: 10px;
  /* Light mode: #d9eef2 neutral blue background, Dark mode: rhapsodyinblue background */
  background-color: var(--advance-dashboard-widget-section-bg-color);
}

#advance-home-dashboard #dashboardBuilder .stats .stat-item, #advance-home-dashboard .advance-dashboard-builder .widget-container .widget {
  border: 1px solid #177e9c;
  background-color: var(--system-settings-tiles-bg-color);
}

[data-jt-theme=dark] #advance-home-dashboard #dashboardBuilder .stats .stat-item,
[data-jt-theme=dark] #advance-home-dashboard .widget-container > .widget {
  background-color: #011534;
  border: 1px solid #466376;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

#advance-home-dashboard .widget-container .widget {
  display: flex;
  flex-direction: column;
  /* Border: 1px light grey border (#E0E6EB) - Dashboard Home Only */
  border: 1px solid var(--advance-dashboard-widget-border-color);
  box-shadow: var(--advance-dashboard-widget-shadow);
  background-color: #FFFFFF;
  border-radius: 10px;
  position: relative;
}

/* Widget Headers: Remove banner, all white background - Dashboard Home Only (NOT Dashboard Builder) */
#homepage #dashboardBuilder .widget-container .widget .card-header {
  background-color: var(--card-header-bg-color) !important;
  color: var(--card-header-color) !important;
}

#advance-home-dashboard .dashboard-container:not(.advance-dashboard-builder) .widget-container .widget .card-header {
  background-color: transparent !important;
  border-bottom: none !important;
  color: var(--card-header-color) !important;
}

/* Widget Titles: 16px-18px, semi-bold, brand dark (#003366) - Dashboard Home Only */
#advance-home-dashboard .dashboard-container:not(.advance-dashboard-builder) .widget-container .widget .card-header h6,
#advance-home-dashboard .dashboard-container:not(.advance-dashboard-builder) .widget-container .widget .card-header .card-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--advance-dashboard-card-header-text-color) !important;
}

.advance-dashboard-builder.dashboard-container .dashboard-grid-container .widget-container .widget .card-header h6,
.advance-dashboard-builder.dashboard-container .dashboard-grid-container .widget-container .widget .card-header .card-title {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--advance-dashboard-card-header-text-color) !important;
}

.advance-dashboard-builder.dashboard-container .circle-container {
  padding-bottom: 30px !important;
}

/* Widget Container Padding: Only for Dashboard Home, NOT Dashboard Builder */
#advance-home-dashboard .dashboard-container:not(.advance-dashboard-builder) .widget-container {
  padding: 20px;
}

/* Secondary Labels / Captions in Widget Headers: 12px, medium grey (#666666) - Both Home and Builder */
#advance-home-dashboard .widget-container .widget .card-header .text-muted,
#advance-home-dashboard .widget-container .widget .card-header .caption,
#advance-home-dashboard .widget-container .widget .card-header .secondary-label,
#advance-home-dashboard .widget-container .widget .card-header small {
  font-size: 12px !important;
  color: #666666 !important;
}

/* Widget Body Text: 14px, regular, dark grey (#333333) - Except Time to Approve Widget and c100 elements */
#advance-home-dashboard .widget-container .card-body,
#advance-home-dashboard .widget-container .card-body p,
#advance-home-dashboard .widget-container .card-body div,
#advance-home-dashboard .widget-container .days_per_status p {
  font-size: 14px;
  font-weight: 600 !important;
}

#advance-home-dashboard .widget-container .widget-content {
  padding: 1px;
  text-align: center;
  flex-grow: 1;
}

#advance-home-dashboard .widget-container .widget-1x1 {
  grid-column: span 1;
  min-width: 29.5%;
}

#advance-home-dashboard .widget-container .widget-1x2 {
  grid-column: span 1;
  grid-row: span 2;
  min-width: 29.5%;
}

#advance-home-dashboard .widget-container .widget-2x1 {
  grid-column: span 2;
  min-width: 61%;
}

#advance-home-dashboard .widget-container .widget-2x2 {
  grid-column: span 2;
  grid-row: span 2;
  min-width: 61%;
}

#advance-home-dashboard .widget-container .widget-3x1 {
  grid-column: span 3;
  min-width: 92.5%;
}

#advance-home-dashboard .widget-container .widget-3x2 {
  grid-column: span 3;
  grid-row: span 2;
  min-width: 92.5%;
}

/* Adjust grid for smaller screens (e.g., laptop) */
@media screen and (max-width: 1870px) {
  #advance-home-dashboard .widget-container {
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: 295px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin: 0 auto;
  }
  #advance-home-dashboard .widget-container .widget-1x1 {
    min-width: 24%;
  }
  #advance-home-dashboard .widget-container .widget-1x2 {
    min-width: 24%;
  }
  #advance-home-dashboard .widget-container .widget-2x1 {
    min-width: 49%;
  }
  #advance-home-dashboard .widget-container .widget-2x2 {
    min-width: 49%;
  }
  #advance-home-dashboard .widget-container .widget-3x1 {
    min-width: 74%;
  }
  #advance-home-dashboard .widget-container .widget-3x2 {
    min-width: 74%;
  }
}
/* Adjust grid when the screen size is further reduced */
@media screen and (max-width: 1200px) {
  #advance-home-dashboard .widget-container {
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 10px;
  }
}
@media screen and (max-width: 1024px) {
  #advance-home-dashboard .widget-container {
    grid-template-columns: repeat(4, 1fr); /* Reduce to 4 columns */
    grid-gap: 10px;
  }
  #advance-home-dashboard .widget-container #timeToApprove {
    margin: 60px -2px !important;
  }
  #advance-home-dashboard .widget-container .circle {
    width: 130px;
    height: 130px;
    padding: 5px;
  }
  #advance-home-dashboard .widget-container .c100 {
    font-size: 12rem;
  }
  #advance-home-dashboard .widget-container .day-hour {
    top: 40px !important;
  }
}
@media screen and (max-width: 768px) {
  #advance-home-dashboard .widget-container {
    grid-template-columns: repeat(3, 1fr); /* Reduce to 3 columns */
    grid-gap: 10px;
  }
  #advance-home-dashboard .widget-container #timeToApprove {
    margin: 60px -2px !important;
  }
  #advance-home-dashboard .widget-container .circle {
    width: 130px;
    height: 130px;
    padding: 5px;
  }
  #advance-home-dashboard .widget-container .c100 {
    font-size: 12rem;
  }
  #advance-home-dashboard .widget-container .timeToApproveReportTwoByOne .day-hour {
    top: 40px;
  }
}
@media screen and (max-width: 576px) {
  #advance-home-dashboard .widget-container {
    grid-template-columns: repeat(2, 1fr); /* Reduce to 2 columns */
    grid-gap: 10px;
    padding-left: 24px;
    grid-auto-rows: auto;
    grid-auto-rows: 295px;
  }
  /*  #advance-home-dashboard .widget-container .widget-1x1, #advance-home-dashboard .widget-container .widget-2x1, #advance-home-dashboard .widget-container .widget-3x1, #advance-home-dashboard .widget-container .widget-1x2 {
    width: 23.3%; 
    height: 295px;
  }
  #advance-home-dashboard .widget-container .widget-3x2 {
    grid-row: span 2 !important;
  }*/
  #advance-home-dashboard .widget-container .widget-1x2 {
    grid-row: span 2;
  }
  #advance-home-dashboard .widget-container .widget-2x1 {
    grid-column: span 6;
  }
  #advance-home-dashboard .widget-container .widget-2x2 {
    grid-row: span 2;
  }
  #advance-home-dashboard .widget-container .widget-3x1 {
    grid-column: span 6;
    grid-row: span 2;
  }
  #advance-home-dashboard .widget-container .widget-3x2 {
    grid-row: span 2 !important;
  }
  #advance-home-dashboard .widget-container #timeToApprove {
    margin: 60px -2px !important;
  }
  #advance-home-dashboard .widget-container .circle {
    width: 140px;
    height: 140px;
    padding: 10px;
  }
  #advance-home-dashboard .widget-container .c100 {
    font-size: 12rem;
  }
}
@media screen and (max-width: 570px) {
  #advance-home-dashboard .widget-container {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 10px;
    padding-left: 24px;
    grid-auto-rows: auto;
    grid-auto-rows: 295px;
  }
  #advance-home-dashboard .widget-container .widget {
    grid-column: span 6;
    min-width: 100%;
  }
  #advance-home-dashboard .widget-container .widget-1x2 {
    grid-row: span 2;
  }
  #advance-home-dashboard .widget-container .widget-2x1 {
    grid-column: span 6;
  }
  #advance-home-dashboard .widget-container .widget-2x2 {
    grid-row: span 2;
  }
  #advance-home-dashboard .widget-container .widget-3x1 {
    grid-column: span 6;
    grid-row: span 2;
  }
  #advance-home-dashboard .widget-container .widget-3x2 {
    grid-row: span 2 !important;
  }
  #advance-home-dashboard .widget-container #timeToApprove {
    margin: 60px -2px !important;
  }
  #advance-home-dashboard .widget-container .circle {
    width: 140px;
    height: 140px;
    padding: 10px;
  }
  #advance-home-dashboard .widget-container .c100 {
    font-size: 12rem;
  }
}
/*end of dashboard grid size lyout*/
/* Adjust card and card body*/
#advance-home-dashboard .widget-container .widget .card {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 0px;
  background: none;
  border: 0px;
  box-shadow: unset;
}

#advance-home-dashboard .widget-container .widget .dashboard-builder-widget-renderer .card {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 0px;
  border-radius: 12px;
}

#advance-home-dashboard .dashboard-container:not(.advance-dashboard-builder) .widget-container .widget .card {
  background-color: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
}

#advance-home-dashboard .widget-container .widget .timeToApprove .chart-wrapper,
#advance-home-dashboard .widget-container .widget .timeToApprove .donut-chart,
#advance-home-dashboard .widget-container .widget .time-to-hire .chart-wrapper,
#advance-home-dashboard .widget-container .widget .time-to-hire .donut-chart {
  max-width: 220px !important;
  max-height: 150px !important;
}

#advance-home-dashboard .widget-container .widget .timeToApprove .chart-wrapper canvas,
#advance-home-dashboard .widget-container .widget .timeToApprove .donut-chart canvas,
#advance-home-dashboard .widget-container .widget .time-to-hire .chart-wrapper canvas,
#advance-home-dashboard .widget-container .widget .time-to-hire .donut-chart canvas {
  max-width: 220px !important;
  max-height: 150px !important;
}

/* Adjust card-body to take the available space */
#advance-home-dashboard .widget-container .widget .card-body {
  /*display: flex;*/
  justify-content: center;
  align-items: center;
  padding: 10px;
  flex-direction: column;
  height: 100%;
  text-align: center;
}

#advance-home-dashboard .widget-container .widget .bottle-neck-report-vertical .card-body, #advance-home-dashboard .widget-container .widget .recruitment-funnel-vertical .card-body, #advance-home-dashboard .widget-container .widget .recruitment-funnel-horizontal .card-body, #advance-home-dashboard .widget-container .widget .bottle-neck-report .card-body {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#advance-home-dashboard .widget-container .widget-1x1.widget .card-body {
  display: flex;
}

#advance-home-dashboard .widget-container .widget .ethnicityChart {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

#advance-home-dashboard .widget-container .widget .diversityReportTwoByOne {
  display: flex;
  justify-content: center;
  align-items: center;
}

/*#advance-home-dashboard .widget-container .widget #ethnicityChart, #advance-home-dashboard .widget-container .widget #genderChart {
  transform: translate(5px, 0px);
}
*/
#advance-home-dashboard .widget-container .widget .timeToApprove.timeToApproveReportTwoByOne {
  flex-direction: row !important;
  display: flex;
}

#advance-home-dashboard .widget-container .widget .genderChart.diversityReportOneByTwo,
#advance-home-dashboard .widget-container .widget .time-to-hire.timeToApproveOneByTwo {
  padding-top: 20%;
}

#advance-home-dashboard .widget-container .widget .ethnicityChart #ethnicityChart,
#advance-home-dashboard .widget-container .widget .ethnicityChart #genderChart {
  width: 100%;
  height: 200px;
  transform: none;
}

#advance-home-dashboard .widget-container .widget-todolist .card-body {
  max-height: 600px;
  overflow-y: auto;
}

#advance-home-dashboard .widget-container .widget #mainCalender.card-body {
  height: 548px !important;
  overflow: auto;
}

#advance-home-dashboard .widget-container .widget #mainCalender.card-body .card {
  height: auto !important;
}

/* General canvas positioning for all charts (original working rule) */
#advance-home-dashboard .widget-container .widget .card-body canvas {
  width: 100% !important;
  max-height: 85%;
  position: absolute;
  left: 0;
}

/* Specific canvas positioning for the two charts that needed layout fixes */
#advance-home-dashboard .widget-container .widget .card-body canvas#dashboard-builder-chart-view-over-time,
#advance-home-dashboard .widget-container .widget .card-body canvas#dashboard-builder-chart-view-candidate-over-time {
  width: calc(100% - 20px) !important;
  height: calc(100% - 40px) !important;
  position: absolute;
  left: 10px;
  top: 30px;
}

.advance-dashboard-builder .widget-container .widget .card-body canvas#dashboard-builder-chart-view {
  width: 100% !important;
  max-height: 177px !important;
  position: initial;
  left: 0;
}

/* Adjust card and card body*/
/* #region recuritment funnel horizental*/
.recruitment-funnel-horizontal {
  margin: 0px auto 6px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.recruitment-funnel-horizontal .right-p {
  position: absolute;
  right: 15px;
  top: 45px;
}

.recruitment-funnel-horizontal p {
  float: right;
  width: 100%;
  text-align: right;
}

.recruitment-funnel-horizontal ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.recruitment-funnel-horizontal ul li .content {
  position: absolute;
  top: 0;
  left: -90px;
  z-index: 1;
  color: var(--card-bottle-neck-content) !important;
  text-align: center;
  width: 90px;
  height: 100%;
}

/* More specific rule to override general widget styling */
#advance-home-dashboard .widget-container .recruitment-funnel-horizontal ul li .content,
#advance-home-dashboard .widget-container .recruitment-funnel-horizontal ul li .content p,
#advance-home-dashboard .widget-container .recruitment-funnel-horizontal ul li .content div,
#advance-home-dashboard .widget-container .recruitment-funnel-horizontal ul li .content h3,
#advance-home-dashboard .widget-container .recruitment-funnel-horizontal ul li .content span {
  color: var(--card-bottle-neck-content) !important;
  font-weight: normal !important;
  font-size: 12px !important;
}

/* More specific rule to override general widget styling for bottle neck report */
#advance-home-dashboard .widget-container .bottle-neck-report ul li .content,
#advance-home-dashboard .widget-container .bottle-neck-report ul li .content p,
#advance-home-dashboard .widget-container .bottle-neck-report ul li .content div,
#advance-home-dashboard .widget-container .bottle-neck-report ul li .content h3,
#advance-home-dashboard .widget-container .bottle-neck-report ul li .content span,
#advance-home-dashboard .widget-container .bottle-neck-report-vertical ul li .content,
#advance-home-dashboard .widget-container .bottle-neck-report-vertical ul li .content p,
#advance-home-dashboard .widget-container .bottle-neck-report-vertical ul li .content div,
#advance-home-dashboard .widget-container .bottle-neck-report-vertical ul li .content h3,
#advance-home-dashboard .widget-container .bottle-neck-report-vertical ul li .content span {
  color: var(--card-bottle-neck-content) !important;
  font-weight: normal !important;
  font-size: 12px !important;
}

/* More specific rule to override general widget styling for recruitment funnel vertical */
#advance-home-dashboard .widget-container .recruitment-funnel-vertical ul li .content,
#advance-home-dashboard .widget-container .recruitment-funnel-vertical ul li .content p,
#advance-home-dashboard .widget-container .recruitment-funnel-vertical ul li .content div,
#advance-home-dashboard .widget-container .recruitment-funnel-vertical ul li .content h3,
#advance-home-dashboard .widget-container .recruitment-funnel-vertical ul li .content span {
  color: var(--white) !important;
  font-weight: normal !important;
  font-size: 12px !important;
}

.recruitment-funnel-horizontal ul li {
  position: relative;
}

.recruitment-funnel-horizontal ul li .center-dot {
  position: absolute;
  top: 37px;
  right: -6px;
  background: var(--card-bottle-neck-content);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  z-index: 1;
}

.recruitment-funnel-horizontal ul li:nth-child(1) .center-dot {
  top: 77px;
}

.recruitment-funnel-horizontal ul li:nth-child(2) .center-dot {
  top: 67px;
}

.recruitment-funnel-horizontal ul li:nth-child(3) .center-dot {
  top: 57px;
}

.recruitment-funnel-horizontal ul li:nth-child(4) .center-dot {
  top: 47px;
}

.recruitment-funnel-horizontal ul li:nth-child(5) .center-dot {
  top: 37px;
}

.recruitment-funnel-horizontal ul li .content .title {
  height: 40px;
  position: relative;
}

.recruitment-funnel-horizontal ul li .content .title p {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}

.recruitment-funnel-horizontal ul li:nth-child(1) .content .title {
  height: 80px;
}

.recruitment-funnel-horizontal ul li:nth-child(2) .content .title {
  height: 70px;
}

.recruitment-funnel-horizontal ul li:nth-child(3) .content .title {
  height: 60px;
}

.recruitment-funnel-horizontal ul li:nth-child(4) .content .title {
  height: 50px;
}

.recruitment-funnel-horizontal ul li:nth-child(5) .content .title {
  height: 40px;
}

.recruitment-funnel-horizontal ul li {
  border-left: 90px solid #555;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  height: 300px;
  width: 0px;
  float: left;
  position: relative;
}

.recruitment-funnel-horizontal ul li:nth-child(1) {
  border-left-color: #00637f;
  height: 180px;
}

.recruitment-funnel-horizontal ul li:nth-child(2) {
  height: 160px;
  margin-top: 10px;
  border-left-color: #009fe3;
}

.recruitment-funnel-horizontal ul li:nth-child(3) {
  height: 140px;
  margin-top: 20px;
  border-left-color: #56c2e0;
}

.recruitment-funnel-horizontal ul li:nth-child(4) {
  height: 120px;
  margin-top: 30px;
  border-left-color: #f97f50;
}

.recruitment-funnel-horizontal ul li:nth-child(5) {
  height: 100px;
  margin-top: 40px;
  border-left-color: #3fc380;
}

.recruitment-funnel-horizontal ul li:nth-child(6) {
  height: 80px;
  width: 100px;
  margin-top: 50px;
  background-color: #3fc380;
  border: 0;
}

.recruitment-funnel-horizontal ul li:nth-child(6) .content {
  position: relative;
  left: 0;
}

.recruitment-funnel-horizontal ul li h3 {
  color: #000;
  font-size: 1.6rem;
  font-weight: 300;
  font-weight: bold;
  display: block;
  text-align: center;
  position: relative;
}

.recruitment-funnel-horizontal ul li h3::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 12px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.recruitment-funnel-horizontal ul li h3 span {
  position: relative;
  z-index: 1;
  width: 50px;
  display: block;
  overflow: hidden;
  line-height: 24px;
  padding: 2px;
  height: 26px;
  border-radius: 50%;
  margin: 0 auto;
  color: var(--card-bottle-neck-content);
}

@media only screen and (min-width: 1441px) and (max-width: 1530px) {
  .recruitment-funnel-horizontal ul li {
    border-left: 80px solid #555;
  }
  .recruitment-funnel-horizontal ul li .content {
    width: 80px;
    left: -80px;
  }
  .recruitment-funnel-horizontal ul li:nth-child(6) {
    width: 80px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1440px) {
  .recruitment-funnel-horizontal ul li .content {
    left: -74px;
    width: 74px;
  }
  .recruitment-funnel-horizontal ul li {
    border-left: 74px solid #555;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
  }
  .recruitment-funnel-horizontal ul li:nth-child(1) {
    height: 144px;
  }
  .recruitment-funnel-horizontal ul li:nth-child(2) {
    height: 130px;
    margin-top: 7px;
  }
  .recruitment-funnel-horizontal ul li:nth-child(3) {
    height: 116px;
    margin-top: 14px;
  }
  .recruitment-funnel-horizontal ul li:nth-child(4) {
    height: 102px;
    margin-top: 21px;
  }
  .recruitment-funnel-horizontal ul li:nth-child(5) {
    height: 88px;
    margin-top: 28px;
  }
  .recruitment-funnel-horizontal ul li:nth-child(6) {
    height: 74px;
    width: 74px;
    margin-top: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .recruitment-funnel-horizontal ul li .content {
    left: -54px;
    width: 54px;
  }
  .recruitment-funnel-horizontal ul li .content .title p {
    font-size: 1rem;
  }
  .recruitment-funnel-horizontal ul li {
    border-left: 51px solid #555;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
  }
  .recruitment-funnel-horizontal ul li:nth-child(1) {
    height: 144px;
  }
  .recruitment-funnel-horizontal ul li:nth-child(2) {
    height: 130px;
    margin-top: 7px;
  }
  .recruitment-funnel-horizontal ul li:nth-child(3) {
    height: 116px;
    margin-top: 14px;
  }
  .recruitment-funnel-horizontal ul li:nth-child(4) {
    height: 102px;
    margin-top: 21px;
  }
  .recruitment-funnel-horizontal ul li:nth-child(5) {
    height: 88px;
    margin-top: 28px;
  }
  .recruitment-funnel-horizontal ul li:nth-child(6) {
    width: 51px;
    height: 74px;
    margin-top: 35px;
  }
}
@media (max-width: 767px) {
  .recruitment-funnel-horizontal ul li .content {
    left: -54px;
    width: 54px;
  }
  .recruitment-funnel-horizontal ul li .content .title p {
    font-size: 1rem;
  }
  .recruitment-funnel-horizontal ul li {
    border-left: 54px solid #555;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
  }
  .recruitment-funnel-horizontal ul li:nth-child(1) {
    height: 144px;
  }
  .recruitment-funnel-horizontal ul li:nth-child(2) {
    height: 130px;
    margin-top: 7px;
  }
  .recruitment-funnel-horizontal ul li:nth-child(3) {
    height: 116px;
    margin-top: 14px;
  }
  .recruitment-funnel-horizontal ul li:nth-child(4) {
    height: 102px;
    margin-top: 21px;
  }
  .recruitment-funnel-horizontal ul li:nth-child(5) {
    height: 88px;
    margin-top: 28px;
  }
  .recruitment-funnel-horizontal ul li:nth-child(6) {
    width: 54px;
    height: 74px;
    margin-top: 35px;
  }
}
@media (max-width: 380px) {
  .recruitment-funnel-horizontal ul li .content {
    left: -40px;
    width: 40px;
  }
  .recruitment-funnel-horizontal ul li {
    border-left: 40px solid #555;
  }
  .recruitment-funnel-horizontal ul li:nth-child(6) {
    width: 40px;
  }
}
.home-cards .card-recruitment-funnel-horizontal .days_per_status {
  position: absolute;
  right: 15px;
  top: 40px;
  text-align: right;
}

/* end #region recuritment funnel horizental*/
/*#region recuritment funnel vertical*/
.recruitment-funnel-vertical {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.recruitment-funnel-vertical ul {
  list-style-type: none;
  margin: 20px auto;
  padding: 0;
  text-align: center;
}

.recruitment-funnel-vertical ul li .content {
  position: absolute;
  left: 0;
  top: -36px;
  z-index: 1;
  width: 100%;
  color: var(--white);
  text-align: center;
  height: 100%;
}

.recruitment-funnel-vertical ul li .content .title {
  position: relative;
}

.recruitment-funnel-vertical ul li .content .title p {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
}

.recruitment-funnel-vertical ul li {
  border-top: 70px solid #555;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  height: 0;
  width: 210px;
  position: relative;
  -webkit-transition: width 2s; /* Safari prior 6.1 */
  transition: width 2s;
}

.recruitment-funnel-vertical ul li:nth-child(1) {
  border-top-color: #00637f;
  width: 210px;
}

.recruitment-funnel-vertical ul li:nth-child(2) {
  width: 180px;
  margin-left: 15px;
  border-top-color: #009fe3;
}

.recruitment-funnel-vertical ul li:nth-child(3) {
  width: 150px;
  margin-left: 30px;
  border-top-color: #56c2e0;
}

.recruitment-funnel-vertical ul li:nth-child(4) {
  width: 120px;
  margin-left: 45px;
  border-top-color: #f97f50;
}

.recruitment-funnel-vertical ul li:nth-child(5) {
  width: 90px;
  margin-left: 60px;
  border-top-color: var(--jasmine-green);
}

.recruitment-funnel-vertical ul li:nth-child(6) {
  width: 90px;
  margin-left: 60px;
  border-left: 0;
  border-right: 0;
  border-top-color: #f97f50;
}

.recruitment-funnel-vertical ul li:nth-child(5) {
  width: 90px;
  height: 70px;
  margin-left: 60px;
  background-color: var(--jasmine-green);
  border: 0;
}

.recruitment-funnel-vertical ul li:nth-child(5) .content {
  position: relative;
  top: 30px;
}

.recruitment-funnel-vertical ul li h3 {
  color: var(--white);
  font-size: 1.6rem;
  font-weight: 300;
  font-weight: bold;
  display: block;
  text-align: center;
  position: relative;
}

.recruitment-funnel-vertical ul li h3 span {
  background-color: var(--white);
  position: relative;
  z-index: 1;
  width: 26px;
  display: block;
  overflow: hidden;
  line-height: 24px;
  padding: 2px;
  height: 26px;
  border-radius: 50%;
  margin: 0 auto;
}

@media only screen and (min-width: 1170px) and (max-width: 1720px) {
  .recruitment-funnel-vertical ul li {
    border-top: 70px solid #555;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    height: 0;
    width: 210px;
    position: relative;
    -webkit-transition: width 2s; /* Safari prior 6.1 */
    transition: width 2s;
  }
  .recruitment-funnel-vertical ul li:nth-child(1) {
    border-top-color: #00637f;
    width: 210px;
  }
  .recruitment-funnel-vertical ul li:nth-child(2) {
    width: 180px;
    margin-left: 15px;
    border-top-color: #009fe3;
  }
  .recruitment-funnel-vertical ul li:nth-child(3) {
    width: 150px;
    margin-left: 30px;
    border-top-color: #56c2e0;
  }
  .recruitment-funnel-vertical ul li:nth-child(4) {
    width: 120px;
    margin-left: 45px;
    border-top-color: #f97f50;
  }
  .recruitment-funnel-vertical ul li:nth-child(5) {
    width: 90px;
    margin-left: 60px;
    border-top-color: var(--jasmine-green);
  }
  .recruitment-funnel-vertical ul li:nth-child(6) {
    width: 90px;
    margin-left: 60px;
    border-left: 0;
    border-right: 0;
    border-top-color: #f97f50;
  }
}
@media only screen and (min-width: 820px) and (max-width: 1190px) {
  .recruitment-funnel-vertical ul {
    width: 90px;
  }
  .recruitment-funnel-vertical ul li .content .title p {
    font-size: 1rem;
  }
  .recruitment-funnel-vertical ul li {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
  }
  .recruitment-funnel-vertical ul li:nth-child(1) {
    width: 90px;
  }
  .recruitment-funnel-vertical ul li:nth-child(2) {
    width: 82px;
    margin-left: 4px;
  }
  .recruitment-funnel-vertical ul li:nth-child(3) {
    width: 74px;
    margin-left: 8px;
  }
  .recruitment-funnel-vertical ul li:nth-child(4) {
    width: 66px;
    margin-left: 12px;
  }
  .recruitment-funnel-vertical ul li:nth-child(5) {
    width: 58px;
    margin-left: 16px;
  }
}
#advance-home-dashboard .dashboard-container .card-recruitment-funnel-horizontal .days_per_status, #advance-home-dashboard .dashboard-container .bottle-neck-report-horizontal .days_per_status {
  position: absolute;
  right: 15px;
  top: 40px;
  text-align: right;
}

#advance-home-dashboard .dashboard-container .candidate-per-stage-card .days_per_status {
  position: absolute;
  left: 15px;
  top: 40px;
  text-align: left;
}

/* end #region recuritment funnel vertical*/
.circle-container .stat-count-heading {
  font-size: 3.2rem;
  color: #fff;
  font-weight: 600;
}

.circle-container .circle {
  align-content: center;
  cursor: pointer;
  text-align: center;
}

.onboarding-widgets .circle-container .circle, .onboarding-widgets .circle-container .circle:hover {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background-color: #00637f;
  box-shadow: none;
}

/*email corporate and email personal*/
.email-card .list-group-item, .jobs-closing-card .list-group-item, .interview-card .list-group-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.email-card .list-group-item a, .Interviews .list-group-item a, .Manual .list-group-item a {
  cursor: pointer;
}

.email-card .list-group-item .text-bold, .jobs-closing-card .list-group-item .text-bold, .interview-card .list-group-item .text-bold {
  font-weight: bold;
  text-align: left;
}

.email-card .date-time-width, .interview-card .date-time-width {
  min-width: 30%;
  text-align: right;
  justify-content: flex-end;
}

#advance-home-dashboard .email-card .date-time-width span, #advance-home-dashboard .jobs-closing-card .date-time-width span, #advance-home-dashboard .interview-card .date-time-width span {
  margin-left: 2px;
}

#advance-home-dashboard .email-card p.mb-0, #advance-home-dashboard .jobs-closing-card p.mb-0, #advance-home-dashboard .interview-card p.mb-0 {
  margin-bottom: 0;
  white-space: normal;
  word-wrap: break-word;
}

.email-card ul li.cancel-email, jobs-closing-card ul li.cancel-email {
  background-color: #474545 !important;
  color: #fff;
}

#advance-home-dashboard .widget-container .email-card .card-body {
  height: 560px !important;
}

#advance-home-dashboard .widget-container .email-card .card-body, #advance-home-dashboard .widget-container .jobs-closing-card .card-body, #advance-home-dashboard .widget-container .interview-card .card-body {
  height: 230px;
  overflow-y: auto;
}

.interview-card #load-more-message a {
  cursor: pointer;
  text-decoration: underline;
  color: #0BA8E6;
  font-weight: 600;
}

.email-card #load-more-message a {
  cursor: pointer;
  text-decoration: underline;
  font-weight: 600;
}

.email-card #load-more-message a:hover {
  cursor: pointer;
}

/*.jobs-closing-card a {
  cursor: pointer;
  text-decoration: underline;
}*/
.jobs-closing-card a:hover {
  cursor: pointer;
}

#advance-home-dashboard .widget-container .onboarding-status-changes .card-body,
#advance-home-dashboard .widget-container .candidate-status-changes .card-body,
#advance-home-dashboard .widget-container .job-status-changes .card-body,
#advance-home-dashboard .widget-container .awaiting-job-authorisation .card-body,
#advance-home-dashboard .widget-container .awaiting-offer-authorisation .card-body {
  padding: 0px;
  overflow-y: auto;
}

.onboarding-status-changes .list-group, .candidate-status-changes .list-group {
  margin-bottom: 4px;
}

.onboarding-status-changes .list-group-item, .candidate-status-changes .list-group-item {
  margin-bottom: -1px !important;
  border: 0 !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.onboarding-status-changes .list-group-item .text-bold, .candidate-status-changes .list-group-item .text-bold {
  font-size: 12px;
  cursor: pointer;
  font-weight: bold;
  text-align: left;
  /*color: $black;*/
}

.onboarding-status-changes .date-time-width, .candidate-status-changes .date-time-width {
  min-width: 20%;
  text-align: right;
  justify-content: flex-end;
}

.onboarding-status-changes .date-time-width span, .candidate-status-changes .date-time-width span {
  font-size: 12px;
  margin-left: 10px;
  font-weight: 400;
}

.onboarding-status-changes p.mb-0, .candidate-status-changes p.mb-0 {
  margin-bottom: 0;
  white-space: normal;
  word-wrap: break-word;
}

.onboarding-status-changes .black-line, .candidate-status-changes .black-line {
  width: 100%;
  height: 1px;
  background-color: #000;
  margin: 0;
}

.onboarding-status-changes,
.candidate-status-changes,
.job-status-changes,
.awaiting-job-authorisation,
.awaiting-offer-authorisation {
  max-height: 290px;
  overflow-y: auto;
}

.candidate-status-changes .list-group-item {
  border-bottom: 1px solid #000 !important;
  padding: 6px 14px 13px 14px;
}

.onboarding-status-changes .list-group-item {
  border-bottom: 1px solid #000 !important;
}

.booked-interviews, .manual-accepted-interviews, .interviews #load-more-message a {
  color: #008fc0;
}

#load-more a {
  font-weight: bold;
  color: #000;
}

/*.Interviews  svg {
  height: 15px;
  width: 15px;

}*/
.Interviews .list-group svg {
  height: 15px;
  width: 15px;
}

.Interviews .list-group .complete-check svg {
  margin-top: -2px;
  fill: #3fc380;
  margin-right: 8px;
}

.list-group-flush .date-time-width .complete-check svg {
  height: 15px;
  width: 15px;
  fill: #3fc380;
}

.Interviews .questionMark svg {
  margin-top: -2px;
  fill: #f97f50;
  margin-right: 8px;
}

.job-status-changes .job-details {
  padding-left: 0px;
}

.job-status-changes p {
  font-size: 12px;
}

.job-status-changes .black-line {
  border-bottom: 1px solid #000;
}

.job-status-changes .card-body {
  padding: 0px !important;
}

.job-status-changes .text-left {
  margin-top: 10px;
}

.job-status-changes p strong {
  cursor: pointer;
}

.awaiting-job-authorisation .list-group-item .top-right,
.awaiting-offer-authorisation .list-group-item .top-right {
  width: 100%;
  text-align: right;
  font-size: 12px;
}

.awaiting-job-authorisation .list-group-item .bottom-left,
.awaiting-offer-authorisation .list-group-item .bottom-left {
  cursor: pointer;
}

.awaiting-job-authorisation .list-group-item .text-bold,
.awaiting-offer-authorisation .list-group-item .text-bold {
  text-align: left;
  font-size: 12px;
  font-weight: bold;
}

.awaiting-job-authorisation .list-group-item,
.awaiting-job-authorisation .list-group-flush:last-child .list-group-item:last-child,
.awaiting-offer-authorisation .list-group-item,
.awaiting-offer-authorisation .list-group-flush:last-child .list-group-item:last-child {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 0 !important;
  padding: 0px 10px 4px 10px;
  border-bottom: 1px solid #000 !important;
}

.candidate-Status-Change-Stats .status-name {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}

.candidate-Status-Change-Stats .circle-container .circle {
  cursor: pointer;
}

#advance-home-dashboard .widget-container .spinner {
  position: absolute;
  padding: 0px;
  top: 36px;
  left: 0px;
  height: 87%;
  width: 100%;
  z-index: 9998;
  background: #000;
  opacity: 0.6;
  transition: opacity 0.3s linear;
}

#advance-home-dashboard .widget-container .dashboard-loader-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 4;
  background-color: #00212b;
  width: 0px;
}

#advance-home-dashboard .widget-container .loader-logo {
  z-index: 5;
  width: 150px;
  height: 150px;
  padding-bottom: 10px;
  background-image: url(img/company-logo.png);
  background-repeat: no-repeat;
  background-size: 100px;
  background-position: center;
}

#advance-home-dashboard .widget-container .loader-circle {
  border-top: 1px solid #d0d9df;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  animation: spin 1.5s linear infinite;
}

.no-data-found {
  width: 100% !important;
  max-height: 200px;
}

.widget-renderer .onboarding-status-changes,
.widget-renderer .candidate-status-changes,
.widget-renderer .job-status-changes,
.widget-renderer .awaiting-job-authorisation,
.widget-renderer .awaiting-offer-authorisation {
  max-height: 250px !important;
}

.widget-renderer .onboarding-widgets .card-body {
  height: 230px !important;
}

#advance-home-dashboard .widget-container .info {
  padding-right: 10px;
}

@media only screen and (max-width: 600px) {
  #advance-home-dashboard .widget-container .info {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 1366px) {
  #advance-home-dashboard .widget-container .info {
    padding-right: 20px;
  }
}
#advance-home-dashboard .widget-container .candidate-per-stage-card .info, .card-query .info, .Booked .info, .email-card .info, .job-status-changes .info, .candidate-status-changes .info, .onboarding-status-changes .info, .awaiting-job-authorisation .info,
.awaiting-offer-authorisation .info {
  padding-right: 0px !important;
}

#advance-home-dashboard .widget-container .Interviews .info, #advance-home-dashboard .widget-container .Manual .info {
  margin-top: -2px;
}

.custom-list-item {
  border-bottom: 1px solid #000 !important;
  padding: 10px 10px 0px 10px;
  margin: 0;
  border-radius: 0;
}

.custom-list-item:last-child {
  border-bottom: none;
}

.widget-renderer svg#edit path, .add-widget-container svg path, .add-widget svg path {
  fill: var(--svg-fill-color-list);
}

.stats .close-btn svg#edit path {
  fill: var(--svg-fill-color-list);
}

.widget-box svg path {
  stroke: var(--svg-fill-color-add-widget);
}

.widget-box svg#trend-widget-icon #trend-widget-icon-path1 {
  fill: var(--sky-blue);
}

.widget-box svg#trend-widget-icon #trend-widget-icon-path2 {
  fill: var(--svg-fill-color-add-widget);
}

.widget-box .dashboard-icon-type-stat-widget path,
.widget-box .dashboard-icon-type-funnel-icon path,
.widget-box .dashboard-icon-type-pie-widget path,
.widget-box .dashboard-icon-type-trend-widget path {
  fill: var(--svg-fill-color-add-widget);
}

#advance-home-dashboard .widget-container #information svg {
  fill: var(--svg-fill-color-list);
}

#advance-home-dashboard .widget-container .diverstyreportmaindiv {
  z-index: auto;
}

#chooseDashboardWidget .backArrow path {
  fill: var(--svg-fill-color-list);
}

.add-widget-container svg, .widget-box svg,
#dashboardBuilder .plus-icon {
  cursor: pointer;
}

#advance-home-dashboard .widget-container .email-card .card-body .spinner {
  height: 94% !important;
}

.email-inbox .modal-body img {
  width: -webkit-fill-available;
}

#chooseDashboardWidget.modal {
  z-index: 10000;
}

@media only screen and (max-width: 1280px) {
  #chooseDashboardWidget .pill-tabs {
    width: 60%;
  }
}
#advance-home-dashboard .widget-container .diverstyreportmaindiv {
  margin-left: auto;
  margin-right: auto;
}

#advance-home-dashboard .widget-container .onebytwo-chart-size {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

#advance-home-dashboard .widget-container .twobytwo-chart-size {
  width: 30%;
  margin-left: auto;
  margin-right: auto;
}

#advance-home-dashboard .widget-container .onebyone-chart-size {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

#advance-home-dashboard .widget-container .onebytwo-chart-size .margin-left, #advance-home-dashboard .widget-container .twobytwo-chart-size .margin-left, #advance-home-dashboard .widget-container .onebyone-chart-size .margin-left {
  margin-left: 15px;
}

@media only screen and (min-width: 1800px) {
  #advance-home-dashboard .widget-container .onebytwo-chart-size {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}
.stat-item svg {
  width: 35px !important;
  height: 35px !important;
}

.recruitment-funnel-horizontal ul li h3 span, .bottle-neck-report ul li h3 span {
  overflow: inherit;
  display: contents;
  line-height: 35px;
  font-weight: 100;
  font-size: 12px;
}

.recruitment-funnel-vertical ul li .content .title p, .bottle-neck-report-vertical ul li .content .title p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#advance-home-dashboard #dashboardBuilder .stats .stat-item {
  min-width: 200px;
  box-sizing: border-box;
}

#dashboardBuilder .stats {
  flex-wrap: wrap;
  gap: 11px;
}

#advance-home-dashboard .dashboard-builder-grid-container {
  margin: 2%;
}

.candidateAdvert .chartBarsWrap {
  height: 240px;
  overflow-y: auto;
  overflow-x: hidden;
}

.advance-dashboard-builder .bottle-neck-report-vertical, .advance-dashboard-builder .recruitment-funnel-vertical {
  padding-top: 45px;
}

gridster {
  background-color: transparent !important;
}

#advance-home-dashboard .dashboard-grid-container .widget-container {
  display: unset;
  grid-template-columns: unset;
  grid-auto-rows: unset;
  margin: 0 auto;
  grid-column-gap: unset;
  grid-row-gap: unset;
}

#advance-home-dashboard .dashboard-grid-container .widget-container .widget {
  height: 100%;
  width: 100%;
}

app-dashboard-builder .candidate-Status-Change-Stats .status-name {
  margin-bottom: 8px !important;
}

app-dashboard-builder app-candidate-status-changes-stats .card-body {
  margin: -20px !important;
}

.bottle-neck-report ul li h3 span.no-data {
  font-size: 10px;
}

#advance-home-dashboard .dashboardbuilder-footer-actions {
  padding: 15px;
  background: var(--add-job-footer-bg-color);
  background-size: 60px;
  margin-bottom: 0 !important;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 999;
  display: flex;
  justify-content: flex-end;
  gap: 2px;
  border-top: 1px solid #ddd;
}

/* Dashboard Statistics - Exact Copy from Job List */
#advance-home-dashboard .dashboard-stats-tiles-container {
  width: 100%;
}

#advance-home-dashboard .dashboard-stats-tiles-container .row {
  margin: 0;
}

#advance-home-dashboard .dashboard-stats-tiles-container [class*=col-] {
  padding: 0 5px;
  min-width: 150px;
}

@media (max-width: 767px) {
  #advance-home-dashboard .dashboard-stats-tiles-container .card.dashboard-stat-tile-container {
    margin-top: 10px;
  }
}
#advance-home-dashboard .dashboard-stats-tiles-container .card.dashboard-stat-tile-container {
  color: var(--text-gray-900);
  width: 97.2%;
  min-height: 92px;
  display: block;
  text-align: center;
  padding: 20px 10px;
  font-size: medium;
  background: var(--home-job-list-card-background-color);
  position: relative;
  cursor: pointer;
}

#advance-home-dashboard .dashboard-stats-tiles-container .card.dashboard-stat-tile-container .stats-title {
  color: #fff;
  font-size: 11px;
  line-height: 1.25rem;
  /* Text truncation for long status names */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  width: 100%;
  padding: 0 5px;
}

#advance-home-dashboard .dashboard-stats-tiles-container .card.dashboard-stat-tile-container .stats-count {
  color: var(--job-card-title-color);
  font-weight: 600;
  font-size: 19px;
  line-height: 33px;
}

#advance-home-dashboard .dashboard-stats-tiles-container .card.dashboard-stat-tile-container:hover {
  background: var(--home-job-list-card-hover-color);
  box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 4px;
}

#advance-home-dashboard .dashboard-stats-tiles-container .card.dashboard-stat-tile-container:focus {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: 2px;
}

/* Tooltip styles */
#advance-home-dashboard .dashboard-stats-tiles-container .custom-tooltip {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 12px;
  position: absolute;
  z-index: 100;
  opacity: 0;
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 90%;
  box-sizing: border-box;
  transform: translateY(5px);
}

#advance-home-dashboard .dashboard-stats-tiles-container .custom-tooltip.top-center {
  bottom: 100%;
  left: 0;
  right: 0;
  margin: 0 auto 14px auto;
}

#advance-home-dashboard .dashboard-stats-tiles-container .card.dashboard-stat-tile-container:hover .custom-tooltip {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  z-index: 9999;
}

#advance-home-dashboard .dashboard-stats-tiles-container .custom-tooltip.top-center::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

/* Card additional menu */
#advance-home-dashboard .dashboard-stats-tiles-container .card.dashboard-stat-tile-container .card-aditional {
  position: absolute;
  top: 10px;
  right: 10px;
}

#advance-home-dashboard .dashboard-stats-tiles-container .card.dashboard-stat-tile-container .card-aditional .menu-icon {
  fill: #FFFFFF;
}

#advance-home-dashboard .dashboard-stats-tiles-container .card.dashboard-stat-tile-container .card-aditional .item-action {
  cursor: pointer;
  padding: 4px;
  display: inline-block;
}

#advance-home-dashboard .dashboard-stats-tiles-container .card.dashboard-stat-tile-container .card-aditional .item-action:hover {
  opacity: 0.8;
}

/* Dropdown menu */
#advance-home-dashboard .dashboard-stats-tiles-container .dropdown-menu {
  min-width: 180px;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  background-color: #FFFFFF;
}

#advance-home-dashboard .dashboard-stats-tiles-container .dropdown-menu .dropdown-item {
  padding: 8px 16px;
  font-size: 14px;
  color: #333333;
  cursor: pointer;
}

#advance-home-dashboard .dashboard-stats-tiles-container .dropdown-menu .dropdown-item:hover {
  background-color: #f5f5f5;
}

#advance-home-dashboard .dashboard-stats-tiles-container .dropdown-menu .dropdown-item.active-calendardropdown {
  background-color: #0BA8E6;
  color: #FFFFFF;
}

#advance-home-dashboard .active-calendardropdown:after {
  content: "\f00c";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  margin: 0px 0px 0px 10px;
  text-decoration: none;
  float: right;
}

/* Dark mode support */
[data-jt-theme=dark] #advance-home-dashboard .dashboard-stats-tiles-container .card.dashboard-stat-tile-container {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

[data-jt-theme=dark] #advance-home-dashboard .dashboard-stats-tiles-container .card.dashboard-stat-tile-container:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.7);
}

[data-jt-theme=dark] #advance-home-dashboard .dashboard-stats-tiles-container .dropdown-menu {
  background-color: #1a1a1a;
}

[data-jt-theme=dark] #advance-home-dashboard .dashboard-stats-tiles-container .dropdown-menu .dropdown-item {
  color: #FFFFFF;
}

[data-jt-theme=dark] #advance-home-dashboard .dashboard-stats-tiles-container .dropdown-menu .dropdown-item:hover {
  background-color: #333333;
}

/* Responsive breakpoints */
@media (max-width: 767px) {
  #advance-home-dashboard .dashboard-stats-tiles-container .card.dashboard-stat-tile-container {
    margin-top: 10px;
  }
}
/* Text truncation utility for dashboard builder stat tiles */
.text-truncate-dashboard {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: block;
}

/* Ensure dashboard builder stat tiles have proper text truncation */
.advance-dashboard-builder .stat-tile-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  display: block;
}

/* Dashboard builder widget content text truncation */
.advance-dashboard-builder .widget-content .stat-tile-text {
  max-width: 150px;
}

/* Responsive adjustments for smaller widgets */
@media (max-width: 1200px) {
  .advance-dashboard-builder .widget-content .stat-tile-text {
    max-width: 120px;
  }
}
@media (max-width: 768px) {
  .advance-dashboard-builder .widget-content .stat-tile-text {
    max-width: 100px;
  }
}
/* Force font-weight for all Time To Hire/Approve headers */
.card-3 h6,
.card-header h6.pull-left {
  font-weight: 600 !important;
}

/* Time To Hire/Approve Widget - 1x1 size larger circle */
.timeToApproveReportOneByOne .chart-container {
  padding: 0px 5px !important;
}

.timeToApproveReportOneByOne .chart-wrapper,
.timeToApproveReportOneByOne .donut-chart {
  max-width: 200px !important;
  max-height: 200px !important;
}

.timeToApproveReportOneByOne .chart-wrapper canvas,
.timeToApproveReportOneByOne .donut-chart canvas {
  max-width: 200px !important;
  max-height: 200px !important;
}

/* No Data Message - Universal styling for all Dashboard widgets */
.no-data-message {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 250px !important;
  padding: 20px !important;
  text-align: center !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
}

.no-data-text {
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  color: #333333 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  line-height: 1.5 !important;
  text-align: center !important;
  display: inline-block !important;
  letter-spacing: normal !important;
}

/* Dark mode support for no data text */
[data-jt-theme=dark] .no-data-text {
  color: #cccccc !important;
}

/* Ensure card-body has proper positioning for centering */
.card-body:has(.no-data-message) {
  position: relative !important;
  min-height: 250px !important;
}

#advance-home-dashboard .todo-list-card-header {
  border-radius: 5px !important;
  border: 2px solid #6c6f68 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.todo-expired {
  background-color: var(--todo-expired-bg);
}

.todo-expired .todo-list-text {
  color: var(--todo-expired-text);
}

.todo-remaining {
  background-color: var(--todo-remaining-bg);
}

.todo-remaining .todo-list-text {
  color: var(--todo-remaining-text);
}

/* Remove border from dashboard builder */
.dashboard-container.advance-dashboard-builder .todo-list-card-header {
  border: none !important;
  border-radius: 0 !important;
}

.candidate-Status-Change-Stats .circle {
  margin: auto;
}

.advance-dashboard-builder .candidate-Status-Change-Stats .circle-container {
  padding-bottom: 0px !important;
}

#HomePageMain .dashboard-builder {
  padding-bottom: 90px;
}

#dashboardBuilder .dashboard-builder-stats {
  width: 100%;
  margin-left: 11px;
}

.widget-no-data {
  position: relative;
  top: 20px;
}

.timeToApproveOneByTwo .chart-container {
  position: relative !important;
  top: 28px !important;
}

.time-to-hire.timeToApproveOneByTwo {
  position: relative;
  top: 25px;
}

.time-to-hire.timeToApproveReportOneByOne .chart-container {
  position: relative;
  top: 18px;
}

.timeToApprove.timeToApproveReportOneByOne .donut-chart {
  bottom: 14px;
}

.advance-dashboard-builder .diversity-ethnicity-onebytwo-chart-size .chart-container canvas {
  position: relative;
  bottom: 30px;
}

.advance-dashboard-builder .time-to-hire.timeToApproveReportOneByOne .chart-container {
  position: relative;
  top: 0px !important;
}

.advance-dashboard-builder .timeToApprove.timeToApproveReportOneByOne .donut-chart {
  bottom: 0px !important;
}

#advance-home-dashboard .advance-dashboard-builder .time-to-hire.timeToApproveOneByTwo .chart-container,
#advance-home-dashboard .advance-dashboard-builder .timeToApprove.timeToApproveOneByTwo .chart-container {
  position: relative !important;
  top: 5px !important;
}

#accordion .rightArrow svg {
  fill: var(--user-setting-svg-color) !important;
}

.card-body {
  position: relative;
}

.spinner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9998;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
}

.dashboard-loader-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 4;
}

.dashboard-loader-container .loader-logo {
  width: 100px;
  height: 100px;
  background-size: 70px;
}

.dashboard-loader-container .loader-circle {
  width: 100px;
  height: 100px;
}

#advance-home-dashboard #accordion .rightArrow svg {
  fill: var(--svg-fill-color-list);
}

#advance-home-dashboard h6 {
  color: var(--advance-dashboard-card-header-text-color) !important;
}

#advance-home-dashboard .widget {
  border: 1px solid #177e9c !important;
  background-color: var(--system-settings-tiles-bg-color) !important;
}

#advance-home-dashboard .dashboard-builder-grid-container .candidate-per-stage-report,
#advance-home-dashboard .dashboard-builder-grid-container .active-candidate-applications-report,
#advance-home-dashboard .dashboard-builder-grid-container .change-in-applications-report {
  height: 180px !important;
}

/* Page content */
#search_users.form-control {
  border: 1px solid var(--page-list-search-btn-border-color);
}

/* ---------------------------------------------------
   Search button
----------------------------------------------------- */
.btn-search {
  position: absolute;
  border: none;
  cursor: pointer;
  top: 1px;
  right: 16px;
  background-color: var(--page-list-search-btn-bg-color);
  width: 42px;
  height: 42px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
}

.btn-search:hover i {
  color: #f15a29;
}

.btn-search:focus {
  outline: none;
}

.btn-search i {
  font-size: 2rem;
  color: var(--page-list-search-btn-border-color);
}

.btn-search .icon {
  width: 20px;
  height: 20px;
  fill: var(--search-icon-color);
}

.table_header {
  background: var(--table-header-bg-color) !important;
}

.table_header.sort.SORTASC.active {
  background: var(--table-header-active-bg-color) !important;
  color: var(--table-header-active-text-color) !important;
}

/*--------table-container--------*/
.table-container {
  overflow: auto;
  max-height: 62vh;
  width: 100%;
  min-height: 60vh;
  margin-bottom: 15px;
}

/* ---------------------------------------------------
   Pagination
----------------------------------------------------- */
.showing_result {
  display: flex;
}

.pagination {
  float: right;
}

.pagination .page-item {
  padding: 0 2px;
}

.pagination .page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(222, 226, 230, 0.25);
}

.pagination .page-item.active .page-link {
  z-index: 1;
  color: var(--pagination-color) !important;
  background-color: var(--pagination-active-bg-color);
  border-color: var(--pagination-border-color);
}

.pagination .page-item .page-link {
  background-color: transparent;
}

.pagination .page-link,
.pagination .page-link.disabled {
  background-color: transparent;
}

.pagination svg,
.pagination svg path {
  width: 10px;
  height: 15px;
  fill: var(--candidate-listing-svg-fill-color) !important;
}

.pagination .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  color: var(--pagination-page-link-color) !important;
  height: 25px;
  width: auto;
  line-height: 15px;
}

.helpAndSupportModal a, .userLogs a, .updatePassword a {
  color: #00b0f0;
  text-decoration: underline;
  /* background-color: transparent; */
}

app-dataview svg {
  fill: var(--svg-fill-color-list);
}

app-dataview svg#Search,
app-dataview .common-search-continer svg#Cross {
  fill: var(--page-list-search-icon-color);
}

#collapseMore .card, #collapseMore .collaps_tabs .tab-pane .tab-content {
  background-color: var(--job-list-more-note-bg-color);
}

app-dataview .custom-control {
  padding-left: 0;
}

app-candidatelist-list .grid-control .candidate-name-info .candidate-thumb {
  font-size: 1rem;
}

app-candidatelist-list .grid-control .candidate-name-info .candidate-thumb_name {
  white-space: nowrap;
}

app-assessmentform-list .nav-icon-more svg {
  fill: var(--svg-fill-saved-search);
}

.container-with-bold-style .h1,
.container-with-bold-style .h2,
.container-with-bold-style .h3,
.container-with-bold-style .h4,
.container-with-bold-style .h5,
.container-with-bold-style .h6,
.container-with-bold-style h3,
.container-with-bold-style #sidebar li a,
.container-with-bold-style .table_row .table_cell_container .table_cell,
.container-with-bold-style .showing_result,
.container-with-bold-style .showing_result select,
.container-with-bold-style .pagination .page-link {
  font-weight: var(--label-font-weight);
}

:root, [data-jt-theme=light] {
  font-size: 10px;
  /* Start Colors */
  --summerblue: #177e9c;
  --white: #fff;
  --red-orange: #ff3939;
  --american-red: #bd2130;
  --esmeralda: #3fc380;
  --forestblues: #0d3f68;
  --durotarfire: #f15a29;
  --celestial: #00637f;
  --black: #000;
  --child-of-light: #F5F8FA;
  --searedgrey: #495057;
  --jasmine-green: #3fc380;
  --whitesmoke: #f6f6f6;
  --cinder: #212529;
  --satinwhite: #ced4da;
  --blue: #177e9c;
  --lightblue: #eeeeee;
  --darkblue: #177e9c;
  --bluebutton: #177e9c;
  --orange: #f97f50;
  --green: #00b050;
  --grey: #f3f1f1;
  --lightgrey: #eeeeee;
  --cape-pond: #0091AE;
  --bright-star: #dee2e6;
  --red: #FF0000;
  --rhapsodyinblue: #002A44;
  --sagittarius-amber: #f97f50;
  --black-glaze: #000b11;
  --instant-orange: #ff8428;
  --sky-blue: #80cff0;
  --odd-row-color: #f0f9fc;
  --fastBlue: #06A1E3;
  --cerulean: #009fe3;
  --halloween-orange: #F05A28;
  --cadmium-orange: #f68029;
  --seaweed-green: #34a76d;
  --clover-green: #319e67;
  --icewind-dale: #e9ecef;
  --faded-blue: #6696BC;
  --light-steel-blue: #7196bb;
  --gainsboro: #ddd;
  --davyGrey: #5B5B5B;
  --kodama-white: #e5f6fb;
  --french-manicure: #feeae5;
  --iceberg: #ddf1f7;
  --brainstem-grey: #b5b2b2;
  --off-green: #E5F6FB;
  --blue-whale: #0F2445;
  --december-sky: #d1d4d7;
  --light-grey-black: #0000003d;
  --astronaut-blue: #085483;
  --dusty-grey: #999;
  --jinzamomi-pink: #f56954;
  --calmWaters: #f0f9fc;
  --bluish-cyane-blue: #337ab7;
  --maui-mist: #f8f9fa;
  --aqua-spring: #ecf9fa;
  --silver: #c7c7c7;
  --golden: #bfa411;
  --white-lilac: #F8F8F8;
  --pastal-grey: #D1D1D1;
  --mint-tulip: #D0EFF8;
  --davy-grey: #555;
  --cylindrical-coordinate: #ffb559;
  --platinum: #E4E4E4;
  --jagged-ice: #bfe4e8;
  --light-yellow: #fff7bb;
  --light-gray: #d3d3d3;
  --xtra-light-gray: #f3f3f3;
  --mint-blue: #022852;
  --mint-grey: #F4F4F4;
  --mint-light-blue: #d5e7f5;
  --mint-sky-blue: #0270c5;
  --matrix-light-gray: #EAEAEA;
  --bay-wharf: #76808b;
  --rusty-red: #dc3545;
  --mint: #3fc380;
  --coral: #F97F50;
  --crimson-red: #E81111;
  --blue-gray: #64A2CA;
  --sea-green: #2A8457;
  --light-slate-gray: #7C939C;
  --auro-metal-saurus: #62717F;
  --transparent: transparent;
  --marengo: #405465;
  --spanish-gray: #969696;
  --linen: #fef1dc;
  --gray-900: #111827;
  --heat-wave: #FF7B00;
  --Teal: #006b7d;
  --Dark-Slate-Gray: #004455;
  --sky-mint-dark: #0d3f68;
  --sky-mint: #7bc7d3;
  /* End Colors*/
  /* ---------------------------------------------------
                 Body
  ----------------------------------------------------- */
  --main-bg-color: var(--whitesmoke);
  --body-color: var(--cinder);
  --body-font-size: 1.2rem;
  --body-font-family: 'Montserrat', Arial;
  --font-size-primary: 1.2rem;
  --modal-header-bg-color: var(--sky-blue);
  --static-body-text-color: var(--cinder);
  /* ---------------------------------------------------
                 JT Modals Light
  ----------------------------------------------------- */
  --modal-table-text-color: var(--black);
  --modal-table-fa-icon-color: var(--forestblues);
  /* ---------------------------------------------------
                 Header
  ----------------------------------------------------- */
  --header-font-size: 1.4rem;
  --header-font-weight: 700;
  --header-color: var(--white);
  --header-active-color: var(--sagittarius-amber);
  --main-notification-alert-bg-color: var(--durotarfire);
  --user-setting-header-bg-color: var(--cape-pond);
  --user-setting-header-li-color: var(--black);
  --user-setting-bottom-text-color: var(--black);
  --user-setting-svg-color: var(--black);
  --notification-alert-header-bg-color: var(--iceberg);
  --notification-body-bg-color: var(--odd-row-color);
  --notification-body-alert-bg-color: var(--white);
  --notification-alert-text-color: var(--black);
  --notification-top-nav-icon-color: var(--cinder);
  --notification-border-color: var(--darkblue);
  --user-setting-card-header-bg-color: var(--lightgrey);
  --user-setting-card-header-border-color: var(--brainstem-grey);
  --model-border-color: #001535;
  --refine-model-clos-btn-color: var(--rusty-red);
  /* ---------------------------------------------------
                 Top navigation
  ----------------------------------------------------- */
  --top-nav-bg-color: var(--celestial) url(../img/user_profile_bg.png) repeat top left;
  --talent-sub-menu-hover-bg-color: var(--summerblue);
  --top-nav-menu-inner-distance: 20px;
  --top-nav-user-bg-color: var(--white);
  --top-nav-user-color: var(--forestblues);
  /* ---------------------------------------------------
                 Quick Links
  ----------------------------------------------------- */
  --quick-link-color: var(--cinder);
  --quick-nav-bg-color: var(--white);
  --quick-nav-color: var(--summerblue);
  --quick-nav-li-hover-bg-color: var(--summerblue);
  --quick-nav-icon-color: var(--white);
  --quick-nav-close-btn-color: var(--summerblue);
  --quick-nav-scrollbar-color: var(--forestblues);
  --mian-quick-nav-color: var(--black);
  --mian-quick-nav-hover-color: var(--white);
  --quick-nav-svg-fill-color: var(--white);
  --quick-nav-font-size: 1.2rem;
  --quick-nav-company-logo-margin-left: 85px;
  /* ---------------------------------------------------
                 Left action menu
  ----------------------------------------------------- */
  --left-menu-color: var(--cinder);
  --left-menu-bg-color: var(--white);
  --left-menu-shadow-color: var(--celestial);
  --left-menu-color: var(--summerblue);
  --left-menu-li-hover-bg-color: var(--summerblue);
  --left-menu-icon-color: var(--white);
  --left-menu-close-btn-color: var(--summerblue);
  --left-menu-scrollbar-color: var(--forestblues);
  --left-menu-nav-color: var(--black);
  --left-menu-nav-hover-color: var(--white);
  --left-menu-item-color: var(--cinder);
  --left-menu-svg-fill-color: var(--white);
  --left-menu-btn-sidebar-collapse: var(--durotarfire);
  --left-menu-li-bg-color-hover: var(--celestial);
  /* ---------------------------------------------------
               Grid Control - Light
  ----------------------------------------------------- */
  --table-header-bg-color: var(--celestial);
  --table-header-active-bg-color: var(--summerblue);
  --table-header-active-text-color: var(--white);
  --table-header-text-color: var(--white);
  --table-header-report-text-color: var(--cinder);
  --table-header-report-text-bg-color: var(--bright-star);
  --table-header-border-right-color: var(--white);
  --table-body-text-color: var(--davyGrey);
  --pagination-active-bg-color: var(--summerblue);
  --pagination-border-color: var(--summerblue);
  --pagination-color: var(--white);
  --scrollbar-bg-color: var(--forestblues);
  --search-icon-color: var(--esmeralda);
  --smart-search-filter-bg-color: var(--white);
  --smart-search-filter-radio-bg-color: var(--platinum);
  --smart-search-filter-breadcrumb-bg-color: var(--jagged-ice);
  --page-title-color: var(--forestblues);
  --table-header-color: var(--white);
  --pagination-page-link-color: var(--cinder);
  --page-list-search-btn-border-color: var(--jasmine-green);
  --job-list-more-modal-header-bg-color: var(--darkblue);
  --even-row-bg-color: var(--white);
  --odd-row-bg-color: var(--odd-row-color);
  --row-border-color-top: unset;
  --row-border-color-bottom: unset;
  --row-hover-background-color: unset;
  --row-hover-border-color-top: unset;
  --row-hover-border-color-bottom: unset;
  --page-list-search-btn-bg-color: var(--white);
  --page-list-search-icon-color: var(--jasmine-green);
  /*  --page-list-search-btn-bg-color: var(--jasmine-green);*/
  --job-list-more-note-bg-color: var(--kodama-white);
  --cross-svg-icon-fill-color: var(--black);
  --sorting-svg-fill-color: var(--durotarfire);
  --ob-hub-gery-bg-color: gray;
  --table-row-hovor-over-border-color: inset 0px 2px 0px 0px rgba(63,195,128,1), inset 0px -2px 0px 0px rgba(63,195,128,1);
  --job-list-anonymous-warning-message: var(--celestial);
  --table-checkbox-border-color: var(--light-slate-gray);
  /* ---------------------------------------------------
                Input forms
  ----------------------------------------------------- */
  --input-color: var(--searedgrey);
  --input-bg-color: var(--white);
  --input-font-weight: 400;
  --input-border-color: var(--auro-metal-saurus);
  --input-focus-border-color: var(--esmeralda);
  --input-focus-bg-color: rgba(63, 195, 128, 0.1);
  --dropdown-search-icon-color: var(--forestblues);
  --label-color: var(--black);
  --form-control-font-size: 1.4rem;
  --form-control-bg-color: var(--white);
  --form-control-color: #495057;
  --form-control-focus-color: #495057;
  --label-font-size: 1.3rem;
  --label-font-weight: 600;
  --switch-icon-bg-color: var(--red-orange);
  --switch-icon-border-color: var(--red-orange);
  --switch-checked-color: var(--esmeralda);
  --nav-tab-color: var(--durotarfire);
  --input-required-border-color: var(--durotarfire);
  --input-required-focus-color: var(--jasmine-green);
  --input-required-focus-border-color: var(--jasmine-green);
  --bulk-upload-file-link: var(--rhapsodyinblue);
  --input-readonly-bg-color: var(--icewind-dale);
  --automation-status-head-bg-color: var(--forestblues);
  --table-icon-svg-color: var(--forestblues);
  --application-template-bg-color-hover: var(--december-sky);
  --sign-bg-color: var(--white);
  --sign-border-color: var(--light-grey-black);
  --two-fa-description-text-color: darkblue;
  --nylas-email-left-card-bg-color: var(--bluish-cyane-blue);
  --nylas-email-left-card-color: var(--bluish-cyane-blue);
  --nylas-back-btn-bg-color: var(--maui-mist);
  --vonq-filter-bg-color: var(--white);
  --vonq-location-bg-color: #e1e1e1;
  --vonq-basket-card-total-bg-color: #bee5eb;
  --green-room-card-body-bg-color: #EDEDED;
  --green-room-card-footer-bg-color: #EDEDED;
  --default-approver-category-bg-color: var(--white);
  --question-icon-fill-color: var(--cerulean);
  /*--------------select Start----------------------------*/
  --select-font-size: 1.4rem;
  --select-font-color: #495057;
  --select-option-font-color: #495057;
  --select-bg-color: var(--white);
  --select-border-color: var(--auro-metal-saurus);
  --select-focus-border-color: var(--esmeralda);
  --select-focus-bg-color: rgba(63, 195, 128, 0.1);
  /*--------------select End---------------------------*/
  /*--------------ngx-select-dropdown start----------------------*/
  --ngx-select-svg-fill-color: var(--forestblues);
  --ngx-select-available-items-background-color-hover: rgba(63, 195, 128, 0.1);
  --ngx-select-available-items-container-background-color: var(--white);
  --ngx-select-available-items-border-color-hover: #00b050;
  /*--ngx-select-available-items-border-color: #ced4da;*/
  --ngx-select-available-items-border-color: unset;
  --ngx-select-border-color: rgba(0,0,0,.15);
  --ngx-select-clear-all-button-bg-color: #0d3f68;
  --ngx-select-selected-item-bg-color: #0d3f68;
  --ngx-select-selected-count-bg-color: #0d3f68;
  --ngx-select-selected-count-fount-size: 15px;
  --ngx-select-clear-all-button-border-color: #0d3f68;
  --ngx-select-available-items-color: var(--black);
  --ngx-select-clear-all-button-color: var(--white);
  --add-job-detail-tab-ngx-select-svg-fill-color: var(--forestblues);
  /*--------------ngx-select-dropdown end----------------------*/
  /*-----------------------togle-colapse start----------------------*/
  --togle-colapse-h4-bg-color: var(--cape-pond);
  --togle-colapse-form-group-row: var(--odd-row-color);
  --togle-colapse-add-job-assessment-tab-nav-tab: var(--summerblue);
  /*-----------------------togle-colapse end----------------------*/
  /* ---------------------------------------------------
                Buttons
  ----------------------------------------------------- */
  --btn-success-bg-color: var(--esmeralda);
  --btn-success-border-color: var(--esmeralda);
  --btn-close-bg-color: var(--red-orange);
  --btn-close-border-color: var(--red-orange);
  --btn-danger-hovor-bg-color: var(--american-red);
  --btn-info-bg-color: var(--summerblue);
  --btn-info-border-color: var(--summerblue);
  --btn-primary-bg-color: rgba(13,63,104,0.9);
  --btn-primary-border-color: rgba(13,63,104,0.9);
  --btn-primary-hover-bg-color: rgba(13,63,104,1);
  --btn-primary-hover-border-color: rgba(13,63,104,1);
  --btn-text-color: var(--white);
  --btn-sucess-text-color-hover: var(--white);
  --btn-sucess-bg-color-hover: var(--seaweed-green);
  --btn-sucess-border-color-hover: var(--clover-green);
  --btn-font-size-primary: 1.2rem;
  --btn-preview-bg-color: var(--instant-orange);
  --btn-assessment-chose-file: var(--cinder);
  --svg-ai-fill-color: var(--white);
  --btn-preview-bg-color-hover: var(--halloween-orange);
  --btn-preview-border-color-hover: var(--cadmium-orange);
  --btn-danger-bg-color: var(--crimson-red);
  --btn-danger-text-color: var(--white);
  --txt-danger-text-color: var(--red-orange);
  --btn-border-radious: 0px;
  --user-setting-ul-bg-color-hover: var(--french-manicure);
  /* ---------------------------------------------------
                Dashboard
  ----------------------------------------------------- */
  /*------------State Tile start----------------*/
  --full-box-stats-tile-count-color: var(--white);
  --full-box-stats-tile-status-title-color: var(--white);
  --border-box-stats-tile-count-color: var(--cinder);
  --border-box-stats-tile-status-title-color: var(--cinder);
  --stats-tile-background-pattern: #ff8428 url(../img/user_profile_bg.png) repeat top left;
  --stats-tile-background-pattern-size: 100px;
  --stats-tile-background-color: var(--black);
  --model-boarder-color: var(--black);
  --stats-tile-border-color: var(--red);
  --home-font-size-primary: 1.2rem;
  --state-tile-status-title-font-size: 1.4rem;
  --stats-tile-count-font-size: 2.2rem;
  --stats-tile-count-text-align: left;
  --stats-cards-cap-menu-svg-color: var(--durotarfire);
  --home-todo-card-header-bg-color: var(--red);
  --home-todo-card-header-color: var(--black);
  --refine-model-clos-btn-color: var(--white);
  /*--------- State Tile End-----------------*/
  --dashboard-card-bg-color: var(--white);
  --dashboard-card-hr-border-color: rgba(0,0,0,.125);
  --card-header-bg-color: var(--lightgrey);
  --card-header-color: var(--black);
  --card-bottle-neck-content: var(--white);
  --dashboard-page-bg-color: #d9eef2;
  /*-------Home-Job Search Filter start---------------*/
  --home-job-searchType-border-color: #00b050;
  --home-job-searchby-border-color: #00b050;
  --home-job-search-icon-fill-color: #3fc380;
  --home-job-search-button-background-color: #3fc380;
  --home-job-search-button-border-color: #3fc380;
  --home-job-search-button-font-color: var(--white);
  /*-------Home-Job Search Filter End---------------*/
  /*-------Advanced Dashboard Widget Section Background---------------*/
  --advance-dashboard-widget-section-bg-color: #d9eef2;
  --advance-dashboard-widget-border-color: #E0E6EB;
  --advance-dashboard-widget-shadow: 0 1px 3px rgba(0,0,0,0.08);
  --advance-dashboard-card-header-text-color: #003366;
  --advance-dashboard-widget-body-text-color: #333333;
  /*-------Advanced Dashboard Widget Section Background End---------------*/
  --todo-expired-bg: var(--red);
  --todo-remaining-bg: var(--light-yellow);
  --todo-expired-text: var(--white);
  --todo-remaining-text: var(--black);
  /* ---------------------------------------------------
                Misc
  ----------------------------------------------------- */
  --svg-fill-color: var(--white);
  --user-home-content-svg-color: var(--black);
  --svg-fill-color-list: var(--forestblues);
  --inactive-svg-fill-color: var(--black);
  --svg-fill-saved-search: grey;
  --report-builder-svg-color: #82777700;
  /* ---------------------------------------------------
                System setting
  ----------------------------------------------------- */
  --system-tiles-color: var(--forestblues);
  --system-settings-tiles-border-color: var(--summerblue);
  --system-settings-tiles-bg-color: var(--white);
  --system-settings-svg-fill-color: var(--black);
  /* ---------------------------------------------------
                Add Job
  ----------------------------------------------------- */
  --add-job-lable: var(--black);
  --add-job-text-danger: var(--rusty-red);
  --add-job-fieldset-dynamic-starter-forms-text-danger: var(--rusty-red);
  --add-job-step-menu-complete-bg-color: var(--mint);
  --add-job-step-menu-current-bg-color: var(--coral);
  --bulk-recruitment-job-lable: var(--black);
  --add-job-detail-tab-bg-color: var(--odd-row-color);
  --add-job-detail-input-border-bottom: var(--white);
  --add-job-footer-bg-color: var(--celestial) url(../img/user_profile_bg.png) repeat top left;
  --add-job-arrow-bg-color: var(--gainsboro);
  --add-job-arrow-bg-color-befor: var(--white);
  /*--add-job-post-job-advert-bg-color: var(--cinder);*/
  --add-job-post-job-advert-bg-color: var(--white);
  --add-job-more-header-color-active: var(--cinder);
  --add-job-svg-fill-color: var(--forestblues);
  --add-job-card-info-bg-color: var(--light-yellow);
  --add-job-tab-fieldset-info-bg-color: var(--white);
  --add-job-notes-svg-fill-color: var(--orange);
  --transparent-color: var(--transparent);
  --text-gray-900: var(--gray-900);
  --job-card-title-color: var(--white);
  --job-list-card-hovor-over-color: var(--heat-wave);
  --home-job-list-card-bg-color: var(--white);
  --home-job-list-card-border-color: var(--cerulean);
  --home-job-list-card-tooltip-color: var(--black);
  --home-job-list-card-background-color: linear-gradient(to bottom right, #0091ae, #006b7d);
  --home-job-list-card-hover-color: linear-gradient(to bottom right, #00b7dd, #0088aa);
  --job-stat-tile-active-color: linear-gradient(to bottom right, #00687f, #004455);
  --home-job-list-card-hover-background-color: #00b7dd;
  /* ---------------------------------------------------
                Cadidate Profile Light
  ----------------------------------------------------- */
  --reference-tab-table-color: var(--cinder);
  --cadidate-profile-svg-color: var(--black);
  --tab-header-bg-color: var(--lightgrey);
  --tab-header-color: var(--rhapsodyinblue);
  --tab-header-active-bg-color: var(--cape-pond);
  --candidate-profile-dropdown-bg-color: var(--calmWaters);
  --candidate-profile-dropdown-border-color: var(--summerblue);
  --candidate-profile-dropdown-text-color: var(--black);
  --cadidate-profile-email-color: var(--cinder);
  --cadidate-profile-filter-color: var(--cinder);
  --lable-starter-form: var(--black);
  --candidate-pipeline-nav-tab-bg-color: var(--kodama-white);
  --candidate-pipeline-nav-tab-color: var(--cinder);
  --candidate-pipeline-card-header-bg-color: var(--sky-blue);
  --candidate-pipeline-card-bdy-bg-color: var(--white);
  --candidate-pipeline-card-head-bg-color: var(--sky-blue);
  --candidate-application-header-bg-color: var(--summerblue);
  --candidate-application-header-color: var(--white);
  --candidate-application-header-bg-color-hover: var(--orange);
  --candidate-application-cv-upload-bg-color: var(--odd-row-color);
  --candidate-profile-search-filter-bg-color: var(--white);
  --candidate-profile-search-filter-text-color: var(--black);
  --candidate-profile-search-filter-button-bg-color: var(--black-glaze);
  --candidate-profile-search-filter-button-border-color: var(--black-glaze);
  --candidate-profile-search-filter-border-color: var(--jasmine-green);
  --candidate-profile-search-filter-separator-bg-color: var(--lightgrey);
  --candidate-profile-tabs-header-bg-color: var(--lightgrey);
  --candidate-profile-tabs-header-active-bg-color: var(--cape-pond);
  --candidate-profile-tabs-header-separator-bg-color: var(--orange);
  --candidate-profile-tabs-header-text-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-content-bg-color: var(--white);
  --candidate-profile-tabs-content-border-color: unset;
  --candidate-profile-tabs-section-header-bg-color: var(--cape-pond);
  --candidate-profile-section-card-bg-color: var(--white);
  --candidate-profile-section-separator-bg-color: var(--lightgrey);
  --candidate-profile-section-card-text-color: var(--cinder);
  --candidate-profile-section-table-even-cell-bg-color: var(--navalnight);
  --candidate-profile-section-table-odd-cell-bg-color: var(--odd-row-color);
  --candidate-profile-more-menu-bg-color: var(--white);
  --candiadte-profile-more-menu-item-bg-color: var(--calmWaters);
  --candiadte-profile-more-menu-item-left-shadow-color: var(--celestial);
  --candidate-profile-more-menu-item-border-color: var(--satinwhite);
  --candidate-profile-more-menu-item-color: var(--black);
  --candidate-profile-equal-opps-caption-bg-color: none;
  --candidate-profile-refiscancelled-bg-color: var(--platinum);
  --candidate-profile-sign-color: var(--platinum);
  --candidate-profile-print-application-font-size: 20px;
  --candidate-profile-promot-job-banner-icon: var(--linen);
  /* ---------------------------------------------------
                History
  ----------------------------------------------------- */
  --history-timeline-item-bg-color: var(--white);
  --history-timeline-item-time-text-color: var(--dusty-grey);
  --history-timeline-item-header-text-color: var(--davy-grey);
  --history-timeline-item-header-link-text-color: var(--black);
  --history-timeline-time-label-bg-color: var(--jinzamomi-pink);
  --history-timeline-connector-bg-color: var(--gainsboro);
  /* ---------------------------------------------------
                Cadidate Listing
  ----------------------------------------------------- */
  --candidate-listing-candidate-card-bg-color: var(--white);
  --candidate-listing-candidate-card-carousel-bg-color: var(--jasmine-green);
  --candidate-listing-pipeline-switch-svg-bg-color: var(--black);
  --letter-listing-bg-color: var(--off-green);
  --letter-listing-font-color: var(--black);
  --candidate-listing-svg-fill-color: var(--black);
  --candidate-listing-calendar-svg-fill-color: var(--forestblues);
  --svg-icon-fill-color: var(--forestblues);
  /*--candidate-listing-svg-fill-color: #2EA3D9;*/
  --candidate-listing-gas-icon-svg-fill-color: #0000ff;
  /* ---------------------------------------------------
               Security Role
  ----------------------------------------------------- */
  --security-role-hover-color: var(--black);
  /* ---------------------------------------------------
               Reports
  ----------------------------------------------------- */
  --reports-label-color: var(--black);
  --report-builder-card-icon-color: var(--black);
  --report-builder-side-filter-bg-color: #ededed;
  /* ---------------------------------------------------
               Search Job
  ----------------------------------------------------- */
  --search-jobs-filter-title-color: var(--black);
  --panel-bg-color: var(--white);
  --panel-header-bg-color: var(--summerblue);
  --search-parameters-panel-header-bg-color: var(--lightgrey);
  --search-list-header-bg-clr: var(--aqua-spring);
  --search-list-body-bg-clr: var(--white);
  --search-list-border-color: var(--silver);
  --search-list-arrow-svg-fill-color: var(--black);
  --search-filter-tage-border-color: var(--whitesmoke);
  --search-filter-tage-border-color-redeployment: var(--white);
  --search-application-and-address-book-penel-header-bg-color: var(--kodama-white);
  /* ---------------------------------------------------
               print Preview
  ----------------------------------------------------- */
  --print-preview-color: var(--black);
  --print-preview-table-header-bg-color: var(--celestial);
  --print-preview-table-header-color: var(--white);
  /* ---------------------------------------------------
                Cadidate List
  ----------------------------------------------------- */
  --candidate-list-svg-color: var(--forestblues);
  --candidate-list-Carousel-link-color: var(--cinder);
  /* ---------------------------------------------------
                Card
  ----------------------------------------------------- */
  --tab-card-bg-color: var(--white);
  /*  --------------Alert-Setup--------------------*/
  --alert-setup-table-color: var(--cinder);
  /* ---------------------------------------------------
                Ck-Editor Light
  ----------------------------------------------------- */
  --ckEditor-editor-background-color: var(--white);
  --ckEditor-editor-text-color: var(--black);
  --ckEditor-top-background-color: var(--white-lilac);
  --ckEditor-bottom-background-color: var(--white-lilac);
  --ckEditor-border-top-color: var(--pastal-grey);
  --ckEditor-border-bottom-color: var(--pastal-grey);
  --ckEditor-border-color: var(--pastal-grey);
  /* ---------------------------------------------------
                Calendar Light
  ----------------------------------------------------- */
  --calendar-search-bar-card-header-bg-color: var(--kodama-white);
  --calendar-search-bar-card-header-border-color: var(--mint-tulip);
  --report-builder-preview-icon-color: var(--summerblue);
  --rb-accordion-toggle-color: var(--report-builder-side-filter-bg-color);
  --calendar-search-cross-icon-color: var(--black);
  /* ---------------------------------------------------
                Login Light
  ----------------------------------------------------- */
  --btn-login-bg-color-hover: var(--blue-gray);
  --login-input-focus-bg-color: var(--forestblues);
  --login-input-focus-border-color: var(--btn-primary-bg-color);
  --user-setting-logout-button-color: var(--sea-green);
  --user-setting-logout-button-border-color: var(--sea-green);
  /* ---------------------------------------------------
                Panel Shortlisting 
  ----------------------------------------------------- */
  --question-box-background-color: var(--white);
  --question-box-border-color: var(--light-gray);
  --question-box-label-color: var(--black);
  /* ---------------------------------------------------
                Assessment Form Light
  ----------------------------------------------------- */
  --question-container-bg-color: var(--mint-grey);
  --question-header-panel-bg-color: var(--mint-light-blue);
  --question-header-panel-text-color: var(--mint-sky-blue);
  --question-options-textbox-border-color: var(--input-border-color);
  --matrix-question-table-background-color: var(--lightgrey);
  --matrix-question-odd-row-background-color: var(--matrix-light-gray);
  --matrix-question-even-row-background-color: var(--gainsboro);
  --assessment-form-preview-modal-bg-color: var(--white);
  --question-mark-correct-color: var(--sky-mint-dark);
  --applicationinfo-backgroud-color: var(--white);
  --assessmentForm-backgroud-color: #ededed;
  --svg-fill-color-add-widget: var(--black);
  --widget-border-color: var (--summerblue);
  --widget-pill-button: var (--cyanblue);
  --widget-pill-button-border: var(--forestblues);
  --svg-fill-color-trend-widget: #EDEDED;
  /* ---------------------------------------------------
                Notification
  ----------------------------------------------------- */
  --myTask-label-color: var(--Teal);
  --myTask-label-color-hover: var(--Dark-Slate-Gray);
  --sona-document-background-color: var(--whitesmoke);
  --sona-document-background-color-hover: var(--icewind-dale);
}

[data-jt-theme=dark] {
  --scarlet: #FF1329;
  font-size: 10px;
  /* Start Colors */
  --summerblue: #177e9c;
  --white: #fff;
  --red-orange: #ff3939;
  --american-red: #bd2130;
  --esmeralda: #3fc380;
  --forestblues: #0d3f68;
  --durotarfire: #f15a29;
  --celestial: #00637f;
  --black: #000;
  --child-of-light: #F5F8FA;
  --searedgrey: #495057;
  --jasmine-green: #3fc380;
  --whitesmoke: #f6f6f6;
  --cinder: #212529;
  --satinwhite: #ced4da; /* Satin White */
  --golden: #bfa411;
  --gheeyellow: #dbc02a;
  --blue: #177e9c;
  --lightblue: #eeeeee;
  --darkblue: #177e9c;
  --bluebutton: #177e9c;
  --orange: #f97f50;
  --green: #00b050;
  --grey: #f3f1f1;
  --lightgrey: #eeeeee;
  --crowblackblue: #0b2738;
  --navalnight: #011534;
  --rhapsodyinblue: #002A44;
  --skyblue: #E6F5FC;
  --skybluedark: #0d4f62;
  --cyanblue: #177e9c;
  --bright-star: #dee2e6;
  --squid-ink-powder: #001535;
  --model-border-color: #1e58b1;
  --sagittarius-amber: #f97f50;
  --black-glaze: #000b11;
  --sky-blue: #80cff0;
  --screamish: #36a6d8;
  --fastBlue: #06A1E3;
  --dark-gray: #4C6A7C;
  --cerulean: #009fe3;
  --halloween-orange: #F05A28;
  --cadmium-orange: #f68029;
  --seaweed-green: #34a76d;
  --clover-green: #319e67;
  --icewind-dale: #e9ecef;
  --faded-blue: #6696BC;
  --light-steel-blue: #7196bb;
  --blueWhale: #0D354D;
  --pumpkinOrange: #ff741e;
  --kodama-white: #e5f6fb;
  --astronaut-blue: #085483;
  --dusty-grey: #999;
  --calmWaters: #f0f9fc;
  --cylindrical-coordinate: #ff741e;
  --platinum: #191f29;
  --blue-dianne: #174561;
  --glacier: #8baebd;
  --davy-grey: #4D565B;
  --lemon: #f6f900;
  --scarlet: #FF1329;
  --salem: #108147;
  --ruddybrown: #C35429;
  --ball-blue: #2ea3d9;
  --light-slate-gray: #7C939C;
  --blue-yonder: #4f79a5;
  --dark-blue: #1f3351;
  --mint-blue: #022852;
  --mint-grey: #F4F4F4;
  --mint-light-blue: #d5e7f5;
  --mint-sky-blue: #0270c5;
  --matrix-question-odd-row: #0d3b6e;
  --navy-blue: #153856;
  --linen: #fef1dc;
  --gray-900: #111827;
  --heat-wave: #FF7B00;
  --marengo: #405465;
  --spanish-gray: #969696;
  --marengo: #405465;
  --spanish-gray: #969696;
  --sky-mint-dark: #2ea3d9;
  /* End Colors*/
  /* ---------------------------------------------------
                 Body Dark
  ----------------------------------------------------- */
  --main-bg-color: var(--navalnight);
  --body-color: var(--white);
  --body-font-size: 1.2rem;
  --body-font-family: 'Montserrat', Arial;
  --font-size-primary: 1.2rem;
  --modal-header-bg-color: var(--forestblues);
  --static-body-text-color: var(--cinder);
  /* ---------------------------------------------------
                 JT Modals Dark
  ----------------------------------------------------- */
  --modal-table-text-color: var(--white);
  --modal-table-fa-icon-color: var(--white);
  /* ---------------------------------------------------
                 Header Dark
  ----------------------------------------------------- */
  --header-font-size: 1.4rem;
  --header-font-weight: 700;
  --header-color: var(--white);
  --header-active-color: var(--cerulean);
  /*--header-active-color: none;*/
  --main-notification-alert-bg-color: var(--durotarfire);
  --user-setting-header-bg-color: var(--navalnight);
  --user-setting-header-li-color: var(--white);
  --user-setting-bottom-text-color: var(--white);
  --user-setting-svg-color: var(--white);
  --notification-alert-header-bg-color: var(--rhapsodyinblue);
  --notification-body-bg-color: var(--rhapsodyinblue);
  --notification-body-alert-bg-color: var(--navalnight);
  --notification-alert-text-color: var(--white);
  --notification-top-nav-icon-color: var(--white);
  --notification-border-color: var(--cerulean);
  --user-setting-card-header-bg-color: var(--cerulean);
  --user-setting-card-header-border-color: var(--cerulean);
  /* ---------------------------------------------------
                 Top navigation Dark
  ----------------------------------------------------- */
  --top-nav-bg-color: var(--navalnight);
  --talent-sub-menu-hover-bg-color: var(--navalnight);
  --top-nav-menu-inner-distance: 20px;
  --top-nav-user-bg-color: var(--halloween-orange);
  --top-nav-user-color: var(--white);
  /* ---------------------------------------------------
                 Quick Links Dark
  ----------------------------------------------------- */
  --quick-link-color: var(--cerulean);
  --quick-nav-bg-color: var(--navalnight);
  --quick-nav-color: var(--navalnight);
  --quick-nav-li-hover-bg-color: var(--navalnight);
  --quick-nav-icon-color: var(--white);
  --quick-nav-close-btn-color: var(--white);
  --quick-nav-scrollbar-color: var(--cerulean);
  --mian-quick-nav-color: var(--white);
  --mian-quick-nav-hover-color: var(--cerulean);
  --quick-nav-svg-fill-color: var(--cyanblue);
  --quick-nav-font-size: 1.2rem;
  --quick-nav-company-logo-margin-left: 58px;
  /* ---------------------------------------------------
                 Left action menu Dark
  ----------------------------------------------------- */
  --left-menu-bg-color: radial-gradient(circle at top left, #1F4F83, #022A44 60% );
  --left-menu-shadow-color: var(--left-menu-bg-color);
  --left-menu-li-hover-bg-color: var(--navalnight);
  --left-menu-icon-color: var(--white);
  --left-menu-close-btn-color: var(--navalnight);
  --left-menu-scrollbar-color: var(--navalnight);
  --left-menu-nav-color: var(--black);
  --left-menu-nav-hover-color: var(--white);
  --left-menu-item-color: var(--white);
  --left-menu-svg-fill-color: var(--white);
  --left-menu-btn-sidebar-collapse: unset;
  --left-menu-li-bg-color-hover: var(--navalnight);
  /* ---------------------------------------------------
                List pages Dark
  ----------------------------------------------------- */
  --table-header-bg-color: var(--rhapsodyinblue);
  --table-header-active-bg-color: var(--rhapsodyinblue);
  --table-header-active-text-color: var(--fastBlue);
  --table-header-text-color: var(--light-steel-blue);
  --table-header-report-text-bg-color: var(--rhapsodyinblue);
  --table-header-report-text-color: var(--light-steel-blue);
  --table-header-border-right-color: var(--rhapsodyinblue);
  --table-body-text-color: var(--white);
  --pagination-active-bg-color: var(--navalnight);
  --pagination-border-color: var(--skyblue);
  --pagination-color: var(--pumpkinOrange);
  --scrollbar-bg-color: var(--fastBlue);
  --search-icon-color: var(--esmeralda);
  --smart-search-filter-bg-color: var(--blue-dianne);
  --smart-search-filter-radio-bg-color: var(--navalnight);
  --smart-search-filter-breadcrumb-bg-color: rgba(13,63,104,0.9);
  --page-title-color: var(--white);
  --table-header-color: var(--rhapsodyinblue);
  --pagination-page-link-color: var(--white);
  --page-list-search-btn-border-color: var(--input-border-color);
  --job-list-more-modal-header-bg-color: var(--forestblues);
  --even-row-bg-color: var(--rhapsodyinblue);
  --odd-row-bg-color: var(--rhapsodyinblue);
  --row-border-color-top: var(--blueWhale);
  --row-border-color-bottom: unset;
  --row-hover-background-color: var(--navalnight);
  --row-hover-border-color-top: var(--screamish);
  --row-hover-border-color-bottom: var(--screamish);
  --page-list-search-btn-bg-color: var(--cerulean);
  --page-list-search-icon-color: var(--white);
  /*  --page-list-search-btn-bg-color: var(--cerulean);*/
  --job-list-more-note-bg-color: var(--main-bg-color);
  --cross-svg-icon-fill-color: var(--orange);
  --sorting-svg-fill-color: var(--cyanblue);
  --ob-hub-gery-bg-color: #68afbf;
  --table-row-hovor-over-border-color: inset 0 2px 0 0 var(--row-hover-border-color-top), inset 0 -2px 0 0 var(--row-hover-border-color-bottom);
  --job-list-anonymous-warning-message: var(--gheeyellow);
  --table-checkbox-border-color: var(--light-slate-gray);
  /* ---------------------------------------------------
                Input forms Dark
  ----------------------------------------------------- */
  --input-color: var(--white);
  --input-bg-color: inhirit;
  --input-font-weight: 400;
  --input-border-color: #466376;
  --input-focus-border-color: var(--esmeralda);
  --input-focus-bg-color: inhirit;
  --form-control-bg-color: inhirit;
  /*--form-control-color: #495057;*/
  --form-control-color: var(--white);
  --form-control-focus-color: var(--white);
  --dropdown-search-icon-color: var(--forestblues);
  --label-color: var(--white);
  --form-control-font-size: 1.4rem;
  --label-font-size: 1.3rem;
  --label-font-weight: 600;
  --switch-icon-bg-color: var(--red-orange);
  --switch-icon-border-color: var(--red-orange);
  --switch-checked-color: var(--blue);
  --nav-tab-color: var(--durotarfire);
  --input-required-border-color: var(--durotarfire);
  --input-required-focus-color: var(--jasmine-green);
  --input-required-focus-border-color: var(--jasmine-green);
  --bulk-upload-file-link: var(--white);
  --input-readonly-bg-color: var(--davy-grey);
  --automation-status-head-bg-color: var(--cerulean);
  --table-icon-svg-color: var(--cerulean);
  --application-template-bg-color-hover: var(--cerulean);
  --sign-bg-color: var(--navalnight);
  --sign-border-color: var(--cerulean);
  --two-fa-description-text-color: var(--cerulean);
  --nylas-email-left-card-bg-color: var(--cerulean);
  --nylas-email-left-card-color: var(--white);
  --nylas-back-btn-bg-color: var(--cerulean);
  --vonq-filter-bg-color: var(--blue-whale);
  --vonq-location-bg-color: var(--cerulean);
  --vonq-basket-card-total-bg-color: var(--cerulean);
  --green-room-card-body-bg-color: var(--navalnight);
  --green-room-card-footer-bg-color: var(--cerulean);
  --default-approver-category-bg-color: var(--cerulean);
  --question-icon-fill-color: var(--cerulean);
  /*--------------select Start----------------------------*/
  --select-font-size: 1.4rem;
  --select-font-color: var(--white);
  --select-option-font-color: #495057;
  --select-bg-color: var(--navalnight);
  --select-border-color: #466376;
  --select-focus-border-color: var(--esmeralda);
  --select-focus-bg-color: inhirit;
  /*--------------select End---------------------------*/
  /*--------------ngx-select-dropdown  Dark start----------------------*/
  --ngx-select-svg-fill-color: #F05A28;
  --ngx-select-available-items-background-color-hover: var(--rhapsodyinblue);
  --ngx-select-available-items-container-background-color: var(--navalnight);
  --ngx-select-available-items-border-color-hover: var(--rhapsodyinblue);
  --ngx-select-available-items-border-color: unset;
  --ngx-select-border-color: #466376;
  --ngx-select-available-items-color: var(--glacier);
  --ngx-select-clear-all-button-bg-color: #0d3f68;
  --ngx-select-selected-item-bg-color: #0d3f68;
  --ngx-select-selected-count-bg-color: #0d3f68;
  --ngx-select-selected-count-fount-size: 15px;
  --ngx-select-clear-all-button-border-color: #0d3f68;
  --ngx-select-clear-all-button-color: var(--white);
  --add-job-detail-tab-ngx-select-svg-fill-color: var(--faded-blue);
  /*--------------ngx-select-dropdown end----------------------*/
  /*-----------------------togle-colapse  Dark start----------------------*/
  --togle-colapse-h4-bg-color: var(--cerulean);
  --togle-colapse-form-group-row: unset;
  --togle-colapse-add-job-assessment-tab-nav-tab: var(--cerulean);
  /*-----------------------togle-colapse end----------------------*/
  /* ---------------------------------------------------
                Buttons Dark
  ----------------------------------------------------- */
  --btn-success-bg-color: var(--salem);
  --btn-success-border-color: var(--salem);
  --btn-close-bg-color: var(--red-orange);
  --btn-close-border-color: var(--red-orange);
  --btn-danger-hovor-bg-color: var(--american-red);
  --btn-info-bg-color: var(--rhapsodyinblue);
  --btn-info-border-color: var(--summerblue);
  --btn-primary-bg-color: rgba(13,63,104,0.9);
  --btn-primary-border-color: rgba(13,63,104,0.9);
  --btn-primary-hover-bg-color: var(--forestblues);
  --btn-primary-hover-border-color: rgba(13,63,104,1);
  --btn-text-color: var(--white);
  --btn-sucess-text-color-hover: var(--white);
  --btn-sucess-bg-color-hover: var(--salem);
  --btn-sucess-border-color-hover: var(--salem);
  --btn-font-size-primary: 1.2rem;
  --btn-preview-bg-color: var(--instant-orange);
  --btn-assessment-chose-file: var(--white);
  --svg-ai-fill-color: var(#002a45);
  --btn-preview-bg-color-hover: var(--halloween-orange);
  --btn-preview-border-color-hover: var(--cadmium-orange);
  --btn-danger-bg-color: var(--scarlet);
  --btn-danger-text-color: var(--white);
  --btn-border-radious: 0px;
  --user-setting-ul-bg-color-hover: var(--rhapsodyinblue);
  /* ---------------------------------------------------
                Dashboard Dark
  ----------------------------------------------------- */
  /*------------ State Tile  Dark start----------------*/
  --full-box-stats-tile-count-color: #ff741e;
  --full-box-stats-tile-status-title-color: var(--white);
  --border-box-stats-tile-count-color: #ff741e;
  --border-box-stats-tile-status-title-color: var(--white);
  --stats-tile-background-pattern: linear-gradient(184deg, rgba(1,21,52,1) 24%, rgba(14,32,60,1) 33%, rgba(14,68,140,1) 100%);
  --stats-tile-background-pattern-size: unset;
  --stats-tile-background-color: var(--squid-ink-powder);
  --model-boarder-color: var(--model-border-color);
  --stats-tile-border-color: var(--cerulean);
  --home-font-size-primary: 1.2rem;
  --state-tile-status-title-font-size: 1.4rem;
  --stats-tile-count-font-size: 4rem;
  --stats-tile-count-text-align: center;
  --stats-cards-cap-menu-svg-color: var(--cyanblue);
  --home-todo-card-header-bg-color: var(--navalnight);
  --home-todo-card-header-color: var(--black);
  /*--------- State Tile End-----------------*/
  --dashboard-card-bg-color: #011534;
  --dashboard-card-hr-border-color: #466376;
  --card-header-bg-color: var(--navalnight);
  --card-header-color: var(--white);
  --card-bottle-neck-content: var(--white);
  --dashboard-page-bg-color: var(--rhapsodyinblue);
  /*-------Home-Job Search Filter Dark start---------------*/
  --home-job-searchType-border-color: #466376;
  --home-job-searchby-border-color: #466376;
  --home-job-search-icon-fill-color: #E55A34;
  --home-job-search-button-background-color: #E55A34;
  --home-job-search-button-border-color: #E55A34;
  --home-job-search-button-font-color: var(--white);
  /*-------Home-Job Search Filter Dark End---------------*/
  /*-------Advanced Dashboard Widget Section Background Dark---------------*/
  --advance-dashboard-widget-section-bg-color: var(--rhapsodyinblue);
  --advance-dashboard-widget-border-color: #466376;
  --advance-dashboard-widget-shadow: 0 1px 3px rgba(0,0,0,0.15);
  --advance-dashboard-card-header-text-color: var(--white);
  --advance-dashboard-widget-body-text-color: #cccccc;
  /*-------Advanced Dashboard Widget Section Background Dark End---------------*/
  /*--------- Todo List -----------------*/
  --todo-expired-bg: var(--red);
  --todo-remaining-bg: var(--light-yellow);
  --todo-expired-text: var(--white);
  --todo-remaining-text: var(--black);
  /* ---------------------------------------------------
                Misc Dark
  ----------------------------------------------------- */
  --svg-fill-color: var(--cyanblue);
  --user-home-content-svg-color: var(--white);
  --svg-fill-color-list: var(--cyanblue);
  --inactive-svg-fill-color: var(--white);
  --svg-fill-saved-search: var(--cyanblue);
  --report-builder-svg-color: var(--white);
  /* ---------------------------------------------------
                System setting Dark
  ----------------------------------------------------- */
  --system-tiles-color: var(--white);
  --system-settings-tiles-border-color: var(--white);
  --system-settings-tiles-bg-color: var(--rhapsodyinblue);
  --system-settings-svg-fill-color: var(--white);
  /* ---------------------------------------------------
                Add Job Dark
  ----------------------------------------------------- */
  --add-job-lable: var(--faded-blue);
  --add-job-text-danger: var(--lemon);
  --add-job-fieldset-dynamic-starter-forms-text-danger: var(--scarlet);
  --add-job-step-menu-complete-bg-color: var(--salem);
  --add-job-step-menu-current-bg-color: var(--ruddybrown);
  --bulk-recruitment-job-lable: var(--white);
  --add-job-detail-tab-bg-color: var(--navalnight);
  --add-job-detail-input-border-bottom: none;
  --add-job-footer-bg-color: var(--rhapsodyinblue);
  --add-job-arrow-bg-color: var(--blue-yonder);
  --add-job-arrow-bg-color-befor: var(--rhapsodyinblue);
  --add-job-post-job-advert-bg-color: var(--navalnight);
  --add-job-more-header-color-active: var(--durotarfire);
  --add-job-svg-fill-color: var(--cerulean);
  --add-job-card-info-bg-color: var(--navalnight);
  --add-job-tab-fieldset-info-bg-color: var(--navalnight);
  --add-job-notes-svg-fill-color: var(--orange);
  --transparent-color: var(--navalnight);
  --text-gray-900: var(--heat-wave);
  --job-card-title-color: #fb923c;
  --job-list-card-hovor-over-color: var(--heat-wave);
  --home-job-list-card-bg-color: var(--stats-tile-background-pattern);
  --home-job-list-card-border-color: var(--heat-wave);
  --home-job-list-card-tooltip-color: var(--heat-wave);
  --home-job-list-card-background-color: var(--stats-tile-background-pattern);
  --home-job-list-card-hover-color: linear-gradient(#00263a, #158bbf);
  --job-stat-tile-active-color: #009fe3;
  --home-job-list-card-hover-background-color: #00263a;
  /* ---------------------------------------------------
                Cadidate Profile Dark
  ----------------------------------------------------- */
  --reference-tab-table-color: var(--white);
  --cadidate-profile-svg-color: var(--cyanblue);
  --tab-header-bg-color: var(--skyblue);
  --tab-header-color: var(--rhapsodyinblue);
  --tab-header-active-bg-color: var(--rhapsodyinblue);
  --candidate-profile-dropdown-bg-color: var(--navalnight);
  --candidate-profile-dropdown-border-color: var(--cerulean);
  --candidate-profile-dropdown-text-color: var(--white);
  --cadidate-profile-email-color: var(--white);
  --cadidate-profile-filter-color: var(--white);
  --lable-starter-form: var(--white);
  --candidate-pipeline-nav-tab-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-nav-tab-color: var(--white);
  --candidate-pipeline-card-header-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-card-bdy-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-card-head-bg-color: var(--cerulean);
  --candidate-application-header-bg-color: var(--cerulean);
  --candidate-application-header-color: var(--white);
  --candidate-application-header-bg-color-hover: var(--orange);
  --candidate-application-cv-upload-bg-color: var(--navalnight);
  --candidate-profile-search-filter-bg-color: var(--rhapsodyinblue);
  --candidate-profile-search-filter-text-color: var(--white);
  --candidate-profile-search-filter-button-bg-color: var(--astronaut-blue);
  --candidate-profile-search-filter-button-border-color: var(--cerulean);
  --candidate-profile-search-filter-border-color: var(--cerulean);
  --candidate-profile-search-filter-separator-bg-color: var(--cerulean);
  --candidate-profile-tabs-header-bg-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-header-active-bg-color: var(--astronaut-blue);
  --candidate-profile-tabs-header-separator-bg-color: var(--cerulean);
  --candidate-profile-tabs-header-text-color: var(--light-steel-blue);
  --candidate-profile-tabs-content-bg-color: var(--navalnight);
  --candidate-profile-tabs-content-border-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-section-header-bg-color: var(--cerulean);
  --candidate-profile-section-separator-bg-color: var(--cerulean);
  --candidate-profile-section-card-bg-color: var(--rhapsodyinblue);
  --candidate-profile-section-card-text-color: var(--white);
  --candidate-profile-section-table-even-cell-bg-color: var(--navalnight);
  --candidate-profile-section-table-odd-cell-bg-color: var(--navalnight);
  --candidate-profile-more-menu-bg-color: var(--left-menu-bg-color);
  --candiadte-profile-more-menu-item-bg-color: unset;
  --candiadte-profile-more-menu-item-left-shadow-color: var(--cerulean);
  --candidate-profile-more-menu-item-border-color: var(--cerulean);
  --candidate-profile-more-menu-item-color: var(--white);
  --candidate-profile-equal-opps-caption-bg-color: transparent;
  --candidate-profile-sign-color: invert(1);
  --candidate-profile-print-application-font-size: 20px;
  --candidate-profile-promot-job-banner-icon: var(--linen);
  /* ---------------------------------------------------
                History Dark
  ----------------------------------------------------- */
  --history-timeline-item-bg-color: var(--rhapsodyinblue);
  --history-timeline-item-time-text-color: var(--white);
  --history-timeline-item-header-text-color: var(--white);
  --history-timeline-item-header-link-text-color: var(--cerulean);
  --history-timeline-time-label-bg-color: var(--astronaut-blue);
  --history-timeline-connector-bg-color: var(--astronaut-blue);
  /* ---------------------------------------------------
                Cadidate Listing Dark
  ----------------------------------------------------- */
  --candidate-listing-candidate-card-bg-color: var(--rhapsodyinblue);
  --candidate-listing-candidate-card-carousel-bg-color: var(--jasmine-green);
  --candidate-listing-pipeline-switch-svg-bg-color: var(--white);
  --letter-listing-bg-color: var(--dashboard-card-bg-color);
  --letter-listing-font-color: var(--white);
  --candidate-listing-svg-fill-color: var(--white);
  --candidate-listing-calendar-svg-fill-color: var(--white);
  --svg-icon-fill-color: var(--white);
  --candidate-listing-gas-icon-svg-fill-color: #66B2FF;
  /* ---------------------------------------------------
               Security Role Dark
  ----------------------------------------------------- */
  --security-role-hover-color: var(--black);
  /* ---------------------------------------------------
               Reports Dark
  ----------------------------------------------------- */
  --reports-label-color: var(--white);
  --report-builder-card-icon-color: var(--white);
  --report-builder-side-filter-bg-color: var(--navalnight);
  /* ---------------------------------------------------
               Search Job Dark
  ----------------------------------------------------- */
  --search-jobs-filter-title-color: var(--white);
  --panel-bg-color: var(--blue-whale);
  --panel-header-bg-color: var(--navalnight);
  --search-parameters-panel-header-bg-color: var(--blue-whale);
  --search-list-header-bg-clr: var(--blue-whale);
  --search-list-body-bg-clr: var(--rhapsodyinblue);
  --search-list-border-color: var(--cerulean);
  --search-list-arrow-svg-fill-color: var(--cerulean);
  --search-filter-tage-border-color: var(--navalnight);
  --search-filter-tage-border-color-redeployment: var(--navalnight);
  --search-application-and-address-book-penel-header-bg-color: var(--blue-whale);
  /* ---------------------------------------------------
               print Preview Dark
  ----------------------------------------------------- */
  --print-preview-color: var(--white);
  /*--print-preview-color: var(--black);*/
  --print-preview-table-header-bg-color: var(--cerulean);
  --print-preview-table-header-color: var(--white);
  /* ---------------------------------------------------
                Cadidate List Dark
  ----------------------------------------------------- */
  --candidate-list-svg-color: var(--cyanblue);
  --candidate-list-Carousel-link-color: var(--white);
  /* ---------------------------------------------------
                Card Dark
  ----------------------------------------------------- */
  --tab-card-bg-color: var(--rhapsodyinblue);
  /*  --------------Alert-Setup Dark--------------------*/
  --alert-setup-table-color: var(--white);
  /* ---------------------------------------------------
                Ck-Editor Dark
  ----------------------------------------------------- */
  --ckEditor-editor-background-color: var(--navalnight);
  --ckEditor-editor-text-color: var(--white);
  --ckEditor-top-background-color: var(--cerulean);
  --ckEditor-bottom-background-color: var(--cerulean);
  --ckEditor-border-top-color: var(--cerulean);
  --ckEditor-border-bottom-color: var(--cerulean);
  --ckEditor-border-color: var(--cerulean);
  /* ---------------------------------------------------
                Calendar Dark
  ----------------------------------------------------- */
  --calendar-search-bar-card-header-bg-color: var(--blue-whale);
  --calendar-search-bar-card-header-border-color: var(--cerulean);
  --report-builder-preview-icon-color: var(--white);
  --rb-accordion-toggle-color: var(--cerulean);
  --txt-danger-text-color: var(--scarlet);
  --calendar-search-cross-icon-color: var(--ball-blue);
  /* ---------------------------------------------------
                Login Dark
  ----------------------------------------------------- */
  --btn-login-bg-color-hover: var(--forestblues);
  --login-input-focus-bg-color: var(--jasmine-green);
  --login-input-focus-border-color: var(--jasmine-green);
  --user-setting-logout-button-color: var(--green);
  --user-setting-logout-button-border-color: var(--sea-green);
  /* ---------------------------------------------------
                Panel Shortlisting 
  ----------------------------------------------------- */
  --question-box-background-color: var(--dark-blue);
  --question-box-border-color: var(--cerulean);
  --question-box-label-color: var(--white);
  /* ---------------------------------------------------
                Assessment Form Dark
  ----------------------------------------------------- */
  --question-container-bg-color: var(--mint-blue);
  --question-header-panel-bg-color: var(--cerulean);
  --question-header-panel-text-color: var(--white);
  --question-options-textbox-border-color: var(--input-border-color);
  --matrix-question-table-background-color: var(--mint-blue);
  --matrix-question-odd-row-background-color: var(--matrix-question-odd-row);
  --matrix-question-even-row-background-color: var(--navalnight);
  --assessment-form-preview-modal-bg-color: var(--main-bg-color);
  --question-mark-correct-color: var(--sky-mint);
  --applicationinfo-backgroud-color: var(--summerblue);
  --assessmentForm-backgroud-color: var(--main-bg-color);
  --svg-fill-color-add-widget: var(--white);
  --widget-border-color: var (--summerblue);
  --widget-pill-button: var(--cyanblue);
  --widget-pill-button-border: var(--forestblues);
  --svg-fill-color-trend-widget: var(--black);
  --sona-document-background-color: var(--stats-tile-background-pattern);
  --sona-document-background-color-hover: var(--stats-tile-background-pattern);
}

/*$page-list-search-btn-bg-color: var(--page-list-search-btn-bg-color);*/
/*--------------select Start----------------------------*/
/*--------------select End---------------------------*/
/*--------------ngx-select-dropdown start----------------------*/
/*--------------ngx-select-dropdown end----------------------*/
/*-----------------------togle-colapse----------------------*/
/*  --------------Alert-Setup--------------------*/
#UserSetting #logout {
  border-radius: 30px;
  margin: 0.8rem 1.2rem;
}

.btn {
  margin-left: 2px;
  margin-right: 2px;
  font-size: var(--btn-font-size-primary);
  border-radius: var(--btn-border-radious);
}

.btn-success, .btn_Yes, .btn_save {
  color: var(--btn-text-color);
  background-color: var(--btn-success-bg-color);
  border-color: var(--btn-success-border-color);
}

.btn_close {
  background-color: var(--btn-close-bg-color);
  border-color: var(--btn-close-border-color);
  color: var(--btn-text-color);
}

.btn-primary {
  color: var(--btn-text-color);
  background-color: var(--btn-primary-bg-color);
  border-color: var(--btn-primary-bg-color);
}

.btn-primary:hover, .btn-primary:visited, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
  color: var(--btn-text-color);
  background-color: var(--btn-primary-hover-bg-color) !important;
  border-color: var(--btn-primary-hover-bg-color) !important;
}

.btn_print {
  color: var(--btn-text-color);
  background-color: var(--btn-primary-hover-bg-color);
  border-color: var(--btn-primary-hover-bg-color);
  opacity: 1;
}

.btn_prewiew {
  color: var(--btn-text-color);
  background-color: var(--btn-preview-bg-color);
  border-color: var(--btn-preview-bg-color);
}

.btn_prewiew:hover, .btn_prewiew:visited, .btn_prewiew:active {
  color: var(--btn-text-color);
  background-color: var(--btn-preview-bg-color-hover);
  border-color: var(--btn-preview-border-color-hover);
}

.btn-success:hover, .btn-success:visited, .btn-success:active,
.btn_save:hover, .btn_save:visited, .btn_save:active,
.btn_Yes:hover, .btn_Yes:visited, .btn_Yes:active {
  color: var(--btn-sucess-text-color-hover);
  background-color: var(--btn-sucess-bg-color-hover);
  border-color: var(--btn-sucess-border-color-hover);
}

.btn_close svg {
  fill: #fff;
  width: 12px !important;
  height: 12px !important;
}

.btn_close, .btn_close_model, .btn-danger, .btn_No, #imagePreview .modal-footer .btn.btn-default, #imageLibrary .modal-footer .modal-footer .btn.btn-default, #imageLibrary .modal.show .modal-body, #imageLibrary .modal-dialog .modal-body .modal-footer .btn.btn-default {
  background-color: var(--btn-danger-bg-color);
  border-color: var(--btn-danger-bg-color);
  color: var(--btn-danger-text-color);
  opacity: 1;
}

app-offerauthorization button.btn_resetoffer {
  color: var(--btn-text-color);
  background-color: #117a8b;
  border-color: #117a8b;
}

app-offerauthorization button.btn_resetoffer:hover {
  color: var(--btn-text-color);
  background-color: #177e9c;
  border-color: #177e9c;
}

.btn-info {
  background-color: var(--btn-info-bg-color);
  border-color: var(--btn-info-border-color);
}

.btn-info:hover {
  background-color: var(--btn-info-bg-color) !important;
  border-color: var(--btn-info-border-color) !important;
}

/*style override from component*/
.btn_gapAndConcerns {
  background-color: #f97f50 !important;
  border-top: 3px solid #f97f50 !important;
}

/* Filter button */
.btn-outline-dark, .btn-outline-dark:hover {
  color: var(--btn-text-color);
  background-color: var(--btn-success-bg-color);
  border-color: var(--btn-success-bg-color);
}

.btn-history {
  background-color: var(--btn-info-bg-color);
  border-color: var(--btn-info-border-color);
  color: var(--btn-text-color);
}

.btn-manageAdver {
  background-color: var(--add-job-step-menu-current-bg-color);
  color: var(--btn-text-color);
}

#UserSetting #logout {
  color: var(--user-setting-logout-button-color);
  border-color: var(--user-setting-logout-button-border-color);
}

#UserSetting #logout:hover, #UserSetting #logout:focus {
  color: #000;
  border-color: var(--user-setting-logout-button-border-color);
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #fff !important;
  opacity: 1 !important;
  border-radius: 0;
  outline: 1px solid #fff !important;
}

.toast-close-button,
.toast-close-button {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

:root, [data-jt-theme=light] {
  font-size: 10px;
  /* Start Colors */
  --summerblue: #177e9c;
  --white: #fff;
  --red-orange: #ff3939;
  --american-red: #bd2130;
  --esmeralda: #3fc380;
  --forestblues: #0d3f68;
  --durotarfire: #f15a29;
  --celestial: #00637f;
  --black: #000;
  --child-of-light: #F5F8FA;
  --searedgrey: #495057;
  --jasmine-green: #3fc380;
  --whitesmoke: #f6f6f6;
  --cinder: #212529;
  --satinwhite: #ced4da;
  --blue: #177e9c;
  --lightblue: #eeeeee;
  --darkblue: #177e9c;
  --bluebutton: #177e9c;
  --orange: #f97f50;
  --green: #00b050;
  --grey: #f3f1f1;
  --lightgrey: #eeeeee;
  --cape-pond: #0091AE;
  --bright-star: #dee2e6;
  --red: #FF0000;
  --rhapsodyinblue: #002A44;
  --sagittarius-amber: #f97f50;
  --black-glaze: #000b11;
  --instant-orange: #ff8428;
  --sky-blue: #80cff0;
  --odd-row-color: #f0f9fc;
  --fastBlue: #06A1E3;
  --cerulean: #009fe3;
  --halloween-orange: #F05A28;
  --cadmium-orange: #f68029;
  --seaweed-green: #34a76d;
  --clover-green: #319e67;
  --icewind-dale: #e9ecef;
  --faded-blue: #6696BC;
  --light-steel-blue: #7196bb;
  --gainsboro: #ddd;
  --davyGrey: #5B5B5B;
  --kodama-white: #e5f6fb;
  --french-manicure: #feeae5;
  --iceberg: #ddf1f7;
  --brainstem-grey: #b5b2b2;
  --off-green: #E5F6FB;
  --blue-whale: #0F2445;
  --december-sky: #d1d4d7;
  --light-grey-black: #0000003d;
  --astronaut-blue: #085483;
  --dusty-grey: #999;
  --jinzamomi-pink: #f56954;
  --calmWaters: #f0f9fc;
  --bluish-cyane-blue: #337ab7;
  --maui-mist: #f8f9fa;
  --aqua-spring: #ecf9fa;
  --silver: #c7c7c7;
  --golden: #bfa411;
  --white-lilac: #F8F8F8;
  --pastal-grey: #D1D1D1;
  --mint-tulip: #D0EFF8;
  --davy-grey: #555;
  --cylindrical-coordinate: #ffb559;
  --platinum: #E4E4E4;
  --jagged-ice: #bfe4e8;
  --light-yellow: #fff7bb;
  --light-gray: #d3d3d3;
  --xtra-light-gray: #f3f3f3;
  --mint-blue: #022852;
  --mint-grey: #F4F4F4;
  --mint-light-blue: #d5e7f5;
  --mint-sky-blue: #0270c5;
  --matrix-light-gray: #EAEAEA;
  --bay-wharf: #76808b;
  --rusty-red: #dc3545;
  --mint: #3fc380;
  --coral: #F97F50;
  --crimson-red: #E81111;
  --blue-gray: #64A2CA;
  --sea-green: #2A8457;
  --light-slate-gray: #7C939C;
  --auro-metal-saurus: #62717F;
  --transparent: transparent;
  --marengo: #405465;
  --spanish-gray: #969696;
  --linen: #fef1dc;
  --gray-900: #111827;
  --heat-wave: #FF7B00;
  --Teal: #006b7d;
  --Dark-Slate-Gray: #004455;
  --sky-mint-dark: #0d3f68;
  --sky-mint: #7bc7d3;
  /* End Colors*/
  /* ---------------------------------------------------
                 Body
  ----------------------------------------------------- */
  --main-bg-color: var(--whitesmoke);
  --body-color: var(--cinder);
  --body-font-size: 1.2rem;
  --body-font-family: 'Montserrat', Arial;
  --font-size-primary: 1.2rem;
  --modal-header-bg-color: var(--sky-blue);
  --static-body-text-color: var(--cinder);
  /* ---------------------------------------------------
                 JT Modals Light
  ----------------------------------------------------- */
  --modal-table-text-color: var(--black);
  --modal-table-fa-icon-color: var(--forestblues);
  /* ---------------------------------------------------
                 Header
  ----------------------------------------------------- */
  --header-font-size: 1.4rem;
  --header-font-weight: 700;
  --header-color: var(--white);
  --header-active-color: var(--sagittarius-amber);
  --main-notification-alert-bg-color: var(--durotarfire);
  --user-setting-header-bg-color: var(--cape-pond);
  --user-setting-header-li-color: var(--black);
  --user-setting-bottom-text-color: var(--black);
  --user-setting-svg-color: var(--black);
  --notification-alert-header-bg-color: var(--iceberg);
  --notification-body-bg-color: var(--odd-row-color);
  --notification-body-alert-bg-color: var(--white);
  --notification-alert-text-color: var(--black);
  --notification-top-nav-icon-color: var(--cinder);
  --notification-border-color: var(--darkblue);
  --user-setting-card-header-bg-color: var(--lightgrey);
  --user-setting-card-header-border-color: var(--brainstem-grey);
  --model-border-color: #001535;
  --refine-model-clos-btn-color: var(--rusty-red);
  /* ---------------------------------------------------
                 Top navigation
  ----------------------------------------------------- */
  --top-nav-bg-color: var(--celestial) url(../img/user_profile_bg.png) repeat top left;
  --talent-sub-menu-hover-bg-color: var(--summerblue);
  --top-nav-menu-inner-distance: 20px;
  --top-nav-user-bg-color: var(--white);
  --top-nav-user-color: var(--forestblues);
  /* ---------------------------------------------------
                 Quick Links
  ----------------------------------------------------- */
  --quick-link-color: var(--cinder);
  --quick-nav-bg-color: var(--white);
  --quick-nav-color: var(--summerblue);
  --quick-nav-li-hover-bg-color: var(--summerblue);
  --quick-nav-icon-color: var(--white);
  --quick-nav-close-btn-color: var(--summerblue);
  --quick-nav-scrollbar-color: var(--forestblues);
  --mian-quick-nav-color: var(--black);
  --mian-quick-nav-hover-color: var(--white);
  --quick-nav-svg-fill-color: var(--white);
  --quick-nav-font-size: 1.2rem;
  --quick-nav-company-logo-margin-left: 85px;
  /* ---------------------------------------------------
                 Left action menu
  ----------------------------------------------------- */
  --left-menu-color: var(--cinder);
  --left-menu-bg-color: var(--white);
  --left-menu-shadow-color: var(--celestial);
  --left-menu-color: var(--summerblue);
  --left-menu-li-hover-bg-color: var(--summerblue);
  --left-menu-icon-color: var(--white);
  --left-menu-close-btn-color: var(--summerblue);
  --left-menu-scrollbar-color: var(--forestblues);
  --left-menu-nav-color: var(--black);
  --left-menu-nav-hover-color: var(--white);
  --left-menu-item-color: var(--cinder);
  --left-menu-svg-fill-color: var(--white);
  --left-menu-btn-sidebar-collapse: var(--durotarfire);
  --left-menu-li-bg-color-hover: var(--celestial);
  /* ---------------------------------------------------
               Grid Control - Light
  ----------------------------------------------------- */
  --table-header-bg-color: var(--celestial);
  --table-header-active-bg-color: var(--summerblue);
  --table-header-active-text-color: var(--white);
  --table-header-text-color: var(--white);
  --table-header-report-text-color: var(--cinder);
  --table-header-report-text-bg-color: var(--bright-star);
  --table-header-border-right-color: var(--white);
  --table-body-text-color: var(--davyGrey);
  --pagination-active-bg-color: var(--summerblue);
  --pagination-border-color: var(--summerblue);
  --pagination-color: var(--white);
  --scrollbar-bg-color: var(--forestblues);
  --search-icon-color: var(--esmeralda);
  --smart-search-filter-bg-color: var(--white);
  --smart-search-filter-radio-bg-color: var(--platinum);
  --smart-search-filter-breadcrumb-bg-color: var(--jagged-ice);
  --page-title-color: var(--forestblues);
  --table-header-color: var(--white);
  --pagination-page-link-color: var(--cinder);
  --page-list-search-btn-border-color: var(--jasmine-green);
  --job-list-more-modal-header-bg-color: var(--darkblue);
  --even-row-bg-color: var(--white);
  --odd-row-bg-color: var(--odd-row-color);
  --row-border-color-top: unset;
  --row-border-color-bottom: unset;
  --row-hover-background-color: unset;
  --row-hover-border-color-top: unset;
  --row-hover-border-color-bottom: unset;
  --page-list-search-btn-bg-color: var(--white);
  --page-list-search-icon-color: var(--jasmine-green);
  /*  --page-list-search-btn-bg-color: var(--jasmine-green);*/
  --job-list-more-note-bg-color: var(--kodama-white);
  --cross-svg-icon-fill-color: var(--black);
  --sorting-svg-fill-color: var(--durotarfire);
  --ob-hub-gery-bg-color: gray;
  --table-row-hovor-over-border-color: inset 0px 2px 0px 0px rgba(63,195,128,1), inset 0px -2px 0px 0px rgba(63,195,128,1);
  --job-list-anonymous-warning-message: var(--celestial);
  --table-checkbox-border-color: var(--light-slate-gray);
  /* ---------------------------------------------------
                Input forms
  ----------------------------------------------------- */
  --input-color: var(--searedgrey);
  --input-bg-color: var(--white);
  --input-font-weight: 400;
  --input-border-color: var(--auro-metal-saurus);
  --input-focus-border-color: var(--esmeralda);
  --input-focus-bg-color: rgba(63, 195, 128, 0.1);
  --dropdown-search-icon-color: var(--forestblues);
  --label-color: var(--black);
  --form-control-font-size: 1.4rem;
  --form-control-bg-color: var(--white);
  --form-control-color: #495057;
  --form-control-focus-color: #495057;
  --label-font-size: 1.3rem;
  --label-font-weight: 600;
  --switch-icon-bg-color: var(--red-orange);
  --switch-icon-border-color: var(--red-orange);
  --switch-checked-color: var(--esmeralda);
  --nav-tab-color: var(--durotarfire);
  --input-required-border-color: var(--durotarfire);
  --input-required-focus-color: var(--jasmine-green);
  --input-required-focus-border-color: var(--jasmine-green);
  --bulk-upload-file-link: var(--rhapsodyinblue);
  --input-readonly-bg-color: var(--icewind-dale);
  --automation-status-head-bg-color: var(--forestblues);
  --table-icon-svg-color: var(--forestblues);
  --application-template-bg-color-hover: var(--december-sky);
  --sign-bg-color: var(--white);
  --sign-border-color: var(--light-grey-black);
  --two-fa-description-text-color: darkblue;
  --nylas-email-left-card-bg-color: var(--bluish-cyane-blue);
  --nylas-email-left-card-color: var(--bluish-cyane-blue);
  --nylas-back-btn-bg-color: var(--maui-mist);
  --vonq-filter-bg-color: var(--white);
  --vonq-location-bg-color: #e1e1e1;
  --vonq-basket-card-total-bg-color: #bee5eb;
  --green-room-card-body-bg-color: #EDEDED;
  --green-room-card-footer-bg-color: #EDEDED;
  --default-approver-category-bg-color: var(--white);
  --question-icon-fill-color: var(--cerulean);
  /*--------------select Start----------------------------*/
  --select-font-size: 1.4rem;
  --select-font-color: #495057;
  --select-option-font-color: #495057;
  --select-bg-color: var(--white);
  --select-border-color: var(--auro-metal-saurus);
  --select-focus-border-color: var(--esmeralda);
  --select-focus-bg-color: rgba(63, 195, 128, 0.1);
  /*--------------select End---------------------------*/
  /*--------------ngx-select-dropdown start----------------------*/
  --ngx-select-svg-fill-color: var(--forestblues);
  --ngx-select-available-items-background-color-hover: rgba(63, 195, 128, 0.1);
  --ngx-select-available-items-container-background-color: var(--white);
  --ngx-select-available-items-border-color-hover: #00b050;
  /*--ngx-select-available-items-border-color: #ced4da;*/
  --ngx-select-available-items-border-color: unset;
  --ngx-select-border-color: rgba(0,0,0,.15);
  --ngx-select-clear-all-button-bg-color: #0d3f68;
  --ngx-select-selected-item-bg-color: #0d3f68;
  --ngx-select-selected-count-bg-color: #0d3f68;
  --ngx-select-selected-count-fount-size: 15px;
  --ngx-select-clear-all-button-border-color: #0d3f68;
  --ngx-select-available-items-color: var(--black);
  --ngx-select-clear-all-button-color: var(--white);
  --add-job-detail-tab-ngx-select-svg-fill-color: var(--forestblues);
  /*--------------ngx-select-dropdown end----------------------*/
  /*-----------------------togle-colapse start----------------------*/
  --togle-colapse-h4-bg-color: var(--cape-pond);
  --togle-colapse-form-group-row: var(--odd-row-color);
  --togle-colapse-add-job-assessment-tab-nav-tab: var(--summerblue);
  /*-----------------------togle-colapse end----------------------*/
  /* ---------------------------------------------------
                Buttons
  ----------------------------------------------------- */
  --btn-success-bg-color: var(--esmeralda);
  --btn-success-border-color: var(--esmeralda);
  --btn-close-bg-color: var(--red-orange);
  --btn-close-border-color: var(--red-orange);
  --btn-danger-hovor-bg-color: var(--american-red);
  --btn-info-bg-color: var(--summerblue);
  --btn-info-border-color: var(--summerblue);
  --btn-primary-bg-color: rgba(13,63,104,0.9);
  --btn-primary-border-color: rgba(13,63,104,0.9);
  --btn-primary-hover-bg-color: rgba(13,63,104,1);
  --btn-primary-hover-border-color: rgba(13,63,104,1);
  --btn-text-color: var(--white);
  --btn-sucess-text-color-hover: var(--white);
  --btn-sucess-bg-color-hover: var(--seaweed-green);
  --btn-sucess-border-color-hover: var(--clover-green);
  --btn-font-size-primary: 1.2rem;
  --btn-preview-bg-color: var(--instant-orange);
  --btn-assessment-chose-file: var(--cinder);
  --svg-ai-fill-color: var(--white);
  --btn-preview-bg-color-hover: var(--halloween-orange);
  --btn-preview-border-color-hover: var(--cadmium-orange);
  --btn-danger-bg-color: var(--crimson-red);
  --btn-danger-text-color: var(--white);
  --txt-danger-text-color: var(--red-orange);
  --btn-border-radious: 0px;
  --user-setting-ul-bg-color-hover: var(--french-manicure);
  /* ---------------------------------------------------
                Dashboard
  ----------------------------------------------------- */
  /*------------State Tile start----------------*/
  --full-box-stats-tile-count-color: var(--white);
  --full-box-stats-tile-status-title-color: var(--white);
  --border-box-stats-tile-count-color: var(--cinder);
  --border-box-stats-tile-status-title-color: var(--cinder);
  --stats-tile-background-pattern: #ff8428 url(../img/user_profile_bg.png) repeat top left;
  --stats-tile-background-pattern-size: 100px;
  --stats-tile-background-color: var(--black);
  --model-boarder-color: var(--black);
  --stats-tile-border-color: var(--red);
  --home-font-size-primary: 1.2rem;
  --state-tile-status-title-font-size: 1.4rem;
  --stats-tile-count-font-size: 2.2rem;
  --stats-tile-count-text-align: left;
  --stats-cards-cap-menu-svg-color: var(--durotarfire);
  --home-todo-card-header-bg-color: var(--red);
  --home-todo-card-header-color: var(--black);
  --refine-model-clos-btn-color: var(--white);
  /*--------- State Tile End-----------------*/
  --dashboard-card-bg-color: var(--white);
  --dashboard-card-hr-border-color: rgba(0,0,0,.125);
  --card-header-bg-color: var(--lightgrey);
  --card-header-color: var(--black);
  --card-bottle-neck-content: var(--white);
  --dashboard-page-bg-color: #d9eef2;
  /*-------Home-Job Search Filter start---------------*/
  --home-job-searchType-border-color: #00b050;
  --home-job-searchby-border-color: #00b050;
  --home-job-search-icon-fill-color: #3fc380;
  --home-job-search-button-background-color: #3fc380;
  --home-job-search-button-border-color: #3fc380;
  --home-job-search-button-font-color: var(--white);
  /*-------Home-Job Search Filter End---------------*/
  /*-------Advanced Dashboard Widget Section Background---------------*/
  --advance-dashboard-widget-section-bg-color: #d9eef2;
  --advance-dashboard-widget-border-color: #E0E6EB;
  --advance-dashboard-widget-shadow: 0 1px 3px rgba(0,0,0,0.08);
  --advance-dashboard-card-header-text-color: #003366;
  --advance-dashboard-widget-body-text-color: #333333;
  /*-------Advanced Dashboard Widget Section Background End---------------*/
  --todo-expired-bg: var(--red);
  --todo-remaining-bg: var(--light-yellow);
  --todo-expired-text: var(--white);
  --todo-remaining-text: var(--black);
  /* ---------------------------------------------------
                Misc
  ----------------------------------------------------- */
  --svg-fill-color: var(--white);
  --user-home-content-svg-color: var(--black);
  --svg-fill-color-list: var(--forestblues);
  --inactive-svg-fill-color: var(--black);
  --svg-fill-saved-search: grey;
  --report-builder-svg-color: #82777700;
  /* ---------------------------------------------------
                System setting
  ----------------------------------------------------- */
  --system-tiles-color: var(--forestblues);
  --system-settings-tiles-border-color: var(--summerblue);
  --system-settings-tiles-bg-color: var(--white);
  --system-settings-svg-fill-color: var(--black);
  /* ---------------------------------------------------
                Add Job
  ----------------------------------------------------- */
  --add-job-lable: var(--black);
  --add-job-text-danger: var(--rusty-red);
  --add-job-fieldset-dynamic-starter-forms-text-danger: var(--rusty-red);
  --add-job-step-menu-complete-bg-color: var(--mint);
  --add-job-step-menu-current-bg-color: var(--coral);
  --bulk-recruitment-job-lable: var(--black);
  --add-job-detail-tab-bg-color: var(--odd-row-color);
  --add-job-detail-input-border-bottom: var(--white);
  --add-job-footer-bg-color: var(--celestial) url(../img/user_profile_bg.png) repeat top left;
  --add-job-arrow-bg-color: var(--gainsboro);
  --add-job-arrow-bg-color-befor: var(--white);
  /*--add-job-post-job-advert-bg-color: var(--cinder);*/
  --add-job-post-job-advert-bg-color: var(--white);
  --add-job-more-header-color-active: var(--cinder);
  --add-job-svg-fill-color: var(--forestblues);
  --add-job-card-info-bg-color: var(--light-yellow);
  --add-job-tab-fieldset-info-bg-color: var(--white);
  --add-job-notes-svg-fill-color: var(--orange);
  --transparent-color: var(--transparent);
  --text-gray-900: var(--gray-900);
  --job-card-title-color: var(--white);
  --job-list-card-hovor-over-color: var(--heat-wave);
  --home-job-list-card-bg-color: var(--white);
  --home-job-list-card-border-color: var(--cerulean);
  --home-job-list-card-tooltip-color: var(--black);
  --home-job-list-card-background-color: linear-gradient(to bottom right, #0091ae, #006b7d);
  --home-job-list-card-hover-color: linear-gradient(to bottom right, #00b7dd, #0088aa);
  --job-stat-tile-active-color: linear-gradient(to bottom right, #00687f, #004455);
  --home-job-list-card-hover-background-color: #00b7dd;
  /* ---------------------------------------------------
                Cadidate Profile Light
  ----------------------------------------------------- */
  --reference-tab-table-color: var(--cinder);
  --cadidate-profile-svg-color: var(--black);
  --tab-header-bg-color: var(--lightgrey);
  --tab-header-color: var(--rhapsodyinblue);
  --tab-header-active-bg-color: var(--cape-pond);
  --candidate-profile-dropdown-bg-color: var(--calmWaters);
  --candidate-profile-dropdown-border-color: var(--summerblue);
  --candidate-profile-dropdown-text-color: var(--black);
  --cadidate-profile-email-color: var(--cinder);
  --cadidate-profile-filter-color: var(--cinder);
  --lable-starter-form: var(--black);
  --candidate-pipeline-nav-tab-bg-color: var(--kodama-white);
  --candidate-pipeline-nav-tab-color: var(--cinder);
  --candidate-pipeline-card-header-bg-color: var(--sky-blue);
  --candidate-pipeline-card-bdy-bg-color: var(--white);
  --candidate-pipeline-card-head-bg-color: var(--sky-blue);
  --candidate-application-header-bg-color: var(--summerblue);
  --candidate-application-header-color: var(--white);
  --candidate-application-header-bg-color-hover: var(--orange);
  --candidate-application-cv-upload-bg-color: var(--odd-row-color);
  --candidate-profile-search-filter-bg-color: var(--white);
  --candidate-profile-search-filter-text-color: var(--black);
  --candidate-profile-search-filter-button-bg-color: var(--black-glaze);
  --candidate-profile-search-filter-button-border-color: var(--black-glaze);
  --candidate-profile-search-filter-border-color: var(--jasmine-green);
  --candidate-profile-search-filter-separator-bg-color: var(--lightgrey);
  --candidate-profile-tabs-header-bg-color: var(--lightgrey);
  --candidate-profile-tabs-header-active-bg-color: var(--cape-pond);
  --candidate-profile-tabs-header-separator-bg-color: var(--orange);
  --candidate-profile-tabs-header-text-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-content-bg-color: var(--white);
  --candidate-profile-tabs-content-border-color: unset;
  --candidate-profile-tabs-section-header-bg-color: var(--cape-pond);
  --candidate-profile-section-card-bg-color: var(--white);
  --candidate-profile-section-separator-bg-color: var(--lightgrey);
  --candidate-profile-section-card-text-color: var(--cinder);
  --candidate-profile-section-table-even-cell-bg-color: var(--navalnight);
  --candidate-profile-section-table-odd-cell-bg-color: var(--odd-row-color);
  --candidate-profile-more-menu-bg-color: var(--white);
  --candiadte-profile-more-menu-item-bg-color: var(--calmWaters);
  --candiadte-profile-more-menu-item-left-shadow-color: var(--celestial);
  --candidate-profile-more-menu-item-border-color: var(--satinwhite);
  --candidate-profile-more-menu-item-color: var(--black);
  --candidate-profile-equal-opps-caption-bg-color: none;
  --candidate-profile-refiscancelled-bg-color: var(--platinum);
  --candidate-profile-sign-color: var(--platinum);
  --candidate-profile-print-application-font-size: 20px;
  --candidate-profile-promot-job-banner-icon: var(--linen);
  /* ---------------------------------------------------
                History
  ----------------------------------------------------- */
  --history-timeline-item-bg-color: var(--white);
  --history-timeline-item-time-text-color: var(--dusty-grey);
  --history-timeline-item-header-text-color: var(--davy-grey);
  --history-timeline-item-header-link-text-color: var(--black);
  --history-timeline-time-label-bg-color: var(--jinzamomi-pink);
  --history-timeline-connector-bg-color: var(--gainsboro);
  /* ---------------------------------------------------
                Cadidate Listing
  ----------------------------------------------------- */
  --candidate-listing-candidate-card-bg-color: var(--white);
  --candidate-listing-candidate-card-carousel-bg-color: var(--jasmine-green);
  --candidate-listing-pipeline-switch-svg-bg-color: var(--black);
  --letter-listing-bg-color: var(--off-green);
  --letter-listing-font-color: var(--black);
  --candidate-listing-svg-fill-color: var(--black);
  --candidate-listing-calendar-svg-fill-color: var(--forestblues);
  --svg-icon-fill-color: var(--forestblues);
  /*--candidate-listing-svg-fill-color: #2EA3D9;*/
  --candidate-listing-gas-icon-svg-fill-color: #0000ff;
  /* ---------------------------------------------------
               Security Role
  ----------------------------------------------------- */
  --security-role-hover-color: var(--black);
  /* ---------------------------------------------------
               Reports
  ----------------------------------------------------- */
  --reports-label-color: var(--black);
  --report-builder-card-icon-color: var(--black);
  --report-builder-side-filter-bg-color: #ededed;
  /* ---------------------------------------------------
               Search Job
  ----------------------------------------------------- */
  --search-jobs-filter-title-color: var(--black);
  --panel-bg-color: var(--white);
  --panel-header-bg-color: var(--summerblue);
  --search-parameters-panel-header-bg-color: var(--lightgrey);
  --search-list-header-bg-clr: var(--aqua-spring);
  --search-list-body-bg-clr: var(--white);
  --search-list-border-color: var(--silver);
  --search-list-arrow-svg-fill-color: var(--black);
  --search-filter-tage-border-color: var(--whitesmoke);
  --search-filter-tage-border-color-redeployment: var(--white);
  --search-application-and-address-book-penel-header-bg-color: var(--kodama-white);
  /* ---------------------------------------------------
               print Preview
  ----------------------------------------------------- */
  --print-preview-color: var(--black);
  --print-preview-table-header-bg-color: var(--celestial);
  --print-preview-table-header-color: var(--white);
  /* ---------------------------------------------------
                Cadidate List
  ----------------------------------------------------- */
  --candidate-list-svg-color: var(--forestblues);
  --candidate-list-Carousel-link-color: var(--cinder);
  /* ---------------------------------------------------
                Card
  ----------------------------------------------------- */
  --tab-card-bg-color: var(--white);
  /*  --------------Alert-Setup--------------------*/
  --alert-setup-table-color: var(--cinder);
  /* ---------------------------------------------------
                Ck-Editor Light
  ----------------------------------------------------- */
  --ckEditor-editor-background-color: var(--white);
  --ckEditor-editor-text-color: var(--black);
  --ckEditor-top-background-color: var(--white-lilac);
  --ckEditor-bottom-background-color: var(--white-lilac);
  --ckEditor-border-top-color: var(--pastal-grey);
  --ckEditor-border-bottom-color: var(--pastal-grey);
  --ckEditor-border-color: var(--pastal-grey);
  /* ---------------------------------------------------
                Calendar Light
  ----------------------------------------------------- */
  --calendar-search-bar-card-header-bg-color: var(--kodama-white);
  --calendar-search-bar-card-header-border-color: var(--mint-tulip);
  --report-builder-preview-icon-color: var(--summerblue);
  --rb-accordion-toggle-color: var(--report-builder-side-filter-bg-color);
  --calendar-search-cross-icon-color: var(--black);
  /* ---------------------------------------------------
                Login Light
  ----------------------------------------------------- */
  --btn-login-bg-color-hover: var(--blue-gray);
  --login-input-focus-bg-color: var(--forestblues);
  --login-input-focus-border-color: var(--btn-primary-bg-color);
  --user-setting-logout-button-color: var(--sea-green);
  --user-setting-logout-button-border-color: var(--sea-green);
  /* ---------------------------------------------------
                Panel Shortlisting 
  ----------------------------------------------------- */
  --question-box-background-color: var(--white);
  --question-box-border-color: var(--light-gray);
  --question-box-label-color: var(--black);
  /* ---------------------------------------------------
                Assessment Form Light
  ----------------------------------------------------- */
  --question-container-bg-color: var(--mint-grey);
  --question-header-panel-bg-color: var(--mint-light-blue);
  --question-header-panel-text-color: var(--mint-sky-blue);
  --question-options-textbox-border-color: var(--input-border-color);
  --matrix-question-table-background-color: var(--lightgrey);
  --matrix-question-odd-row-background-color: var(--matrix-light-gray);
  --matrix-question-even-row-background-color: var(--gainsboro);
  --assessment-form-preview-modal-bg-color: var(--white);
  --question-mark-correct-color: var(--sky-mint-dark);
  --applicationinfo-backgroud-color: var(--white);
  --assessmentForm-backgroud-color: #ededed;
  --svg-fill-color-add-widget: var(--black);
  --widget-border-color: var (--summerblue);
  --widget-pill-button: var (--cyanblue);
  --widget-pill-button-border: var(--forestblues);
  --svg-fill-color-trend-widget: #EDEDED;
  /* ---------------------------------------------------
                Notification
  ----------------------------------------------------- */
  --myTask-label-color: var(--Teal);
  --myTask-label-color-hover: var(--Dark-Slate-Gray);
  --sona-document-background-color: var(--whitesmoke);
  --sona-document-background-color-hover: var(--icewind-dale);
}

[data-jt-theme=dark] {
  --scarlet: #FF1329;
  font-size: 10px;
  /* Start Colors */
  --summerblue: #177e9c;
  --white: #fff;
  --red-orange: #ff3939;
  --american-red: #bd2130;
  --esmeralda: #3fc380;
  --forestblues: #0d3f68;
  --durotarfire: #f15a29;
  --celestial: #00637f;
  --black: #000;
  --child-of-light: #F5F8FA;
  --searedgrey: #495057;
  --jasmine-green: #3fc380;
  --whitesmoke: #f6f6f6;
  --cinder: #212529;
  --satinwhite: #ced4da; /* Satin White */
  --golden: #bfa411;
  --gheeyellow: #dbc02a;
  --blue: #177e9c;
  --lightblue: #eeeeee;
  --darkblue: #177e9c;
  --bluebutton: #177e9c;
  --orange: #f97f50;
  --green: #00b050;
  --grey: #f3f1f1;
  --lightgrey: #eeeeee;
  --crowblackblue: #0b2738;
  --navalnight: #011534;
  --rhapsodyinblue: #002A44;
  --skyblue: #E6F5FC;
  --skybluedark: #0d4f62;
  --cyanblue: #177e9c;
  --bright-star: #dee2e6;
  --squid-ink-powder: #001535;
  --model-border-color: #1e58b1;
  --sagittarius-amber: #f97f50;
  --black-glaze: #000b11;
  --sky-blue: #80cff0;
  --screamish: #36a6d8;
  --fastBlue: #06A1E3;
  --dark-gray: #4C6A7C;
  --cerulean: #009fe3;
  --halloween-orange: #F05A28;
  --cadmium-orange: #f68029;
  --seaweed-green: #34a76d;
  --clover-green: #319e67;
  --icewind-dale: #e9ecef;
  --faded-blue: #6696BC;
  --light-steel-blue: #7196bb;
  --blueWhale: #0D354D;
  --pumpkinOrange: #ff741e;
  --kodama-white: #e5f6fb;
  --astronaut-blue: #085483;
  --dusty-grey: #999;
  --calmWaters: #f0f9fc;
  --cylindrical-coordinate: #ff741e;
  --platinum: #191f29;
  --blue-dianne: #174561;
  --glacier: #8baebd;
  --davy-grey: #4D565B;
  --lemon: #f6f900;
  --scarlet: #FF1329;
  --salem: #108147;
  --ruddybrown: #C35429;
  --ball-blue: #2ea3d9;
  --light-slate-gray: #7C939C;
  --blue-yonder: #4f79a5;
  --dark-blue: #1f3351;
  --mint-blue: #022852;
  --mint-grey: #F4F4F4;
  --mint-light-blue: #d5e7f5;
  --mint-sky-blue: #0270c5;
  --matrix-question-odd-row: #0d3b6e;
  --navy-blue: #153856;
  --linen: #fef1dc;
  --gray-900: #111827;
  --heat-wave: #FF7B00;
  --marengo: #405465;
  --spanish-gray: #969696;
  --marengo: #405465;
  --spanish-gray: #969696;
  --sky-mint-dark: #2ea3d9;
  /* End Colors*/
  /* ---------------------------------------------------
                 Body Dark
  ----------------------------------------------------- */
  --main-bg-color: var(--navalnight);
  --body-color: var(--white);
  --body-font-size: 1.2rem;
  --body-font-family: 'Montserrat', Arial;
  --font-size-primary: 1.2rem;
  --modal-header-bg-color: var(--forestblues);
  --static-body-text-color: var(--cinder);
  /* ---------------------------------------------------
                 JT Modals Dark
  ----------------------------------------------------- */
  --modal-table-text-color: var(--white);
  --modal-table-fa-icon-color: var(--white);
  /* ---------------------------------------------------
                 Header Dark
  ----------------------------------------------------- */
  --header-font-size: 1.4rem;
  --header-font-weight: 700;
  --header-color: var(--white);
  --header-active-color: var(--cerulean);
  /*--header-active-color: none;*/
  --main-notification-alert-bg-color: var(--durotarfire);
  --user-setting-header-bg-color: var(--navalnight);
  --user-setting-header-li-color: var(--white);
  --user-setting-bottom-text-color: var(--white);
  --user-setting-svg-color: var(--white);
  --notification-alert-header-bg-color: var(--rhapsodyinblue);
  --notification-body-bg-color: var(--rhapsodyinblue);
  --notification-body-alert-bg-color: var(--navalnight);
  --notification-alert-text-color: var(--white);
  --notification-top-nav-icon-color: var(--white);
  --notification-border-color: var(--cerulean);
  --user-setting-card-header-bg-color: var(--cerulean);
  --user-setting-card-header-border-color: var(--cerulean);
  /* ---------------------------------------------------
                 Top navigation Dark
  ----------------------------------------------------- */
  --top-nav-bg-color: var(--navalnight);
  --talent-sub-menu-hover-bg-color: var(--navalnight);
  --top-nav-menu-inner-distance: 20px;
  --top-nav-user-bg-color: var(--halloween-orange);
  --top-nav-user-color: var(--white);
  /* ---------------------------------------------------
                 Quick Links Dark
  ----------------------------------------------------- */
  --quick-link-color: var(--cerulean);
  --quick-nav-bg-color: var(--navalnight);
  --quick-nav-color: var(--navalnight);
  --quick-nav-li-hover-bg-color: var(--navalnight);
  --quick-nav-icon-color: var(--white);
  --quick-nav-close-btn-color: var(--white);
  --quick-nav-scrollbar-color: var(--cerulean);
  --mian-quick-nav-color: var(--white);
  --mian-quick-nav-hover-color: var(--cerulean);
  --quick-nav-svg-fill-color: var(--cyanblue);
  --quick-nav-font-size: 1.2rem;
  --quick-nav-company-logo-margin-left: 58px;
  /* ---------------------------------------------------
                 Left action menu Dark
  ----------------------------------------------------- */
  --left-menu-bg-color: radial-gradient(circle at top left, #1F4F83, #022A44 60% );
  --left-menu-shadow-color: var(--left-menu-bg-color);
  --left-menu-li-hover-bg-color: var(--navalnight);
  --left-menu-icon-color: var(--white);
  --left-menu-close-btn-color: var(--navalnight);
  --left-menu-scrollbar-color: var(--navalnight);
  --left-menu-nav-color: var(--black);
  --left-menu-nav-hover-color: var(--white);
  --left-menu-item-color: var(--white);
  --left-menu-svg-fill-color: var(--white);
  --left-menu-btn-sidebar-collapse: unset;
  --left-menu-li-bg-color-hover: var(--navalnight);
  /* ---------------------------------------------------
                List pages Dark
  ----------------------------------------------------- */
  --table-header-bg-color: var(--rhapsodyinblue);
  --table-header-active-bg-color: var(--rhapsodyinblue);
  --table-header-active-text-color: var(--fastBlue);
  --table-header-text-color: var(--light-steel-blue);
  --table-header-report-text-bg-color: var(--rhapsodyinblue);
  --table-header-report-text-color: var(--light-steel-blue);
  --table-header-border-right-color: var(--rhapsodyinblue);
  --table-body-text-color: var(--white);
  --pagination-active-bg-color: var(--navalnight);
  --pagination-border-color: var(--skyblue);
  --pagination-color: var(--pumpkinOrange);
  --scrollbar-bg-color: var(--fastBlue);
  --search-icon-color: var(--esmeralda);
  --smart-search-filter-bg-color: var(--blue-dianne);
  --smart-search-filter-radio-bg-color: var(--navalnight);
  --smart-search-filter-breadcrumb-bg-color: rgba(13,63,104,0.9);
  --page-title-color: var(--white);
  --table-header-color: var(--rhapsodyinblue);
  --pagination-page-link-color: var(--white);
  --page-list-search-btn-border-color: var(--input-border-color);
  --job-list-more-modal-header-bg-color: var(--forestblues);
  --even-row-bg-color: var(--rhapsodyinblue);
  --odd-row-bg-color: var(--rhapsodyinblue);
  --row-border-color-top: var(--blueWhale);
  --row-border-color-bottom: unset;
  --row-hover-background-color: var(--navalnight);
  --row-hover-border-color-top: var(--screamish);
  --row-hover-border-color-bottom: var(--screamish);
  --page-list-search-btn-bg-color: var(--cerulean);
  --page-list-search-icon-color: var(--white);
  /*  --page-list-search-btn-bg-color: var(--cerulean);*/
  --job-list-more-note-bg-color: var(--main-bg-color);
  --cross-svg-icon-fill-color: var(--orange);
  --sorting-svg-fill-color: var(--cyanblue);
  --ob-hub-gery-bg-color: #68afbf;
  --table-row-hovor-over-border-color: inset 0 2px 0 0 var(--row-hover-border-color-top), inset 0 -2px 0 0 var(--row-hover-border-color-bottom);
  --job-list-anonymous-warning-message: var(--gheeyellow);
  --table-checkbox-border-color: var(--light-slate-gray);
  /* ---------------------------------------------------
                Input forms Dark
  ----------------------------------------------------- */
  --input-color: var(--white);
  --input-bg-color: inhirit;
  --input-font-weight: 400;
  --input-border-color: #466376;
  --input-focus-border-color: var(--esmeralda);
  --input-focus-bg-color: inhirit;
  --form-control-bg-color: inhirit;
  /*--form-control-color: #495057;*/
  --form-control-color: var(--white);
  --form-control-focus-color: var(--white);
  --dropdown-search-icon-color: var(--forestblues);
  --label-color: var(--white);
  --form-control-font-size: 1.4rem;
  --label-font-size: 1.3rem;
  --label-font-weight: 600;
  --switch-icon-bg-color: var(--red-orange);
  --switch-icon-border-color: var(--red-orange);
  --switch-checked-color: var(--blue);
  --nav-tab-color: var(--durotarfire);
  --input-required-border-color: var(--durotarfire);
  --input-required-focus-color: var(--jasmine-green);
  --input-required-focus-border-color: var(--jasmine-green);
  --bulk-upload-file-link: var(--white);
  --input-readonly-bg-color: var(--davy-grey);
  --automation-status-head-bg-color: var(--cerulean);
  --table-icon-svg-color: var(--cerulean);
  --application-template-bg-color-hover: var(--cerulean);
  --sign-bg-color: var(--navalnight);
  --sign-border-color: var(--cerulean);
  --two-fa-description-text-color: var(--cerulean);
  --nylas-email-left-card-bg-color: var(--cerulean);
  --nylas-email-left-card-color: var(--white);
  --nylas-back-btn-bg-color: var(--cerulean);
  --vonq-filter-bg-color: var(--blue-whale);
  --vonq-location-bg-color: var(--cerulean);
  --vonq-basket-card-total-bg-color: var(--cerulean);
  --green-room-card-body-bg-color: var(--navalnight);
  --green-room-card-footer-bg-color: var(--cerulean);
  --default-approver-category-bg-color: var(--cerulean);
  --question-icon-fill-color: var(--cerulean);
  /*--------------select Start----------------------------*/
  --select-font-size: 1.4rem;
  --select-font-color: var(--white);
  --select-option-font-color: #495057;
  --select-bg-color: var(--navalnight);
  --select-border-color: #466376;
  --select-focus-border-color: var(--esmeralda);
  --select-focus-bg-color: inhirit;
  /*--------------select End---------------------------*/
  /*--------------ngx-select-dropdown  Dark start----------------------*/
  --ngx-select-svg-fill-color: #F05A28;
  --ngx-select-available-items-background-color-hover: var(--rhapsodyinblue);
  --ngx-select-available-items-container-background-color: var(--navalnight);
  --ngx-select-available-items-border-color-hover: var(--rhapsodyinblue);
  --ngx-select-available-items-border-color: unset;
  --ngx-select-border-color: #466376;
  --ngx-select-available-items-color: var(--glacier);
  --ngx-select-clear-all-button-bg-color: #0d3f68;
  --ngx-select-selected-item-bg-color: #0d3f68;
  --ngx-select-selected-count-bg-color: #0d3f68;
  --ngx-select-selected-count-fount-size: 15px;
  --ngx-select-clear-all-button-border-color: #0d3f68;
  --ngx-select-clear-all-button-color: var(--white);
  --add-job-detail-tab-ngx-select-svg-fill-color: var(--faded-blue);
  /*--------------ngx-select-dropdown end----------------------*/
  /*-----------------------togle-colapse  Dark start----------------------*/
  --togle-colapse-h4-bg-color: var(--cerulean);
  --togle-colapse-form-group-row: unset;
  --togle-colapse-add-job-assessment-tab-nav-tab: var(--cerulean);
  /*-----------------------togle-colapse end----------------------*/
  /* ---------------------------------------------------
                Buttons Dark
  ----------------------------------------------------- */
  --btn-success-bg-color: var(--salem);
  --btn-success-border-color: var(--salem);
  --btn-close-bg-color: var(--red-orange);
  --btn-close-border-color: var(--red-orange);
  --btn-danger-hovor-bg-color: var(--american-red);
  --btn-info-bg-color: var(--rhapsodyinblue);
  --btn-info-border-color: var(--summerblue);
  --btn-primary-bg-color: rgba(13,63,104,0.9);
  --btn-primary-border-color: rgba(13,63,104,0.9);
  --btn-primary-hover-bg-color: var(--forestblues);
  --btn-primary-hover-border-color: rgba(13,63,104,1);
  --btn-text-color: var(--white);
  --btn-sucess-text-color-hover: var(--white);
  --btn-sucess-bg-color-hover: var(--salem);
  --btn-sucess-border-color-hover: var(--salem);
  --btn-font-size-primary: 1.2rem;
  --btn-preview-bg-color: var(--instant-orange);
  --btn-assessment-chose-file: var(--white);
  --svg-ai-fill-color: var(#002a45);
  --btn-preview-bg-color-hover: var(--halloween-orange);
  --btn-preview-border-color-hover: var(--cadmium-orange);
  --btn-danger-bg-color: var(--scarlet);
  --btn-danger-text-color: var(--white);
  --btn-border-radious: 0px;
  --user-setting-ul-bg-color-hover: var(--rhapsodyinblue);
  /* ---------------------------------------------------
                Dashboard Dark
  ----------------------------------------------------- */
  /*------------ State Tile  Dark start----------------*/
  --full-box-stats-tile-count-color: #ff741e;
  --full-box-stats-tile-status-title-color: var(--white);
  --border-box-stats-tile-count-color: #ff741e;
  --border-box-stats-tile-status-title-color: var(--white);
  --stats-tile-background-pattern: linear-gradient(184deg, rgba(1,21,52,1) 24%, rgba(14,32,60,1) 33%, rgba(14,68,140,1) 100%);
  --stats-tile-background-pattern-size: unset;
  --stats-tile-background-color: var(--squid-ink-powder);
  --model-boarder-color: var(--model-border-color);
  --stats-tile-border-color: var(--cerulean);
  --home-font-size-primary: 1.2rem;
  --state-tile-status-title-font-size: 1.4rem;
  --stats-tile-count-font-size: 4rem;
  --stats-tile-count-text-align: center;
  --stats-cards-cap-menu-svg-color: var(--cyanblue);
  --home-todo-card-header-bg-color: var(--navalnight);
  --home-todo-card-header-color: var(--black);
  /*--------- State Tile End-----------------*/
  --dashboard-card-bg-color: #011534;
  --dashboard-card-hr-border-color: #466376;
  --card-header-bg-color: var(--navalnight);
  --card-header-color: var(--white);
  --card-bottle-neck-content: var(--white);
  --dashboard-page-bg-color: var(--rhapsodyinblue);
  /*-------Home-Job Search Filter Dark start---------------*/
  --home-job-searchType-border-color: #466376;
  --home-job-searchby-border-color: #466376;
  --home-job-search-icon-fill-color: #E55A34;
  --home-job-search-button-background-color: #E55A34;
  --home-job-search-button-border-color: #E55A34;
  --home-job-search-button-font-color: var(--white);
  /*-------Home-Job Search Filter Dark End---------------*/
  /*-------Advanced Dashboard Widget Section Background Dark---------------*/
  --advance-dashboard-widget-section-bg-color: var(--rhapsodyinblue);
  --advance-dashboard-widget-border-color: #466376;
  --advance-dashboard-widget-shadow: 0 1px 3px rgba(0,0,0,0.15);
  --advance-dashboard-card-header-text-color: var(--white);
  --advance-dashboard-widget-body-text-color: #cccccc;
  /*-------Advanced Dashboard Widget Section Background Dark End---------------*/
  /*--------- Todo List -----------------*/
  --todo-expired-bg: var(--red);
  --todo-remaining-bg: var(--light-yellow);
  --todo-expired-text: var(--white);
  --todo-remaining-text: var(--black);
  /* ---------------------------------------------------
                Misc Dark
  ----------------------------------------------------- */
  --svg-fill-color: var(--cyanblue);
  --user-home-content-svg-color: var(--white);
  --svg-fill-color-list: var(--cyanblue);
  --inactive-svg-fill-color: var(--white);
  --svg-fill-saved-search: var(--cyanblue);
  --report-builder-svg-color: var(--white);
  /* ---------------------------------------------------
                System setting Dark
  ----------------------------------------------------- */
  --system-tiles-color: var(--white);
  --system-settings-tiles-border-color: var(--white);
  --system-settings-tiles-bg-color: var(--rhapsodyinblue);
  --system-settings-svg-fill-color: var(--white);
  /* ---------------------------------------------------
                Add Job Dark
  ----------------------------------------------------- */
  --add-job-lable: var(--faded-blue);
  --add-job-text-danger: var(--lemon);
  --add-job-fieldset-dynamic-starter-forms-text-danger: var(--scarlet);
  --add-job-step-menu-complete-bg-color: var(--salem);
  --add-job-step-menu-current-bg-color: var(--ruddybrown);
  --bulk-recruitment-job-lable: var(--white);
  --add-job-detail-tab-bg-color: var(--navalnight);
  --add-job-detail-input-border-bottom: none;
  --add-job-footer-bg-color: var(--rhapsodyinblue);
  --add-job-arrow-bg-color: var(--blue-yonder);
  --add-job-arrow-bg-color-befor: var(--rhapsodyinblue);
  --add-job-post-job-advert-bg-color: var(--navalnight);
  --add-job-more-header-color-active: var(--durotarfire);
  --add-job-svg-fill-color: var(--cerulean);
  --add-job-card-info-bg-color: var(--navalnight);
  --add-job-tab-fieldset-info-bg-color: var(--navalnight);
  --add-job-notes-svg-fill-color: var(--orange);
  --transparent-color: var(--navalnight);
  --text-gray-900: var(--heat-wave);
  --job-card-title-color: #fb923c;
  --job-list-card-hovor-over-color: var(--heat-wave);
  --home-job-list-card-bg-color: var(--stats-tile-background-pattern);
  --home-job-list-card-border-color: var(--heat-wave);
  --home-job-list-card-tooltip-color: var(--heat-wave);
  --home-job-list-card-background-color: var(--stats-tile-background-pattern);
  --home-job-list-card-hover-color: linear-gradient(#00263a, #158bbf);
  --job-stat-tile-active-color: #009fe3;
  --home-job-list-card-hover-background-color: #00263a;
  /* ---------------------------------------------------
                Cadidate Profile Dark
  ----------------------------------------------------- */
  --reference-tab-table-color: var(--white);
  --cadidate-profile-svg-color: var(--cyanblue);
  --tab-header-bg-color: var(--skyblue);
  --tab-header-color: var(--rhapsodyinblue);
  --tab-header-active-bg-color: var(--rhapsodyinblue);
  --candidate-profile-dropdown-bg-color: var(--navalnight);
  --candidate-profile-dropdown-border-color: var(--cerulean);
  --candidate-profile-dropdown-text-color: var(--white);
  --cadidate-profile-email-color: var(--white);
  --cadidate-profile-filter-color: var(--white);
  --lable-starter-form: var(--white);
  --candidate-pipeline-nav-tab-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-nav-tab-color: var(--white);
  --candidate-pipeline-card-header-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-card-bdy-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-card-head-bg-color: var(--cerulean);
  --candidate-application-header-bg-color: var(--cerulean);
  --candidate-application-header-color: var(--white);
  --candidate-application-header-bg-color-hover: var(--orange);
  --candidate-application-cv-upload-bg-color: var(--navalnight);
  --candidate-profile-search-filter-bg-color: var(--rhapsodyinblue);
  --candidate-profile-search-filter-text-color: var(--white);
  --candidate-profile-search-filter-button-bg-color: var(--astronaut-blue);
  --candidate-profile-search-filter-button-border-color: var(--cerulean);
  --candidate-profile-search-filter-border-color: var(--cerulean);
  --candidate-profile-search-filter-separator-bg-color: var(--cerulean);
  --candidate-profile-tabs-header-bg-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-header-active-bg-color: var(--astronaut-blue);
  --candidate-profile-tabs-header-separator-bg-color: var(--cerulean);
  --candidate-profile-tabs-header-text-color: var(--light-steel-blue);
  --candidate-profile-tabs-content-bg-color: var(--navalnight);
  --candidate-profile-tabs-content-border-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-section-header-bg-color: var(--cerulean);
  --candidate-profile-section-separator-bg-color: var(--cerulean);
  --candidate-profile-section-card-bg-color: var(--rhapsodyinblue);
  --candidate-profile-section-card-text-color: var(--white);
  --candidate-profile-section-table-even-cell-bg-color: var(--navalnight);
  --candidate-profile-section-table-odd-cell-bg-color: var(--navalnight);
  --candidate-profile-more-menu-bg-color: var(--left-menu-bg-color);
  --candiadte-profile-more-menu-item-bg-color: unset;
  --candiadte-profile-more-menu-item-left-shadow-color: var(--cerulean);
  --candidate-profile-more-menu-item-border-color: var(--cerulean);
  --candidate-profile-more-menu-item-color: var(--white);
  --candidate-profile-equal-opps-caption-bg-color: transparent;
  --candidate-profile-sign-color: invert(1);
  --candidate-profile-print-application-font-size: 20px;
  --candidate-profile-promot-job-banner-icon: var(--linen);
  /* ---------------------------------------------------
                History Dark
  ----------------------------------------------------- */
  --history-timeline-item-bg-color: var(--rhapsodyinblue);
  --history-timeline-item-time-text-color: var(--white);
  --history-timeline-item-header-text-color: var(--white);
  --history-timeline-item-header-link-text-color: var(--cerulean);
  --history-timeline-time-label-bg-color: var(--astronaut-blue);
  --history-timeline-connector-bg-color: var(--astronaut-blue);
  /* ---------------------------------------------------
                Cadidate Listing Dark
  ----------------------------------------------------- */
  --candidate-listing-candidate-card-bg-color: var(--rhapsodyinblue);
  --candidate-listing-candidate-card-carousel-bg-color: var(--jasmine-green);
  --candidate-listing-pipeline-switch-svg-bg-color: var(--white);
  --letter-listing-bg-color: var(--dashboard-card-bg-color);
  --letter-listing-font-color: var(--white);
  --candidate-listing-svg-fill-color: var(--white);
  --candidate-listing-calendar-svg-fill-color: var(--white);
  --svg-icon-fill-color: var(--white);
  --candidate-listing-gas-icon-svg-fill-color: #66B2FF;
  /* ---------------------------------------------------
               Security Role Dark
  ----------------------------------------------------- */
  --security-role-hover-color: var(--black);
  /* ---------------------------------------------------
               Reports Dark
  ----------------------------------------------------- */
  --reports-label-color: var(--white);
  --report-builder-card-icon-color: var(--white);
  --report-builder-side-filter-bg-color: var(--navalnight);
  /* ---------------------------------------------------
               Search Job Dark
  ----------------------------------------------------- */
  --search-jobs-filter-title-color: var(--white);
  --panel-bg-color: var(--blue-whale);
  --panel-header-bg-color: var(--navalnight);
  --search-parameters-panel-header-bg-color: var(--blue-whale);
  --search-list-header-bg-clr: var(--blue-whale);
  --search-list-body-bg-clr: var(--rhapsodyinblue);
  --search-list-border-color: var(--cerulean);
  --search-list-arrow-svg-fill-color: var(--cerulean);
  --search-filter-tage-border-color: var(--navalnight);
  --search-filter-tage-border-color-redeployment: var(--navalnight);
  --search-application-and-address-book-penel-header-bg-color: var(--blue-whale);
  /* ---------------------------------------------------
               print Preview Dark
  ----------------------------------------------------- */
  --print-preview-color: var(--white);
  /*--print-preview-color: var(--black);*/
  --print-preview-table-header-bg-color: var(--cerulean);
  --print-preview-table-header-color: var(--white);
  /* ---------------------------------------------------
                Cadidate List Dark
  ----------------------------------------------------- */
  --candidate-list-svg-color: var(--cyanblue);
  --candidate-list-Carousel-link-color: var(--white);
  /* ---------------------------------------------------
                Card Dark
  ----------------------------------------------------- */
  --tab-card-bg-color: var(--rhapsodyinblue);
  /*  --------------Alert-Setup Dark--------------------*/
  --alert-setup-table-color: var(--white);
  /* ---------------------------------------------------
                Ck-Editor Dark
  ----------------------------------------------------- */
  --ckEditor-editor-background-color: var(--navalnight);
  --ckEditor-editor-text-color: var(--white);
  --ckEditor-top-background-color: var(--cerulean);
  --ckEditor-bottom-background-color: var(--cerulean);
  --ckEditor-border-top-color: var(--cerulean);
  --ckEditor-border-bottom-color: var(--cerulean);
  --ckEditor-border-color: var(--cerulean);
  /* ---------------------------------------------------
                Calendar Dark
  ----------------------------------------------------- */
  --calendar-search-bar-card-header-bg-color: var(--blue-whale);
  --calendar-search-bar-card-header-border-color: var(--cerulean);
  --report-builder-preview-icon-color: var(--white);
  --rb-accordion-toggle-color: var(--cerulean);
  --txt-danger-text-color: var(--scarlet);
  --calendar-search-cross-icon-color: var(--ball-blue);
  /* ---------------------------------------------------
                Login Dark
  ----------------------------------------------------- */
  --btn-login-bg-color-hover: var(--forestblues);
  --login-input-focus-bg-color: var(--jasmine-green);
  --login-input-focus-border-color: var(--jasmine-green);
  --user-setting-logout-button-color: var(--green);
  --user-setting-logout-button-border-color: var(--sea-green);
  /* ---------------------------------------------------
                Panel Shortlisting 
  ----------------------------------------------------- */
  --question-box-background-color: var(--dark-blue);
  --question-box-border-color: var(--cerulean);
  --question-box-label-color: var(--white);
  /* ---------------------------------------------------
                Assessment Form Dark
  ----------------------------------------------------- */
  --question-container-bg-color: var(--mint-blue);
  --question-header-panel-bg-color: var(--cerulean);
  --question-header-panel-text-color: var(--white);
  --question-options-textbox-border-color: var(--input-border-color);
  --matrix-question-table-background-color: var(--mint-blue);
  --matrix-question-odd-row-background-color: var(--matrix-question-odd-row);
  --matrix-question-even-row-background-color: var(--navalnight);
  --assessment-form-preview-modal-bg-color: var(--main-bg-color);
  --question-mark-correct-color: var(--sky-mint);
  --applicationinfo-backgroud-color: var(--summerblue);
  --assessmentForm-backgroud-color: var(--main-bg-color);
  --svg-fill-color-add-widget: var(--white);
  --widget-border-color: var (--summerblue);
  --widget-pill-button: var(--cyanblue);
  --widget-pill-button-border: var(--forestblues);
  --svg-fill-color-trend-widget: var(--black);
  --sona-document-background-color: var(--stats-tile-background-pattern);
  --sona-document-background-color-hover: var(--stats-tile-background-pattern);
}

/*$page-list-search-btn-bg-color: var(--page-list-search-btn-bg-color);*/
/*--------------select Start----------------------------*/
/*--------------select End---------------------------*/
/*--------------ngx-select-dropdown start----------------------*/
/*--------------ngx-select-dropdown end----------------------*/
/*-----------------------togle-colapse----------------------*/
/*  --------------Alert-Setup--------------------*/
input[type=text], input[type=password], input[type=number] {
  display: block;
  width: 100%;
  height: 44px;
  padding: 0.375rem 0.75rem;
  font-size: 1.2rem;
  font-weight: var(--input-font-weight);
  line-height: 1.5;
  color: var(--input-color);
  background-color: var(--input-bg-color);
  background-clip: padding-box;
  border: 1px solid var(--input-border-color);
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus {
  border-color: var(--input-focus-border-color);
  box-shadow: 0 0 0 0.2rem rgba(63, 195, 128, 0.15);
  background: var(--input-focus-bg-color);
}

input:required {
  border-left: 4px solid var(--input-required-border-color);
}

select:required {
  border-left: 4px solid var(--input-required-border-color);
}

input:required:focus {
  border-left: 4px solid var(--input-required-focus-color);
  border-color: input-required-focus-border-color;
  outline: none;
  box-shadow: none;
}

select:required:focus {
  border-left: 4px solid var(--input-required-focus-color);
  border-color: input-required-focus-border-color;
  outline: none;
  box-shadow: none;
}

input:required:hover {
  opacity: 1;
}

.dropdown-search-icon {
  position: absolute;
  top: 12px;
  right: 16px;
}
.dropdown-search-icon .icon {
  width: 18px;
  height: 18px;
  fill: var(--dropdown-search-icon-color);
}

/* Drop downs */
.dropdown-menu {
  font-size: 1.2rem;
}
.dropdown-menu a:hover {
  background-color: #fff;
  border: 1px solid #177e9c;
}

.available-items li {
  padding: 5px !important;
}

/* forms */
.form-control {
  font-size: var(--form-control-font-size);
  color: var(--form-control-color);
  background-color: var(--form-control-bg-color);
  border: 1px solid #ced4da;
}

.form-control:focus {
  color: var(--form-control-focus-color);
}

.form-group label {
  font-size: var(--label-font-size);
  font-weight: var(--label-font-weight);
  color: var(--label-color);
}

.form-control {
  height: 44px;
  margin-bottom: 0px;
}

.invalid-feedback {
  font-size: 1.2rem;
  color: #ff3939;
  opacity: 1;
}

/*--===============NEW STYLE switcher==================--*/
.switch-primary .switch-input:checked ~ .switch-label {
  background: var(--switch-checked-color) !important;
  border-color: var(--switch-checked-color);
}

.switch.switch-icon .switch-label {
  background-color: var(--switch-icon-bg-color);
  border: 1px solid var(--switch-icon-border-color);
}

.switch.switch-icon .switch-label:before {
  color: #fff !important;
}

.switch.switch-icon .switch-label {
  font-size: 1.4rem;
}

.switch.switch-icon .switch-handle {
  border: 1px solid var(--switch-icon-border-color);
}

/*--===============NEW STYLE switcher end==================--*/
/*--===============NEW STYLE switcher start==================--*/
/*--*/
/*--*/
.switch.switch-default {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 24px;
  background-color: transparent;
  cursor: pointer;
}
.switch.switch-default .switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.switch.switch-default .switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.switch.switch-default .switch-input:checked ~ .switch-label:after {
  opacity: 1;
}
.switch.switch-default .switch-input:checked ~ .switch-handle {
  left: 18px;
}
.switch.switch-default .switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #d1d4d7;
  border-radius: 2px;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  -webkit-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  -webkit-transition-property: opacity background;
  transition-property: opacity background;
}
.switch.switch-default .switch-handle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #d1d4d7;
  border-radius: 1px;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  -webkit-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}

.switch.switch-default.switch-lg {
  width: 48px;
  height: 28px;
}
.switch.switch-default.switch-lg .switch-label {
  font-size: 1.2rem;
}
.switch.switch-default.switch-lg .switch-handle {
  width: 24px;
  height: 24px;
}
.switch.switch-default.switch-lg .switch-input:checked ~ .switch-handle {
  left: 22px;
}

.switch.switch-default.switch-sm {
  width: 32px;
  height: 20px;
}
.switch.switch-default.switch-sm .switch-label {
  font-size: 0.8rem;
}
.switch.switch-default.switch-sm .switch-handle {
  width: 16px;
  height: 16px;
}
.switch.switch-default.switch-sm .switch-input:checked ~ .switch-handle {
  left: 14px;
}

.switch.switch-default.switch-xs {
  width: 24px;
  height: 16px;
}
.switch.switch-default.switch-xs .switch-label {
  font-size: 0.7rem;
}
.switch.switch-default.switch-xs .switch-handle {
  width: 12px;
  height: 12px;
}
.switch.switch-default.switch-xs .switch-input:checked ~ .switch-handle {
  left: 10px;
}

.switch.switch-text {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 48px;
  height: 24px;
  background-color: transparent;
  cursor: pointer;
}
.switch.switch-text .switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.switch.switch-text .switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.switch.switch-text .switch-input:checked ~ .switch-label:after {
  opacity: 1;
}
.switch.switch-text .switch-input:checked ~ .switch-handle {
  left: 26px;
}
.switch.switch-text .switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #d1d4d7;
  border-radius: 2px;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  -webkit-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  -webkit-transition-property: opacity background;
  transition-property: opacity background;
}
.switch.switch-text .switch-label:before {
  position: absolute;
  top: 50%;
  width: 50%;
  margin-top: -0.5em;
  line-height: 1;
  text-align: center;
  -moz-transition: inherit;
  -o-transition: inherit;
  -webkit-transition: inherit;
  transition: inherit;
  right: 1px;
  color: #d1d4d7;
  content: attr(data-off);
}
.switch.switch-text .switch-label:after {
  position: absolute;
  top: 50%;
  width: 50%;
  margin-top: -0.5em;
  line-height: 1;
  text-align: center;
  -moz-transition: inherit;
  -o-transition: inherit;
  -webkit-transition: inherit;
  transition: inherit;
  left: 1px;
  color: #fff;
  content: attr(data-on);
  opacity: 0;
}
.switch.switch-text .switch-handle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #d1d4d7;
  border-radius: 1px;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  -webkit-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}

.switch.switch-text.switch-lg {
  width: 56px;
  height: 28px;
}
.switch.switch-text.switch-lg .switch-label {
  font-size: 1.2rem;
}
.switch.switch-text.switch-lg .switch-handle {
  width: 24px;
  height: 24px;
}
.switch.switch-text.switch-lg .switch-input:checked ~ .switch-handle {
  left: 30px;
}

.switch.switch-text.switch-sm {
  width: 40px;
  height: 20px;
}
.switch.switch-text.switch-sm .switch-label {
  font-size: 0.8rem;
}
.switch.switch-text.switch-sm .switch-handle {
  width: 16px;
  height: 16px;
}
.switch.switch-text.switch-sm .switch-input:checked ~ .switch-handle {
  left: 22px;
}

.switch.switch-text.switch-xs {
  width: 32px;
  height: 16px;
}
.switch.switch-text.switch-xs .switch-label {
  font-size: 0.7rem;
}
.switch.switch-text.switch-xs .switch-handle {
  width: 12px;
  height: 12px;
}
.switch.switch-text.switch-xs .switch-input:checked ~ .switch-handle {
  left: 18px;
}

.switch.switch-icon {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 48px;
  height: 24px;
  background-color: transparent;
  cursor: pointer;
}
.switch.switch-icon .switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.switch.switch-icon .switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.switch.switch-icon .switch-input:checked ~ .switch-label:after {
  opacity: 1;
}
.switch.switch-icon .switch-input:checked ~ .switch-handle {
  left: 26px;
}
.switch.switch-icon .switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-family: FontAwesome;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  background-color: var(--switch-icon-bg-color);
  border: 1px solid var(--switch-icon-border-color);
  border-radius: 2px;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  -webkit-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  -webkit-transition-property: opacity background;
  transition-property: opacity background;
}
.switch.switch-icon .switch-label:before {
  position: absolute;
  top: 50%;
  width: 50%;
  margin-top: -0.5em;
  line-height: 1;
  text-align: center;
  -moz-transition: inherit;
  -o-transition: inherit;
  -webkit-transition: inherit;
  transition: inherit;
  right: 1px;
  color: #d1d4d7;
  content: attr(data-off);
}
.switch.switch-icon .switch-label:after {
  position: absolute;
  top: 50%;
  width: 50%;
  margin-top: -0.5em;
  line-height: 1;
  text-align: center;
  -moz-transition: inherit;
  -o-transition: inherit;
  -webkit-transition: inherit;
  transition: inherit;
  left: 1px;
  color: #fff;
  content: attr(data-on);
  opacity: 0;
}
.switch.switch-icon .switch-handle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #d1d4d7;
  border-radius: 1px;
  -moz-transition: left 0.25s ease-out;
  -o-transition: left 0.25s ease-out;
  -webkit-transition: left 0.25s ease-out;
  transition: left 0.25s ease-out;
}

.switch.switch-icon.switch-lg {
  width: 56px;
  height: 28px;
}
.switch.switch-icon.switch-lg .switch-label {
  font-size: 1.2rem;
}
.switch.switch-icon.switch-lg .switch-handle {
  width: 24px;
  height: 24px;
}
.switch.switch-icon.switch-lg .switch-input:checked ~ .switch-handle {
  left: 30px;
}

.switch.switch-icon.switch-sm {
  width: 40px;
  height: 20px;
}
.switch.switch-icon.switch-sm .switch-label {
  font-size: 0.8rem;
}
.switch.switch-icon.switch-sm .switch-handle {
  width: 16px;
  height: 16px;
}
.switch.switch-icon.switch-sm .switch-input:checked ~ .switch-handle {
  left: 22px;
}

.switch.switch-icon.switch-xs {
  width: 32px;
  height: 16px;
}
.switch.switch-icon.switch-xs .switch-label {
  font-size: 0.7rem;
}
.switch.switch-icon.switch-xs .switch-handle {
  width: 12px;
  height: 12px;
}
.switch.switch-icon.switch-xs .switch-input:checked ~ .switch-handle {
  left: 18px;
}

.switch.switch-3d {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 24px;
  background-color: transparent;
  cursor: pointer;
}
.switch.switch-3d .switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.switch.switch-3d .switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.switch.switch-3d .switch-input:checked ~ .switch-label:after {
  opacity: 1;
}
.switch.switch-3d .switch-input:checked ~ .switch-handle {
  left: 16px;
}
.switch.switch-3d .switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #f8f9fa;
  border: 1px solid #d1d4d7;
  border-radius: 2px;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  -webkit-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  -webkit-transition-property: opacity background;
  transition-property: opacity background;
  border-radius: 50em !important;
}
.switch.switch-3d .switch-label:before {
  right: 2px !important;
}
.switch.switch-3d .switch-label:after {
  left: 2px !important;
}
.switch.switch-3d .switch-handle {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: #fff;
  border: 1px solid #d1d4d7;
  border-radius: 1px;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  -webkit-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
  border: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  border-radius: 50em !important;
}

.switch.switch-3d.switch-lg {
  width: 48px;
  height: 28px;
}
.switch.switch-3d.switch-lg .switch-label {
  font-size: 1.2rem;
}
.switch.switch-3d.switch-lg .switch-handle {
  width: 28px;
  height: 28px;
}
.switch.switch-3d.switch-lg .switch-input:checked ~ .switch-handle {
  left: 20px;
}

.switch.switch-3d.switch-sm {
  width: 32px;
  height: 20px;
}
.switch.switch-3d.switch-sm .switch-label {
  font-size: 0.8rem;
}
.switch.switch-3d.switch-sm .switch-handle {
  width: 20px;
  height: 20px;
}
.switch.switch-3d.switch-sm .switch-input:checked ~ .switch-handle {
  left: 12px;
}

.switch.switch-3d.switch-xs {
  width: 24px;
  height: 16px;
}
.switch.switch-3d.switch-xs .switch-label {
  font-size: 0.7rem;
}
.switch.switch-3d.switch-xs .switch-handle {
  width: 16px;
  height: 16px;
}
.switch.switch-3d.switch-xs .switch-input:checked ~ .switch-handle {
  left: 8px;
}

.switch-pill .switch-label {
  border-radius: 50em !important;
}
.switch-pill .switch-label:before {
  right: 2px !important;
}
.switch-pill .switch-label:after {
  left: 2px !important;
}
.switch-pill .switch-handle {
  border-radius: 50em !important;
}

.switch-primary > .switch-input:checked ~ .switch-label {
  background: var(--switch-checked-color) !important;
  border-color: var(--switch-checked-color);
}
.switch-primary > .switch-input:checked ~ .switch-handle {
  border-color: var(--switch-checked-color);
}

.switch-primary-outline > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #00b0f0;
}
.switch-primary-outline > .switch-input:checked ~ .switch-label:after {
  color: #00b0f0;
}
.switch-primary-outline > .switch-input:checked ~ .switch-handle {
  border-color: #00b0f0;
}

.switch-primary-outline-alt > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #00b0f0;
}
.switch-primary-outline-alt > .switch-input:checked ~ .switch-label:after {
  color: #00b0f0;
}
.switch-primary-outline-alt > .switch-input:checked ~ .switch-handle {
  background: #00b0f0 !important;
  border-color: #00b0f0;
}

.switch-scheduled > .switch-input:checked ~ .switch-label {
  background: #ff8428 !important;
  border-color: #ff8428;
}
.switch-scheduled > .switch-input:checked ~ .switch-handle {
  border-color: #ff8428;
}

.switch-scheduled-outline > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #ff8428;
}
.switch-scheduled-outline > .switch-input:checked ~ .switch-label:after {
  color: #ff8428;
}
.switch-scheduled-outline > .switch-input:checked ~ .switch-handle {
  border-color: #ff8428;
}

.switch-scheduled-outline-alt > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #ff8428;
}
.switch-scheduled-outline-alt > .switch-input:checked ~ .switch-label:after {
  color: #ff8428;
}
.switch-scheduled-outline-alt > .switch-input:checked ~ .switch-handle {
  background: #ff8428 !important;
  border-color: #ff8428;
}

.switch-secondary > .switch-input:checked ~ .switch-label {
  background: #d1d4d7 !important;
  border-color: #b6bbbf;
}
.switch-secondary > .switch-input:checked ~ .switch-handle {
  border-color: #b6bbbf;
}

.switch-secondary-outline > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #d1d4d7;
}
.switch-secondary-outline > .switch-input:checked ~ .switch-label:after {
  color: #d1d4d7;
}
.switch-secondary-outline > .switch-input:checked ~ .switch-handle {
  border-color: #d1d4d7;
}

.switch-secondary-outline-alt > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #d1d4d7;
}
.switch-secondary-outline-alt > .switch-input:checked ~ .switch-label:after {
  color: #d1d4d7;
}
.switch-secondary-outline-alt > .switch-input:checked ~ .switch-handle {
  background: #d1d4d7 !important;
  border-color: #d1d4d7;
}

.switch-success > .switch-input:checked ~ .switch-label {
  background: #4dbd74 !important;
  border-color: 3a9d5d;
}
.switch-success > .switch-input:checked ~ .switch-handle {
  border-color: 3a9d5d;
}

.switch-success-outline > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #4dbd74;
}
.switch-success-outline > .switch-input:checked ~ .switch-label:after {
  color: #4dbd74;
}
.switch-success-outline > .switch-input:checked ~ .switch-handle {
  border-color: #4dbd74;
}

.switch-success-outline-alt > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #4dbd74;
}
.switch-success-outline-alt > .switch-input:checked ~ .switch-label:after {
  color: #4dbd74;
}
.switch-success-outline-alt > .switch-input:checked ~ .switch-handle {
  background: #4dbd74 !important;
  border-color: #4dbd74;
}

.switch-info > .switch-input:checked ~ .switch-label {
  background: #63c2de !important;
  border-color: #39b2d5;
}
.switch-info > .switch-input:checked ~ .switch-handle {
  border-color: #39b2d5;
}

.switch-info-outline > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #63c2de;
}
.switch-info-outline > .switch-input:checked ~ .switch-label:after {
  color: #63c2de;
}
.switch-info-outline > .switch-input:checked ~ .switch-handle {
  border-color: #63c2de;
}

.switch-info-outline-alt > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #63c2de;
}
.switch-info-outline-alt > .switch-input:checked ~ .switch-label:after {
  color: #63c2de;
}
.switch-info-outline-alt > .switch-input:checked ~ .switch-handle {
  background: #63c2de !important;
  border-color: #63c2de;
}

.switch-warning > .switch-input:checked ~ .switch-label {
  background: #f8cb00 !important;
  border-color: #c5a100;
}
.switch-warning > .switch-input:checked ~ .switch-handle {
  border-color: #c5a100;
}

.switch-warning-outline > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #f8cb00;
}
.switch-warning-outline > .switch-input:checked ~ .switch-label:after {
  color: #f8cb00;
}
.switch-warning-outline > .switch-input:checked ~ .switch-handle {
  border-color: #f8cb00;
}

.switch-warning-outline-alt > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #f8cb00;
}
.switch-warning-outline-alt > .switch-input:checked ~ .switch-label:after {
  color: #f8cb00;
}
.switch-warning-outline-alt > .switch-input:checked ~ .switch-handle {
  background: #f8cb00 !important;
  border-color: #f8cb00;
}

.switch-danger > .switch-input:checked ~ .switch-label {
  background: #f86c6b !important;
  border-color: f63c3a;
}
.switch-danger > .switch-input:checked ~ .switch-handle {
  border-color: f63c3a;
}

.switch-danger-outline > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #f86c6b;
}
.switch-danger-outline > .switch-input:checked ~ .switch-label:after {
  color: #f86c6b;
}
.switch-danger-outline > .switch-input:checked ~ .switch-handle {
  border-color: #f86c6b;
}

.switch-danger-outline-alt > .switch-input:checked ~ .switch-label {
  background: #fff !important;
  border-color: #f86c6b;
}
.switch-danger-outline-alt > .switch-input:checked ~ .switch-label:after {
  color: #f86c6b;
}
.switch-danger-outline-alt > .switch-input:checked ~ .switch-handle {
  background: #f86c6b !important;
  border-color: #f86c6b;
}

app-alert-create .alertsSetupCreate .table {
  color: var(--alert-setup-table-color);
}
app-alert-create {
  /* #myTabModalContent {
     .tab-pane {
       .tab-content {
         background: $white;
       }
     }
   }*/
}

/*--------compliance-team---------------*/
app-create .systemUserTeamCreate .svg-icon {
  fill: var(--svg-fill-color-list);
}

/*Green rrom*/
/*app-Links-create {
    #GreenRoomSettings {
      label {
        color: $static-body-text-color;
      }
    }

    #JtTemplateContainer {
      color: $static-body-text-color;
    }
  }
*/
app-timedform-create .assessmentFormTimedFormsCreate #group-add-container .btn-file {
  color: var(--btn-assessment-chose-file);
}

app-timedform-create .assessmentFormTimedFormsCreate #group-add-container .btn-file:focus {
  color: #000;
}

app-question .btn-file, app-question .btn-file:hover {
  color: var(--btn-assessment-chose-file);
}

/*-----Starter-form------------------*/
app-starter app-jt-preview-form span {
  color: var(--lable-starter-form) !important;
}

app-jt-preview-form .text-danger span {
  color: #dc3545 !important;
  border-radius: 10px 0 0 10px;
}

app-offerauthorizationstep2 .addJobCandidateActionsOfferAuthStep2 .svg-icon {
  fill: var(--svg-fill-color-list);
}

app-thirteendocuments-list .table {
  color: var(--body-color);
}

app-bulk-upload-positions .downloadPosition a {
  color: var(--body-color);
}

.addJobJobAccess form.ng-valid.ng-touched.ng-dirty {
  background-color: none;
}

.printBookedCandidate .table {
  color: var(--body-color);
}

/*  app-vacant-create {
    .card {
      background-color: $white;
    }

    .collaps_tabs {
      .tab-pane {
        .tab-content {
          background-color: $white;
        }
      }
    }

    .event_dashboard {
      color: $black;
    }
  }*/
.auto-complete .autocomplete-container {
  z-index: 999;
}

.auto-complete input {
  display: block !important;
  width: 100% !important;
  height: 44px !important;
  margin-bottom: 0px !important;
  padding: 0.375rem 0.75rem !important;
  font-size: var(--font-size-primary) !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: var(--input-color) !important;
  background-color: var(--input-bg-color) !important;
  background-clip: padding-box !important;
  border: 1px solid var(--input-border-color) !important;
  border-radius: 0.25rem !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

.autocomplete-container {
  box-shadow: initial !important;
  height: 44px !important;
}

.auto-complete input:focus {
  color: var(--input-color) !important;
  border-color: var(--jasmine-green) !important;
  box-shadow: 0 0 0 0.2rem rgba(63, 195, 128, 0.15) !important;
  background: var(--input-bg-color) !important;
}

.autocomplete-container .input-container .x i {
  color: var(--add-job-detail-tab-ngx-select-svg-fill-color);
  font-size: 16px;
  vertical-align: middle;
}

.table .nav-icon-more {
  fill: var(--table-icon-svg-color);
  height: 20px;
  width: 24px;
  cursor: pointer;
}

.sortable-container .sortable-list {
  overflow: initial !important;
}

.sortable-container .sortable-list li:hover {
  background: var(--application-template-bg-color-hover);
  cursor: move;
}

.customFields textarea.form-control {
  height: 80px;
}

.sortable-container .sortable-list .active .form-control:focus,
app-assessmentform-question .assessmentFormQuestion app-question #results .form-control.ng-pristine:focus {
  background-color: var(--input-bg-color);
}

.customFields_group li:hover, .customFields_group li:focus, .customFields_group li:active, .customFields_group li.active {
  background: var(--application-template-bg-color-hover);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
  cursor: move;
}

app-applicationtemplate-updatesaction .list-group-item,
app-direct-apply-application-form-create .list-group-item {
  background-color: var(--main-bg-color);
}

.svg-icon-medium {
  fill: var(--table-icon-svg-color);
  height: 30px;
  width: 30px;
  cursor: pointer;
}

/*==============file-upload-start===================*/
.file-upload-wrapper {
  position: relative;
  width: 100%;
  height: 40px;
  border: 1px solid var(--input-border-color);
  border-radius: 0.25rem;
}

.file-upload-wrapper:after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  right: 0;
  background: var(--input-bg-color);
  padding: 10px 5px;
  display: block;
  width: calc(100% - 74px);
  pointer-events: none;
  z-index: 20;
  height: 38px;
  line-height: 20px;
  border-radius: 0.25rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.file-upload-wrapper:before {
  content: "Upload";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  height: 38px;
  background: #0d3f68;
  color: var(--white);
  z-index: 25;
  line-height: 38px;
  padding: 0 15px;
  pointer-events: none;
  border-radius: 0.25rem;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.file-upload-wrapper:hover:before {
  background: rgb(13, 63, 104) !important;
  cursor: pointer;
}

.file-upload-wrapper input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  height: 40px;
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  width: 100%;
}

/*==============file-upload-end===================*/
/*==============Print-Preview-start===================*/
app-print-and-export .datatablePrint td {
  color: var(--print-preview-color);
}

thead th:not(.myDpWeekDayTitle) {
  background-color: var(--print-preview-table-header-bg-color) !important;
  color: var(--print-preview-table-header-color) !important;
}

app-print-and-export .table {
  border-collapse: collapse;
}

/*==============Print-Preview-end===================*/
/*==============Bulk-Upload-start===================*/
app-bulk-upload-users .table,
app-bulk-upload-positions .table {
  color: var(--body-color);
}

app-bulk-upload-users a, app-bulk-upload-users a:hover {
  color: var(--body-color);
}

/*==============Bulk-Upload-start===================*/
/*==============Job-Status-Automation-start===================*/
app-automation-detail .automation-card-body .list-group {
  width: 50%;
  margin-left: 25%;
}

app-automation-detail .automation-card-body .item-witdh {
  width: 50%;
  margin-left: 25%;
}

app-automation-detail .automation-heading {
  background-color: var(--automation-status-head-bg-color);
  color: #fff;
}

app-automation-detail .stages-border {
  border: 2px solid #161414;
  margin: 6px;
  border-radius: 5px;
  padding-right: 20px;
}

app-automation-detail .automation-arrow-button {
  background-color: white;
  border-radius: 8px;
}

app-automation-detail .list-group-item {
  background-color: var(--candidate-pipeline-nav-tab-bg-color);
}

/*==============Job-Status-Automation-start===================*/
/*==============OnBoarding-Templates-start===================*/
app-templates-create .table-container {
  overflow: inherit;
  height: auto;
  max-height: initial;
  min-height: 2vh !important;
}

/*==============OnBoarding-Templates-end===================*/
app-email-inbox .grid,
app-email-inbox-personal .grid {
  background: var(--main-bg-color) !important;
}

app-email-inbox a,
app-email-inbox .table {
  color: var(--label-color);
}

app-email-inbox-personal a,
app-email-inbox-personal .table {
  color: var(--label-color);
}

app-email-inbox .btn-light,
app-email-inbox-personal .btn-light {
  background-color: var(--nylas-back-btn-bg-color);
  border-color: var(--nylas-back-btn-bg-color);
}

app-email-left-menu .email-quick-nav a {
  background-color: var(--nylas-email-left-card-bg-color) !important;
  color: var(--white) !important;
}

app-email-left-menu .email-quick-nav a:hover {
  background-color: var(--nylas-email-left-card-bg-color) !important;
  color: var(--white) !important;
}

app-email-dataview table tr.read > td {
  background-color: var(--main-bg-color) !important;
}

app-convert-to-candidate .form-control[disabled], app-convert-to-candidate .form-control[readonly], app-convert-to-candidate fieldset[disabled] .form-control {
  background-color: var(--input-bg-color) !important;
}

app-book-candidate-interview-create app-datepicker app-svg-icon #datecalendar path,
app-book-candidate-interview-create app-svg-icon .svg-icon {
  fill: var(--add-job-svg-fill-color);
}

app-book-candidate-interview-create .BookCandidate .previewTemplate a {
  color: var(--add-job-svg-fill-color);
}

select:-webkit-autofill,
select:-webkit-autofill:focus {
  transition: background-color 600000s 0s, color 600000s 0s;
}

app-date-time-create .appointment_date_time_form select {
  background-color: var(--input-bg-color);
}

app-systemuserlist #collapseMore .table,
app-jt-tab .table-responsive.job-info .table.table-job-info,
app-jt-tab .table-responsive.job-info .table.table-job-info,
app-sent-emails app-jt-modal-hor-form fieldset a,
app-sent-emails .app_sentEmail_Model a,
app-sent-emails .app_sentEmail_Model a:hover,
app-sent-emails app-jt-modal-hor-form fieldset a:hover {
  color: var(--label-color);
}

app-calendarlist-list list-body .search-visible .pills-list-container ul li {
  color: var(--label-color) !important;
}

app-templates-create .modal-dialog.multidoc_popup_width .modal-body a,
app-templates-create .modal-dialog.multidoc_popup_width .modal-body a:hover {
  color: var(--label-color);
}

.applicationTemplatesSection .action .action-area {
  padding: 15px;
  background: var(--add-job-footer-bg-color);
  background-size: 60px;
  margin-bottom: 0 !important;
}

app-onboarding-settings-create .grid-margins {
  margin-bottom: 5px;
}

.assessmentFormTimedFormsCreate app-jt-hor-form .card {
  padding: 15px;
}

app-templates-create .compliances.table_cell_container {
  vertical-align: top;
}

app-templates-create .switch.switch-icon .switch-disable-label {
  background-color: #d0c7c7 !important;
  border: 1px solid #b9b0b0 !important;
}

app-templates-create .modal-dialog input:focus {
  background-color: var(--input-bg-color);
  border: 1px solid var(--input-border-color);
}

app-resettestmodal app-reset-timed-assessment-form-group .backgroupClass {
  background-color: var(--input-readonly-bg-color) !important;
}

app-education-preview .addJobApplicationFormDeclarationDetails #educationDetailTable .tble-heading.ng-star-inserted,
app-candidatelist-list app-education-preview-section #profileTable .tble-heading.ng-star-inserted {
  background-color: var(--input-bg-color);
}

app-candidatelist-list app-education-preview-section #profileTable .tble-td.ng-star-inserted,
#print-section.reference-form-print #formfieldlist .divcontrol div {
  background-color: var(--input-bg-color) !important;
}

app-candidatelist-list #user_content .candidate-filter .dropdown-menu {
  background-color: var(--candidate-listing-candidate-card-bg-color);
}

app-view-calendar #inner_wrapper .fc-unthemed .fc-divider,
app-view-calendar #inner_wrapper .fc-unthemed .fc-list-heading td,
app-view-calendar #inner_wrapper .fc-unthemed .fc-popover .fc-header,
app-view-calendar #inner_wrapper .fc-unthemed .fc-list-item:hover td {
  background: var(--dashboard-card-bg-color) !important;
}

/*
Vonq Section*/
app-vonq-products .job-board-type {
  text-transform: capitalize;
}

app-vonq-products .card-body span {
  text-transform: capitalize;
}

app-vonq-products .job-board-type {
  text-transform: capitalize;
}

app-vonq-products .card-body span {
  text-transform: capitalize;
}

/*Vonq Products Start*/
app-vonq-products .card {
  height: 420px !important;
}

app-vonq-products .card-header > p {
  font-weight: bold;
}

app-vonq-products .card-text {
  max-height: 360px;
  overflow: hidden;
}

app-vonq-products ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

app-vonq-products *, *:before, *:after {
  box-sizing: border-box;
}

app-vonq-products input:focus {
  outline: none;
}

app-vonq-products input[disabled] {
  background-color: transparent;
}

app-vonq-products .vue-tags-input {
  max-width: 450px;
  position: relative;
  background-color: #fff;
}

app-vonq-products div.vue-tags-input.disabled {
  opacity: 0.5;
}

app-vonq-products div.vue-tags-input.disabled * {
  cursor: default;
}

app-vonq-products .ti-input {
  border: 1px solid #ccc;
  display: flex;
  padding: 4px;
  flex-wrap: wrap;
}

app-vonq-products .ti-tags {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  line-height: 1em;
}

app-vonq-products .ti-tag {
  background-color: #5C6BC0;
  color: #fff;
  border-radius: 2px;
  display: flex;
  padding: 3px 5px;
  margin: 2px;
  font-size: 0.85em;
}

app-vonq-products .ti-tag:focus {
  outline: none;
}

app-vonq-products .ti-tag .ti-content {
  display: flex;
  align-items: center;
}

app-vonq-products .ti-tag .ti-tag-center {
  position: relative;
}

app-vonq-products .ti-tag span {
  line-height: 0.85em;
}

app-vonq-products .ti-tag span.ti-hidden {
  padding-left: 14px;
  visibility: hidden;
  height: 0px;
  white-space: pre;
}

app-vonq-products .ti-tag .ti-actions {
  margin-left: 2px;
  display: flex;
  align-items: center;
  font-size: 1.15em;
}

app-vonq-products .ti-tag .ti-actions i {
  cursor: pointer;
}

app-vonq-products .ti-tag:last-child {
  margin-right: 4px;
}

app-vonq-products .ti-tag.ti-invalid, .ti-tag.ti-tag.ti-deletion-mark {
  background-color: #e54d42;
}

app-vonq-products .ti-new-tag-input-wrapper {
  display: flex;
  flex: 1 0 auto;
  padding: 3px 5px;
  margin: 2px;
  font-size: 0.85em;
}

app-vonq-products .ti-new-tag-input-wrapper input {
  flex: 1 0 auto;
  min-width: 100px;
  border: none;
  padding: 0px;
  margin: 0px;
}

app-vonq-products .ti-new-tag-input {
  line-height: initial;
}

app-vonq-products .ti-autocomplete {
  border: 1px solid #ccc;
  border-top: none;
  position: absolute;
  width: auto;
  background-color: #fff;
  z-index: 20;
}

app-vonq-products .ti-item > div {
  cursor: pointer;
  padding: 3px 6px;
  width: 100%;
}

app-vonq-products li:hover {
  background-color: #5C6BC0;
  color: #fff;
}

app-vonq-products .img-width {
  width: 100px !important;
}

app-vonq-products .img-width-height {
  width: 200px !important;
  height: 60px !important;
}

/*Vonq Products End*/
/*Vonq Products Start*/
app-vonq-campagns-list .new-campaign-create {
  margin-top: 0px !important;
}

app-vonq-products .card {
  height: 350px !important;
}

app-vonq-products .vonq-product-filter {
  height: 630px !important;
}

app-vonq-products .card-header > p {
  font-weight: bold;
}

app-vonq-products .card-text {
  max-height: 360px;
  overflow: hidden;
}

app-vonq-products .fixedElement {
  position: fixed;
  /*  z-index: 9999;*/
  display: block;
  /*background-color: #ffffff;*/
  background-color: var(--vonq-filter-bg-color);
  padding: 10px;
  margin-top: 0px;
  width: 15.66%;
  padding-top: 10px;
  height: 90%;
  overflow-y: auto;
}

@media (max-width: 766px) {
  app-vonq-products .fixedElement {
    position: absolute;
    width: 100%;
  }
}
app-vonq-products ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

app-vonq-products, :before, *:after {
  box-sizing: border-box;
}

app-vonq-products input:focus {
  outline: none;
}

app-vonq-products input[disabled] {
  background-color: transparent;
}

app-vonq-products .vue-tags-input {
  max-width: 450px;
  position: relative;
  background-color: #fff;
}

app-vonq-products div.vue-tags-input.disabled {
  opacity: 0.5;
}

app-vonq-products div.vue-tags-input.disabled * {
  cursor: default;
}

app-vonq-products .ti-input {
  border: 1px solid #ccc;
  display: flex;
  padding: 4px;
  flex-wrap: wrap;
}

app-vonq-products .ti-tags {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  line-height: 1em;
}

app-vonq-products .ti-tag {
  background-color: #5C6BC0;
  color: #fff;
  border-radius: 2px;
  display: flex;
  padding: 3px 5px;
  margin: 2px;
  font-size: 0.85em;
}

app-vonq-products .ti-tag:focus {
  outline: none;
}

app-vonq-products .ti-tag .ti-content {
  display: flex;
  align-items: center;
}

app-vonq-products .ti-tag .ti-tag-center {
  position: relative;
}

app-vonq-products .ti-tag span {
  line-height: 0.85em;
}

app-vonq-products .ti-tag span.ti-hidden {
  padding-left: 14px;
  visibility: hidden;
  height: 0px;
  white-space: pre;
}

app-vonq-products .ti-tag .ti-actions {
  margin-left: 2px;
  display: flex;
  align-items: center;
  font-size: 1.15em;
}

app-vonq-products .ti-tag .ti-actions i {
  cursor: pointer;
}

app-vonq-products .ti-tag:last-child {
  margin-right: 4px;
}

app-vonq-products .ti-tag.ti-invalid, .ti-tag.ti-tag.ti-deletion-mark {
  background-color: #e54d42;
}

app-vonq-products .ti-new-tag-input-wrapper {
  display: flex;
  flex: 1 0 auto;
  padding: 3px 5px;
  margin: 2px;
  font-size: 0.85em;
}

app-vonq-products .ti-new-tag-input-wrapper input {
  flex: 1 0 auto;
  min-width: 100px;
  border: none;
  padding: 0px;
  margin: 0px;
}

app-vonq-products .ti-new-tag-input {
  line-height: initial;
}

app-vonq-products .ti-autocomplete {
  border: 1px solid #ccc;
  border-top: none;
  position: absolute;
  width: auto;
  background-color: #fff;
  z-index: 20;
}

app-vonq-products .ti-item > div {
  cursor: pointer;
  padding: 3px 6px;
  width: 100%;
}

app-vonq-products li:hover {
  background-color: #5C6BC0;
  color: #fff;
}

app-vonq-products .img-width {
  width: 100px !important;
}

app-vonq-products .img-width-height {
  width: 200px !important;
  height: 60px !important;
}

app-vonq-products .cursor-auto {
  cursor: auto !important;
}

app-vonq-products .font-size-11 {
  font-size: 11px !important;
}

.bt-basket {
  width: 65%;
}

.cart-head-hide {
  display: none;
}

.setuptime-font {
  font-size: 10px !important;
}

app-vonq-products .bt-gray {
  background-color: var(--vonq-location-bg-color);
}

app-vonq-products .roundbox {
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px 6px 6px 6px;
}

app-vonq-cart .cart-total {
  margin-left: 28px;
  font-size: 13px;
}

app-vonq-cart .tol-info {
  margin-left: 8px;
  margin-right: 8px;
}

app-vonq-products .img-fluid {
  width: 200px;
  height: 60px;
}

/*Vonq Products End*/
app-campaign-product-detail .vonq-card-border {
  border-radius: 10px;
  border: 3px solid black;
}

app-campaign-product-detail .vonq-card-border hr {
  height: 2px;
  background-color: black;
}

app-campaign-product-detail .total-vat-padding {
  margin-right: 12%;
}

app-campaign-product-detail .campaign-total-padding {
  margin-right: 11%;
}

app-campaign-product-detail .total-row-color {
  background-color: skyblue;
}

app-vonq-cart .modal-dialog {
  min-width: 600px;
  max-width: 600px;
}

app-vonq-products .margin-bottom {
  margin-bottom: 200px !important;
}

app-campaign-product-detail .view-receipt-modal span {
  text-transform: capitalize;
}

app-stripe-order-receipts .view-receipt-modal span {
  text-transform: capitalize;
}

/*.checkout-confirm-modal {
  box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
}*/
app-campaign-product-detail .view-receipt-modal span {
  text-transform: capitalize;
}

app-stripe-order-receipts .view-receipt-modal span {
  text-transform: capitalize;
}

app-vonq-products .job-board-type {
  text-transform: capitalize;
}

app-vonq-products .card {
  text-transform: capitalize;
}

app-vonq-products .card .btn-warning:hover {
  color: #212529;
  background-color: #ffc107 !important;
  border-color: #ffc107 !important;
}

app-vonq-products .title-elipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-inline-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}

app-vonq-products .para-elipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-inline-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
}

app-vonq-products .card-header {
  height: 100px !important;
}

app-vonq-products .btn-light {
  border-color: var(--vonq-location-bg-color);
}

app-vonq-products .table-info, .cart-footer .table-info {
  background-color: var(--vonq-basket-card-total-bg-color);
}

app-vonq-products .btn-link,
app-vonq-products .btn-link:hover,
.cart-footer .btn-link, .cart-footer .btn-link:hover {
  color: var(--label-color);
}

app-compliance-settings-create .grid-margins {
  margin-bottom: 5px;
}

app-links-create .Jt-body {
  background-color: var(--green-room-card-body-bg-color);
}

app-links-create .Jt-info-body,
app-links-create .key-contact,
app-links-create .useful-link {
  background-color: var(--main-bg-color);
}

app-links-create .Jt-info {
  background-color: var(--green-room-card-footer-bg-color);
}

app-links-create .key-contact a,
app-links-create .usefullink-section .linkDesc a {
  color: var(--label-color);
}

app-links-create .Jt-manager-footer a#managerEmail,
app-links-create .modal-content .modal-body .user_table table tbody tr:hover {
  color: var(--label-color);
}

app-starter-form .starter-form-main .starter-form-sub-class-details .last-cancel-by {
  margin-left: 14.5rem;
}

.ntu-document-container table td {
  color: var(--table-body-text-color);
}

.onboardingFormsSettingsCreate .collaps_tabs .tab-pane .tab-content {
  background: none;
}

/*job approval */
app-job-authorisation-matster-templates-create .approverlevel {
  height: 85px;
}

app-job-authorisation-matster-templates-create .remove-icon {
  position: absolute;
  top: 14px;
  right: 18px;
}

app-job-authorisation-matster-templates-create .addlevel-icon {
  position: relative;
  top: 0px;
  left: 22px;
}

.master-template-container .table-container {
  min-height: 15vh;
}

.jobatuhTemplate .default-approver-category,
.authorisationUsersCreate .default-approver-category,
.master-template-container .default-approver-category {
  margin-top: -1.24rem;
  z-index: 1;
}

.my-enhanced-authorisation-list .approval-stats.active {
  background: var(--header-active-color) !important;
  color: var(--input-bg-color);
}

.my-enhanced-authorisation-list .approval-stats,
.my-enhanced-authorisation-list .approval-stats:hover {
  color: var(--input-color);
  cursor: pointer;
}

.jobatuhTemplate .default-approver-category,
.authorisationUsersCreate .default-approver-category,
.master-template-container .default-approver-category {
  background-color: var(--default-approver-category-bg-color);
}

.btn-reset-template #refreshIcon {
  fill: var(--btn-danger-bg-color);
}

.btn-reset-template #refreshIcon:focus,
.btn-reset-template #refreshIcon:active {
  fill: var(--btn-danger-hovor-bg-color);
}

.jobatuhTemplate .remove-icon {
  position: absolute;
  top: 12px;
  right: 25px;
}

.master-template-Level .svg-icon,
.jobatuhTemplate .svg-icon {
  fill: var(--table-icon-svg-color);
}

.user-swapping-container #questionMark {
  fill: var(--question-icon-fill-color);
  height: 25px;
  width: 25px;
}

.master-template-notifications .table-container {
  min-height: 18vh;
  margin-bottom: 0px;
}

.authorization-group-notification .table-container {
  min-height: 30vh;
  margin-bottom: 0px;
}

.master-template-container .master-template-Level .remove-icon {
  position: absolute;
  top: 12px;
  right: 18px;
}

.enhanced-authorisation-container .obHubStats {
  padding-left: 0px !important;
}

#datepicker.form-control {
  border-color: var(--input-border-color);
}

textarea.form-control {
  border-color: var(--input-border-color);
}

div.form-control {
  border-color: var(--input-border-color);
}

input.form-control {
  border: 1px solid var(--input-border-color);
}

@media (max-width: 767px) {
  .home_search .search-by.form-control {
    margin-bottom: 0px;
  }
}
#condidateTabContent > div > form-body > form > div > div > div > table {
  color: var(--reference-tab-table-color);
}

#user_content .candidate-list-dtl svg {
  fill: var(--cadidate-profile-svg-color);
}

.condidate-tabs .right-penal.text-center {
  background-color: var(--tab-header-bg-color);
  margin-top: 30px;
  padding: 10px;
  color: var(--tab-header-color);
}

.condidate-tabs .tab-content .card-header {
  background-color: var(--candidate-profile-tabs-section-header-bg-color);
  padding: 0;
}

.condidate-tabs .nav-tabs .nav-link.active {
  color: #fff !important;
  font-weight: bold;
}

.condidate-tabs .nav-tabs .nav-link.active > .status-title > span {
  font-weight: bold;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.condidate-tabs .nav-tabs .nav-link.active > .status-title {
  font-weight: bold;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.condidate-tabs .nav-tabs .nav-link > .status-title > span:hover {
  color: #fff;
}

.condidate-tabs .nav-tabs .nav-item.dropdown.show .status-title:hover {
  color: var(--candidate-profile-tabs-header-text-color);
}

.condidate-tabs .nav-tabs .nav-item.dropdown.show .status-title > span:hover {
  color: var(--candidate-profile-tabs-header-text-color);
}

.condidate-tabs .nav-tabs .nav-link.status-card:hover {
  color: #fff;
}

.condidate-tabs .candidate-detaile-right-option-container .nav-tabs .nav-link.active > .status-title {
  font-weight: bold;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.condidate-tabs .status-card {
  float: left;
  width: 100%;
  border-top: 0px !important;
  border: 0px solid #ced4da;
  background-color: var(--candidate-profile-tabs-header-bg-color);
  box-shadow: inset 10px 0px 0px 0px var(--candidate-profile-tabs-header-separator-bg-color);
  padding: 15px;
  padding-left: 20px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  color: var(--candidate-profile-tabs-header-text-color);
}

.condidate-tabs .status-card.active {
  box-shadow: inset 10px 0px 0px 0px #f97f50;
  background-color: var(--candidate-profile-tabs-header-active-bg-color);
}

.condidate-tabs .tab-content .sectionsDetail.col-12 {
  flex: 0 0 100%;
}

.condidate-tabs .tab-content .sectionsDetail .card .card-header .btn {
  color: var(--white);
  margin-left: 15px;
  padding: 10px;
}

.condidate-tabs .tab-content .applicationForm {
  height: auto;
  overflow-y: hidden;
}

.condidate-tabs .tab-content .applicationForm tr th span {
  display: none;
}

app-application-form accordion-group .user_table tr th span {
  display: block !important;
}

.condidate-tabs .tab-content .applicationForm .table th {
  border: 0;
}

.condidate-tabs .tab-content .applicationForm .table td {
  padding: 5px;
  border-top: 1px solid var(--bright-star);
  border-bottom: 1px solid var(--bright-star);
}

.condidate-tabs .tab-content .applicationForm .table td:nth-child(1) {
  font-weight: 600;
  background-color: var(--candidate-profile-section-table-odd-cell-bg-color);
}

.condidate-tabs .tab-content .applicationForm .table td:nth-child(2) {
  font-size: 1.4rem;
  background-color: var(--candidate-profile-section-table-even-cell-bg-color);
}

.user_table .onlineClosure .table td:nth-child(1) {
  font-weight: 600;
  background-color: var(--candidate-profile-section-table-odd-cell-bg-color);
}

.user_table .onlineClosure .table td:nth-child(2) {
  font-size: 1.4rem;
  background-color: var(--candidate-profile-section-table-even-cell-bg-color);
}

.condidate-tabs .status-card span {
  padding: 15px;
}

.condidate-tabs .status-card:hover, .condidate-tabs .status-card:focus, .condidate-tabs .status-card:visited, .condidate-tabs .status-card:active, .condidate-tabs .status-card.active {
  background-color: var(--candidate-profile-tabs-header-active-bg-color);
  box-shadow: inset 10px 0px 0px 0px var(--candidate-profile-tabs-header-separator-bg-color);
}

.dropdownIconHide .dropdown .nav-link.active {
  background-color: var(--candidate-profile-tabs-header-active-bg-color);
}

.dropdownIconHide .dropdown.show .nav-link {
  color: var(--cadidate-profile-filter-color);
}

.candidateDetails ul li a {
  color: var(--cadidate-profile-email-color);
}

#user_content .candidate-list-dtl .nav-tabs li a {
  color: var(--cadidate-profile-filter-color);
}

/*--candidate-filter--*/
.candidate-filter {
  position: relative;
  width: 100%;
}

.candidate-filter .btn-filter, .candidate-filter .btn-filter:visited, .candidate-filter .btn-filter:focus {
  width: 100%;
  /*color: $candidate-profile-search-filter-text-color;*/
  background-color: var(--candidate-profile-search-filter-button-bg-color) !important;
  border-color: var(--candidate-profile-search-filter-button-border-color) !important;
}

.candidate-filter .dropdown-menu {
  width: 100%;
  padding: 15px;
  margin-top: 0;
}

/*--candidate card start--*/
.condidate-card {
  float: left;
  width: 100%;
  display: block;
}

.condidate-card .card {
  padding: 15px 30px;
  background-color: var(--candidate-listing-candidate-card-bg-color);
}

.jc .condidate-card .card {
  padding: 5px 30px;
}

.condidate-card .card h1, .condidate-card .card h2 {
  font-size: 2rem;
}

.condidate-card ul {
  margin-bottom: 0;
  padding-top: 5px;
}

.condidate-card .carousel-inner {
  overflow: visible;
}

.condidate-card .thumb-col {
  padding: 0 15px;
}

.condidate-card .candidate-img {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: block;
  overflow: hidden;
}

.condidate-card .candidate-img .user-icon {
  width: 60px;
  height: 60px;
  fill: #000;
  display: block;
}

.condidate-card .candidate-content {
  border-top: 1px solid #ced4da;
  width: 100%;
  padding-top: 10px;
  margin-top: 10px;
}

.jc .condidate-card .candidate-content {
  border-top: 1px solid #ced4da;
  width: 100%;
  padding-top: 2px;
}

.condidate-card .candidate-locate label {
  float: left;
  margin-right: 20px;
  text-align: left;
}

.condidate-card .candidate-locate label:last-child {
  margin-right: 0px;
}

.condidate-card .candidate-info h4, .condidate-card .candidate-info p {
  margin-bottom: 0;
  display: block;
  width: 100%;
}

.condidate-card .candidate-buttons {
  text-align: right;
}

.condidate-card .rating span.star.on {
  font-size: 20px;
}

.condidate-card .rating span {
  margin-right: -4px;
  font-size: 16px;
}

.condidate-card .social-media, .condidate-card .disability {
  display: block;
  float: left;
}

.condidate-card .disability li {
  float: left;
}

.condidate-card .social-media li {
  margin-right: 3px;
  float: left;
}

.condidate-card .social-media a .nav-link-icon {
  width: 28px;
  height: 28px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
}

.condidate-card .disability li {
  margin-right: 5px;
}

.condidate-card .disability a .nav-link-icon {
  width: 18px;
  height: 18px;
}

.condidate-card .candidateDetails {
  display: block;
  margin-top: 15px;
}

.condidate-card .candidateDetails ul {
  float: left;
  margin-bottom: 0;
  width: 100%;
  padding-top: 15px;
  border-top: 1px solid #ced4da;
}

.condidate-card .candidateDetails ul li {
  float: left;
  margin-right: 25px;
  position: relative;
}

.condidate-card .candidateDetails ul li:last-child {
  float: left;
  margin-right: 0;
}

.condidate-card .candidateDetails ul .nav-link-icon {
  width: 18px;
  height: 18px;
}

.condidate-card .candidateStatuses {
  display: block;
}

.condidate-card .candidateStatuses select, .condidate-card .candidateStatuses input[type=text] {
  background: #0d3f68;
  border-color: #0d3f68;
  color: #fff;
}

.condidate-card .candidateStatuses .svg-icon,
.condidate-card .candidateDetails svg,
.condidate-card .carousel-item svg {
  fill: var(--cadidate-profile-svg-color);
}

app-listcandidates-search .candidateDetails #cap_menu {
  fill: var(--sorting-svg-fill-color);
}

.condidate-card .candidateStatuses option {
  background: #fff;
  color: #212529;
  padding: 10px 5px;
}

.condidate-card .additionalMenu {
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 10px;
}

.condidate-card .additionalMenu .menu-icon {
  width: 20px;
  height: 20px;
}

.condidate-card .carousel .carousel-control .carousel-control-prev, .condidate-card .carousel .carousel-control .carousel-control-next {
  background-color: var(--candidate-listing-candidate-card-carousel-bg-color);
  top: 0;
  height: inherit;
  padding: 8px;
  fill: #fff;
  width: 10px;
  opacity: 1;
}

.condidate-card .carousel .carousel-control .carousel-control-prev svg, .condidate-card .carousel .carousel-control .carousel-control-next svg {
  width: 15px;
  height: 15px;
}

.condidate-card .carousel .carousel-control .carousel-control-prev svg, .condidate-card .carousel .carousel-control .carousel-control-next svg {
  fill: transparent !important;
}

.condidate-card .carousel .carousel-control .carousel-control-prev:hover,
.condidate-card .carousel .carousel-control .carousel-control-prev:focus,
.condidate-card .carousel .carousel-control .carousel-control-prev:visited,
.condidate-card .carousel .carousel-control .carousel-control-prev:active,
.condidate-card .carousel .carousel-control .carousel-control-prev.active,
.condidate-card .carousel .carousel-control .carousel-control-next:hover,
.condidate-card .carousel .carousel-control .carousel-control-next:focus,
.condidate-card .carousel .carousel-control .carousel-control-next:visited,
.condidate-card .carousel .carousel-control .carousel-control-next:active,
.condidate-card .carousel .carousel-control .carousel-control-next.active {
  background-color: #f15a29;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
  .condidate-card .candidateDetails ul li {
    margin-right: 0;
    width: 100%;
    margin-bottom: 10px;
  }
  .condidate-card .candidateDetails ul li .dropdown {
    float: right;
  }
  .condidate-card .additionalMenu {
    position: relative;
    right: 3px;
    float: right;
  }
  .condidate-card .additionalMenu .dropdownIconHide {
    float: right;
  }
  .candidate-info .col-lg-6.col-md-8 .row {
    margin: 0;
  }
  .reports_Index .user_home_content ul li {
    margin: 0 auto;
  }
  #LeftMenu, #MiddleMenu {
    float: right;
  }
  #back-arrow {
    fill: #fff;
  }
  #next-arrow {
    fill: #fff;
  }
}
.JATCandidateDetail .ngx-dropdown-container .ngx-dropdown-button {
  color: var(--candidate-profile-dropdown-text-color);
  background-color: var(--candidate-profile-dropdown-bg-color) !important;
  border: 1px solid var(--candidate-profile-dropdown-border-color) !important;
}

/*--candidate card end--*/
/*--=====================condidate-tabs======================--*/
.condidate-tabs {
  float: left;
  width: 100%;
  display: block;
  /*li:first-child {
        padding-left: 0;
    }

    li:last-child {
        padding-right: 0;
    }*/
}

.condidate-tabs ul:not(.custompagination) {
  width: 100%;
  position: relative;
  z-index: 1;
  margin-top: 30px;
  border: 0;
}

.condidate-tabs li {
  float: left;
  width: 25%;
}

.condidate-tabs li .dropdown-menu {
  width: 240px;
}

@media (max-width: 768px) {
  .condidate-tabs li {
    width: 50%;
    margin-bottom: 15px;
  }
}
@media (max-width: 520px) {
  .condidate-tabs li {
    width: 100%;
  }
}
.condidate-tabs .menu-icon {
  width: 20px;
  height: 20px;
  float: right;
}

.condidate-tabs .tab-content {
  border: 1px solid var(--candidate-profile-tabs-content-border-color);
  margin-top: -1px;
  background-color: var(--candidate-profile-tabs-content-bg-color);
  padding: 15px;
}

.condidate-tabs #new-tab {
  display: block;
  position: relative;
}

.condidate-tabs #new-tab .close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  border: 0;
  opacity: 1;
}

.condidate-tabs #new-tab .close-icon {
  width: 14px;
  height: 14px;
  fill: #0d3f68;
}

.condidate-tabs .tab-pane {
  padding: 15px 0;
}

.condidate-tabs .tab-pane .card.form-group:last-child {
  margin-bottom: 0;
}

.condidate-tabs .right-penal {
  padding: 15px 0;
}

.condidate-tabs .right-penal h2 {
  font-size: 2rem;
}

.condidate-tabs .line {
  background: #ced4da;
  width: 1px;
  height: 100%;
  margin: 0 auto;
  display: block;
}

/*--=====================condidatetabMore======================--*/
#condidatetabMore {
  position: fixed;
  top: 0;
  height: 100vh;
  -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
  transition: width 2s;
  right: 0;
  z-index: 1050;
  background: var(--candidate-profile-more-menu-bg-color);
  width: 320px;
  border-left: 1px solid rgba(0, 0, 0, 0.125);
  box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
}

#condidatetabMore .close-details {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1060;
}

#condidatetabMore .card {
  border: 0;
  height: 100vh;
}

#condidatetabMore .close-icon {
  fill: var(--cadidate-profile-svg-color);
  width: 15px;
  height: 15px;
}

#condidatetabMore .condidateMoretabs {
  float: left;
  width: 100%;
  display: block;
  padding: 15px;
}

#condidatetabMore .condidateMoretabs .toggle {
  border-radius: 30px;
  margin: 0 auto;
  text-align: center;
  display: block;
  margin-bottom: 30px;
}

#condidatetabMore .condidateMoretabs .toggle-handle {
  background-color: #f8f9fa;
  border-radius: 50%;
}

#condidatetabMore .condidateMoretabs .toggle-off.btn {
  background-color: #f15a29;
  color: #fff;
}

#condidatetabMore .condidateMoretabs .btn-default {
  border: 1px solid #f15a29;
}

#condidatetabMore .condidateMoretabs ul {
  width: 100%;
  margin: 0 auto;
}

#condidatetabMore .condidateMoretabs li {
  float: left;
  width: 100%;
  padding: 0 10px;
  margin-bottom: 10px;
}

#condidatetabMore .condidateMoretabs .status-card {
  float: left;
  width: 100%;
  border: 1px solid var(--candidate-profile-more-menu-item-border-color);
  background-color: #fff;
  box-shadow: inset 10px 0px 0px 0px #0091AE;
  padding: 15px;
  padding-left: 20px;
}

#condidatetabMore .condidateMoretabs .menu-icon {
  width: 20px;
  height: 20px;
  float: right;
}

#condidatetabMore .condidateMoretabs li {
  margin-bottom: 5px;
}

/* Candidate more */
#condidatetabMore .close-details {
  position: absolute;
  top: 10px;
  left: auto;
  right: 15px;
}

#condidatetabMore .condidateMoretabs {
  margin-top: 30px;
}

#condidatetabMore .condidateMoretabs .status-card {
  color: var(--candidate-profile-more-menu-item-color);
  background-color: var(--candiadte-profile-more-menu-item-bg-color);
  box-shadow: inset 10px 0px 0px 0px var(--candiadte-profile-more-menu-item-left-shadow-color);
  font-weight: var(--label-font-weight);
}

#condidateTabContent {
  float: left;
  width: 100%;
}

.condidate-tabs.historyTab .JATCandidatesHistory {
  margin: 20px;
}

.condidate-tabs.historyTab .JATCandidatesHistory .fa-clock-o:before {
  margin-right: 5px;
}

.condidate-tabs.historyTab .JATCandidatesHistory .bg-gray {
  background-color: #eaeaec !important;
}

.condidate-tabs.historyTab .JATCandidatesHistory .bg-black {
  background-color: #222222 !important;
}

.condidate-tabs.historyTab .JATCandidatesHistory .bg-#ff3939 {
  background-color: #f56954 !important;
}

.condidate-tabs.historyTab .JATCandidatesHistory .bg-yellow {
  background-color: #f39c12 !important;
}

.condidate-tabs.historyTab .JATCandidatesHistory .bg-aqua {
  background-color: #00c0ef !important;
}

.condidate-tabs.historyTab .JATCandidatesHistory .bg-blue {
  background-color: #0073b7 !important;
}

.condidate-tabs.historyTab .JATCandidatesHistory .bg-light-blue {
  background-color: #3c8dbc !important;
}

.condidate-tabs.historyTab .JATCandidatesHistory .bg-green {
  background-color: #00a65a !important;
}

.condidate-tabs.historyTab .JATCandidatesHistory .bg-navy {
  background-color: #001f3f !important;
}

.condidate-tabs.historyTab .JATCandidatesHistory .bg-teal {
  background-color: #39cccc !important;
}

.condidate-tabs.historyTab .JATCandidatesHistory .bg-olive {
  background-color: #3d9970 !important;
}

.condidate-tabs.historyTab .JATCandidatesHistory .bg-lime {
  background-color: #01ff70 !important;
}

.condidate-tabs.historyTab .JATCandidatesHistory .bg-orange {
  background-color: #ff851b !important;
}

.condidate-tabs.historyTab .JATCandidatesHistory .bg-fuchsia {
  background-color: #f012be !important;
}

.condidate-tabs.historyTab .JATCandidatesHistory .bg-purple {
  background-color: #932ab6 !important;
}

.condidate-tabs.historyTab .JATCandidatesHistory .bg-maroon {
  background-color: #85144b !important;
}

/* more content */
.condidate-tabs .as-split-area #new-tab .close {
  top: 5px;
  right: 15px;
}

.condidate-tabs .right-penal.text-center {
  background-color: var(--candidate-profile-tabs-header-bg-color);
  margin-top: 30px;
  padding: 10px;
  color: var(--candidate-profile-tabs-header-text-color);
}

.condidate-tabs .as-split-area .card-body {
  background-color: var(--candidate-profile-section-card-bg-color);
}

app-application-form accordion-group .panel-body table {
  color: var(--candidate-profile-section-card-text-color);
}

.JATOfferAuthorisation {
  color: var(--static-body-text-color);
}

.collaps_tabs .letter_Search .nav-tabs {
  border-bottom: 1px solid transparent;
  background-color: var(--letter-listing-bg-color);
  padding: 0 15px;
}

.letter_list li a {
  color: var(--letter-listing-font-color);
}

.collaps_tabs .table_cell .candidate-multi-icons svg path,
.collaps_tabs .table_cell .candidate-multi-icons svg,
.collaps_tabs .table_cell .nav-icon-edit svg {
  fill: var(--candidate-listing-svg-fill-color) !important;
}

.inactive-svg {
  fill: var(--label-color);
  height: 20px;
  width: 20px;
  cursor: pointer;
}

.inactive-svg #List1 {
  fill: var(--label-color) !important;
}

.collaps_tabs .nav-tabs {
  border-bottom: 1px solid var(--user-setting-card-header-border-color);
  background-color: var(--candidate-pipeline-nav-tab-bg-color);
  padding: 0 15px;
}

.collaps_tabs .nav-link {
  padding: 1.6rem 1rem;
  color: var(--label-color);
}

.pipline-cards-mian .card {
  background-color: var(--candidate-pipeline-card-bdy-bg-color);
  position: relative;
  border-radius: 0;
  box-shadow: none;
  border: 0;
}

.addJobApplicationFormTabsSection {
  background-color: var(--candidate-application-header-bg-color);
  padding: 0 15px;
}

.addJobApplicationFormPersonalDetails h4 {
  background-color: var(--candidate-application-header-bg-color);
  border: none;
  color: var(--candidate-application-header-color);
  padding: 10px !important;
  font-size: var(--font-size-primary);
  font-weight: 600;
}

.addJobApplicationFormTabsSection li.nav-item {
  font-size: 1.4rem;
  padding: 5px 0;
}

.addJobApplicationFormTabsSection li.nav-item a {
  color: var(--candidate-application-header-color) !important;
  font-weight: 600;
}

.addJobApplicationFormTabsSection li.nav-item.active {
  background-color: #f97f50;
}

.addJobApplicationFormTabsSection .nav-tabs .nav-link.active {
  background: none;
  border: none;
  color: var(--white) !important;
}

.addJobApplicationFormTabsSection .nav-tabs .nav-link:hover {
  border-color: var(--candidate-application-header-bg-color-hover);
}

.addJobApplicationFormTabsSection li.nav-item:hover {
  background-color: var(--candidate-application-header-bg-color-hover);
}

.addJobApplicationFormAddCV .card .card {
  box-shadow: none;
  border: none;
  background-color: var(--candidate-application-cv-upload-bg-color);
}

.assessment_Form-sidetable tr th {
  white-space: nowrap !important;
  background-color: var(--candidate-application-header-bg-color);
  color: var(--white);
}

.assessment_Form-sidetable .table {
  margin-bottom: 0;
}

.assessment_Form-sidetable tr th, .assessment_Form-sidetable tr td {
  padding: 5px !important;
}

.assessment_Form-sidetable {
  scrollbar-color: #0d3f68 white; /* thumb and track color */
  scrollbar-width: thin;
}

.assessment_Form-sidetable::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.assessment_Form-sidetable::-webkit-scrollbar-track {
  background: white;
}

.assessment_Form-sidetable::-webkit-scrollbar-thumb {
  background: #0d3f68;
}

/*---------------------pipeline.component.css-----------------------*/
app-pipeline :host {
  display: block;
  box-sizing: border-box;
}
app-pipeline pre {
  text-align: center;
  padding: 8px;
  white-space: pre-wrap;
  word-wrap: break-word;
}
app-pipeline .mat-list-item {
  margin: 2px;
  border: 1px solid gray;
}
app-pipeline .dndList .dndDragover {
  transition: all 300ms ease;
  padding-top: 12px;
  padding-bottom: 12px;
}
app-pipeline ul {
  height: 98%;
}
app-pipeline .dndDragging {
  border: 1px solid green;
}
app-pipeline .dndDraggingSource {
  display: none;
}
app-pipeline .dndPlaceholder {
  min-height: 72px;
  border: 1px dashed green;
  background-color: rgba(0, 0, 0, 0.1);
}
app-pipeline #sidebar.active {
  margin-left: -150px;
}
app-pipeline .card-header {
  background-color: var(--candidate-pipeline-card-header-bg-color);
}
app-pipeline .pipline-cards-mian .card span.btn {
  color: white;
}

/*---------------------pipeline.component.css end-----------------------*/
/*Candidate profile - Left search filter start*/
.list-group-item {
  background-color: var(--candidate-profile-search-filter-bg-color) !important;
  border: 1px solid rgba(0, 0, 0, 0.125);
  color: var(--candidate-profile-search-filter-text-color);
}

.candidate-list-dtl .list-group-item:hover, .candidate-list-dtl .list-group-item:focus, .candidate-list-dtl .list-group-item:active, .candidate-list-dtl .list-group-item.active {
  text-decoration: none;
  background-color: var(--candidate-profile-search-filter-bg-color);
  color: var(--candidate-profile-search-filter-text-color);
  border-color: var(--candidate-profile-search-filter-border-color);
}

.candidate-list-show .candidate-list-dtl .list-group-item:hover, .candidate-list-show .candidate-list-dtl .list-group-item.active {
  background-color: #ebf9f2;
  border-color: var(--candidate-profile-search-filter-border-color);
}

.candidate-list-show .badge-success {
  background-color: var(--candidate-profile-search-filter-separator-bg-color);
  color: #000;
}

/*Candidate profile - Left search filter end*/
app-candidate-detail table {
  color: var(--candidate-profile-section-card-text-color) !important;
  background-color: var(--candidate-profile-tabs-content-bg-color) !important;
  border-collapse: collapse !important;
}

as-split .as-split-gutter {
  background-color: var(--candidate-profile-section-separator-bg-color) !important;
}

as-split-area {
  background-color: var(--candidate-profile-tabs-content-bg-color) !important;
}

.equal-opps-caption {
  width: 50%;
}

.equal-opps-td {
  width: 50%;
}

app-candidatelist-list app-svg-icon #asterisk-symbol path,
app-candidatelist-list app-svg-icon #iconmonstrAccessibility path {
  fill: var(--cadidate-profile-svg-color) !important;
}

app-print-all-onboarding-ref .addJobPrintAllOnBoarding as-split-area .table {
  color: var(--print-preview-color);
}

app-candidate-detail .JATCandidateDetail #condidateProfileCarousel .date-time-cal a {
  color: var(--label-color);
}

#collapseMore {
  position: fixed;
  top: 0;
  height: 100vh;
  overflow-y: auto;
  right: 0;
  z-index: 1050;
  /* background: $body-bg-color;*/
  background: var(--job-list-more-note-bg-color);
  width: 488px;
  border-left: 1px solid rgba(0, 0, 0, 0.125);
  box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
}

#collapseMore {
  scrollbar-color: #0d3f68 white; /* thumb and track color */
  scrollbar-width: thin;
}

app-sendemail-gacs-modal app-jt-modal-hor-form .modal-body a,
app-template-section .auto-complete-copy .suggestions-container a :hover {
  color: var(--label-color);
}

app-sent-emails .app_sentEmail_Model li {
  float: none;
  width: 100%;
}

.equal-opps-caption {
  background-color: var(--candidate-profile-equal-opps-caption-bg-color);
}

app-candidatelist-list .candidate-multi-icons .redColor {
  color: #FF0000;
}

app-candidatelist-list .candidate-multi-icons .icon-type-text {
  position: relative;
  left: 5.5px;
}

app-candidatelist-list .candidate-multi-icons #warning path {
  fill: #f15a29 !important;
}

app-candidatelist-list .candidate-multi-icons #complete_check path {
  fill: #3fc380 !important;
}

app-onboarding-details .notesHeading {
  background-color: var(--search-parameters-panel-header-bg-color);
  padding: 8px;
}

app-onboarding-details app-notes-ob .candidate-detail,
app-onboarding-details app-notes-ob table {
  background-color: var(--candidate-profile-section-table-odd-cell-bg-color) !important;
}

app-onboarding-details app-notes-ob .border-hr {
  color: #0cb1e1 !important;
  border-bottom: solid !important;
}

app-offer-authorization .JATOfferAuthorisation .more_tabs ul li {
  background-color: var(--candidate-profile-section-table-even-cell-bg-color);
  color: var(--label-color);
}

app-notes-ob .notes-body.border-notes .gap-concern-email-view a,
app-notes-ob .notes-body.border-notes .gap-concern-email-view a:hover,
app-history .JATCandidatesHistory .timeline-item .timeline-header a,
app-history .JATCandidatesHistory .timeline-item .timeline-header a:hover {
  color: var(--label-color);
}

app-candidatepreassessmentformdetailpreview app-preassessment-form-preview .rounded-btn,
app-candidatepreassessmentformpreview app-preassessment-form-preview .rounded-btn {
  border-radius: 30px;
  border: 2px solid;
  position: relative;
  width: 100%;
  height: 100%;
  color: var(--body-color);
}

app-candidatepreassessmentformdetailpreview app-preassessment-form-preview .rounded-btn :hover,
app-candidatepreassessmentformpreview app-preassessment-form-preview .rounded-btn:hover {
  color: var(--body-color);
}

app-candidatepreassessmentformdetailpreview app-preassessment-form-preview .cls-21,
app-candidatepreassessmentformdetailpreview app-preassessment-form-preview .cls-2,
app-candidatepreassessmentformpreview app-preassessment-form-preview .cls-21,
app-candidatepreassessmentformpreview app-preassessment-form-preview .cls-2 {
  fill: var(--candidate-profile-section-card-bg-color) !important;
}

app-candidatepreassessmentformdetailpreview app-preassessment-form-preview .rounded-btn svg,
app-candidatepreassessmentformpreview app-preassessment-form-preview .rounded-btn svg {
  position: absolute;
  right: -8px;
  top: -7px;
  height: 20px;
}

app-candidatepreassessmentformdetailpreview app-preassessment-form-preview .correct-btn,
app-candidatepreassessmentformpreview app-preassessment-form-preview .correct-btn {
  border-color: #3fc380;
}

app-candidatepreassessmentformdetailpreview app-preassessment-form-preview .incorrect-btn,
app-candidatepreassessmentformpreview app-preassessment-form-preview .incorrect-btn {
  border-color: rgba(255, 54, 0, 0.8509803922);
}

app-candidatepreassessmentformdetailpreview app-preassessment-form-preview .incorrect-btn svg,
app-candidatepreassessmentformpreview app-preassessment-form-preview .incorrect-btn svg {
  height: 30px;
  width: 20px;
  right: -9.2px;
  top: -12px;
  fill: rgba(255, 54, 0, 0.8509803922);
}

app-candidatepreassessmentformdetailpreview app-preassessment-form-preview .no-data-image,
app-candidatepreassessmentformpreview app-preassessment-form-preview .no-data-image {
  width: 100%;
}

app-candidatepreassessmentformdetailpreview app-preassessment-form-preview .pre-assessment-button,
app-candidatepreassessmentformpreview app-preassessment-form-preview .pre-assessment-button {
  margin-top: 12px;
}

app-candidate-detail app-onboarding-details section.condidate-tabs img {
  filter: var(--candidate-profile-sign-color);
}

app-candidate-detail app-onboarding-details .refIsCancelled,
app-candidate-detail .refIsCancelled table {
  background-color: var(--platinum) !important;
}

app-candidate-detail app-onboarding-details .refIsCancelled .btn-history:hover {
  color: var(--btn-text-color);
}

app-candidate-detail app-onboarding-details .text-signature {
  font-family: "Yellowtail", cursive;
  font-size: 2em;
}

app-identity-check-progress #identityCheckTabContent .btn-link {
  color: var(--label-color);
}

.trustId-rtw-check-detail .btn-link {
  color: var(--label-color);
}

.trustId-rtw-check-detail app-svg-icon #download {
  fill: var(--label-color);
}

app-identity-check-progress #identityCheckTabContent app-svg-icon #download,
app-obstep2 .modal-body app-svg-icon #Cross {
  fill: var(--label-color);
}

/*/ Added by Ejaz sab /*/
section.condidate-tabs.historyTab .applicationForm td.td50rpercentWidth {
  width: 50%;
}

section.condidate-tabs.historyTab #condidateTabContent .tab-pane .col-md-8 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.ob-notes-dot {
  margin-top: 3px;
  background: #f00;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
}

.overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.table {
  color: var(--body-color);
}

#condidateProfileCarousel .carousel-inner .carousel-item .candidateDetails .dropdown-menu {
  color: var(--label-color);
}

app-talent-pool-candidate-details .dropdown-menu {
  color: var(--label-color);
}

.candidate-info.dateTimeCalendar .date-time-cal span {
  color: var(--label-color);
  font-weight: bold;
}

.dropdownIconHide .dropdown.show .nav-link.status-card {
  background-color: var(--candidate-profile-tabs-header-active-bg-color);
}

.collaps_tabs .table_cell .candidate-multi-icons .custom-user-icon svg,
.collaps_tabs .table_cell .candidate-multi-icons .armed-forces-icon svg {
  height: 17px;
}

.collaps_tabs .table_cell .candidate-multi-icons .is-armed-force-icon-enabled svg {
  margin-left: 0px;
}

.addJobPrintAllOnBoarding img {
  filter: var(--candidate-profile-sign-color);
}

.trustId-identity-check-detail.table-responsive {
  overflow-x: hidden;
}

.application-stages-edit-menu .dropdown-menu {
  top: 0 !important;
  left: auto !important;
}

.tblsection tr th.question-header {
  border-left: transparent !important;
  border-right: transparent !important;
}

.psychometric-score-container {
  padding-right: 40px;
  padding-left: 40px;
}
.psychometric-score-container .row {
  padding: 2px;
}

.no-data-image {
  width: 100%;
}

:root, [data-jt-theme=light] {
  font-size: 10px;
  /* Start Colors */
  --summerblue: #177e9c;
  --white: #fff;
  --red-orange: #ff3939;
  --american-red: #bd2130;
  --esmeralda: #3fc380;
  --forestblues: #0d3f68;
  --durotarfire: #f15a29;
  --celestial: #00637f;
  --black: #000;
  --child-of-light: #F5F8FA;
  --searedgrey: #495057;
  --jasmine-green: #3fc380;
  --whitesmoke: #f6f6f6;
  --cinder: #212529;
  --satinwhite: #ced4da;
  --blue: #177e9c;
  --lightblue: #eeeeee;
  --darkblue: #177e9c;
  --bluebutton: #177e9c;
  --orange: #f97f50;
  --green: #00b050;
  --grey: #f3f1f1;
  --lightgrey: #eeeeee;
  --cape-pond: #0091AE;
  --bright-star: #dee2e6;
  --red: #FF0000;
  --rhapsodyinblue: #002A44;
  --sagittarius-amber: #f97f50;
  --black-glaze: #000b11;
  --instant-orange: #ff8428;
  --sky-blue: #80cff0;
  --odd-row-color: #f0f9fc;
  --fastBlue: #06A1E3;
  --cerulean: #009fe3;
  --halloween-orange: #F05A28;
  --cadmium-orange: #f68029;
  --seaweed-green: #34a76d;
  --clover-green: #319e67;
  --icewind-dale: #e9ecef;
  --faded-blue: #6696BC;
  --light-steel-blue: #7196bb;
  --gainsboro: #ddd;
  --davyGrey: #5B5B5B;
  --kodama-white: #e5f6fb;
  --french-manicure: #feeae5;
  --iceberg: #ddf1f7;
  --brainstem-grey: #b5b2b2;
  --off-green: #E5F6FB;
  --blue-whale: #0F2445;
  --december-sky: #d1d4d7;
  --light-grey-black: #0000003d;
  --astronaut-blue: #085483;
  --dusty-grey: #999;
  --jinzamomi-pink: #f56954;
  --calmWaters: #f0f9fc;
  --bluish-cyane-blue: #337ab7;
  --maui-mist: #f8f9fa;
  --aqua-spring: #ecf9fa;
  --silver: #c7c7c7;
  --golden: #bfa411;
  --white-lilac: #F8F8F8;
  --pastal-grey: #D1D1D1;
  --mint-tulip: #D0EFF8;
  --davy-grey: #555;
  --cylindrical-coordinate: #ffb559;
  --platinum: #E4E4E4;
  --jagged-ice: #bfe4e8;
  --light-yellow: #fff7bb;
  --light-gray: #d3d3d3;
  --xtra-light-gray: #f3f3f3;
  --mint-blue: #022852;
  --mint-grey: #F4F4F4;
  --mint-light-blue: #d5e7f5;
  --mint-sky-blue: #0270c5;
  --matrix-light-gray: #EAEAEA;
  --bay-wharf: #76808b;
  --rusty-red: #dc3545;
  --mint: #3fc380;
  --coral: #F97F50;
  --crimson-red: #E81111;
  --blue-gray: #64A2CA;
  --sea-green: #2A8457;
  --light-slate-gray: #7C939C;
  --auro-metal-saurus: #62717F;
  --transparent: transparent;
  --marengo: #405465;
  --spanish-gray: #969696;
  --linen: #fef1dc;
  --gray-900: #111827;
  --heat-wave: #FF7B00;
  --Teal: #006b7d;
  --Dark-Slate-Gray: #004455;
  --sky-mint-dark: #0d3f68;
  --sky-mint: #7bc7d3;
  /* End Colors*/
  /* ---------------------------------------------------
                 Body
  ----------------------------------------------------- */
  --main-bg-color: var(--whitesmoke);
  --body-color: var(--cinder);
  --body-font-size: 1.2rem;
  --body-font-family: 'Montserrat', Arial;
  --font-size-primary: 1.2rem;
  --modal-header-bg-color: var(--sky-blue);
  --static-body-text-color: var(--cinder);
  /* ---------------------------------------------------
                 JT Modals Light
  ----------------------------------------------------- */
  --modal-table-text-color: var(--black);
  --modal-table-fa-icon-color: var(--forestblues);
  /* ---------------------------------------------------
                 Header
  ----------------------------------------------------- */
  --header-font-size: 1.4rem;
  --header-font-weight: 700;
  --header-color: var(--white);
  --header-active-color: var(--sagittarius-amber);
  --main-notification-alert-bg-color: var(--durotarfire);
  --user-setting-header-bg-color: var(--cape-pond);
  --user-setting-header-li-color: var(--black);
  --user-setting-bottom-text-color: var(--black);
  --user-setting-svg-color: var(--black);
  --notification-alert-header-bg-color: var(--iceberg);
  --notification-body-bg-color: var(--odd-row-color);
  --notification-body-alert-bg-color: var(--white);
  --notification-alert-text-color: var(--black);
  --notification-top-nav-icon-color: var(--cinder);
  --notification-border-color: var(--darkblue);
  --user-setting-card-header-bg-color: var(--lightgrey);
  --user-setting-card-header-border-color: var(--brainstem-grey);
  --model-border-color: #001535;
  --refine-model-clos-btn-color: var(--rusty-red);
  /* ---------------------------------------------------
                 Top navigation
  ----------------------------------------------------- */
  --top-nav-bg-color: var(--celestial) url(../img/user_profile_bg.png) repeat top left;
  --talent-sub-menu-hover-bg-color: var(--summerblue);
  --top-nav-menu-inner-distance: 20px;
  --top-nav-user-bg-color: var(--white);
  --top-nav-user-color: var(--forestblues);
  /* ---------------------------------------------------
                 Quick Links
  ----------------------------------------------------- */
  --quick-link-color: var(--cinder);
  --quick-nav-bg-color: var(--white);
  --quick-nav-color: var(--summerblue);
  --quick-nav-li-hover-bg-color: var(--summerblue);
  --quick-nav-icon-color: var(--white);
  --quick-nav-close-btn-color: var(--summerblue);
  --quick-nav-scrollbar-color: var(--forestblues);
  --mian-quick-nav-color: var(--black);
  --mian-quick-nav-hover-color: var(--white);
  --quick-nav-svg-fill-color: var(--white);
  --quick-nav-font-size: 1.2rem;
  --quick-nav-company-logo-margin-left: 85px;
  /* ---------------------------------------------------
                 Left action menu
  ----------------------------------------------------- */
  --left-menu-color: var(--cinder);
  --left-menu-bg-color: var(--white);
  --left-menu-shadow-color: var(--celestial);
  --left-menu-color: var(--summerblue);
  --left-menu-li-hover-bg-color: var(--summerblue);
  --left-menu-icon-color: var(--white);
  --left-menu-close-btn-color: var(--summerblue);
  --left-menu-scrollbar-color: var(--forestblues);
  --left-menu-nav-color: var(--black);
  --left-menu-nav-hover-color: var(--white);
  --left-menu-item-color: var(--cinder);
  --left-menu-svg-fill-color: var(--white);
  --left-menu-btn-sidebar-collapse: var(--durotarfire);
  --left-menu-li-bg-color-hover: var(--celestial);
  /* ---------------------------------------------------
               Grid Control - Light
  ----------------------------------------------------- */
  --table-header-bg-color: var(--celestial);
  --table-header-active-bg-color: var(--summerblue);
  --table-header-active-text-color: var(--white);
  --table-header-text-color: var(--white);
  --table-header-report-text-color: var(--cinder);
  --table-header-report-text-bg-color: var(--bright-star);
  --table-header-border-right-color: var(--white);
  --table-body-text-color: var(--davyGrey);
  --pagination-active-bg-color: var(--summerblue);
  --pagination-border-color: var(--summerblue);
  --pagination-color: var(--white);
  --scrollbar-bg-color: var(--forestblues);
  --search-icon-color: var(--esmeralda);
  --smart-search-filter-bg-color: var(--white);
  --smart-search-filter-radio-bg-color: var(--platinum);
  --smart-search-filter-breadcrumb-bg-color: var(--jagged-ice);
  --page-title-color: var(--forestblues);
  --table-header-color: var(--white);
  --pagination-page-link-color: var(--cinder);
  --page-list-search-btn-border-color: var(--jasmine-green);
  --job-list-more-modal-header-bg-color: var(--darkblue);
  --even-row-bg-color: var(--white);
  --odd-row-bg-color: var(--odd-row-color);
  --row-border-color-top: unset;
  --row-border-color-bottom: unset;
  --row-hover-background-color: unset;
  --row-hover-border-color-top: unset;
  --row-hover-border-color-bottom: unset;
  --page-list-search-btn-bg-color: var(--white);
  --page-list-search-icon-color: var(--jasmine-green);
  /*  --page-list-search-btn-bg-color: var(--jasmine-green);*/
  --job-list-more-note-bg-color: var(--kodama-white);
  --cross-svg-icon-fill-color: var(--black);
  --sorting-svg-fill-color: var(--durotarfire);
  --ob-hub-gery-bg-color: gray;
  --table-row-hovor-over-border-color: inset 0px 2px 0px 0px rgba(63,195,128,1), inset 0px -2px 0px 0px rgba(63,195,128,1);
  --job-list-anonymous-warning-message: var(--celestial);
  --table-checkbox-border-color: var(--light-slate-gray);
  /* ---------------------------------------------------
                Input forms
  ----------------------------------------------------- */
  --input-color: var(--searedgrey);
  --input-bg-color: var(--white);
  --input-font-weight: 400;
  --input-border-color: var(--auro-metal-saurus);
  --input-focus-border-color: var(--esmeralda);
  --input-focus-bg-color: rgba(63, 195, 128, 0.1);
  --dropdown-search-icon-color: var(--forestblues);
  --label-color: var(--black);
  --form-control-font-size: 1.4rem;
  --form-control-bg-color: var(--white);
  --form-control-color: #495057;
  --form-control-focus-color: #495057;
  --label-font-size: 1.3rem;
  --label-font-weight: 600;
  --switch-icon-bg-color: var(--red-orange);
  --switch-icon-border-color: var(--red-orange);
  --switch-checked-color: var(--esmeralda);
  --nav-tab-color: var(--durotarfire);
  --input-required-border-color: var(--durotarfire);
  --input-required-focus-color: var(--jasmine-green);
  --input-required-focus-border-color: var(--jasmine-green);
  --bulk-upload-file-link: var(--rhapsodyinblue);
  --input-readonly-bg-color: var(--icewind-dale);
  --automation-status-head-bg-color: var(--forestblues);
  --table-icon-svg-color: var(--forestblues);
  --application-template-bg-color-hover: var(--december-sky);
  --sign-bg-color: var(--white);
  --sign-border-color: var(--light-grey-black);
  --two-fa-description-text-color: darkblue;
  --nylas-email-left-card-bg-color: var(--bluish-cyane-blue);
  --nylas-email-left-card-color: var(--bluish-cyane-blue);
  --nylas-back-btn-bg-color: var(--maui-mist);
  --vonq-filter-bg-color: var(--white);
  --vonq-location-bg-color: #e1e1e1;
  --vonq-basket-card-total-bg-color: #bee5eb;
  --green-room-card-body-bg-color: #EDEDED;
  --green-room-card-footer-bg-color: #EDEDED;
  --default-approver-category-bg-color: var(--white);
  --question-icon-fill-color: var(--cerulean);
  /*--------------select Start----------------------------*/
  --select-font-size: 1.4rem;
  --select-font-color: #495057;
  --select-option-font-color: #495057;
  --select-bg-color: var(--white);
  --select-border-color: var(--auro-metal-saurus);
  --select-focus-border-color: var(--esmeralda);
  --select-focus-bg-color: rgba(63, 195, 128, 0.1);
  /*--------------select End---------------------------*/
  /*--------------ngx-select-dropdown start----------------------*/
  --ngx-select-svg-fill-color: var(--forestblues);
  --ngx-select-available-items-background-color-hover: rgba(63, 195, 128, 0.1);
  --ngx-select-available-items-container-background-color: var(--white);
  --ngx-select-available-items-border-color-hover: #00b050;
  /*--ngx-select-available-items-border-color: #ced4da;*/
  --ngx-select-available-items-border-color: unset;
  --ngx-select-border-color: rgba(0,0,0,.15);
  --ngx-select-clear-all-button-bg-color: #0d3f68;
  --ngx-select-selected-item-bg-color: #0d3f68;
  --ngx-select-selected-count-bg-color: #0d3f68;
  --ngx-select-selected-count-fount-size: 15px;
  --ngx-select-clear-all-button-border-color: #0d3f68;
  --ngx-select-available-items-color: var(--black);
  --ngx-select-clear-all-button-color: var(--white);
  --add-job-detail-tab-ngx-select-svg-fill-color: var(--forestblues);
  /*--------------ngx-select-dropdown end----------------------*/
  /*-----------------------togle-colapse start----------------------*/
  --togle-colapse-h4-bg-color: var(--cape-pond);
  --togle-colapse-form-group-row: var(--odd-row-color);
  --togle-colapse-add-job-assessment-tab-nav-tab: var(--summerblue);
  /*-----------------------togle-colapse end----------------------*/
  /* ---------------------------------------------------
                Buttons
  ----------------------------------------------------- */
  --btn-success-bg-color: var(--esmeralda);
  --btn-success-border-color: var(--esmeralda);
  --btn-close-bg-color: var(--red-orange);
  --btn-close-border-color: var(--red-orange);
  --btn-danger-hovor-bg-color: var(--american-red);
  --btn-info-bg-color: var(--summerblue);
  --btn-info-border-color: var(--summerblue);
  --btn-primary-bg-color: rgba(13,63,104,0.9);
  --btn-primary-border-color: rgba(13,63,104,0.9);
  --btn-primary-hover-bg-color: rgba(13,63,104,1);
  --btn-primary-hover-border-color: rgba(13,63,104,1);
  --btn-text-color: var(--white);
  --btn-sucess-text-color-hover: var(--white);
  --btn-sucess-bg-color-hover: var(--seaweed-green);
  --btn-sucess-border-color-hover: var(--clover-green);
  --btn-font-size-primary: 1.2rem;
  --btn-preview-bg-color: var(--instant-orange);
  --btn-assessment-chose-file: var(--cinder);
  --svg-ai-fill-color: var(--white);
  --btn-preview-bg-color-hover: var(--halloween-orange);
  --btn-preview-border-color-hover: var(--cadmium-orange);
  --btn-danger-bg-color: var(--crimson-red);
  --btn-danger-text-color: var(--white);
  --txt-danger-text-color: var(--red-orange);
  --btn-border-radious: 0px;
  --user-setting-ul-bg-color-hover: var(--french-manicure);
  /* ---------------------------------------------------
                Dashboard
  ----------------------------------------------------- */
  /*------------State Tile start----------------*/
  --full-box-stats-tile-count-color: var(--white);
  --full-box-stats-tile-status-title-color: var(--white);
  --border-box-stats-tile-count-color: var(--cinder);
  --border-box-stats-tile-status-title-color: var(--cinder);
  --stats-tile-background-pattern: #ff8428 url(../img/user_profile_bg.png) repeat top left;
  --stats-tile-background-pattern-size: 100px;
  --stats-tile-background-color: var(--black);
  --model-boarder-color: var(--black);
  --stats-tile-border-color: var(--red);
  --home-font-size-primary: 1.2rem;
  --state-tile-status-title-font-size: 1.4rem;
  --stats-tile-count-font-size: 2.2rem;
  --stats-tile-count-text-align: left;
  --stats-cards-cap-menu-svg-color: var(--durotarfire);
  --home-todo-card-header-bg-color: var(--red);
  --home-todo-card-header-color: var(--black);
  --refine-model-clos-btn-color: var(--white);
  /*--------- State Tile End-----------------*/
  --dashboard-card-bg-color: var(--white);
  --dashboard-card-hr-border-color: rgba(0,0,0,.125);
  --card-header-bg-color: var(--lightgrey);
  --card-header-color: var(--black);
  --card-bottle-neck-content: var(--white);
  --dashboard-page-bg-color: #d9eef2;
  /*-------Home-Job Search Filter start---------------*/
  --home-job-searchType-border-color: #00b050;
  --home-job-searchby-border-color: #00b050;
  --home-job-search-icon-fill-color: #3fc380;
  --home-job-search-button-background-color: #3fc380;
  --home-job-search-button-border-color: #3fc380;
  --home-job-search-button-font-color: var(--white);
  /*-------Home-Job Search Filter End---------------*/
  /*-------Advanced Dashboard Widget Section Background---------------*/
  --advance-dashboard-widget-section-bg-color: #d9eef2;
  --advance-dashboard-widget-border-color: #E0E6EB;
  --advance-dashboard-widget-shadow: 0 1px 3px rgba(0,0,0,0.08);
  --advance-dashboard-card-header-text-color: #003366;
  --advance-dashboard-widget-body-text-color: #333333;
  /*-------Advanced Dashboard Widget Section Background End---------------*/
  --todo-expired-bg: var(--red);
  --todo-remaining-bg: var(--light-yellow);
  --todo-expired-text: var(--white);
  --todo-remaining-text: var(--black);
  /* ---------------------------------------------------
                Misc
  ----------------------------------------------------- */
  --svg-fill-color: var(--white);
  --user-home-content-svg-color: var(--black);
  --svg-fill-color-list: var(--forestblues);
  --inactive-svg-fill-color: var(--black);
  --svg-fill-saved-search: grey;
  --report-builder-svg-color: #82777700;
  /* ---------------------------------------------------
                System setting
  ----------------------------------------------------- */
  --system-tiles-color: var(--forestblues);
  --system-settings-tiles-border-color: var(--summerblue);
  --system-settings-tiles-bg-color: var(--white);
  --system-settings-svg-fill-color: var(--black);
  /* ---------------------------------------------------
                Add Job
  ----------------------------------------------------- */
  --add-job-lable: var(--black);
  --add-job-text-danger: var(--rusty-red);
  --add-job-fieldset-dynamic-starter-forms-text-danger: var(--rusty-red);
  --add-job-step-menu-complete-bg-color: var(--mint);
  --add-job-step-menu-current-bg-color: var(--coral);
  --bulk-recruitment-job-lable: var(--black);
  --add-job-detail-tab-bg-color: var(--odd-row-color);
  --add-job-detail-input-border-bottom: var(--white);
  --add-job-footer-bg-color: var(--celestial) url(../img/user_profile_bg.png) repeat top left;
  --add-job-arrow-bg-color: var(--gainsboro);
  --add-job-arrow-bg-color-befor: var(--white);
  /*--add-job-post-job-advert-bg-color: var(--cinder);*/
  --add-job-post-job-advert-bg-color: var(--white);
  --add-job-more-header-color-active: var(--cinder);
  --add-job-svg-fill-color: var(--forestblues);
  --add-job-card-info-bg-color: var(--light-yellow);
  --add-job-tab-fieldset-info-bg-color: var(--white);
  --add-job-notes-svg-fill-color: var(--orange);
  --transparent-color: var(--transparent);
  --text-gray-900: var(--gray-900);
  --job-card-title-color: var(--white);
  --job-list-card-hovor-over-color: var(--heat-wave);
  --home-job-list-card-bg-color: var(--white);
  --home-job-list-card-border-color: var(--cerulean);
  --home-job-list-card-tooltip-color: var(--black);
  --home-job-list-card-background-color: linear-gradient(to bottom right, #0091ae, #006b7d);
  --home-job-list-card-hover-color: linear-gradient(to bottom right, #00b7dd, #0088aa);
  --job-stat-tile-active-color: linear-gradient(to bottom right, #00687f, #004455);
  --home-job-list-card-hover-background-color: #00b7dd;
  /* ---------------------------------------------------
                Cadidate Profile Light
  ----------------------------------------------------- */
  --reference-tab-table-color: var(--cinder);
  --cadidate-profile-svg-color: var(--black);
  --tab-header-bg-color: var(--lightgrey);
  --tab-header-color: var(--rhapsodyinblue);
  --tab-header-active-bg-color: var(--cape-pond);
  --candidate-profile-dropdown-bg-color: var(--calmWaters);
  --candidate-profile-dropdown-border-color: var(--summerblue);
  --candidate-profile-dropdown-text-color: var(--black);
  --cadidate-profile-email-color: var(--cinder);
  --cadidate-profile-filter-color: var(--cinder);
  --lable-starter-form: var(--black);
  --candidate-pipeline-nav-tab-bg-color: var(--kodama-white);
  --candidate-pipeline-nav-tab-color: var(--cinder);
  --candidate-pipeline-card-header-bg-color: var(--sky-blue);
  --candidate-pipeline-card-bdy-bg-color: var(--white);
  --candidate-pipeline-card-head-bg-color: var(--sky-blue);
  --candidate-application-header-bg-color: var(--summerblue);
  --candidate-application-header-color: var(--white);
  --candidate-application-header-bg-color-hover: var(--orange);
  --candidate-application-cv-upload-bg-color: var(--odd-row-color);
  --candidate-profile-search-filter-bg-color: var(--white);
  --candidate-profile-search-filter-text-color: var(--black);
  --candidate-profile-search-filter-button-bg-color: var(--black-glaze);
  --candidate-profile-search-filter-button-border-color: var(--black-glaze);
  --candidate-profile-search-filter-border-color: var(--jasmine-green);
  --candidate-profile-search-filter-separator-bg-color: var(--lightgrey);
  --candidate-profile-tabs-header-bg-color: var(--lightgrey);
  --candidate-profile-tabs-header-active-bg-color: var(--cape-pond);
  --candidate-profile-tabs-header-separator-bg-color: var(--orange);
  --candidate-profile-tabs-header-text-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-content-bg-color: var(--white);
  --candidate-profile-tabs-content-border-color: unset;
  --candidate-profile-tabs-section-header-bg-color: var(--cape-pond);
  --candidate-profile-section-card-bg-color: var(--white);
  --candidate-profile-section-separator-bg-color: var(--lightgrey);
  --candidate-profile-section-card-text-color: var(--cinder);
  --candidate-profile-section-table-even-cell-bg-color: var(--navalnight);
  --candidate-profile-section-table-odd-cell-bg-color: var(--odd-row-color);
  --candidate-profile-more-menu-bg-color: var(--white);
  --candiadte-profile-more-menu-item-bg-color: var(--calmWaters);
  --candiadte-profile-more-menu-item-left-shadow-color: var(--celestial);
  --candidate-profile-more-menu-item-border-color: var(--satinwhite);
  --candidate-profile-more-menu-item-color: var(--black);
  --candidate-profile-equal-opps-caption-bg-color: none;
  --candidate-profile-refiscancelled-bg-color: var(--platinum);
  --candidate-profile-sign-color: var(--platinum);
  --candidate-profile-print-application-font-size: 20px;
  --candidate-profile-promot-job-banner-icon: var(--linen);
  /* ---------------------------------------------------
                History
  ----------------------------------------------------- */
  --history-timeline-item-bg-color: var(--white);
  --history-timeline-item-time-text-color: var(--dusty-grey);
  --history-timeline-item-header-text-color: var(--davy-grey);
  --history-timeline-item-header-link-text-color: var(--black);
  --history-timeline-time-label-bg-color: var(--jinzamomi-pink);
  --history-timeline-connector-bg-color: var(--gainsboro);
  /* ---------------------------------------------------
                Cadidate Listing
  ----------------------------------------------------- */
  --candidate-listing-candidate-card-bg-color: var(--white);
  --candidate-listing-candidate-card-carousel-bg-color: var(--jasmine-green);
  --candidate-listing-pipeline-switch-svg-bg-color: var(--black);
  --letter-listing-bg-color: var(--off-green);
  --letter-listing-font-color: var(--black);
  --candidate-listing-svg-fill-color: var(--black);
  --candidate-listing-calendar-svg-fill-color: var(--forestblues);
  --svg-icon-fill-color: var(--forestblues);
  /*--candidate-listing-svg-fill-color: #2EA3D9;*/
  --candidate-listing-gas-icon-svg-fill-color: #0000ff;
  /* ---------------------------------------------------
               Security Role
  ----------------------------------------------------- */
  --security-role-hover-color: var(--black);
  /* ---------------------------------------------------
               Reports
  ----------------------------------------------------- */
  --reports-label-color: var(--black);
  --report-builder-card-icon-color: var(--black);
  --report-builder-side-filter-bg-color: #ededed;
  /* ---------------------------------------------------
               Search Job
  ----------------------------------------------------- */
  --search-jobs-filter-title-color: var(--black);
  --panel-bg-color: var(--white);
  --panel-header-bg-color: var(--summerblue);
  --search-parameters-panel-header-bg-color: var(--lightgrey);
  --search-list-header-bg-clr: var(--aqua-spring);
  --search-list-body-bg-clr: var(--white);
  --search-list-border-color: var(--silver);
  --search-list-arrow-svg-fill-color: var(--black);
  --search-filter-tage-border-color: var(--whitesmoke);
  --search-filter-tage-border-color-redeployment: var(--white);
  --search-application-and-address-book-penel-header-bg-color: var(--kodama-white);
  /* ---------------------------------------------------
               print Preview
  ----------------------------------------------------- */
  --print-preview-color: var(--black);
  --print-preview-table-header-bg-color: var(--celestial);
  --print-preview-table-header-color: var(--white);
  /* ---------------------------------------------------
                Cadidate List
  ----------------------------------------------------- */
  --candidate-list-svg-color: var(--forestblues);
  --candidate-list-Carousel-link-color: var(--cinder);
  /* ---------------------------------------------------
                Card
  ----------------------------------------------------- */
  --tab-card-bg-color: var(--white);
  /*  --------------Alert-Setup--------------------*/
  --alert-setup-table-color: var(--cinder);
  /* ---------------------------------------------------
                Ck-Editor Light
  ----------------------------------------------------- */
  --ckEditor-editor-background-color: var(--white);
  --ckEditor-editor-text-color: var(--black);
  --ckEditor-top-background-color: var(--white-lilac);
  --ckEditor-bottom-background-color: var(--white-lilac);
  --ckEditor-border-top-color: var(--pastal-grey);
  --ckEditor-border-bottom-color: var(--pastal-grey);
  --ckEditor-border-color: var(--pastal-grey);
  /* ---------------------------------------------------
                Calendar Light
  ----------------------------------------------------- */
  --calendar-search-bar-card-header-bg-color: var(--kodama-white);
  --calendar-search-bar-card-header-border-color: var(--mint-tulip);
  --report-builder-preview-icon-color: var(--summerblue);
  --rb-accordion-toggle-color: var(--report-builder-side-filter-bg-color);
  --calendar-search-cross-icon-color: var(--black);
  /* ---------------------------------------------------
                Login Light
  ----------------------------------------------------- */
  --btn-login-bg-color-hover: var(--blue-gray);
  --login-input-focus-bg-color: var(--forestblues);
  --login-input-focus-border-color: var(--btn-primary-bg-color);
  --user-setting-logout-button-color: var(--sea-green);
  --user-setting-logout-button-border-color: var(--sea-green);
  /* ---------------------------------------------------
                Panel Shortlisting 
  ----------------------------------------------------- */
  --question-box-background-color: var(--white);
  --question-box-border-color: var(--light-gray);
  --question-box-label-color: var(--black);
  /* ---------------------------------------------------
                Assessment Form Light
  ----------------------------------------------------- */
  --question-container-bg-color: var(--mint-grey);
  --question-header-panel-bg-color: var(--mint-light-blue);
  --question-header-panel-text-color: var(--mint-sky-blue);
  --question-options-textbox-border-color: var(--input-border-color);
  --matrix-question-table-background-color: var(--lightgrey);
  --matrix-question-odd-row-background-color: var(--matrix-light-gray);
  --matrix-question-even-row-background-color: var(--gainsboro);
  --assessment-form-preview-modal-bg-color: var(--white);
  --question-mark-correct-color: var(--sky-mint-dark);
  --applicationinfo-backgroud-color: var(--white);
  --assessmentForm-backgroud-color: #ededed;
  --svg-fill-color-add-widget: var(--black);
  --widget-border-color: var (--summerblue);
  --widget-pill-button: var (--cyanblue);
  --widget-pill-button-border: var(--forestblues);
  --svg-fill-color-trend-widget: #EDEDED;
  /* ---------------------------------------------------
                Notification
  ----------------------------------------------------- */
  --myTask-label-color: var(--Teal);
  --myTask-label-color-hover: var(--Dark-Slate-Gray);
  --sona-document-background-color: var(--whitesmoke);
  --sona-document-background-color-hover: var(--icewind-dale);
}

[data-jt-theme=dark] {
  --scarlet: #FF1329;
  font-size: 10px;
  /* Start Colors */
  --summerblue: #177e9c;
  --white: #fff;
  --red-orange: #ff3939;
  --american-red: #bd2130;
  --esmeralda: #3fc380;
  --forestblues: #0d3f68;
  --durotarfire: #f15a29;
  --celestial: #00637f;
  --black: #000;
  --child-of-light: #F5F8FA;
  --searedgrey: #495057;
  --jasmine-green: #3fc380;
  --whitesmoke: #f6f6f6;
  --cinder: #212529;
  --satinwhite: #ced4da; /* Satin White */
  --golden: #bfa411;
  --gheeyellow: #dbc02a;
  --blue: #177e9c;
  --lightblue: #eeeeee;
  --darkblue: #177e9c;
  --bluebutton: #177e9c;
  --orange: #f97f50;
  --green: #00b050;
  --grey: #f3f1f1;
  --lightgrey: #eeeeee;
  --crowblackblue: #0b2738;
  --navalnight: #011534;
  --rhapsodyinblue: #002A44;
  --skyblue: #E6F5FC;
  --skybluedark: #0d4f62;
  --cyanblue: #177e9c;
  --bright-star: #dee2e6;
  --squid-ink-powder: #001535;
  --model-border-color: #1e58b1;
  --sagittarius-amber: #f97f50;
  --black-glaze: #000b11;
  --sky-blue: #80cff0;
  --screamish: #36a6d8;
  --fastBlue: #06A1E3;
  --dark-gray: #4C6A7C;
  --cerulean: #009fe3;
  --halloween-orange: #F05A28;
  --cadmium-orange: #f68029;
  --seaweed-green: #34a76d;
  --clover-green: #319e67;
  --icewind-dale: #e9ecef;
  --faded-blue: #6696BC;
  --light-steel-blue: #7196bb;
  --blueWhale: #0D354D;
  --pumpkinOrange: #ff741e;
  --kodama-white: #e5f6fb;
  --astronaut-blue: #085483;
  --dusty-grey: #999;
  --calmWaters: #f0f9fc;
  --cylindrical-coordinate: #ff741e;
  --platinum: #191f29;
  --blue-dianne: #174561;
  --glacier: #8baebd;
  --davy-grey: #4D565B;
  --lemon: #f6f900;
  --scarlet: #FF1329;
  --salem: #108147;
  --ruddybrown: #C35429;
  --ball-blue: #2ea3d9;
  --light-slate-gray: #7C939C;
  --blue-yonder: #4f79a5;
  --dark-blue: #1f3351;
  --mint-blue: #022852;
  --mint-grey: #F4F4F4;
  --mint-light-blue: #d5e7f5;
  --mint-sky-blue: #0270c5;
  --matrix-question-odd-row: #0d3b6e;
  --navy-blue: #153856;
  --linen: #fef1dc;
  --gray-900: #111827;
  --heat-wave: #FF7B00;
  --marengo: #405465;
  --spanish-gray: #969696;
  --marengo: #405465;
  --spanish-gray: #969696;
  --sky-mint-dark: #2ea3d9;
  /* End Colors*/
  /* ---------------------------------------------------
                 Body Dark
  ----------------------------------------------------- */
  --main-bg-color: var(--navalnight);
  --body-color: var(--white);
  --body-font-size: 1.2rem;
  --body-font-family: 'Montserrat', Arial;
  --font-size-primary: 1.2rem;
  --modal-header-bg-color: var(--forestblues);
  --static-body-text-color: var(--cinder);
  /* ---------------------------------------------------
                 JT Modals Dark
  ----------------------------------------------------- */
  --modal-table-text-color: var(--white);
  --modal-table-fa-icon-color: var(--white);
  /* ---------------------------------------------------
                 Header Dark
  ----------------------------------------------------- */
  --header-font-size: 1.4rem;
  --header-font-weight: 700;
  --header-color: var(--white);
  --header-active-color: var(--cerulean);
  /*--header-active-color: none;*/
  --main-notification-alert-bg-color: var(--durotarfire);
  --user-setting-header-bg-color: var(--navalnight);
  --user-setting-header-li-color: var(--white);
  --user-setting-bottom-text-color: var(--white);
  --user-setting-svg-color: var(--white);
  --notification-alert-header-bg-color: var(--rhapsodyinblue);
  --notification-body-bg-color: var(--rhapsodyinblue);
  --notification-body-alert-bg-color: var(--navalnight);
  --notification-alert-text-color: var(--white);
  --notification-top-nav-icon-color: var(--white);
  --notification-border-color: var(--cerulean);
  --user-setting-card-header-bg-color: var(--cerulean);
  --user-setting-card-header-border-color: var(--cerulean);
  /* ---------------------------------------------------
                 Top navigation Dark
  ----------------------------------------------------- */
  --top-nav-bg-color: var(--navalnight);
  --talent-sub-menu-hover-bg-color: var(--navalnight);
  --top-nav-menu-inner-distance: 20px;
  --top-nav-user-bg-color: var(--halloween-orange);
  --top-nav-user-color: var(--white);
  /* ---------------------------------------------------
                 Quick Links Dark
  ----------------------------------------------------- */
  --quick-link-color: var(--cerulean);
  --quick-nav-bg-color: var(--navalnight);
  --quick-nav-color: var(--navalnight);
  --quick-nav-li-hover-bg-color: var(--navalnight);
  --quick-nav-icon-color: var(--white);
  --quick-nav-close-btn-color: var(--white);
  --quick-nav-scrollbar-color: var(--cerulean);
  --mian-quick-nav-color: var(--white);
  --mian-quick-nav-hover-color: var(--cerulean);
  --quick-nav-svg-fill-color: var(--cyanblue);
  --quick-nav-font-size: 1.2rem;
  --quick-nav-company-logo-margin-left: 58px;
  /* ---------------------------------------------------
                 Left action menu Dark
  ----------------------------------------------------- */
  --left-menu-bg-color: radial-gradient(circle at top left, #1F4F83, #022A44 60% );
  --left-menu-shadow-color: var(--left-menu-bg-color);
  --left-menu-li-hover-bg-color: var(--navalnight);
  --left-menu-icon-color: var(--white);
  --left-menu-close-btn-color: var(--navalnight);
  --left-menu-scrollbar-color: var(--navalnight);
  --left-menu-nav-color: var(--black);
  --left-menu-nav-hover-color: var(--white);
  --left-menu-item-color: var(--white);
  --left-menu-svg-fill-color: var(--white);
  --left-menu-btn-sidebar-collapse: unset;
  --left-menu-li-bg-color-hover: var(--navalnight);
  /* ---------------------------------------------------
                List pages Dark
  ----------------------------------------------------- */
  --table-header-bg-color: var(--rhapsodyinblue);
  --table-header-active-bg-color: var(--rhapsodyinblue);
  --table-header-active-text-color: var(--fastBlue);
  --table-header-text-color: var(--light-steel-blue);
  --table-header-report-text-bg-color: var(--rhapsodyinblue);
  --table-header-report-text-color: var(--light-steel-blue);
  --table-header-border-right-color: var(--rhapsodyinblue);
  --table-body-text-color: var(--white);
  --pagination-active-bg-color: var(--navalnight);
  --pagination-border-color: var(--skyblue);
  --pagination-color: var(--pumpkinOrange);
  --scrollbar-bg-color: var(--fastBlue);
  --search-icon-color: var(--esmeralda);
  --smart-search-filter-bg-color: var(--blue-dianne);
  --smart-search-filter-radio-bg-color: var(--navalnight);
  --smart-search-filter-breadcrumb-bg-color: rgba(13,63,104,0.9);
  --page-title-color: var(--white);
  --table-header-color: var(--rhapsodyinblue);
  --pagination-page-link-color: var(--white);
  --page-list-search-btn-border-color: var(--input-border-color);
  --job-list-more-modal-header-bg-color: var(--forestblues);
  --even-row-bg-color: var(--rhapsodyinblue);
  --odd-row-bg-color: var(--rhapsodyinblue);
  --row-border-color-top: var(--blueWhale);
  --row-border-color-bottom: unset;
  --row-hover-background-color: var(--navalnight);
  --row-hover-border-color-top: var(--screamish);
  --row-hover-border-color-bottom: var(--screamish);
  --page-list-search-btn-bg-color: var(--cerulean);
  --page-list-search-icon-color: var(--white);
  /*  --page-list-search-btn-bg-color: var(--cerulean);*/
  --job-list-more-note-bg-color: var(--main-bg-color);
  --cross-svg-icon-fill-color: var(--orange);
  --sorting-svg-fill-color: var(--cyanblue);
  --ob-hub-gery-bg-color: #68afbf;
  --table-row-hovor-over-border-color: inset 0 2px 0 0 var(--row-hover-border-color-top), inset 0 -2px 0 0 var(--row-hover-border-color-bottom);
  --job-list-anonymous-warning-message: var(--gheeyellow);
  --table-checkbox-border-color: var(--light-slate-gray);
  /* ---------------------------------------------------
                Input forms Dark
  ----------------------------------------------------- */
  --input-color: var(--white);
  --input-bg-color: inhirit;
  --input-font-weight: 400;
  --input-border-color: #466376;
  --input-focus-border-color: var(--esmeralda);
  --input-focus-bg-color: inhirit;
  --form-control-bg-color: inhirit;
  /*--form-control-color: #495057;*/
  --form-control-color: var(--white);
  --form-control-focus-color: var(--white);
  --dropdown-search-icon-color: var(--forestblues);
  --label-color: var(--white);
  --form-control-font-size: 1.4rem;
  --label-font-size: 1.3rem;
  --label-font-weight: 600;
  --switch-icon-bg-color: var(--red-orange);
  --switch-icon-border-color: var(--red-orange);
  --switch-checked-color: var(--blue);
  --nav-tab-color: var(--durotarfire);
  --input-required-border-color: var(--durotarfire);
  --input-required-focus-color: var(--jasmine-green);
  --input-required-focus-border-color: var(--jasmine-green);
  --bulk-upload-file-link: var(--white);
  --input-readonly-bg-color: var(--davy-grey);
  --automation-status-head-bg-color: var(--cerulean);
  --table-icon-svg-color: var(--cerulean);
  --application-template-bg-color-hover: var(--cerulean);
  --sign-bg-color: var(--navalnight);
  --sign-border-color: var(--cerulean);
  --two-fa-description-text-color: var(--cerulean);
  --nylas-email-left-card-bg-color: var(--cerulean);
  --nylas-email-left-card-color: var(--white);
  --nylas-back-btn-bg-color: var(--cerulean);
  --vonq-filter-bg-color: var(--blue-whale);
  --vonq-location-bg-color: var(--cerulean);
  --vonq-basket-card-total-bg-color: var(--cerulean);
  --green-room-card-body-bg-color: var(--navalnight);
  --green-room-card-footer-bg-color: var(--cerulean);
  --default-approver-category-bg-color: var(--cerulean);
  --question-icon-fill-color: var(--cerulean);
  /*--------------select Start----------------------------*/
  --select-font-size: 1.4rem;
  --select-font-color: var(--white);
  --select-option-font-color: #495057;
  --select-bg-color: var(--navalnight);
  --select-border-color: #466376;
  --select-focus-border-color: var(--esmeralda);
  --select-focus-bg-color: inhirit;
  /*--------------select End---------------------------*/
  /*--------------ngx-select-dropdown  Dark start----------------------*/
  --ngx-select-svg-fill-color: #F05A28;
  --ngx-select-available-items-background-color-hover: var(--rhapsodyinblue);
  --ngx-select-available-items-container-background-color: var(--navalnight);
  --ngx-select-available-items-border-color-hover: var(--rhapsodyinblue);
  --ngx-select-available-items-border-color: unset;
  --ngx-select-border-color: #466376;
  --ngx-select-available-items-color: var(--glacier);
  --ngx-select-clear-all-button-bg-color: #0d3f68;
  --ngx-select-selected-item-bg-color: #0d3f68;
  --ngx-select-selected-count-bg-color: #0d3f68;
  --ngx-select-selected-count-fount-size: 15px;
  --ngx-select-clear-all-button-border-color: #0d3f68;
  --ngx-select-clear-all-button-color: var(--white);
  --add-job-detail-tab-ngx-select-svg-fill-color: var(--faded-blue);
  /*--------------ngx-select-dropdown end----------------------*/
  /*-----------------------togle-colapse  Dark start----------------------*/
  --togle-colapse-h4-bg-color: var(--cerulean);
  --togle-colapse-form-group-row: unset;
  --togle-colapse-add-job-assessment-tab-nav-tab: var(--cerulean);
  /*-----------------------togle-colapse end----------------------*/
  /* ---------------------------------------------------
                Buttons Dark
  ----------------------------------------------------- */
  --btn-success-bg-color: var(--salem);
  --btn-success-border-color: var(--salem);
  --btn-close-bg-color: var(--red-orange);
  --btn-close-border-color: var(--red-orange);
  --btn-danger-hovor-bg-color: var(--american-red);
  --btn-info-bg-color: var(--rhapsodyinblue);
  --btn-info-border-color: var(--summerblue);
  --btn-primary-bg-color: rgba(13,63,104,0.9);
  --btn-primary-border-color: rgba(13,63,104,0.9);
  --btn-primary-hover-bg-color: var(--forestblues);
  --btn-primary-hover-border-color: rgba(13,63,104,1);
  --btn-text-color: var(--white);
  --btn-sucess-text-color-hover: var(--white);
  --btn-sucess-bg-color-hover: var(--salem);
  --btn-sucess-border-color-hover: var(--salem);
  --btn-font-size-primary: 1.2rem;
  --btn-preview-bg-color: var(--instant-orange);
  --btn-assessment-chose-file: var(--white);
  --svg-ai-fill-color: var(#002a45);
  --btn-preview-bg-color-hover: var(--halloween-orange);
  --btn-preview-border-color-hover: var(--cadmium-orange);
  --btn-danger-bg-color: var(--scarlet);
  --btn-danger-text-color: var(--white);
  --btn-border-radious: 0px;
  --user-setting-ul-bg-color-hover: var(--rhapsodyinblue);
  /* ---------------------------------------------------
                Dashboard Dark
  ----------------------------------------------------- */
  /*------------ State Tile  Dark start----------------*/
  --full-box-stats-tile-count-color: #ff741e;
  --full-box-stats-tile-status-title-color: var(--white);
  --border-box-stats-tile-count-color: #ff741e;
  --border-box-stats-tile-status-title-color: var(--white);
  --stats-tile-background-pattern: linear-gradient(184deg, rgba(1,21,52,1) 24%, rgba(14,32,60,1) 33%, rgba(14,68,140,1) 100%);
  --stats-tile-background-pattern-size: unset;
  --stats-tile-background-color: var(--squid-ink-powder);
  --model-boarder-color: var(--model-border-color);
  --stats-tile-border-color: var(--cerulean);
  --home-font-size-primary: 1.2rem;
  --state-tile-status-title-font-size: 1.4rem;
  --stats-tile-count-font-size: 4rem;
  --stats-tile-count-text-align: center;
  --stats-cards-cap-menu-svg-color: var(--cyanblue);
  --home-todo-card-header-bg-color: var(--navalnight);
  --home-todo-card-header-color: var(--black);
  /*--------- State Tile End-----------------*/
  --dashboard-card-bg-color: #011534;
  --dashboard-card-hr-border-color: #466376;
  --card-header-bg-color: var(--navalnight);
  --card-header-color: var(--white);
  --card-bottle-neck-content: var(--white);
  --dashboard-page-bg-color: var(--rhapsodyinblue);
  /*-------Home-Job Search Filter Dark start---------------*/
  --home-job-searchType-border-color: #466376;
  --home-job-searchby-border-color: #466376;
  --home-job-search-icon-fill-color: #E55A34;
  --home-job-search-button-background-color: #E55A34;
  --home-job-search-button-border-color: #E55A34;
  --home-job-search-button-font-color: var(--white);
  /*-------Home-Job Search Filter Dark End---------------*/
  /*-------Advanced Dashboard Widget Section Background Dark---------------*/
  --advance-dashboard-widget-section-bg-color: var(--rhapsodyinblue);
  --advance-dashboard-widget-border-color: #466376;
  --advance-dashboard-widget-shadow: 0 1px 3px rgba(0,0,0,0.15);
  --advance-dashboard-card-header-text-color: var(--white);
  --advance-dashboard-widget-body-text-color: #cccccc;
  /*-------Advanced Dashboard Widget Section Background Dark End---------------*/
  /*--------- Todo List -----------------*/
  --todo-expired-bg: var(--red);
  --todo-remaining-bg: var(--light-yellow);
  --todo-expired-text: var(--white);
  --todo-remaining-text: var(--black);
  /* ---------------------------------------------------
                Misc Dark
  ----------------------------------------------------- */
  --svg-fill-color: var(--cyanblue);
  --user-home-content-svg-color: var(--white);
  --svg-fill-color-list: var(--cyanblue);
  --inactive-svg-fill-color: var(--white);
  --svg-fill-saved-search: var(--cyanblue);
  --report-builder-svg-color: var(--white);
  /* ---------------------------------------------------
                System setting Dark
  ----------------------------------------------------- */
  --system-tiles-color: var(--white);
  --system-settings-tiles-border-color: var(--white);
  --system-settings-tiles-bg-color: var(--rhapsodyinblue);
  --system-settings-svg-fill-color: var(--white);
  /* ---------------------------------------------------
                Add Job Dark
  ----------------------------------------------------- */
  --add-job-lable: var(--faded-blue);
  --add-job-text-danger: var(--lemon);
  --add-job-fieldset-dynamic-starter-forms-text-danger: var(--scarlet);
  --add-job-step-menu-complete-bg-color: var(--salem);
  --add-job-step-menu-current-bg-color: var(--ruddybrown);
  --bulk-recruitment-job-lable: var(--white);
  --add-job-detail-tab-bg-color: var(--navalnight);
  --add-job-detail-input-border-bottom: none;
  --add-job-footer-bg-color: var(--rhapsodyinblue);
  --add-job-arrow-bg-color: var(--blue-yonder);
  --add-job-arrow-bg-color-befor: var(--rhapsodyinblue);
  --add-job-post-job-advert-bg-color: var(--navalnight);
  --add-job-more-header-color-active: var(--durotarfire);
  --add-job-svg-fill-color: var(--cerulean);
  --add-job-card-info-bg-color: var(--navalnight);
  --add-job-tab-fieldset-info-bg-color: var(--navalnight);
  --add-job-notes-svg-fill-color: var(--orange);
  --transparent-color: var(--navalnight);
  --text-gray-900: var(--heat-wave);
  --job-card-title-color: #fb923c;
  --job-list-card-hovor-over-color: var(--heat-wave);
  --home-job-list-card-bg-color: var(--stats-tile-background-pattern);
  --home-job-list-card-border-color: var(--heat-wave);
  --home-job-list-card-tooltip-color: var(--heat-wave);
  --home-job-list-card-background-color: var(--stats-tile-background-pattern);
  --home-job-list-card-hover-color: linear-gradient(#00263a, #158bbf);
  --job-stat-tile-active-color: #009fe3;
  --home-job-list-card-hover-background-color: #00263a;
  /* ---------------------------------------------------
                Cadidate Profile Dark
  ----------------------------------------------------- */
  --reference-tab-table-color: var(--white);
  --cadidate-profile-svg-color: var(--cyanblue);
  --tab-header-bg-color: var(--skyblue);
  --tab-header-color: var(--rhapsodyinblue);
  --tab-header-active-bg-color: var(--rhapsodyinblue);
  --candidate-profile-dropdown-bg-color: var(--navalnight);
  --candidate-profile-dropdown-border-color: var(--cerulean);
  --candidate-profile-dropdown-text-color: var(--white);
  --cadidate-profile-email-color: var(--white);
  --cadidate-profile-filter-color: var(--white);
  --lable-starter-form: var(--white);
  --candidate-pipeline-nav-tab-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-nav-tab-color: var(--white);
  --candidate-pipeline-card-header-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-card-bdy-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-card-head-bg-color: var(--cerulean);
  --candidate-application-header-bg-color: var(--cerulean);
  --candidate-application-header-color: var(--white);
  --candidate-application-header-bg-color-hover: var(--orange);
  --candidate-application-cv-upload-bg-color: var(--navalnight);
  --candidate-profile-search-filter-bg-color: var(--rhapsodyinblue);
  --candidate-profile-search-filter-text-color: var(--white);
  --candidate-profile-search-filter-button-bg-color: var(--astronaut-blue);
  --candidate-profile-search-filter-button-border-color: var(--cerulean);
  --candidate-profile-search-filter-border-color: var(--cerulean);
  --candidate-profile-search-filter-separator-bg-color: var(--cerulean);
  --candidate-profile-tabs-header-bg-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-header-active-bg-color: var(--astronaut-blue);
  --candidate-profile-tabs-header-separator-bg-color: var(--cerulean);
  --candidate-profile-tabs-header-text-color: var(--light-steel-blue);
  --candidate-profile-tabs-content-bg-color: var(--navalnight);
  --candidate-profile-tabs-content-border-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-section-header-bg-color: var(--cerulean);
  --candidate-profile-section-separator-bg-color: var(--cerulean);
  --candidate-profile-section-card-bg-color: var(--rhapsodyinblue);
  --candidate-profile-section-card-text-color: var(--white);
  --candidate-profile-section-table-even-cell-bg-color: var(--navalnight);
  --candidate-profile-section-table-odd-cell-bg-color: var(--navalnight);
  --candidate-profile-more-menu-bg-color: var(--left-menu-bg-color);
  --candiadte-profile-more-menu-item-bg-color: unset;
  --candiadte-profile-more-menu-item-left-shadow-color: var(--cerulean);
  --candidate-profile-more-menu-item-border-color: var(--cerulean);
  --candidate-profile-more-menu-item-color: var(--white);
  --candidate-profile-equal-opps-caption-bg-color: transparent;
  --candidate-profile-sign-color: invert(1);
  --candidate-profile-print-application-font-size: 20px;
  --candidate-profile-promot-job-banner-icon: var(--linen);
  /* ---------------------------------------------------
                History Dark
  ----------------------------------------------------- */
  --history-timeline-item-bg-color: var(--rhapsodyinblue);
  --history-timeline-item-time-text-color: var(--white);
  --history-timeline-item-header-text-color: var(--white);
  --history-timeline-item-header-link-text-color: var(--cerulean);
  --history-timeline-time-label-bg-color: var(--astronaut-blue);
  --history-timeline-connector-bg-color: var(--astronaut-blue);
  /* ---------------------------------------------------
                Cadidate Listing Dark
  ----------------------------------------------------- */
  --candidate-listing-candidate-card-bg-color: var(--rhapsodyinblue);
  --candidate-listing-candidate-card-carousel-bg-color: var(--jasmine-green);
  --candidate-listing-pipeline-switch-svg-bg-color: var(--white);
  --letter-listing-bg-color: var(--dashboard-card-bg-color);
  --letter-listing-font-color: var(--white);
  --candidate-listing-svg-fill-color: var(--white);
  --candidate-listing-calendar-svg-fill-color: var(--white);
  --svg-icon-fill-color: var(--white);
  --candidate-listing-gas-icon-svg-fill-color: #66B2FF;
  /* ---------------------------------------------------
               Security Role Dark
  ----------------------------------------------------- */
  --security-role-hover-color: var(--black);
  /* ---------------------------------------------------
               Reports Dark
  ----------------------------------------------------- */
  --reports-label-color: var(--white);
  --report-builder-card-icon-color: var(--white);
  --report-builder-side-filter-bg-color: var(--navalnight);
  /* ---------------------------------------------------
               Search Job Dark
  ----------------------------------------------------- */
  --search-jobs-filter-title-color: var(--white);
  --panel-bg-color: var(--blue-whale);
  --panel-header-bg-color: var(--navalnight);
  --search-parameters-panel-header-bg-color: var(--blue-whale);
  --search-list-header-bg-clr: var(--blue-whale);
  --search-list-body-bg-clr: var(--rhapsodyinblue);
  --search-list-border-color: var(--cerulean);
  --search-list-arrow-svg-fill-color: var(--cerulean);
  --search-filter-tage-border-color: var(--navalnight);
  --search-filter-tage-border-color-redeployment: var(--navalnight);
  --search-application-and-address-book-penel-header-bg-color: var(--blue-whale);
  /* ---------------------------------------------------
               print Preview Dark
  ----------------------------------------------------- */
  --print-preview-color: var(--white);
  /*--print-preview-color: var(--black);*/
  --print-preview-table-header-bg-color: var(--cerulean);
  --print-preview-table-header-color: var(--white);
  /* ---------------------------------------------------
                Cadidate List Dark
  ----------------------------------------------------- */
  --candidate-list-svg-color: var(--cyanblue);
  --candidate-list-Carousel-link-color: var(--white);
  /* ---------------------------------------------------
                Card Dark
  ----------------------------------------------------- */
  --tab-card-bg-color: var(--rhapsodyinblue);
  /*  --------------Alert-Setup Dark--------------------*/
  --alert-setup-table-color: var(--white);
  /* ---------------------------------------------------
                Ck-Editor Dark
  ----------------------------------------------------- */
  --ckEditor-editor-background-color: var(--navalnight);
  --ckEditor-editor-text-color: var(--white);
  --ckEditor-top-background-color: var(--cerulean);
  --ckEditor-bottom-background-color: var(--cerulean);
  --ckEditor-border-top-color: var(--cerulean);
  --ckEditor-border-bottom-color: var(--cerulean);
  --ckEditor-border-color: var(--cerulean);
  /* ---------------------------------------------------
                Calendar Dark
  ----------------------------------------------------- */
  --calendar-search-bar-card-header-bg-color: var(--blue-whale);
  --calendar-search-bar-card-header-border-color: var(--cerulean);
  --report-builder-preview-icon-color: var(--white);
  --rb-accordion-toggle-color: var(--cerulean);
  --txt-danger-text-color: var(--scarlet);
  --calendar-search-cross-icon-color: var(--ball-blue);
  /* ---------------------------------------------------
                Login Dark
  ----------------------------------------------------- */
  --btn-login-bg-color-hover: var(--forestblues);
  --login-input-focus-bg-color: var(--jasmine-green);
  --login-input-focus-border-color: var(--jasmine-green);
  --user-setting-logout-button-color: var(--green);
  --user-setting-logout-button-border-color: var(--sea-green);
  /* ---------------------------------------------------
                Panel Shortlisting 
  ----------------------------------------------------- */
  --question-box-background-color: var(--dark-blue);
  --question-box-border-color: var(--cerulean);
  --question-box-label-color: var(--white);
  /* ---------------------------------------------------
                Assessment Form Dark
  ----------------------------------------------------- */
  --question-container-bg-color: var(--mint-blue);
  --question-header-panel-bg-color: var(--cerulean);
  --question-header-panel-text-color: var(--white);
  --question-options-textbox-border-color: var(--input-border-color);
  --matrix-question-table-background-color: var(--mint-blue);
  --matrix-question-odd-row-background-color: var(--matrix-question-odd-row);
  --matrix-question-even-row-background-color: var(--navalnight);
  --assessment-form-preview-modal-bg-color: var(--main-bg-color);
  --question-mark-correct-color: var(--sky-mint);
  --applicationinfo-backgroud-color: var(--summerblue);
  --assessmentForm-backgroud-color: var(--main-bg-color);
  --svg-fill-color-add-widget: var(--white);
  --widget-border-color: var (--summerblue);
  --widget-pill-button: var(--cyanblue);
  --widget-pill-button-border: var(--forestblues);
  --svg-fill-color-trend-widget: var(--black);
  --sona-document-background-color: var(--stats-tile-background-pattern);
  --sona-document-background-color-hover: var(--stats-tile-background-pattern);
}

/*$page-list-search-btn-bg-color: var(--page-list-search-btn-bg-color);*/
/*--------------select Start----------------------------*/
/*--------------select End---------------------------*/
/*--------------ngx-select-dropdown start----------------------*/
/*--------------ngx-select-dropdown end----------------------*/
/*-----------------------togle-colapse----------------------*/
/*  --------------Alert-Setup--------------------*/
/*.candidate-list-heading svg {
  fill: $candidate-list-svg-color;
}*/
.candidate-info h4 {
  font-size: 1.8rem;
  font-weight: 600;
}

#condidateProfileCarousel h4 a {
  color: var(--candidate-list-Carousel-link-color);
}

#condidateProfileCarousel label a {
  color: var(--candidate-list-Carousel-link-color);
}

app-assessmentformtestpreview .table {
  color: var(--alert-setup-table-color);
}

app-assessmentformtest app-jt-hor-form .card.ng-star-inserted {
  background-color: var(--tab-card-bg-color);
}

app-candidate-detail app-short-list .more_tabs ul li.shortlist-section,
app-candidate-detail app-short-list .more_tabs ul li.shortlist-section:hover {
  background-color: var(--candidate-profile-section-table-even-cell-bg-color);
}

app-candidatelist-list #detail .job-info .table {
  color: var(--label-color);
}

app-pipeline .JATCandidateListList .card-header {
  background-color: var(--candidate-pipeline-card-head-bg-color);
}

.vacancy-status-container .svgicon {
  display: grid;
  width: 20px;
  height: 20px;
  fill: #008000;
}

.vacancy-status-container .fill-red-color {
  fill: #FF0000;
}

.vacancy-status-row {
  margin-left: 0px;
  margin-right: 0px;
}

@media print {
  .addJobCActionsPrint .printSection .datadisplayclass {
    font-size: var(--candidate-profile-print-application-font-size);
  }
  .addJobCActionsPrint .printSection .labelclass {
    font-size: var(--candidate-profile-print-application-font-size);
  }
  .addJobCActionsPrint .JATAssessmentFormPreview .table-responsive.assessment_Form-sidetable td span {
    font-size: var(--candidate-profile-print-application-font-size);
  }
  .addJobCActionsPrint .JATAssessmentFormPreview .table-responsive.assessment_Form-sidetable td {
    font-size: var(--candidate-profile-print-application-font-size);
  }
  .addJobCActionsPrint .JATAssessmentFormPreview .table-responsive.assessment_Form-sidetable tr {
    font-size: var(--candidate-profile-print-application-font-size);
  }
  .addJobCActionsPrint .JATAssessmentFormPreview .table-responsive.assessment_Form-sidetable div {
    font-size: var(--candidate-profile-print-application-font-size);
  }
  .addJobCActionsPrint .JATAssessmentFormPreview .table-responsive.assessment_Form-sidetable th {
    font-size: var(--candidate-profile-print-application-font-size);
  }
}
/* Tooltip container */
.tooltip-container {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip-text {
  visibility: hidden;
  width: 160px;
  background-color: #000;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 86%;
  left: 50%;
  margin-left: -80px;
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip container hover */
.tooltip-container:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

.matrix-question-min-height .table-container {
  min-height: 10vh;
}

.JATCandidateListList .h1,
.JATCandidateListList .h2,
.JATCandidateListList .h3,
.JATCandidateListList .h4,
.JATCandidateListList .h5,
.JATCandidateListList .h6,
.JATCandidateListList #sidebar li a,
.JATCandidateListList .candidate-info a,
.JATCandidateListList #condidateProfileCarousel label,
.JATCandidateListList .jtg-condidate-card,
.JATCandidateListList .user_table,
.JATCandidateListList .showing_result,
.JATCandidateListList .showing_result select,
.JATCandidateListList .pagination .page-link,
.JATCandidateListList .collaps_tabs .nav-tabs a {
  font-weight: var(--label-font-weight);
}

.JATCandidateListList .table_row .table_cell_container .table_cell,
.JATCandidateListList .table_row .table_cell_container .table_cell a {
  color: var(--body-color);
}

.JATCandidateListList #sidebar .sub-nav li:hover, .JATCandidateListList #sidebar .sub-nav a:hover {
  background: #0d3f68;
}

.JATCandidateListList #sidebar li.active a svg {
  fill: #fff;
}

.JATCandidateDetail .candidate-detaile-right-option-container .user_table table tr td {
  padding: 0.75rem !important;
}

.candidate-short-list-filter-menu span:hover {
  cursor: pointer;
  border: 1px solid #177e9c;
}

.JATCandidateListList .row.promote-job-banner {
  background-color: #ff8c3c;
  padding: 6px;
  margin-left: 0;
  margin-right: 0;
}
.JATCandidateListList .row.promote-job-banner button {
  padding: 5px;
  border-radius: 2px;
  color: #fff;
}
.JATCandidateListList .row.promote-job-banner button svg {
  fill: white;
  margin-right: 8px;
}
.JATCandidateListList .row.promote-job-banner .candidate-multi-icons span app-svg-icon #register {
  padding-left: 3.5px;
  width: 22px !important;
  height: 20px !important;
}
.JATCandidateListList .row.promote-job-banner span {
  margin-right: 10px;
  color: #fff;
  font-size: 16px;
}
.JATCandidateListList .row.promote-job-banner svg {
  width: 20px;
  height: 20px;
}

.confirm-job-posting-modal-container .confirm-job-posting-calender-icon,
.JATCandidateListList .row.promote-job-banner .confirm-job-posting-cross-banner-icon svg {
  width: 10px;
  height: 10px;
}

.vonq-products-container .page-title .user_pagetitle {
  margin-bottom: 10px;
}

.JATCandidateListList .row.promote-job-banner .btn-promote-job .promote svg,
.JATCandidateListList .row.promote-job-banner .btn-promote-job .svg-icon {
  fill: var(--candidate-profile-promot-job-banner-icon);
}

.grid-control .nav-icon-view, .grid-control .nav-icon-edit {
  fill: var(--candidate-listing-calendar-svg-fill-color);
}

.grid-control .nav-icon-view, .grid-control .cv-svg-icon {
  fill: var(--candidate-listing-calendar-svg-fill-color);
  height: 24px;
  width: 24px;
}

.JATCandidateListList #user_content .candidate-list-dtl .candidateFilterlist svg {
  fill: var(--candidate-listing-svg-fill-color);
}
.JATCandidateListList #user_content .candidate-list-dtl .candidateFilterlist svg path {
  fill: var(--candidate-listing-svg-fill-color);
}

.JATCandidateDetail .condidate-card .carousel-item .candidate-name-info.candidate-ico svg {
  fill: var(--candidate-listing-svg-fill-color);
}

.JATCandidateListList #user_content .candidate-list-dtl .candidateFilterlist .armed-forces-icon svg,
.JATCandidateListList #user_content .candidate-list-dtl .candidateFilterlist .custom-user-icon svg {
  height: 20px;
}

.JATCandidateDetail .condidate-card .carousel-item .candidate-name-info.candidate-ico .custom-user-icon svg,
.JATCandidateDetail .condidate-card .carousel-item .candidate-name-info.candidate-ico .armed-forces-icon svg {
  height: 20px;
}

.JATCandidateListList #user_content .candidate-list-dtl .candidateFilterlist .gascustomicon svg {
  height: 20px;
}

.JATCandidateDetail .condidate-card .carousel-item .candidate-name-info.candidate-ico .gascustomicon svg {
  height: 20px;
}

.JATCandidateListList .gascustomicon svg polygon,
.JATCandidateDetail .gascustomicon svg polygon {
  fill: var(--candidate-listing-gas-icon-svg-fill-color) !important;
}

@media print {
  .addJobCActionsPrint .printSection .datadisplayclass {
    font-size: var(--candidate-profile-print-application-font-size);
  }
  .addJobCActionsPrint .printSection .labelclass {
    font-size: var(--candidate-profile-print-application-font-size);
  }
  .addJobCActionsPrint .JATAssessmentFormPreview .table-responsive.assessment_Form-sidetable td span {
    font-size: var(--candidate-profile-print-application-font-size);
  }
  .addJobCActionsPrint .JATAssessmentFormPreview .table-responsive.assessment_Form-sidetable td {
    font-size: var(--candidate-profile-print-application-font-size);
  }
  .addJobCActionsPrint .JATAssessmentFormPreview .table-responsive.assessment_Form-sidetable tr {
    font-size: var(--candidate-profile-print-application-font-size);
  }
  .addJobCActionsPrint .JATAssessmentFormPreview .table-responsive.assessment_Form-sidetable div {
    font-size: var(--candidate-profile-print-application-font-size);
  }
  .addJobCActionsPrint .JATAssessmentFormPreview .table-responsive.assessment_Form-sidetable th {
    font-size: var(--candidate-profile-print-application-font-size);
  }
}
.start-employment-check .padding-top-header {
  padding: 15px 0px 20px 0px;
}
.start-employment-check .header {
  color: #00637f;
}
.start-employment-check h4 {
  background-color: var(--togle-colapse-h4-bg-color);
  padding: 5px;
  margin-bottom: 0;
  color: #fff;
  line-height: 26px;
  width: 100%;
}
.start-employment-check .user_pagetitle h3 {
  margin-left: 1px;
}
.start-employment-check .identity-check-guidelines {
  color: var(--header-active-color) !important;
}

.gen-information-container .container_mian {
  margin-top: 0px !important;
}
.gen-information-container .user_pagetitle h3 {
  margin-top: 0px !important;
}

.app-jobs-startdbscheck-enhanced {
  padding-top: 15px;
}

.required-class,
.error-msg {
  color: #FF0000;
}

.employment-check-candidates .status-width-10 {
  width: 10% !important;
}

.DBS-section-online-discolusre-check .mt-20 {
  margin-top: 20px !important;
}

.JATCandidateListList .job-list-stats-tiles-contianer .card.job-stat-tile-container {
  min-height: 70px !important;
}

.action-row {
  display: none;
}

.additionalMenu #RightMenu {
  align-items: center;
}

.additionalMenu .actions-line {
  margin-bottom: 0.5rem;
}

@media (max-width: 481px) {
  .action-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    width: 100%;
  }
  .candidateDetails .additionalMenu {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 4px;
  }
  .additionalMenu #RightMenu {
    display: none;
  }
  .row.candidateDetails ul {
    margin-bottom: 5px !important;
  }
  .additionalMenu .action_cap_icon {
    width: 18px;
    height: 29px;
    flex-shrink: 0;
  }
  .additionalMenu .ms-auto {
    margin-left: auto;
  }
}
.job-list-stats-tiles-contianer .card.job-stat-tile-container {
  min-height: 70px !important;
}

@media (max-width: 767px) {
  .candidate-list-status-tiles .job-list-stats-tiles-contianer {
    padding-left: 13px !important;
  }
}
.pdf-container {
  display: block;
  height: 100vh;
}

.addJobJobDetail .form-group label {
  font-size: 1.3rem;
  color: var(--add-job-lable);
}

.addJobJobDetail .col-md-12.form-group:nth-child(2) label {
  float: right;
  margin-right: 20px;
  color: var(--bulk-recruitment-job-lable);
}

.add-job-heading {
  padding: 30px 0;
}

.add-job-heading h1 {
  font-weight: 700;
  margin-bottom: 0;
}

@media (max-width: 768px) {
  .add-job-heading h1 {
    margin-right: 15px;
  }
}
.postjob-section {
  margin-top: 30px;
}

.postjob-section .tab-content {
  padding: 30px 0;
}

.postjob-section .nav-tabs li {
  padding: 0 10px;
  font-weight: 700;
}

.postjob-section .nav-tabs li a {
  padding: 1.6rem 1rem;
  display: block;
}

.postjob-section .nav-tabs li a :hover {
  text-decoration: none;
}

.postjob-section .nav-tabs li :focus, .postjob-section .nav-tabs li :hover, .postjob-section .nav-tabs li :visited, .postjob-section .nav-tabs li :active, .postjob-section .nav-tabs li .active {
  color: #f15a29;
  border-bottom: 2px solid #f15a29 !important;
  background-color: transparent;
  border-color: transparent;
  text-decoration: none;
}

/* ---------------------------------------------------
   job Status Post Footer
----------------------------------------------------- */
.post-footer {
  position: relative;
  float: left;
  width: 100%;
  margin: 0;
}

.post-footer p {
  display: inline-block;
  width: 100%;
}

.post-footer .btn-postjob {
  float: left;
  width: auto !important;
  display: inline-block;
  margin-bottom: 10px;
}

.post-footer .btn-postjob i {
  margin-left: 10px;
}

.post-footer .ui-switcher {
  display: block;
  margin: 10px auto;
}

.post-footer .social-media li {
  margin-right: 10px;
  text-align: center;
}

.post-footer ul {
  width: 100%;
}

.post-footer ul li {
  float: left;
  display: block;
  padding: 0 2px;
}

.post-footer ul .nav-icon {
  width: 40px;
  height: 40px;
}

.post-footer .social-btns li {
  float: left;
  display: block;
  padding: 0 2px;
}

.post-footer .social-btns a {
  padding: 10px;
  color: #fff;
}

.post-footer .social-btns .nav-icon {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  fill: #fff !important;
}

.post-footer .social-btns .btn-facebook {
  background-color: #38519f;
}

.post-footer .social-btns .btn-facebook:hover {
  background-color: #293b75;
}

.post-footer .social-btns .btn-twitter {
  background-color: #00a8fa;
}

.post-footer .social-btns .btn-twitter:hover {
  background-color: #048cce;
}

.post-footer .social-btns .btn-linkedin {
  background-color: 629e;
}

.post-footer .social-btns .btn-linkedin:hover {
  background-color: #044a75;
}

app-declarationdetails .addJobApplicationFormDeclarationDetails .svg-icon {
  fill: var(--svg-fill-color-list);
}

.parentSectormain {
  margin-bottom: 20px;
  margin: 0 auto;
  text-align: center;
}

.parentSectormain .parentSector {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  width: 32%;
  height: 350px;
  overflow-y: scroll;
  float: left;
  border: 1px solid #ccc;
}

.parentSectormain .parentSector li {
  float: left;
  width: 100%;
  border-top: 1px solid #ccc;
  background: var(--main-bg-color);
  padding: 10px;
  text-align: left;
  cursor: pointer;
}

.parentSectormain .parentSector li:hover {
  background-color: var(--main-bg-color);
}

.parentSectormain .parentSector li:after {
  content: ">";
  color: var(--body-color);
  float: right;
  font-weight: bold;
}

.parentSectormain .card {
  width: 34%;
  margin-left: 2%;
  margin-top: 0;
  float: left;
  position: relative;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  font-size: 1.4rem !important;
}

.parentSectormain .card .card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: var(--main-bg-color);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.parentSectormain .card .card-body {
  padding: 15px;
  background-color: var(--main-bg-color);
}

.jobInfo-card {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 15px;
  margin-bottom: 5px;
  background-color: var(--add-job-card-info-bg-color);
}

#collapseMore .job-title {
  background-color: var(--job-list-more-modal-header-bg-color);
  padding: 10px;
  color: #fff;
}

/*/--------------------------add-job-detail-tab--------------------------------/*/
.addJobJobDetail .col-md-6.form-group, .addJobPostJob .col-md-6.form-group {
  padding: 3px 5px;
  max-width: 48%;
  margin-left: 1%;
  margin-bottom: 0;
  background-color: var(--add-job-detail-tab-bg-color);
  border-bottom: 2px solid var(--add-job-detail-input-border-bottom);
}

.addJobJobDetail .svg-icon #button-close {
  fill: var(--add-job-detail-tab-ngx-select-svg-fill-color);
  height: 20px;
  width: 20px;
}

/*/--------------------------add-job-approval-form-tab--------------------------------/*/
.addJobApprovalForm .row {
  background: var(--add-job-detail-tab-bg-color);
  margin-left: 0;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.addJobApprovalForm .control-label .text-danger {
  color: var(--add-job-text-danger) !important;
}

.addJobApprovalForm .add-job-fieldset .dynamic-starter-forms .text-danger > span {
  color: var(--add-job-fieldset-dynamic-starter-forms-text-danger) !important;
}

/*label*/
app-jt-preview-form span {
  color: var(--add-job-lable);
  font-weight: var(--label-font-weight);
}

.addJobJobDetail .jobdetail_tabs .ngx-dropdown-container .svg-icon {
  fill: var(--add-job-detail-tab-ngx-select-svg-fill-color);
}

/* add job footer */
.action.addjob-action .action-area {
  padding: 15px;
  background: var(--add-job-footer-bg-color);
  background-size: 60px;
}

/*Job Navigation Tab Start*/
.step-menu {
  list-style-type: none;
  width: 100%;
  margin: 0 auto;
  margin-top: 15px;
  float: left;
  padding: 0;
}

.step-menu li {
  box-sizing: border-box;
  float: left;
  background: var(--add-job-arrow-bg-color);
  height: 50px;
  text-align: center;
  padding: 15px 15px 15px 50px;
  position: relative;
  margin-left: 10px;
  margin-bottom: 5px;
  cursor: pointer;
}

.step-menu li:before {
  content: "";
  position: absolute;
  border: 25px solid transparent;
  border-left-color: var(--add-job-arrow-bg-color-befor);
  top: 0px;
  left: 0;
}

.step-menu li:after {
  content: "";
  position: absolute;
  border: 25px solid transparent;
  border-left-color: var(--add-job-arrow-bg-color);
  top: 0px;
  right: -49px;
  z-index: 1;
}

.step-menu li:first-child:before, .step-menu li:last-child:after {
  border: 0;
}

.step-menu li:first-child {
  padding: 15px;
}

.step-menu li.current {
  background: var(--add-job-step-menu-current-bg-color);
  color: white;
  font-weight: bold;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.step-menu li.current:after {
  border-left-color: var(--add-job-step-menu-current-bg-color);
}

.step-menu li.complete {
  background: var(--add-job-step-menu-complete-bg-color);
  color: white;
}

.step-menu li.complete:after {
  border-left-color: var(--add-job-step-menu-complete-bg-color);
}

/*Job Navigation End*/
/*============================add-job-Adverts===================*/
.addJobJobAdverts .advertisejob h3 {
  display: none;
}

.addJobJobAdverts h3 {
  font-size: 1.4rem;
  font-weight: 600;
}

.addJobJobAdverts .advertisejob h6 {
  float: left;
  margin-right: 20px;
}

.addJobJobAdverts .advertisejob ul {
  margin: 0;
}

.addJobJobAdvertsAdvertDetails .mt-3 {
  margin-top: 0 !important;
}

.JT-configbar {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.addJobJobAdverts .collaps_tabs .nav-tabs {
  border-bottom: none;
  background-color: var(--togle-colapse-add-job-assessment-tab-nav-tab);
  padding: 0;
}

.addJobJobAdverts .collaps_tabs .nav-link {
  padding: 10px;
  color: var(--white) !important;
  border-radius: 0;
}

.addJobJobAdverts .nav-tabs .nav-link.active {
  background-color: #f97f50;
}

.addJobJobAdverts .tab-pane.fade.show.active {
  margin-right: auto;
  margin-left: auto;
  max-width: 1140px;
}

.addJobJobAdvertsMediaRichAdvert .col-md-2 {
  margin-top: auto;
  margin-bottom: auto;
}

.addJobJobAdverts .tab-content.col-md-12.form-group {
  padding: 20px;
}

.addJobJobAdverts .tab-content.col-md-12.form-group .collaps_tabs.card,
.addJobJobAdverts .collaps_tabs .tab-pane .tab-content {
  background: #eaf3f6;
  background-color: var(--main-bg-color);
}

.addJobJobAdvertsMediaRichAdvert .JT-text .JT-container {
  border: 1px solid lightgrey;
}

.addJobJobAdverts .form-horizontal {
  padding-top: 0;
}

.addJobJobAdverts .form-group.row label.switch.switch-icon {
  margin-bottom: initial;
}

.addJobJobAdverts .JT-configbar {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.addJobJobAdverts .JT-inner .ui-sortable-handle, .JT-inner .JT-configbar {
  background-color: var(--togle-colapse-add-job-assessment-tab-nav-tab) !important;
}

.addJobJobAdverts .btn-primary {
  background-color: #177e9c !important;
  border-color: #177e9c !important;
}

.addJobJobAdverts summary {
  background-color: var(--togle-colapse-add-job-assessment-tab-nav-tab);
  padding: 5px;
  color: var(--white);
}

.addJobJobAdverts summary label {
  color: var(--white);
}

.addJobJobAdverts .btn_preview {
  background-color: var(--jasmine-green);
  border-color: var(--jasmine-green);
  font-size: 1.4rem;
}

.enhanced-ai-add-job-adverts .advert-bg-transparent,
app-job-adverts .ExternalMediaRichAdvertPageTemplate .container,
app-job-adverts .InternalMediaRichAdvertPageTemplate .container,
app-job-adverts .AgencyMediaRichAdvertPageTemplate .container {
  background-color: var(--main-bg-color) !important;
}

.JT-inner .ui-sortable-handle, .JT-inner .JT-configbar {
  background-color: var(--togle-colapse-add-job-assessment-tab-nav-tab) !important;
  color: var(--white);
}

app-broadbean .job-purpose {
  height: 200px;
  background-color: var(--add-job-post-job-advert-bg-color);
  overflow-y: auto;
}

app-broad-bean .job-purpose {
  height: 200px;
  background-color: var(--add-job-post-job-advert-bg-color);
  overflow-y: auto;
}

/*app-jobs-list #collapseMore {
  background: $add-job-post-job-advert-bg-color;
}*/
#collapseMore .table-job-info tr {
  background-color: var(--add-job-post-job-advert-bg-color);
}

app-jobs-list #collapseMore .table {
  color: var(--body-color);
}

#collapseMore .nav-tabs .nav-link.active {
  color: var(--add-job-more-header-color-active) !important;
  background-color: var(--job-list-more-note-bg-color);
  border-radius: 0 20px 0 0;
}

#collapseMore .nav-tabs .nav-link {
  background-color: var(--main-bg-color);
  color: var(--body-color) !important;
  border-radius: 0 20px 0 0;
  border: 0;
  padding: 12px;
}

#collapseMore .collaps_tabs .nav-tabs {
  padding: 0;
}

app-ibidu .job-purpose {
  height: 200px;
  background-color: var(--input-readonly-bg-color);
  overflow-y: auto;
}

/*---------------------jtStyle.css-start------------------*/
.JT-inner {
  max-width: 1200px;
  background: var(--main-bg-color);
  margin: 0 auto;
  padding: 2rem 1rem 2rem 1rem;
}

.JT-ie8 .JT-clearfix:after, .JT-inner:after {
  content: " ";
  clear: both;
}

@media (min-width: 48em) {
  .JT-inner {
    padding: 2rem 1rem 2rem 1rem;
  }
  .JT-col-3 {
    width: 24.2%;
    margin: 0 8px 14px 0;
    display: inline-block;
    vertical-align: top;
  }
  .JT-col-6 {
    width: 49.5%;
    margin: 0 8px 14px 0;
    display: inline-block;
    vertical-align: top;
  }
  .JT-col-9 {
    width: 74%;
    margin: 0 8px 14px 0;
    display: inline-block;
    vertical-align: top;
  }
  .JT-col-12 {
    width: 99%;
    margin: 0 8px 14px 0;
  }
}
@media (max-width: 48em) {
  .JT-inner {
    padding: 0 40px;
  }
  .JT-col-3,
  .JT-col-6,
  .JT-col-9,
  .JT-col-12 {
    width: 100%;
    margin: 0 8px 14px 0;
  }
}
.JT-text .JT-container {
  min-height: 240px;
}

.JT-images .JT-container img {
  width: 100%;
  height: 240px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.JT-row:after {
  content: "";
  display: table;
  clear: both;
  margin-bottom: 1rem;
}

.JT-container object, .JT-container object embed {
  width: 100%;
  height: 240px;
  border: 1px solid #ccc;
}

#divVideoPreview, #divVideoPreview object {
  width: 100%;
}

.JT-configbar {
  clear: both;
  background: #47a7e3;
  height: 35px;
  width: 100%;
  padding-top: 5px;
  cursor: move;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.JT-configbar div {
  display: inline-block;
  padding: 0 8px;
}

.add-text,
.add-image,
.add-video {
  cursor: pointer;
  z-index: 500;
}

.add-text i,
.add-image i,
.add-video i {
  padding-right: 8px;
}

.remove-section {
  float: right;
  cursor: pointer;
  z-index: 500;
}

.JT-m-b-1 {
  margin-bottom: 1rem;
}

.JT-m-a-0 {
  margin: 0 !important;
}

.JT-pull-right {
  /*float: right;*/
}

.JT-pull-left {
  /*float: left;*/
}

.JT-container p {
  padding: 0 10px;
  text-align: justify;
}

.JT-container iframe {
  width: 100%;
}

.section-placeholder {
  border: 2px dashed black;
  background-color: #f7fafb;
  display: inline-block;
  vertical-align: top;
}

/*---------------------jtStyle.css-end------------------*/
app-approval-form .add-job-fieldset app-svg-icon .svg-icon,
app-job-access-create .add-job-fieldset app-svg-icon .svg-icon,
app-job-alerts-create .add-job-fieldset app-svg-icon .svg-icon {
  fill: var(--add-job-svg-fill-color);
}

.multipanel_short_listing_lable {
  background-color: var(--togle-colapse-add-job-assessment-tab-nav-tab);
  color: #fff !important;
  padding: 6px;
  margin-right: 5px;
  border-radius: 5px;
  line-height: 11px;
}

app-assessment app-jt-assessment .form-group.row .col-md-1,
app-assessment app-jt-assessment .form-group.row .col-md-9 {
  margin-top: auto;
  margin-bottom: auto;
  padding-right: 0;
}

app-approval-form .add-job-fieldset .text-left.font-weight-bold a {
  color: var(--label-color);
}

.JT-images .JT-container img {
  filter: var(--candidate-profile-sign-color);
}

.remove-filter-invert {
  filter: none !important;
}

app-invite-candidates .privatejob-container .bg-light {
  background-color: var(--main-bg-color) !important;
}

.private-job-button {
  color: #fff !important;
  background-color: #f97f50;
  border: #f97f50;
  border-radius: 3px;
}

@media (min-width: 1200px) {
  .privateJob-modal {
    max-width: 95%;
  }
}
@media (min-width: 1200px) {
  .privatejob-container {
    max-width: 1650px;
  }
}
app-preview-email .modal-content a {
  color: var(--label-color);
}

.privatejob-container .selected-count {
  color: #fff !important;
}

/*-------CRM-talen-pool-------------*/
.talent-pool-application-templates .dnd-placeholder-height {
  height: 200px;
}

.talent-pool-application-templates .dnd-placeholder-height {
  height: 200px;
}

.svg-icon-add-custom-field {
  fill: #0d3f68;
  height: 20px;
  width: 24px;
  cursor: pointer;
}

.talent-pool-navigation-tab li.nav-item {
  margin-right: 6px;
  border: 2px solid #00637f;
  border-color: #00637f;
  border-radius: 6px;
  background: #f6f6f6 !important;
}

.talent-pool-navigation-tab li.nav-item.active-tab {
  background-color: #00637f !important;
}

.talent-pool-navigation-tab li.nav-item.active-tab a {
  color: #fff !important;
}

.talent-pool-navigation-tab li.nav-item a {
  color: #00637f !important;
}

.talent-pool-navigation-tab .collaps_tabs .nav-tabs {
  background-color: transparent;
  padding: 0px;
}

.talent-pool-navigation-tab .collaps_tabs li.nav-item :hover {
  border-bottom: none !important;
  text-decoration: none;
  color: #f97f50 !important;
}

.talent-pool-navigation-tab .collaps_tabs .collaps_tabs .nav-link {
  padding: 1rem 1rem !important;
}

.svg-icon-add-custom-field {
  fill: #0d3f68;
  height: 20px;
  width: 24px;
  cursor: pointer;
}

.taletApplicationBar .taletApplicationBarCol {
  background: #177e9c;
  /*  $body-bg-color
  */
  height: 40px;
  padding: 9px;
}

.taletApplicationBar .taletApplicationBarCol label {
  color: #fff !important;
}

.custom_control_check {
  height: 40px;
  padding: 9px;
  background-color: #177e9c;
}

.custom_control_check b {
  color: #fff;
}

.JT-crm-images {
  width: 100%;
  height: 240px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.crm-videos {
  width: 100%;
  height: 270px;
  border: 1px solid #ccc;
}

.crm-video-fram {
  min-height: 304px;
  border: 1px solid #ccc;
  max-width: 100%;
}

.JT-inner .JT-configbar {
  clear: both;
  background: #47a7e3;
  height: 35px;
  width: 100%;
  padding-top: 5px;
  cursor: move;
  display: flex;
  justify-content: space-between;
}

.JT-inner .add-text {
  display: inline-block;
}

.JT-inner .remove-section {
  display: inline-block;
  padding: 0 8px;
}

.image-section {
  max-width: 100%;
  height: 89%;
}

#talentadvertbtn {
  width: 250px !important;
}

.previewTemplate a {
  top: 15px;
  position: absolute;
  right: 60px;
}

app-progress-bar .progress {
  height: 22px !important;
}

.postjobForm .table-container {
  min-height: 35vh !important;
  overflow: visible;
}

.input-group-text {
  color: var(--label-color);
}

.addJobPostJob .boardMarketPlaceSection {
  background-color: var(--togle-colapse-add-job-assessment-tab-nav-tab);
  padding: 5px;
}

.addJobPostJob .boardMarketPlaceSection label {
  color: #fff;
}

.cost-center-modal-container .table-container {
  min-height: 10vh;
}

.advert-preferences#collapseMore .close-details {
  z-index: 1010;
}

.advert-preferences#collapseMore {
  height: 85vh;
  z-index: unset;
  top: unset;
}

.enhanced-ai-add-job-adverts .tab-pane.fade.show.active {
  max-width: 100%;
}

@media (max-width: 480px) {
  .advert-preferences#collapseMore {
    width: 100%;
  }
}
@media (min-width: 1398px) {
  .enhanced-ai-add-job-adverts .preferences-container {
    margin-top: -40px;
    width: 460px;
    float: right;
  }
}
@media (min-width: 768px) {
  .enhanced-ai-add-job-adverts .job-advert-detail-main-container.internal-agency-margin {
    margin-right: -15px;
    margin-left: -15px;
  }
}
.job-detail-fields-setup-container .input-append .calendar-icon {
  position: absolute;
  top: 12px;
  right: 20px;
}

.messages.content img {
  margin-right: 10px;
  margin-bottom: 8px;
}

.email-app button {
  left: -8px;
}

.message .date {
  position: relative;
  left: -6px;
}

.no-record {
  width: 50%;
  margin: 0 auto;
}

.email-threads .unread {
  color: #000000;
}

.email-threads .read {
  color: #9b9898;
}

.email-threads .unread > td {
  font-weight: bold;
}

.fc-agendaDay-view .fc-time-grid-event.fc-short .fc-title,
.fc-agendaWeek-view .fc-time-grid-event.fc-short .fc-title {
  margin-top: 3px;
}

.job-notes-container .row {
  margin-left: 0;
  margin-right: 0;
}

.job-notes-container .jtg-notes > div:nth-child(1) > div {
  display: block !important;
}

.job-notes-container .form-group {
  margin-bottom: 1rem !important;
}

.job-notes-container .jtg-notes .col-md-12 {
  padding-left: 0px;
  padding-right: 0px;
}

/*Tool tip enhase job approval*/
.job-approval-notes-container .job-note-svg-icon {
  fill: var(--add-job-detail-tab-ngx-select-svg-fill-color);
  height: 25px;
  width: 25px;
  cursor: pointer;
}

.job-approval-notes-container .job-note-svg-icon .cls-2 {
  fill: var(--add-job-notes-svg-fill-color);
}

.job-approval-notes-container .job-note-svg-icon .cls-10 {
  stroke: var(--add-job-detail-tab-ngx-select-svg-fill-color);
}

.job-approval-notes-container .tooltip {
  background: var(--add-job-notes-svg-fill-color);
  opacity: 1;
  border-radius: 5px;
  padding: 6px;
  position: relative;
  z-index: 1;
}

.job-approval-notes-container .tooltip:before {
  bottom: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}

.job-approval-notes-container .tooltip:after {
  border-left: solid transparent 10px;
  border-right: solid transparent 10px;
  border-top: solid var(--add-job-notes-svg-fill-color) 10px;
  bottom: -9px;
  content: " ";
  height: 0;
  left: 80%;
  margin-left: -13px;
  position: absolute;
  width: 0;
}

.approval-form-container .approv-reject-notes-modal h4 {
  background: var(--transparent-color);
  color: var(--label-color);
}

.approval-form-container .approv-reject-notes-modal .row,
.approval-form-container .job-approval-common-notes-modal .row {
  background: var(--transparent-color);
}

.approval-form-container .job-approval-common-notes-modal h4 {
  padding: 0px;
  margin-top: 0px;
}

.approval-form-container .job-approval-common-notes-modal .row {
  padding-top: 0px;
  padding-bottom: 0px;
}

.job-advert-container .approv-reject-notes-modal .row,
.job-advert-container .job-approval-common-notes-modal .row {
  margin-left: 0px;
}

.job-detaile-auto-complete-copy.auto-complete-copy .autocomplete-container .input-container input:disabled {
  background-color: var(--input-readonly-bg-color) !important;
  opacity: 1;
}

.addJobApprovalForm .approval-form-container .action.addjob-action {
  z-index: 1000;
}

.action.addjob-action.enhanced-job-notes-container,
.addJobApprovalForm .approval-form-container .action.addjob-action.enhanced-job-notes-container {
  z-index: 1050;
}

.addjob-mainnav div.svg-completed {
  height: 15px !important;
  width: 15px !important;
  fill: #fff;
}

.addJobPostJob .postjobForm .datebox app-jt-datepicker input.form-control,
.addJobPostJob .postjobForm .datebox app-jt-datepicker input.form-control:disabled {
  background-color: transparent !important;
}
.addJobPostJob .postjobForm .datebox.closing-date-container {
  position: relative;
  display: inline-block;
}
.addJobPostJob .postjobForm .datebox.closing-date-container .btn-reset-date {
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.add-job-fieldset .ngx-dropdown-container .ngx-dropdown-list-container {
  z-index: 999999999 !important;
}

.job-advert-preferences {
  font-weight: 600 !important;
}

.esr-position-model {
  z-index: 1051;
}

.list-unstyled li.li-button {
  cursor: pointer;
  background-color: #177e9c;
  color: #fff;
  height: 41px;
  width: 105%;
}

.list-unstyled li.li-button:hover {
  background-color: #f97f50;
  border-color: #f97f50;
}

.li-button a.nav-link {
  color: white;
}

.list-unstyled li.nav-item {
  font-weight: 700;
}

.list-unstyled li.li-button.active {
  background-color: #f97f50 !important;
}

.li-button a.nav-link:hover {
  color: white;
}

.advert-left-menu-border {
  border-bottom: 1px solid lightgrey;
  border-right: 1px solid lightgrey;
}

.addJobJobAdverts .collaps_tabs .nav-item {
  padding: 0 !important;
}

#advert-prefrence-document-model .collaps_tabs .nav-tabs .nav-link,
#advert-prefrence-document-model .collaps_tabs .nav-tabs .nav-link.active,
#advert-prefrence-document-model .collaps_tabs .nav-tabs .nav-item.show .nav-link {
  padding: 10px !important;
  color: var(--white) !important;
}

.advert-preferences#collapseMore .close-icon {
  fill: var(--label-color);
}

#advert-prefrence-document-model .nav-tabs .nav-link.active {
  background-color: #f97f50;
  border-radius: 0 0px 0 0;
}

.addJobJobAdverts .collaps_tabs .tab-pane .tab-content {
  background-color: var(--main-bg-color) !important;
}

/*-------CRM-talen-pool-------------*/
.talent-pool-application-templates .dnd-placeholder-height {
  height: 200px;
}

.talent-pool-application-templates .dnd-placeholder-height {
  height: 200px;
}

.svg-icon-add-custom-field {
  fill: #0d3f68;
  height: 20px;
  width: 24px;
  cursor: pointer;
}

.talent-pool-navigation-tab li.nav-item {
  margin-right: 6px;
  border: 2px solid #00637f;
  border-color: #00637f;
  border-radius: 6px;
  background: #f6f6f6 !important;
}

.talent-pool-navigation-tab li.nav-item.active-tab {
  background-color: #00637f !important;
}

.talent-pool-navigation-tab li.nav-item.active-tab a {
  color: #fff !important;
}

.talent-pool-navigation-tab li.nav-item a {
  color: #00637f !important;
}

.talent-pool-navigation-tab .collaps_tabs .nav-tabs {
  background-color: transparent;
  padding: 0px;
}

.talent-pool-navigation-tab .collaps_tabs li.nav-item :hover {
  border-bottom: none !important;
  text-decoration: none;
  color: #f97f50 !important;
}

.talent-pool-navigation-tab .collaps_tabs .collaps_tabs .nav-link {
  padding: 1rem 1rem !important;
}

.svg-icon-add-custom-field {
  fill: #0d3f68;
  height: 20px;
  width: 24px;
  cursor: pointer;
}

.taletApplicationBar .taletApplicationBarCol {
  background: #177e9c;
  height: 40px;
  padding: 9px;
}

.taletApplicationBar .taletApplicationBarCol label, .talentPoolAdvertDetails .custom_control_check b,
.talentPoolAdvertDetails .applicationSearchToggle.accordion-toggle:after {
  color: #fff !important;
}

.custom_control_check {
  height: 40px;
  padding: 9px;
  background-color: #177e9c;
}

.JT-crm-images {
  width: 100%;
  height: 240px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.crm-videos {
  width: 100%;
  height: 270px;
  border: 1px solid #ccc;
}

.crm-video-fram {
  min-height: 304px;
  border: 1px solid #ccc;
  max-width: 100%;
}

.JT-inner .JT-configbar {
  clear: both;
  background: #47a7e3;
  height: 35px;
  width: 100%;
  padding-top: 5px;
  cursor: move;
  display: flex;
  justify-content: space-between;
}

.JT-inner .add-text {
  display: inline-block;
}

.JT-inner .remove-section {
  display: inline-block;
  padding: 0 8px;
}

.image-section {
  max-width: 100%;
  height: 89%;
}

#talentadvertbtn {
  width: 250px !important;
}

.previewTemplate a {
  top: 15px;
  position: absolute;
  right: 60px;
}

app-progress-bar .progress {
  height: 22px !important;
}

.postjobForm .table-container {
  min-height: 2vh !important;
}

.applied-talent-applications .table-container, .applied-jobs-application .table-container {
  min-height: 15vh;
}

.talent-pool-network-list .my-auto.rating svg {
  fill: var(--light-blue);
}

app-talent-pool-summary .previewTemplate a {
  color: var(--label-color);
}

.talent-pool-network-list .collaps_tabs .nav-tabs {
  border-bottom: none;
}

.crm-talent-pool-list .collaps_tabs .nav-tabs {
  border-bottom: none;
}

.myCandidateAlertList .collaps_tabs .nav-tabs {
  border-bottom: none;
}

.add-to-candidate-table-min-height .table-container {
  min-height: 25vh;
}

.navbar-dark .navbar-nav .show > #dropdownTalent,
.navbar-dark .navbar-nav .show > #dropdownTalent:hover {
  color: #fff;
  border-top: 3px solid var(--header-active-color);
  background-color: var(--header-active-color);
}

@media (min-width: 48em) {
  .talentPoolAdvertDetails .talentPoolAdverTemplate {
    min-width: 1200px;
  }
}
.add-to-candidate-table-min-height .table-container {
  min-height: 25vh;
}

.talent-profile-applied-jobs .table-container {
  min-height: 10vh;
}

.cutom-field-container {
  overflow: auto;
  max-height: 80vh;
  width: 100%;
  min-height: 80vh;
}

.custom-template-btn-container {
  position: fixed;
  width: 100%;
  bottom: 0px;
  right: 0;
  z-index: 1000;
  margin-bottom: 0px !important;
}

.custom-template-btn-container .custom-template-btn {
  padding: 15px;
  background: var(--add-job-footer-bg-color);
  background-size: 60px;
}

.talent-pool-network-list .btn-success, .crm-talent-pool-list .btn-success {
  color: var(--home-job-search-button-font-color);
  background-color: var(--home-job-search-button-background-color);
  border-color: var(--home-job-search-button-border-color);
}

.talent-pool-network-search .search-icon .icon {
  fill: var(--home-job-search-icon-fill-color);
}

.talent-pool-network-search.home_search .search-icon {
  top: 14px;
}

.navbar-dark .navbar-nav .dropdown-menu app-talent-pool-header-menu a.dropdown-item:hover {
  color: #fff !important;
  background-color: #00637f !important;
}

.talent-pool-application-templates .card {
  margin: 0;
}

.reports_Index {
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

@media (max-width: 1024px) {
  .reports_Index {
    max-width: 100%;
  }
}
.reports_Index .user_home_content ul li {
  width: 200px;
}

@media (max-width: 1095px) {
  .reports_Index .user_home_content ul li {
    width: 20%;
  }
}
.reports_Index .user_home_content .user_tab_hover p {
  display: none;
}

.reports_Index .user_home_content .user_tab_hover .user_tab_Card {
  height: 150px;
}

.reports_Index h5 {
  font-size: 1.4rem;
}

@media (max-width: 1024px) {
  .reports_Index h5 {
    font-size: 1.4rem !important;
  }
}
/*reportList_SourceTrackings*/
._reportClose {
  position: relative;
  float: left;
  width: 100%;
}

._reportClose .close-btn {
  position: absolute;
  right: 50px;
  top: 50px;
  z-index: 99;
  background-color: transparent;
  border: 0;
}

._reportClose .close-btn .close-icon, ._reportClose .close-btn .close-icon svg {
  fill: #0d3f68;
}

.reports-container .jt-main-container {
  margin: 0 auto;
  width: 70%;
  position: relative;
}

@media (max-width: 768px) {
  .reports-container .jt-main-container {
    width: 100%;
  }
}
.reports-container .jt-main-container .user_pagetitle h3 {
  text-align: center;
}

.reports-container .jt-main-container .close-btn {
  right: 8px;
  top: 25px;
}

.reports-container .jt-main-container .search_list .card-body .row.form-group {
  background-color: transparent;
  padding: 2px 0;
}

.reports-container .jt-main-container .search_list .card-body label {
  text-align: right;
}

@media (max-width: 768px) {
  .reports-container .jt-main-container .search_list .card-body label {
    text-align: left;
  }
}
.reports-container .jt-main-container .form-horizontal.col-lg-12.card {
  padding: 15px;
}

.reports-container .jt-main-container .form-horizontal.col-lg-12.card .btn.btn-info.btn_View {
  float: right;
}

.reports-container label {
  color: var(--reports-label-color);
}

app-timedassessmentrptcomponent-create .table {
  color: var(--body-color);
}

app-registrationmethod tfoot {
  color: var(--body-color);
}

app-time-to-recruit-component-create .table {
  color: var(--body-color);
}

app-time-to-recruit-component-create .WorkFlow tbody {
  color: var(--body-color) !important;
}

app-agency-analysis-report tfoot {
  color: var(--body-color);
}

/*---------List-job-Report-----------*/
app-list-jobs-report-component-create .table {
  color: var(--body-color);
}

app-sourcetraking-create .panel-collapse.show {
  color: var(--white);
}

/*---------initialsift-Report-----------*/
app-initialsiftreport-create tbody {
  color: var(--body-color);
}

/*---------Interview-Detail-Report-----------*/
app-listinterviewscomponent-create tbody {
  color: var(--body-color);
}

/* ---------------------------------------------------
   Search List
----------------------------------------------------- */
.search_list {
  position: relative;
}

.search_list .card {
  background: var(--tab-card-bg-color);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.125);
  width: 100%;
  margin-bottom: 10px;
  float: left;
}

.search_list .card .card-header {
  background-color: rgba(255, 255, 255, 0);
  border-bottom: 0;
  color: #212529;
  padding: 0.75rem 1.25rem;
}

.search_list .card .card-header:focus {
  background-color: #e5f6fb;
}

.search_list .card .card-header:hover {
  background-color: #e5f6fb;
}

.search_list .card .custom_control_check {
  color: var(--white);
  background: #0d3f68;
}

.search_list .card .card-header a, .search_list .card .custom_control_check a {
  color: var(--white);
  display: block;
}

.search_list .card .card-header .custom-checkbox, .search_list .card .custom_control_check .custom-checkbox {
  float: left;
}

.search_list .card .card-header a[aria-expanded=true],
.search_list .card .custom_control_check a[aria-expanded=true] {
  color: #212529;
  background-color: transparent;
  border-color: transparent;
}

.search_list .card .custom_control_check .accordion-toggle:after {
  content: "\f078";
  font-family: "FontAwesome";
  float: right;
}

.search_list .card .custom_control_check .accordion-toggle.collapsed:after {
  content: "\f077";
  /* fa-chevron-up */
}

.search_list .card .custom_control_check {
  padding: 0.75rem 1.25rem;
}

/*Reports - search result table start*/
app-source-traking-component-create table,
app-equal-opps-component-create table,
app-list-jobs-report-component-create table,
app-list-vacancy-report-component-create table,
app-bottle-neck-report-component-create table,
app-agency-analysis-report table,
app-time-to-recruit-component-create table,
app-candidate-status-component-create table,
app-application-per-week-create table,
app-del-app-withdraw-reasons-rpt-component-create table,
app-list-candidate-by-report-create table,
app-registration-method table,
app-candidate-compliance-report table,
app-timed-assessment-by-group-rpt-component-create table,
app-timed-assessment-rpt-component-create table,
app-time-to-recruit-component-create table,
app-list-interviews-component-create table,
app-candidate-reference-report table {
  color: var(--table-body-text-color) !important;
  border-collapse: collapse !important;
}

app-source-traking-component-create thead th,
app-equal-opps-component-create thead th,
app-list-jobs-report-component-create thead th,
app-list-vacancy-report-component-create thead th,
app-bottle-neck-report-component-create thead th,
app-agency-analysis-report thead th,
app-time-to-recruit-component-create thead th,
app-candidate-status-component-create thead th,
app-time-to-recruit-component-create thead th div,
app-application-per-week-create thead th,
app-application-per-week-create table tr,
app-application-per-week-create table th,
app-time-to-recruit-component-create table th {
  background-color: var(--table-header-bg-color) !important;
  color: var(--table-header-text-color) !important;
}

app-list-interviews-component-create table th,
app-list-interviews-component-create table tr td,
app-list-interviews-component-create .workFolwTable {
  background-color: var(--search-application-and-address-book-penel-header-bg-color) !important;
  color: var(--table-header-report-text-color) !important;
}

app-source-traking-component-create .table td, .table th,
app-equal-opps-component-create .table td, .table th,
app-list-jobs-report-component-create .table td, .table th,
app-list-vacancy-report-component-create .table td, .table th,
app-bottle-neck-report-component-create .table td, .table th,
app-agency-analysis-report .table td, .table th,
app-time-to-recruit-component-create .table td, .table th,
app-candidate-status-component-create .table td, .table th,
app-application-per-week-create .table td, .table th {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid transparent;
}

app-source-traking-component-create .table-bordered td, .table-bordered th,
app-equal-opps-component-create .table-bordered td, .table-bordered th,
app-list-jobs-report-component-create .table-bordered td, .table-bordered th,
app-list-vacancy-report-component-create .table-bordered td, .table-bordered th,
app-bottle-neck-report-component-create .table-bordered td, .table-bordered th,
app-agency-analysis-report .table-bordered td, .table-bordered th,
app-time-to-recruit-component-create .table-bordered td, .table-bordered th,
app-candidate-status-component-create .table-bordered td, .table-bordered th,
app-application-per-week-create .table-bordered td, .table-bordered th {
  border: 1px solid transparent;
}

app-source-traking-component-create .table tbody tr:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber), .table_row:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber):not(.tl-blue), .table_row:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber):not(.tl-blue) div.table_cell_container,
app-equal-opps-component-create .table tbody tr:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber), .table_row:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber):not(.tl-blue), .table_row:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber):not(.tl-blue) div.table_cell_container,
app-list-jobs-report-component-create .table tbody tr:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber), .table_row:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber):not(.tl-blue), .table_row:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber):not(.tl-blue) div.table_cell_container,
app-list-vacancy-report-component-create .table tbody tr:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber), .table_row:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber):not(.tl-blue), .table_row:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber):not(.tl-blue) div.table_cell_container,
app-bottle-neck-report-component-create .table tbody tr:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber), .table_row:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber):not(.tl-blue), .table_row:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber):not(.tl-blue) div.table_cell_container,
app-agency-analysis-report .table tbody tr:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber), .table_row:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber):not(.tl-blue), .table_row:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber):not(.tl-blue) div.table_cell_container,
app-time-to-recruit-component-create .table tbody tr:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber), .table_row:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber):not(.tl-blue), .table_row:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber):not(.tl-blue) div.table_cell_container,
app-candidate-status-component-create .table tbody tr:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber), .table_row:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber):not(.tl-blue), .table_row:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber):not(.tl-blue) div.table_cell_container,
app-application-per-week-create .table tbody tr:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber), .table_row:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber):not(.tl-blue), .table_row:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber):not(.tl-blue) div.table_cell_container {
  background-color: var(--odd-row-bg-color);
}

/*Reports - search result table end*/
app-bottle-neck-report-create .navbar.navbar-light,
app-bottle-neck-report-create .bg-white {
  background-color: var(--search-application-and-address-book-penel-header-bg-color) !important;
}

app-source-traking-component-create .broad-bean-source-total {
  color: var(--reports-label-color) !important;
}

.report-total-row-color {
  background-color: var(--table-header-active-bg-color) !important;
  border-color: var(--job-list-more-modal-header-bg-color) !important;
  color: #fff;
}

.table-preview-container .table td, .table th {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid transparent;
}

.my-report-container svg {
  fill: var(--user-home-content-svg-color);
}

canvas label {
  color: red; /* Change this to whatever color you want */
}

.report-total-row-color {
  background-color: var(--table-header-active-bg-color) !important;
  border-color: var(--job-list-more-modal-header-bg-color) !important;
  color: #fff;
}

.chart-view {
  max-width: 600px;
}

app-overview .table_cell_container {
  border: 1px solid #ccc !important;
  border-color: #e6e6e6 !important;
}

app-ob-hub-onboarding .table_cell_container {
  border: 1px solid #ccc !important;
  border-color: #e6e6e6 !important;
  vertical-align: middle !important;
}

app-compliance .table_cell_container {
  border: 1px solid #ccc !important;
  border-color: #e6e6e6 !important;
  border-top-color: rgb(230, 230, 230) !important;
  border-right-color: rgb(230, 230, 230) !important;
  border-bottom-color: rgb(230, 230, 230) !important;
  border-left-color: rgb(230, 230, 230) !important;
  vertical-align: middle !important;
}

.obhub-bg-grey {
  background-color: var(--ob-hub-gery-bg-color);
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

app-ob-hub-onboarding .obHubStats .home-statistics .status-numbers,
app-compliance .obHubStats .home-statistics .status-numbers,
app-overview .obHubStats .home-statistics .status-numbers,
app-ob-hub-references .obHubStats .home-statistics .status-numbers {
  text-align: center !important;
  float: left;
  font-weight: bold;
  font-size: 2.2rem !important;
  width: 100%;
  padding-top: 14px;
  margin-left: 10px;
}

app-notes-ob .tab-content {
  background-color: var(--job-list-more-note-bg-color);
}

.employment-checks .table_cell_container {
  border: 1px solid #ccc !important;
  border-color: #e6e6e6 !important;
  border-top-color: rgb(230, 230, 230) !important;
  border-right-color: rgb(230, 230, 230) !important;
  border-bottom-color: rgb(230, 230, 230) !important;
  border-left-color: rgb(230, 230, 230) !important;
  vertical-align: middle !important;
}

.employment-checks .emplymentCheck-icon {
  text-align: center !important;
}

.notifications {
  /* CE height: 1140px; */
  right: 0 !important;
  left: auto !important;
  background: var(--notification-body-bg-color);
  border: 5px solid var(--notification-border-color);
  overflow: hidden;
  height: 480px;
  position: fixed;
  z-index: 1200;
  padding: 0;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.notifications ul {
  list-style-type: none;
  background-color: var(--notification-alert-header-bg-color);
  float: left;
  width: 100%;
  margin: 0;
  padding-top: 10px;
}

.notifications ul li {
  font-size: 0.9375rem;
  padding: 0 10px;
  font-weight: 700;
  line-height: 40px;
  color: var(--label-color);
  border-bottom: 2px solid;
  border-color: transparent;
  cursor: pointer;
  position: relative;
  float: left;
  margin-right: 20px;
}

.notifications ul li:last-child {
  margin-right: 0px;
}

.notifications ul li svg {
  width: 20px;
  height: 20px;
  fill: var(--notification-top-nav-icon-color);
  margin-right: 10px;
}

.notifications ul li:hover svg {
  fill: #f15a29;
}

.notifications ul li:hover {
  color: #f15a29;
  border-color: #f15a29;
}

.notifications ul li.stats-selected, .notifications ul li.stats-selected svg {
  color: #f15a29;
  border-color: #f15a29;
  /*  fill: #f15a29;*/
}

.notifications ul li .notification-alert {
  color: #fff;
  border-radius: 50%;
  background-color: #f15a29;
  position: absolute;
  top: -6px;
  right: 0;
  line-height: 15px;
  text-align: center;
  font-size: 10px;
  padding: 3px;
  padding-right: 6px;
  padding-left: 6px;
}

/*--------CANDIDATE applicationForm SCROLL--------*/
.notification-alerts.scrollbar {
  overflow-y: scroll;
}

.notification-alerts.scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 3px;
  background-color: #e9ecef;
}

.notification-alerts.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 30px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #0d3f68;
}

.notifications .notification-alerts {
  max-height: 84%;
  margin: 10px 0;
  overflow: auto;
  width: 100%;
  float: left;
}

.notifications .notification-alerts .alerts-inner {
  min-height: 100px;
  width: 100%;
  position: relative;
  padding-right: 15px;
}

.notifications .notification-alerts .alerts-inner .alert-line {
  background-color: #ddd;
  height: 100%;
  width: 5px;
  position: absolute;
  left: 25px; /*CE was 31px */
  top: 0%;
}

.notifications .notification-alerts .alerts-inner .notification-stack {
  position: absolute;
  top: 10%;
  left: 12px;
  width: 30px;
  height: 30px;
  z-index: 50;
  background-color: #00c0ef;
  padding: 5px;
  border-radius: 50%;
}

.notifications .notification-alerts .alerts-inner .notification-stack .svg-icon {
  fill: #ffffff;
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-top: -6px;
}

.notifications .notification-alerts .alerts-inner .alert-bubble {
  position: relative;
  width: 88%;
  height: auto;
  float: right;
  padding: 10px;
  background-color: var(--notification-body-alert-bg-color);
  border-radius: 5px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.notifications .notification-alerts .alerts-inner .alert-bubble .alert-time {
  font-size: 12px;
  margin: 0px;
  display: block;
  width: 65%;
  float: left;
}

.notifications .notification-alerts .alerts-inner .alert-bubble .alert-ref {
  margin: 0px;
  display: block;
  width: 35%;
  float: right;
}

.notifications .notification-alerts .alerts-inner .alert-bubble .alert-message {
  clear: both;
  margin-bottom: 5px;
}

.notifications .notification-alerts .alerts-inner .alert-bubble .alert-actions {
  position: absolute;
  font-size: 20px;
  top: 0px;
  right: 6px;
}

.notifications .notification-alerts .alerts-inner .alert-bubble .alert-actions .fa {
  margin-left: 5px;
}

.notifications .notification-alerts .alerts-inner .alert-bubble .alert-actions .fa:hover {
  cursor: pointer;
}

.notifications .notification-alerts .alerts-inner .alert-bubble .alert-triangle {
  width: 0;
  height: 0;
  border-top: 7.5px solid transparent;
  border-right: 10px solid var(--notification-body-alert-bg-color);
  border-bottom: 7.5px solid transparent;
  position: absolute;
  top: 22%; /* CE was 10% */
  left: -10px;
}

.alerts-inner:first-of-type .alert-line {
  height: 80% !important;
  top: 20% !important;
}

.alerts-inner:last-of-type .alert-line {
  height: 20% !important;
  top: 0% !important;
}

@media (min-width: 610px) {
  .notifications {
    max-width: 30%;
    width: 380px;
    float: left;
  }
}
@media (min-width: 992px) {
  .notifications {
    width: 33.33333333%;
  }
}
.svg-icon {
  fill: var(--svg-icon-fill-color);
  height: 20px;
  width: 20px;
  cursor: pointer;
}

.notifications .notification-stats .stats-inner .svg-icon {
  fill: #0d3f68;
  height: 20px;
  width: 20px;
  cursor: pointer;
  float: left;
}

.card-aditional {
  position: absolute;
  top: 5px;
  right: 0px;
  width: 4%;
}

.card-aditional .menu-icon {
  fill: #fff;
}

.active-notificationdropdown {
  background-color: yellow !important;
}

.active-notificationdropdown:after {
  content: "\f00c";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  margin: 0px 0px 0px 10px;
  text-decoration: none;
  float: right;
}

.daysrangedropdown-inactive {
  display: none !important;
}

.daysrangedropdown-active {
  display: block !important;
}

.notificationtabs {
  width: 96%;
}

.notification-alerts p {
  color: var(--notification-alert-text-color);
}

/*Enhanced Notification css Starts Here*/
.enhanced-notifications .enhanced-notification-tabs ul {
  padding: 0;
  margin: 0;
  display: flex;
  gap: 0.4rem;
}
.enhanced-notifications .enhanced-notification-tabs ul li {
  background-color: var(--notification-alert-header-bg-color);
  padding: 2rem 1rem 1.1rem 0.7rem;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 115px;
}
.enhanced-notifications .enhanced-notification-tabs ul li .badge {
  position: absolute;
  top: -17px;
  right: -22px;
  background-color: #f15a29;
  color: white;
  font-weight: bold;
  min-width: 25px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 2;
}
.enhanced-notifications .enhanced-notification-tabs ul li svg#UnReadEmail {
  fill: var(--svg-icon-fill-color);
}
.enhanced-notifications .enhanced-notification-tabs ul li.stats-selected {
  border-bottom: 3px solid var(--label-color);
  font-weight: 600;
}
.enhanced-notifications .enhanced-notification-tabs ul li:focus-visible {
  box-shadow: 0 0 0 2px var(--input-focus-border-color);
  border-radius: 0.25rem;
  border-bottom: none;
}

/*email settings*/
.text-alerts-container,
.email-alerts-container,
.my-task-notifications .card-container.card {
  background-color: var(--notification-alert-header-bg-color);
}

.enhanced-notification-container .my-task-notifications .parent-category-btn:focus-visible {
  box-shadow: 0 0 0 3px var(--input-focus-border-color);
}
.enhanced-notification-container .my-task-notifications .navigate-to-individual-record:focus-visible {
  outline: 2px solid var(--input-focus-border-color);
  outline-offset: 2px;
}
.enhanced-notification-container .my-task-notifications app-svg-icon:focus-visible {
  outline: 2px solid var(--input-focus-border-color);
  outline-offset: 2px;
}
.enhanced-notification-container .my-task-notifications .alert-message {
  margin-top: 10px;
}
.enhanced-notification-container .my-task-notifications .category-heading {
  font-size: 20px;
  font-weight: bold;
}
.enhanced-notification-container .my-task-notifications .alert-time {
  font-size: 18px;
  font-weight: bold;
}
.enhanced-notification-container .my-task-notifications .task-instructions {
  font-size: 16px;
  font-weight: bold;
}
.enhanced-notification-container .my-task-notifications .card-container.card {
  margin-bottom: 10px;
  border: 1px solid #177e9c;
  cursor: pointer;
}
.enhanced-notification-container .my-task-notifications .navigate-to-individual-record {
  cursor: pointer;
  font-size: 16px;
  color: var(--myTask-label-color);
  line-height: 2;
}
.enhanced-notification-container .my-task-notifications .navigate-to-individual-record:hover {
  border-bottom: 2px solid var(--myTask-label-color-hover);
  text-decoration: underline;
}
.enhanced-notification-container .my-task-notifications .promote svg {
  fill: var(--svg-icon-fill-color);
}
.enhanced-notification-container .my-task-notifications .clip_board div.svg-icon,
.enhanced-notification-container .my-task-notifications .clip_board_red div.svg-icon {
  height: 36px;
}
.enhanced-notification-container .my-task-notifications .clip_board svg,
.enhanced-notification-container .my-task-notifications .clip_board_red svg {
  width: 30px;
  height: 30px;
}
.enhanced-notification-container .my-task-notifications .offer_attention svg {
  width: 40px;
  height: 40px;
}
.enhanced-notification-container .my-task-notifications .offer_attention div.svg-icon {
  height: 40px;
  width: 22px;
}
.enhanced-notification-container .my-task-notifications .new_applications_candidates div.svg-icon,
.enhanced-notification-container .my-task-notifications .calendar-accepted div.svg-icon,
.enhanced-notification-container .my-task-notifications .clock_icon div.svg-icon {
  height: 35px;
}
.enhanced-notification-container .my-task-notifications .clock_icon svg {
  height: 30px;
  width: 30px;
}
.enhanced-notification-container .email-alerts-container .alert-actions:focus-visible {
  outline: 2px solid var(--input-focus-border-color);
  outline-offset: 2px;
}
.enhanced-notification-container .email-alerts-container svg#UnReadEmail {
  cursor: default;
  fill: var(--svg-icon-fill-color);
}
.enhanced-notification-container .text-alerts-container .alert-actions:focus-visible {
  outline: 2px solid var(--input-focus-border-color);
  outline-offset: 2px;
}
.enhanced-notification-container .text-alerts-container svg#emailenvelope {
  cursor: default;
}
.enhanced-notification-container .no-task-fount {
  font-size: 20px;
  font-weight: 700;
}
.enhanced-notification-container .main-pagination-container .page-item .page-link:focus-visible {
  outline: none;
  box-shadow: 0 0 0 1.5px var(--input-focus-border-color);
}

.enhanced-notifications {
  transition: padding-left 0.5s ease;
}

@media (min-width: 768px) {
  body.quick-link-active .enhanced-notifications {
    padding-left: 270px;
  }
}
.tasks-main-header {
  display: flex;
  justify-content: space-between;
}

.view-as-user-input-wrapper {
  padding-right: 2px;
}

.view-as-user-notification label {
  margin-right: 10px;
  margin-top: 10px;
  margin-left: 5px;
  font-weight: bold;
}
.view-as-user-notification app-ngx-select-dropdown {
  width: 30%;
}

.enhanced-notification-tabs {
  padding-left: 0px;
}

/*Enhanced Notification css End Here*/
/* Search */
.searchJobs .form-horizontal,
.searchCandidates .form-horizontal,
.searchKeyword .form-horizontal,
.searchJobAlerts .form-horizontal,
.searchSmartSearch .form-horizontal,
.searchTalents .form-horizontal {
  padding-top: 0;
}

#wrapper-inner div {
  font-size: 1.2rem !important;
}

app-search-index h3 {
  display: none;
}

.smartmatch-content .smartmatch-leftnav .panel-group .panel .panel-heading {
  background: var(--panel-header-bg-color);
  padding: 10px;
}

.smartmatch-content .smartmatch-leftnav .panel-group .panel .panel-heading .panel-title, .smartmatch-leftnav .panel-group .panel .panel-heading .panel-title a {
  color: #fff;
}

.smartmatch-content h5 {
  font-size: 1.2rem;
}

.smartmatch-content .smartmatch-leftcontent .custom_control_check b {
  font-size: 1.4rem;
}

.smartmatch-content .smartmatch-leftcontent {
  margin-top: 2rem;
}

.smartmatch-leftnav .panel-group .panel .panel-heading .panel-title a {
  font-weight: 600;
}

.smartmatch-content {
  padding-top: 50px;
}

.smartmatch-content .smartmatch-leftnav {
  display: block;
}

.smartmatch-content .smartmatch-leftnav .panel-group .panel {
  background-color: var(--panel-bg-color);
  border: 1px solid var(--user-setting-card-header-border-color);
  margin-bottom: 5px;
}

.smartmatch-content .smartmatch-leftnav .panel-group .panel .panel-body {
  padding: 20px;
}

.smartmatch-content .smartmatch-leftnav .panel-group .panel .panel-heading .panel-title, .smartmatch-leftnav .panel-group .panel .panel-heading .panel-title a {
  color: var(--white);
  text-decoration: none;
  display: block;
}

.smartmatch-content .smartmatch-leftnav .panel-group .panel .panel-heading .panel-title {
  color: var(--white);
  margin-bottom: 0;
  display: block;
  text-decoration: none;
}

.smartmatch-content .smartmatch-leftnav .panel-heading .accordion-toggle:after {
  font-family: "FontAwesome";
  content: "\f078";
  float: right;
  font-weight: 200 !important;
  font-size: var(--font-size-primary);
}

.smartmatch-content .smartmatch-leftnav .panel-heading .accordion-toggle.collapsed:after {
  content: "\f054";
}

.smartmatch-content .smartmatch-leftcontent {
  display: block;
}

.smartmatch-content .smartmatch-leftcontent .project {
  color: var(--white);
  font-size: 1.8rem;
  line-height: 32px;
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
}

.smartmatch-content .smartmatch-leftcontent .smartmatch-tabs {
  position: relative;
  margin-top: 20px;
}

.smartmatch-content .smartmatch-leftcontent .smartmatch-tabs .container-fluid {
  padding: 0 15px;
}

.smartmatch-content .smartmatch-leftcontent .smartmatch-tabs .nav-tabs {
  padding: 0;
}

.smartmatch-content .smartmatch-leftcontent .smartmatch-tabs .nav-tabs span {
  margin-left: 10px;
}

.smartmatch-content .smartmatch-leftcontent .smartmatch-tabs .container-fluid #accordion {
  float: left;
  width: 100%;
}

.smartmatch-content .smartmatch-leftcontent .smartmatch-tabs .card {
  background: var(--white);
  padding: 30px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.125);
  width: 100%;
  margin-bottom: 10px;
  float: left;
}

.smartmatch-content .smartmatch-leftcontent .smartmatch-tabs .card .card-header {
  padding: 0.75rem 0;
  margin-bottom: 0;
  background-color: rgba(255, 255, 255, 0);
  border-bottom: 0px solid rgba(0, 0, 0, 0.125);
  width: 100%;
}

.smartmatch-content .smartmatch-leftcontent .smartmatch-tabs .card .ui-switcher {
  float: left;
  margin-top: 2px;
  margin-right: 10px;
}

.smartmatch-content .smartmatch-leftcontent .smartmatch-tabs .card a {
  color: #212529;
  text-decoration: none;
  font-size: 1.8rem;
  line-height: 30px;
  display: block;
  float: left;
}

.smartmatch-content .smartmatch-leftcontent .smartmatch-tabs .card a[aria-expanded=true] {
  border-color: none;
  background-color: transparent;
}

.smartmatch-content .smartmatch-leftcontent .smartmatch-tabs .card a strong {
  color: #2EA3D9;
}

.smartmatch-content .smartmatch-leftcontent .smartmatch-tabs .card .star-bar {
  font-size: 2rem;
}

.smartmatch-content .smartmatch-leftcontent .smartmatch-tabs .card .star-bar span {
  margin-left: 10px;
}

.smartmatch-content .smartmatch-leftcontent .smartmatch-tabs .card .star-bar span.save {
  display: block;
}

.smartmatch-content .smartmatch-leftcontent .smartmatch-tabs .card .star-bar span:first-child {
  margin-left: 0px;
}

.smartmatch-content .smartmatch-leftcontent .smartmatch-tabs .tab-content {
  padding-bottom: 0;
  background: transparent;
}

.smartmatch-content .smartmatch-leftcontent .ad-card {
  padding: 20px 36px;
  position: relative;
}

.smartmatch-content .smartmatch-leftcontent .ad-card .card-action, .smartmatch-content .smartmatch-leftcontent .ad-card2 .card-action {
  position: absolute;
  top: 10px;
  right: 10px;
}

.smartmatch-content .smartmatch-leftcontent .ad-card .card-action span, .smartmatch-content .smartmatch-leftcontent .ad-card2 .card-action span {
  background: #0d3f68;
  width: 22px;
  float: left;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  height: 22px;
  margin-right: 5px;
  color: var(--white);
  line-height: 18px;
  font-size: var(--font-size-primary);
  text-align: center;
  padding: 1px;
  cursor: pointer;
}

.smartmatch-content .smartmatch-leftcontent .ad-card .card-action span i, .smartmatch-content .smartmatch-leftcontent .ad-card2 .card-action span i {
  color: var(--white);
}

.smartmatch-content .smartmatch-leftcontent .ad-card .card-action span.close-window, .smartmatch-content .smartmatch-leftcontent .ad-card2 .card-action span.close-window {
  background: #C14940;
}

.smartmatch-content .smartmatch-leftcontent .ad-card .card-action span.close-window:hover, .ad-card .card-action span.close-window:focus, .ad-card .card-action span.close-window:active,
.smartmatch-content .smartmatch-leftcontent .ad-card2 .card-action span.close-window:hover, .ad-card2 .card-action span.close-window:focus, .ad-card2 .card-action span.close-window:active {
  background: #EA0600;
}

.smartmatch-content .smartmatch-leftcontent .ad-card .card-action span:hover, .ad-card .card-action span:focus, .ad-card .card-action span:active {
  background-color: #25ba9a;
}

.smartmatch-content .smartmatch-leftcontent .ad-card .card-added {
  background: #e5f6fb;
  border: 1px solid #ced4da;
  padding: 0.375rem 0.75rem;
  float: left;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  margin-right: 20px;
  margin-top: 10px;
}

.smartmatch-content .smartmatch-leftcontent .ad-card .card-added:last-child {
  margin-right: 0;
}

.smartmatch-content .smartmatch-leftcontent .ad-card .card-added label {
  margin-right: 15px;
}

.smartmatch-content .smartmatch-leftcontent .ad-card .card-added span {
  background-color: #25ba9a;
  padding: 0.375rem 0.75rem;
  color: var(--white);
  font-weight: bold;
  font-size: var(--font-size-primary);
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
  position: relative;
  margin-right: 10px;
}

.smartmatch-content .smartmatch-leftcontent .ad-card .card-added span:last-child {
  margin-right: 0;
}

.smartmatch-content .smartmatch-leftcontent .ad-card .card-added span i {
  position: absolute;
  height: 16px;
  top: -5px;
  line-height: 7px;
  color: #C14940;
  width: 16px;
  background: #ECF0F1;
  padding: 4px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  font-size: 1rem;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
}

.smartmatch-content .smartmatch-leftcontent .ad-card .card-added span.dropdown {
  background: transparent;
  padding: 0;
}

.smartmatch-content .smartmatch-leftcontent .ad-card .card-added span.dropdown button {
  background: transparent;
  padding: 0;
  border: 0;
}

.smartmatch-content .smartmatch-leftcontent .ad-card .card-added span.dropdown button span {
  background: transparent;
  padding: 0;
}

.smartmatch-content .smartmatch-leftcontent .ad-card2 {
  padding: 20px;
  position: relative;
}

.smartmatch-content .smartmatch-leftcontent .ad-card2 .card-added {
  position: relative;
  display: block;
  margin-bottom: 10px;
}

.smartmatch-content .smartmatch-leftcontent .ad-card2 .card-added span {
  background-color: #f8f9fa;
  padding: 0.375rem 0.75rem;
  color: #212529;
  font-weight: bold;
  font-size: var(--font-size-primary);
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
  position: relative;
  margin-right: 10px;
  cursor: pointer;
}

.smartmatch-content .smartmatch-leftcontent .ad-card2 .card-added span:hover {
  background: #F15A29;
  color: var(--white);
}

/* job search */
.searchJobs h3 {
  font-weight: 600;
}

.searchJobs .active,
.searchKeyword .active,
.searchTalents .active,
.searchCandidates .active,
.searchJobAlerts .active {
  border-bottom: 1px solid var(--user-setting-card-header-border-color);
  background-color: var(--search-parameters-panel-header-bg-color);
}

.searchJobs .btn-info {
  float: right;
}

/* candidate search */
.searchCandidates h3 {
  font-weight: 600;
}

.searchCandidates .btn-info {
  float: right;
}

/* keyword search */
.searchKeyword h3 {
  font-weight: 600;
}

.searchKeyword .btn-info {
  float: right;
}

/* job alert search */
.searchJobAlerts h3 {
  font-weight: 600;
}

.searchJobAlerts .btn-info {
  float: right;
}

/* talent search */
.searchTalents h3 {
  font-weight: 600;
}

.searchTalents .btn-info {
  float: right;
}

.searchJobs .filtertitle h4 {
  color: var(--search-jobs-filter-title-color);
}

.filtertitle {
  color: var(--search-jobs-filter-title-color);
  text-transform: capitalize;
}

app-talent-search .collaps_tabs .nav-link {
  color: var(--search-jobs-filter-title-color) !important;
}

app-jobalerts-create .collaps_tabs .nav-link {
  color: var(--search-jobs-filter-title-color) !important;
}

#resultscontainer-inner, #stored-resultscontainer {
  background: var(--search-list-header-bg-clr) !important;
  border: 1px solid var(--search-list-border-color) !important;
}

ul.resultitems-inner li {
  border-bottom: 1px solid var(--search-list-border-color) !important;
  background-color: var(--search-list-body-bg-clr) !important;
}

ul.resultitems-inner .more-information-inner {
  border-top: 1px dotted var(--search-list-border-color) !important;
}

ul.resultitems-inner {
  border-top: 1px solid var(--search-list-border-color) !important;
}

.result-header-title-inner {
  color: var(--label-color) !important;
}

app-datalistview #wrapper-inner ul svg-icon #arrowDown,
app-datalistview #wrapper-inner ul svg-icon #arrowUp {
  fill: var(--search-list-arrow-svg-fill-color);
}

/*--filter_tags--*/
.filter_tags {
  position: relative;
}

.filter_tags .filter_tag {
  display: inline-block;
  background: #F95;
  color: var(--white);
  padding: 5px 10px;
  margin: 2px 2px 2px 20px;
  position: relative;
  cursor: default;
  -webkit-transform-origin: 0% 50%;
  -webkit-animation: swing 1s;
  -o-animation: swing 1s;
  animation: swing 1s;
}

.filter_tags .filter_tag:before {
  content: "";
  position: absolute;
  width: 0;
  /*background: inherit;*/
  height: 14px;
  border: 14px solid var(--search-filter-tage-border-color);
  border-right-color: #F95;
  left: -28px;
  top: 0;
}

.filter_tags .filter_tag:after {
  content: "";
  width: 6px;
  height: 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: var(--white);
  position: absolute;
  left: -3px;
  top: 12px;
}

.filter_tags .filter_tag .filter_close {
  position: absolute;
  background: inherit;
  left: -4px;
  font-size: 2rem;
  line-height: 18px;
  z-index: 3;
  visibility: hidden;
}

.filter_tags .filter_tag:hover .filter_close {
  visibility: visible;
}

.filter_tags .filter_close:hover {
  color: rgba(0, 0, 0, 0.5);
}

app-addressbooksearch .active,
app-application-search-create .custom_control_check.active {
  background-color: var(--search-application-and-address-book-penel-header-bg-color) !important;
  border-bottom: 1px solid var(--user-setting-card-header-border-color);
}

app-calendarlist-list #accordion > .active {
  border-bottom: 1px solid var(--calendar-search-bar-card-header-border-color);
  background-color: var(--calendar-search-bar-card-header-bg-color);
  font-size: 1.4rem;
}

app-datalistview .moreInfoValue a {
  color: var(--label-color);
}

.result-header-title-inner {
  margin-bottom: 15px;
}

/* ========================= 
 MOBILE RESPONSIVE FIX 
 ========================= */
@media (max-width: 768px) {
  #resultscontainer-inner,
  #stored-resultscontainer,
  #resultlist-inner {
    width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  ul.resultitems-inner {
    display: table;
    min-width: 120%;
    white-space: nowrap;
  }
  ul.resultitems-inner li {
    display: table-row;
  }
  .result-header-inner {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  .result-header-title-inner {
    white-space: nowrap;
  }
  .action-menu-title {
    padding: 6px 10px !important;
  }
}
.modal-content {
  border: 0;
}

.modal-content .modal-header button:hover, .modal-content .modal-header button:visited, .modal-content .modal-header button:focus, .modal-content .modal-header button:active, .modal-content .modal-header button.active {
  background-color: transparent !important;
}

.modal-header {
  background: var(--modal-header-bg-color);
  color: var(--white);
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  border-bottom-color: var(--modal-header-bg-color);
}

app-jobtab .modal-content .container_mian {
  padding: 0;
}

app-candidatestatusupdate .modal-content {
  width: 110%;
}

app-candidateBulkStatusUpdate .modal-content {
  width: 105%;
}

.modal-content .card {
  box-shadow: none;
  border: 1px solid var(--input-border-color);
}

#text-library .modal.show .modal-body, #text-library .modal-dialog .modal-body,
#imagePreview .modal.show .modal-body, #imagePreview .modal-dialog .modal-body,
#video-library-modal .modal.show .modal-body, #video-library-modal .modal-dialog .modal-body {
  padding: 1rem;
}

app-candidatebulkstatusupdate .modal-body .form-horizontal form-body,
app-candidatebulkstatusupdate .modal-body .form-horizontal .action.modal-footer,
app-candidatebulkstatusupdate .modal-body .form-horizontal .action.modal-footer .action-area {
  padding: 0;
}

.assignToTalentPoolModal .modal-body,
.assignToJobModal .modal-body {
  padding: 15px;
}

.modal-content {
  background-color: var(--dashboard-card-bg-color);
}

.modal-content .modal-body .user_table table tbody,
.modal-content .modal-body .user_table table tbody a,
.modal-content .modal-body table tbody {
  color: var(--modal-table-text-color);
}

.modal-content .modal-body .user_table table tbody .fa {
  color: var(--modal-table-fa-icon-color);
}

/*Compliance temmplates Models*/
.multidoc_popup_width {
  max-width: 1450px !important;
}

.option-width {
  width: 9% !important;
}

.multidoc-width {
  width: 14% !important;
}

.trash-icon {
  font-size: 25px !important;
  color: red !important;
}

.modal-content .cannot-preview-warning {
  background-color: #ececec;
  color: red;
}

.home-statistics ul li {
  background-color: var(--stats-tile-background-color);
  border: var(--stats-tile-border-color);
}

.home-statistics {
  width: 100%;
  float: left;
  margin-top: 15px;
  padding: 0 15px;
}

.overview .overview-statistics {
  margin-top: -10px;
  padding: 0 0px !important;
}

.home-statistics .row {
  margin-right: -10px;
  margin-left: -10px;
}

.home-statistics ul {
  width: 100%;
  margin-bottom: 20px;
}

.home-statistics li {
  float: left;
  width: 16.6666666667%;
  padding: 0 10px;
}

.home-statistics .status-card {
  float: left;
  min-width: 15.6% !important;
  min-height: 150px;
  border: 1px solid #ced4da;
  background-color: var(--stats-tile-background-color);
  padding: 10px;
}

@media only screen and (max-width: 768px) {
  .job-stats li.status-card, .home-statistics li {
    width: 100% !important;
    margin-right: 0;
    margin-left: 0;
  }
  .home-statistics {
    padding: 15px;
  }
}
.home-statistics .status-numbers {
  font-weight: 700;
}

.home-statistics .status-card.fullbox-status-card {
  background: var(--stats-tile-background-pattern);
  background-size: var(--stats-tile-background-pattern-size);
  float: left;
}

.home-statistics .status-card.fullbox-status-card h2 {
  color: var(--full-box-stats-tile-count-color);
}

.home-statistics .status-card.fullbox-status-card p {
  color: var(--full-box-stats-tile-status-title-color);
}

@media only screen and (max-width: 1600px) {
  .home-statistics .status-card.fullbox-status-card {
    min-height: 95px;
  }
}
@media only screen and (min-width: 812px) {
  .home-statistics .status-card.fullbox-status-card {
    min-height: 108px;
  }
}
@media only screen and (min-width: 812px) and (max-width: 1200px) {
  .dashboard-statistics .status-card.fullbox-status-card .status-title {
    font-size: var(--home-font-size-primary) !important;
  }
}
@media only screen and (min-width: 303px) and (max-width: 812px) {
  .dashboard-statistics .status-card.fullbox-status-card .status-title {
    font-size: 1rem !important;
  }
}
@media only screen and (min-width: 303px) and (max-width: 560px) {
  .home-statistics .status-card.fullbox-status-card {
    width: 100% !important;
  }
}
.home-statistics .status-card:nth-child(1) {
  margin-left: 0;
}

.job-stats li.status-card {
  width: 15.9% !important;
}

.home-statistics .status-card.fullbox-status-card .status-numbers {
  text-align: var(--stats-tile-count-text-align);
  font-weight: 700;
  font-size: var(--stats-tile-count-font-size);
  width: 100%;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
}

@media (max-width: 1460px) {
  .home-statistics .status-card.fullbox-status-card .status-numbers {
    font-size: var(--stats-tile-count-font-size) !important;
  }
}
@media only screen and (max-width: 1023px) and (min-width: 880px) {
  .job-stats li.status-card, .home-statistics li {
    width: 31.6% !important;
  }
}
@media only screen and (max-width: 880px) and (min-width: 768px) {
  .job-stats li.status-card, .home-statistics li {
    width: 48.6% !important;
  }
}
@media (max-width: 812px) {
  .home-statistics .status-card:nth-child(1) {
    margin-left: 0.9%;
  }
}
.home-statistics {
  padding: 0 0px;
}

.home-statistics .status-card {
  min-height: 95px;
}

.home_MainPage-side-active .home-statistics .status-card {
  min-height: 120px;
}

.home_MainPage-side-active .home-statistics .status-card p.status-title {
  word-break: break-all;
}

.dashboard-statistics .status-card .status-title {
  margin-left: 0px;
}

@media (max-width: 1157px) {
  .dropdown-menu {
    width: auto !important;
    max-width: 100%;
  }
}
.home-statistics {
  margin-top: 0;
}

.home-statistics .status-card {
  box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.4);
  -moz-border: 1px solid rgba(0, 0, 0, 0.35) !important;
  -webkit-border: 1px solid rgba(0, 0, 0, 0.35) !important;
  text-align: center;
  min-width: 200px;
  margin-top: 15px !important;
}

.dashboard-statistics .status-card .status-title {
  font-size: var(--state-tile-status-title-font-size) !important;
  font-weight: 700;
  margin-top: 20px;
}

.dashboard-statistics li {
  position: relative;
}

.dashboard-statistics .status-card .card-aditional {
  position: absolute;
  top: 13px;
  right: 10px;
}

.dashboard-statistics .status-card .card-aditional .menu-icon {
  fill: var(--full-box-stats-tile-count-color);
}

.dashboard-statistics .status-card.left-solid-bar {
  border-left: 10px solid;
  top: 0;
  left: 0;
}

.dashboard-statistics .status-card.top-solid-bar {
  border-top: 10px solid;
  top: 0;
  left: 0;
}

.dashboard-statistics .status-card.bottom-solid-bar {
  border-bottom: 10px solid;
  left: 0;
  bottom: 0;
}

.dashboard-statistics .status-card {
  position: relative;
  box-shadow: none;
  transition: transform 0.5s;
  cursor: pointer;
}

.dashboard-statistics .status-card:hover {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  z-index: 999;
}

.dashboard-statistics .status-card .status-title {
  letter-spacing: -1px;
}

@media (max-width: 1170px) {
  .dashboard-statistics .status-card .status-title {
    font-size: var(--state-tile-status-title-font-size) !important;
  }
}
.dashboard-statistics .row {
  margin-right: -10px;
  margin-left: -10px;
}

.active-calendardropdown:after {
  content: "\f00c";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  margin: 0px 0px 0px 10px;
  text-decoration: none;
  float: right;
}

.job-stats ul {
  float: left;
  width: 100%;
}

.job-stats li.status-card {
  float: left;
  width: 15.6%;
  margin: 0 8px 15px 8px;
}

.job-stats li.status-card p {
  margin-bottom: 0;
}

@media (max-width: 812px) {
  .job-stats li.status-card {
    width: 32.2% !important;
  }
  .home-statistics .status-card:nth-child(1) {
    margin-left: 0.9%;
  }
}
.dashboard-statistics .status-card .status-title {
  float: left;
  margin-left: 10px;
  /*margin-top: 6px;*/
  display: block;
  text-align: var(--stats-tile-count-text-align);
}

.dashboard-statistics .status-card.fullbox-status-card .status-title {
  margin-left: 0 !important;
}

.JATJobsList .home-statistics {
  padding: 0 15px;
}

.user_home_content svg {
  fill: var(--user-home-content-svg-color);
}

.home-statistics .status-card.top-solid-bar {
  background: var(--stats-tile-background-pattern);
  background-size: var(--stats-tile-background-pattern-size);
  float: left;
}

.home-statistics .status-card.top-solid-bar h2 {
  color: var(--border-box-stats-tile-count-color);
}

.home-statistics .status-card.top-solid-bar p {
  color: var(--border-box-stats-tile-status-title-color);
}

.home-statistics .status-card.left-solid-bar {
  background: var(--stats-tile-background-pattern);
  background-size: var(--stats-tile-background-pattern-size);
  float: left;
}

.home-statistics .status-card.left-solid-bar h2 {
  color: var(--border-box-stats-tile-count-color);
}

.home-statistics .status-card.left-solid-bar p {
  color: var(--border-box-stats-tile-status-title-color);
}

.home-statistics .status-card.bottom-solid-bar {
  background: var(--stats-tile-background-pattern);
  background-size: var(--stats-tile-background-pattern-size);
  float: left;
}

.home-statistics .status-card.bottom-solid-bar h2 {
  color: var(--border-box-stats-tile-count-color);
}

.home-statistics .status-card.bottom-solid-bar p {
  color: var(--border-box-stats-tile-status-title-color);
}

:root, [data-jt-theme=light] {
  font-size: 10px;
  /* Start Colors */
  --summerblue: #177e9c;
  --white: #fff;
  --red-orange: #ff3939;
  --american-red: #bd2130;
  --esmeralda: #3fc380;
  --forestblues: #0d3f68;
  --durotarfire: #f15a29;
  --celestial: #00637f;
  --black: #000;
  --child-of-light: #F5F8FA;
  --searedgrey: #495057;
  --jasmine-green: #3fc380;
  --whitesmoke: #f6f6f6;
  --cinder: #212529;
  --satinwhite: #ced4da;
  --blue: #177e9c;
  --lightblue: #eeeeee;
  --darkblue: #177e9c;
  --bluebutton: #177e9c;
  --orange: #f97f50;
  --green: #00b050;
  --grey: #f3f1f1;
  --lightgrey: #eeeeee;
  --cape-pond: #0091AE;
  --bright-star: #dee2e6;
  --red: #FF0000;
  --rhapsodyinblue: #002A44;
  --sagittarius-amber: #f97f50;
  --black-glaze: #000b11;
  --instant-orange: #ff8428;
  --sky-blue: #80cff0;
  --odd-row-color: #f0f9fc;
  --fastBlue: #06A1E3;
  --cerulean: #009fe3;
  --halloween-orange: #F05A28;
  --cadmium-orange: #f68029;
  --seaweed-green: #34a76d;
  --clover-green: #319e67;
  --icewind-dale: #e9ecef;
  --faded-blue: #6696BC;
  --light-steel-blue: #7196bb;
  --gainsboro: #ddd;
  --davyGrey: #5B5B5B;
  --kodama-white: #e5f6fb;
  --french-manicure: #feeae5;
  --iceberg: #ddf1f7;
  --brainstem-grey: #b5b2b2;
  --off-green: #E5F6FB;
  --blue-whale: #0F2445;
  --december-sky: #d1d4d7;
  --light-grey-black: #0000003d;
  --astronaut-blue: #085483;
  --dusty-grey: #999;
  --jinzamomi-pink: #f56954;
  --calmWaters: #f0f9fc;
  --bluish-cyane-blue: #337ab7;
  --maui-mist: #f8f9fa;
  --aqua-spring: #ecf9fa;
  --silver: #c7c7c7;
  --golden: #bfa411;
  --white-lilac: #F8F8F8;
  --pastal-grey: #D1D1D1;
  --mint-tulip: #D0EFF8;
  --davy-grey: #555;
  --cylindrical-coordinate: #ffb559;
  --platinum: #E4E4E4;
  --jagged-ice: #bfe4e8;
  --light-yellow: #fff7bb;
  --light-gray: #d3d3d3;
  --xtra-light-gray: #f3f3f3;
  --mint-blue: #022852;
  --mint-grey: #F4F4F4;
  --mint-light-blue: #d5e7f5;
  --mint-sky-blue: #0270c5;
  --matrix-light-gray: #EAEAEA;
  --bay-wharf: #76808b;
  --rusty-red: #dc3545;
  --mint: #3fc380;
  --coral: #F97F50;
  --crimson-red: #E81111;
  --blue-gray: #64A2CA;
  --sea-green: #2A8457;
  --light-slate-gray: #7C939C;
  --auro-metal-saurus: #62717F;
  --transparent: transparent;
  --marengo: #405465;
  --spanish-gray: #969696;
  --linen: #fef1dc;
  --gray-900: #111827;
  --heat-wave: #FF7B00;
  --Teal: #006b7d;
  --Dark-Slate-Gray: #004455;
  --sky-mint-dark: #0d3f68;
  --sky-mint: #7bc7d3;
  /* End Colors*/
  /* ---------------------------------------------------
                 Body
  ----------------------------------------------------- */
  --main-bg-color: var(--whitesmoke);
  --body-color: var(--cinder);
  --body-font-size: 1.2rem;
  --body-font-family: 'Montserrat', Arial;
  --font-size-primary: 1.2rem;
  --modal-header-bg-color: var(--sky-blue);
  --static-body-text-color: var(--cinder);
  /* ---------------------------------------------------
                 JT Modals Light
  ----------------------------------------------------- */
  --modal-table-text-color: var(--black);
  --modal-table-fa-icon-color: var(--forestblues);
  /* ---------------------------------------------------
                 Header
  ----------------------------------------------------- */
  --header-font-size: 1.4rem;
  --header-font-weight: 700;
  --header-color: var(--white);
  --header-active-color: var(--sagittarius-amber);
  --main-notification-alert-bg-color: var(--durotarfire);
  --user-setting-header-bg-color: var(--cape-pond);
  --user-setting-header-li-color: var(--black);
  --user-setting-bottom-text-color: var(--black);
  --user-setting-svg-color: var(--black);
  --notification-alert-header-bg-color: var(--iceberg);
  --notification-body-bg-color: var(--odd-row-color);
  --notification-body-alert-bg-color: var(--white);
  --notification-alert-text-color: var(--black);
  --notification-top-nav-icon-color: var(--cinder);
  --notification-border-color: var(--darkblue);
  --user-setting-card-header-bg-color: var(--lightgrey);
  --user-setting-card-header-border-color: var(--brainstem-grey);
  --model-border-color: #001535;
  --refine-model-clos-btn-color: var(--rusty-red);
  /* ---------------------------------------------------
                 Top navigation
  ----------------------------------------------------- */
  --top-nav-bg-color: var(--celestial) url(../img/user_profile_bg.png) repeat top left;
  --talent-sub-menu-hover-bg-color: var(--summerblue);
  --top-nav-menu-inner-distance: 20px;
  --top-nav-user-bg-color: var(--white);
  --top-nav-user-color: var(--forestblues);
  /* ---------------------------------------------------
                 Quick Links
  ----------------------------------------------------- */
  --quick-link-color: var(--cinder);
  --quick-nav-bg-color: var(--white);
  --quick-nav-color: var(--summerblue);
  --quick-nav-li-hover-bg-color: var(--summerblue);
  --quick-nav-icon-color: var(--white);
  --quick-nav-close-btn-color: var(--summerblue);
  --quick-nav-scrollbar-color: var(--forestblues);
  --mian-quick-nav-color: var(--black);
  --mian-quick-nav-hover-color: var(--white);
  --quick-nav-svg-fill-color: var(--white);
  --quick-nav-font-size: 1.2rem;
  --quick-nav-company-logo-margin-left: 85px;
  /* ---------------------------------------------------
                 Left action menu
  ----------------------------------------------------- */
  --left-menu-color: var(--cinder);
  --left-menu-bg-color: var(--white);
  --left-menu-shadow-color: var(--celestial);
  --left-menu-color: var(--summerblue);
  --left-menu-li-hover-bg-color: var(--summerblue);
  --left-menu-icon-color: var(--white);
  --left-menu-close-btn-color: var(--summerblue);
  --left-menu-scrollbar-color: var(--forestblues);
  --left-menu-nav-color: var(--black);
  --left-menu-nav-hover-color: var(--white);
  --left-menu-item-color: var(--cinder);
  --left-menu-svg-fill-color: var(--white);
  --left-menu-btn-sidebar-collapse: var(--durotarfire);
  --left-menu-li-bg-color-hover: var(--celestial);
  /* ---------------------------------------------------
               Grid Control - Light
  ----------------------------------------------------- */
  --table-header-bg-color: var(--celestial);
  --table-header-active-bg-color: var(--summerblue);
  --table-header-active-text-color: var(--white);
  --table-header-text-color: var(--white);
  --table-header-report-text-color: var(--cinder);
  --table-header-report-text-bg-color: var(--bright-star);
  --table-header-border-right-color: var(--white);
  --table-body-text-color: var(--davyGrey);
  --pagination-active-bg-color: var(--summerblue);
  --pagination-border-color: var(--summerblue);
  --pagination-color: var(--white);
  --scrollbar-bg-color: var(--forestblues);
  --search-icon-color: var(--esmeralda);
  --smart-search-filter-bg-color: var(--white);
  --smart-search-filter-radio-bg-color: var(--platinum);
  --smart-search-filter-breadcrumb-bg-color: var(--jagged-ice);
  --page-title-color: var(--forestblues);
  --table-header-color: var(--white);
  --pagination-page-link-color: var(--cinder);
  --page-list-search-btn-border-color: var(--jasmine-green);
  --job-list-more-modal-header-bg-color: var(--darkblue);
  --even-row-bg-color: var(--white);
  --odd-row-bg-color: var(--odd-row-color);
  --row-border-color-top: unset;
  --row-border-color-bottom: unset;
  --row-hover-background-color: unset;
  --row-hover-border-color-top: unset;
  --row-hover-border-color-bottom: unset;
  --page-list-search-btn-bg-color: var(--white);
  --page-list-search-icon-color: var(--jasmine-green);
  /*  --page-list-search-btn-bg-color: var(--jasmine-green);*/
  --job-list-more-note-bg-color: var(--kodama-white);
  --cross-svg-icon-fill-color: var(--black);
  --sorting-svg-fill-color: var(--durotarfire);
  --ob-hub-gery-bg-color: gray;
  --table-row-hovor-over-border-color: inset 0px 2px 0px 0px rgba(63,195,128,1), inset 0px -2px 0px 0px rgba(63,195,128,1);
  --job-list-anonymous-warning-message: var(--celestial);
  --table-checkbox-border-color: var(--light-slate-gray);
  /* ---------------------------------------------------
                Input forms
  ----------------------------------------------------- */
  --input-color: var(--searedgrey);
  --input-bg-color: var(--white);
  --input-font-weight: 400;
  --input-border-color: var(--auro-metal-saurus);
  --input-focus-border-color: var(--esmeralda);
  --input-focus-bg-color: rgba(63, 195, 128, 0.1);
  --dropdown-search-icon-color: var(--forestblues);
  --label-color: var(--black);
  --form-control-font-size: 1.4rem;
  --form-control-bg-color: var(--white);
  --form-control-color: #495057;
  --form-control-focus-color: #495057;
  --label-font-size: 1.3rem;
  --label-font-weight: 600;
  --switch-icon-bg-color: var(--red-orange);
  --switch-icon-border-color: var(--red-orange);
  --switch-checked-color: var(--esmeralda);
  --nav-tab-color: var(--durotarfire);
  --input-required-border-color: var(--durotarfire);
  --input-required-focus-color: var(--jasmine-green);
  --input-required-focus-border-color: var(--jasmine-green);
  --bulk-upload-file-link: var(--rhapsodyinblue);
  --input-readonly-bg-color: var(--icewind-dale);
  --automation-status-head-bg-color: var(--forestblues);
  --table-icon-svg-color: var(--forestblues);
  --application-template-bg-color-hover: var(--december-sky);
  --sign-bg-color: var(--white);
  --sign-border-color: var(--light-grey-black);
  --two-fa-description-text-color: darkblue;
  --nylas-email-left-card-bg-color: var(--bluish-cyane-blue);
  --nylas-email-left-card-color: var(--bluish-cyane-blue);
  --nylas-back-btn-bg-color: var(--maui-mist);
  --vonq-filter-bg-color: var(--white);
  --vonq-location-bg-color: #e1e1e1;
  --vonq-basket-card-total-bg-color: #bee5eb;
  --green-room-card-body-bg-color: #EDEDED;
  --green-room-card-footer-bg-color: #EDEDED;
  --default-approver-category-bg-color: var(--white);
  --question-icon-fill-color: var(--cerulean);
  /*--------------select Start----------------------------*/
  --select-font-size: 1.4rem;
  --select-font-color: #495057;
  --select-option-font-color: #495057;
  --select-bg-color: var(--white);
  --select-border-color: var(--auro-metal-saurus);
  --select-focus-border-color: var(--esmeralda);
  --select-focus-bg-color: rgba(63, 195, 128, 0.1);
  /*--------------select End---------------------------*/
  /*--------------ngx-select-dropdown start----------------------*/
  --ngx-select-svg-fill-color: var(--forestblues);
  --ngx-select-available-items-background-color-hover: rgba(63, 195, 128, 0.1);
  --ngx-select-available-items-container-background-color: var(--white);
  --ngx-select-available-items-border-color-hover: #00b050;
  /*--ngx-select-available-items-border-color: #ced4da;*/
  --ngx-select-available-items-border-color: unset;
  --ngx-select-border-color: rgba(0,0,0,.15);
  --ngx-select-clear-all-button-bg-color: #0d3f68;
  --ngx-select-selected-item-bg-color: #0d3f68;
  --ngx-select-selected-count-bg-color: #0d3f68;
  --ngx-select-selected-count-fount-size: 15px;
  --ngx-select-clear-all-button-border-color: #0d3f68;
  --ngx-select-available-items-color: var(--black);
  --ngx-select-clear-all-button-color: var(--white);
  --add-job-detail-tab-ngx-select-svg-fill-color: var(--forestblues);
  /*--------------ngx-select-dropdown end----------------------*/
  /*-----------------------togle-colapse start----------------------*/
  --togle-colapse-h4-bg-color: var(--cape-pond);
  --togle-colapse-form-group-row: var(--odd-row-color);
  --togle-colapse-add-job-assessment-tab-nav-tab: var(--summerblue);
  /*-----------------------togle-colapse end----------------------*/
  /* ---------------------------------------------------
                Buttons
  ----------------------------------------------------- */
  --btn-success-bg-color: var(--esmeralda);
  --btn-success-border-color: var(--esmeralda);
  --btn-close-bg-color: var(--red-orange);
  --btn-close-border-color: var(--red-orange);
  --btn-danger-hovor-bg-color: var(--american-red);
  --btn-info-bg-color: var(--summerblue);
  --btn-info-border-color: var(--summerblue);
  --btn-primary-bg-color: rgba(13,63,104,0.9);
  --btn-primary-border-color: rgba(13,63,104,0.9);
  --btn-primary-hover-bg-color: rgba(13,63,104,1);
  --btn-primary-hover-border-color: rgba(13,63,104,1);
  --btn-text-color: var(--white);
  --btn-sucess-text-color-hover: var(--white);
  --btn-sucess-bg-color-hover: var(--seaweed-green);
  --btn-sucess-border-color-hover: var(--clover-green);
  --btn-font-size-primary: 1.2rem;
  --btn-preview-bg-color: var(--instant-orange);
  --btn-assessment-chose-file: var(--cinder);
  --svg-ai-fill-color: var(--white);
  --btn-preview-bg-color-hover: var(--halloween-orange);
  --btn-preview-border-color-hover: var(--cadmium-orange);
  --btn-danger-bg-color: var(--crimson-red);
  --btn-danger-text-color: var(--white);
  --txt-danger-text-color: var(--red-orange);
  --btn-border-radious: 0px;
  --user-setting-ul-bg-color-hover: var(--french-manicure);
  /* ---------------------------------------------------
                Dashboard
  ----------------------------------------------------- */
  /*------------State Tile start----------------*/
  --full-box-stats-tile-count-color: var(--white);
  --full-box-stats-tile-status-title-color: var(--white);
  --border-box-stats-tile-count-color: var(--cinder);
  --border-box-stats-tile-status-title-color: var(--cinder);
  --stats-tile-background-pattern: #ff8428 url(../img/user_profile_bg.png) repeat top left;
  --stats-tile-background-pattern-size: 100px;
  --stats-tile-background-color: var(--black);
  --model-boarder-color: var(--black);
  --stats-tile-border-color: var(--red);
  --home-font-size-primary: 1.2rem;
  --state-tile-status-title-font-size: 1.4rem;
  --stats-tile-count-font-size: 2.2rem;
  --stats-tile-count-text-align: left;
  --stats-cards-cap-menu-svg-color: var(--durotarfire);
  --home-todo-card-header-bg-color: var(--red);
  --home-todo-card-header-color: var(--black);
  --refine-model-clos-btn-color: var(--white);
  /*--------- State Tile End-----------------*/
  --dashboard-card-bg-color: var(--white);
  --dashboard-card-hr-border-color: rgba(0,0,0,.125);
  --card-header-bg-color: var(--lightgrey);
  --card-header-color: var(--black);
  --card-bottle-neck-content: var(--white);
  --dashboard-page-bg-color: #d9eef2;
  /*-------Home-Job Search Filter start---------------*/
  --home-job-searchType-border-color: #00b050;
  --home-job-searchby-border-color: #00b050;
  --home-job-search-icon-fill-color: #3fc380;
  --home-job-search-button-background-color: #3fc380;
  --home-job-search-button-border-color: #3fc380;
  --home-job-search-button-font-color: var(--white);
  /*-------Home-Job Search Filter End---------------*/
  /*-------Advanced Dashboard Widget Section Background---------------*/
  --advance-dashboard-widget-section-bg-color: #d9eef2;
  --advance-dashboard-widget-border-color: #E0E6EB;
  --advance-dashboard-widget-shadow: 0 1px 3px rgba(0,0,0,0.08);
  --advance-dashboard-card-header-text-color: #003366;
  --advance-dashboard-widget-body-text-color: #333333;
  /*-------Advanced Dashboard Widget Section Background End---------------*/
  --todo-expired-bg: var(--red);
  --todo-remaining-bg: var(--light-yellow);
  --todo-expired-text: var(--white);
  --todo-remaining-text: var(--black);
  /* ---------------------------------------------------
                Misc
  ----------------------------------------------------- */
  --svg-fill-color: var(--white);
  --user-home-content-svg-color: var(--black);
  --svg-fill-color-list: var(--forestblues);
  --inactive-svg-fill-color: var(--black);
  --svg-fill-saved-search: grey;
  --report-builder-svg-color: #82777700;
  /* ---------------------------------------------------
                System setting
  ----------------------------------------------------- */
  --system-tiles-color: var(--forestblues);
  --system-settings-tiles-border-color: var(--summerblue);
  --system-settings-tiles-bg-color: var(--white);
  --system-settings-svg-fill-color: var(--black);
  /* ---------------------------------------------------
                Add Job
  ----------------------------------------------------- */
  --add-job-lable: var(--black);
  --add-job-text-danger: var(--rusty-red);
  --add-job-fieldset-dynamic-starter-forms-text-danger: var(--rusty-red);
  --add-job-step-menu-complete-bg-color: var(--mint);
  --add-job-step-menu-current-bg-color: var(--coral);
  --bulk-recruitment-job-lable: var(--black);
  --add-job-detail-tab-bg-color: var(--odd-row-color);
  --add-job-detail-input-border-bottom: var(--white);
  --add-job-footer-bg-color: var(--celestial) url(../img/user_profile_bg.png) repeat top left;
  --add-job-arrow-bg-color: var(--gainsboro);
  --add-job-arrow-bg-color-befor: var(--white);
  /*--add-job-post-job-advert-bg-color: var(--cinder);*/
  --add-job-post-job-advert-bg-color: var(--white);
  --add-job-more-header-color-active: var(--cinder);
  --add-job-svg-fill-color: var(--forestblues);
  --add-job-card-info-bg-color: var(--light-yellow);
  --add-job-tab-fieldset-info-bg-color: var(--white);
  --add-job-notes-svg-fill-color: var(--orange);
  --transparent-color: var(--transparent);
  --text-gray-900: var(--gray-900);
  --job-card-title-color: var(--white);
  --job-list-card-hovor-over-color: var(--heat-wave);
  --home-job-list-card-bg-color: var(--white);
  --home-job-list-card-border-color: var(--cerulean);
  --home-job-list-card-tooltip-color: var(--black);
  --home-job-list-card-background-color: linear-gradient(to bottom right, #0091ae, #006b7d);
  --home-job-list-card-hover-color: linear-gradient(to bottom right, #00b7dd, #0088aa);
  --job-stat-tile-active-color: linear-gradient(to bottom right, #00687f, #004455);
  --home-job-list-card-hover-background-color: #00b7dd;
  /* ---------------------------------------------------
                Cadidate Profile Light
  ----------------------------------------------------- */
  --reference-tab-table-color: var(--cinder);
  --cadidate-profile-svg-color: var(--black);
  --tab-header-bg-color: var(--lightgrey);
  --tab-header-color: var(--rhapsodyinblue);
  --tab-header-active-bg-color: var(--cape-pond);
  --candidate-profile-dropdown-bg-color: var(--calmWaters);
  --candidate-profile-dropdown-border-color: var(--summerblue);
  --candidate-profile-dropdown-text-color: var(--black);
  --cadidate-profile-email-color: var(--cinder);
  --cadidate-profile-filter-color: var(--cinder);
  --lable-starter-form: var(--black);
  --candidate-pipeline-nav-tab-bg-color: var(--kodama-white);
  --candidate-pipeline-nav-tab-color: var(--cinder);
  --candidate-pipeline-card-header-bg-color: var(--sky-blue);
  --candidate-pipeline-card-bdy-bg-color: var(--white);
  --candidate-pipeline-card-head-bg-color: var(--sky-blue);
  --candidate-application-header-bg-color: var(--summerblue);
  --candidate-application-header-color: var(--white);
  --candidate-application-header-bg-color-hover: var(--orange);
  --candidate-application-cv-upload-bg-color: var(--odd-row-color);
  --candidate-profile-search-filter-bg-color: var(--white);
  --candidate-profile-search-filter-text-color: var(--black);
  --candidate-profile-search-filter-button-bg-color: var(--black-glaze);
  --candidate-profile-search-filter-button-border-color: var(--black-glaze);
  --candidate-profile-search-filter-border-color: var(--jasmine-green);
  --candidate-profile-search-filter-separator-bg-color: var(--lightgrey);
  --candidate-profile-tabs-header-bg-color: var(--lightgrey);
  --candidate-profile-tabs-header-active-bg-color: var(--cape-pond);
  --candidate-profile-tabs-header-separator-bg-color: var(--orange);
  --candidate-profile-tabs-header-text-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-content-bg-color: var(--white);
  --candidate-profile-tabs-content-border-color: unset;
  --candidate-profile-tabs-section-header-bg-color: var(--cape-pond);
  --candidate-profile-section-card-bg-color: var(--white);
  --candidate-profile-section-separator-bg-color: var(--lightgrey);
  --candidate-profile-section-card-text-color: var(--cinder);
  --candidate-profile-section-table-even-cell-bg-color: var(--navalnight);
  --candidate-profile-section-table-odd-cell-bg-color: var(--odd-row-color);
  --candidate-profile-more-menu-bg-color: var(--white);
  --candiadte-profile-more-menu-item-bg-color: var(--calmWaters);
  --candiadte-profile-more-menu-item-left-shadow-color: var(--celestial);
  --candidate-profile-more-menu-item-border-color: var(--satinwhite);
  --candidate-profile-more-menu-item-color: var(--black);
  --candidate-profile-equal-opps-caption-bg-color: none;
  --candidate-profile-refiscancelled-bg-color: var(--platinum);
  --candidate-profile-sign-color: var(--platinum);
  --candidate-profile-print-application-font-size: 20px;
  --candidate-profile-promot-job-banner-icon: var(--linen);
  /* ---------------------------------------------------
                History
  ----------------------------------------------------- */
  --history-timeline-item-bg-color: var(--white);
  --history-timeline-item-time-text-color: var(--dusty-grey);
  --history-timeline-item-header-text-color: var(--davy-grey);
  --history-timeline-item-header-link-text-color: var(--black);
  --history-timeline-time-label-bg-color: var(--jinzamomi-pink);
  --history-timeline-connector-bg-color: var(--gainsboro);
  /* ---------------------------------------------------
                Cadidate Listing
  ----------------------------------------------------- */
  --candidate-listing-candidate-card-bg-color: var(--white);
  --candidate-listing-candidate-card-carousel-bg-color: var(--jasmine-green);
  --candidate-listing-pipeline-switch-svg-bg-color: var(--black);
  --letter-listing-bg-color: var(--off-green);
  --letter-listing-font-color: var(--black);
  --candidate-listing-svg-fill-color: var(--black);
  --candidate-listing-calendar-svg-fill-color: var(--forestblues);
  --svg-icon-fill-color: var(--forestblues);
  /*--candidate-listing-svg-fill-color: #2EA3D9;*/
  --candidate-listing-gas-icon-svg-fill-color: #0000ff;
  /* ---------------------------------------------------
               Security Role
  ----------------------------------------------------- */
  --security-role-hover-color: var(--black);
  /* ---------------------------------------------------
               Reports
  ----------------------------------------------------- */
  --reports-label-color: var(--black);
  --report-builder-card-icon-color: var(--black);
  --report-builder-side-filter-bg-color: #ededed;
  /* ---------------------------------------------------
               Search Job
  ----------------------------------------------------- */
  --search-jobs-filter-title-color: var(--black);
  --panel-bg-color: var(--white);
  --panel-header-bg-color: var(--summerblue);
  --search-parameters-panel-header-bg-color: var(--lightgrey);
  --search-list-header-bg-clr: var(--aqua-spring);
  --search-list-body-bg-clr: var(--white);
  --search-list-border-color: var(--silver);
  --search-list-arrow-svg-fill-color: var(--black);
  --search-filter-tage-border-color: var(--whitesmoke);
  --search-filter-tage-border-color-redeployment: var(--white);
  --search-application-and-address-book-penel-header-bg-color: var(--kodama-white);
  /* ---------------------------------------------------
               print Preview
  ----------------------------------------------------- */
  --print-preview-color: var(--black);
  --print-preview-table-header-bg-color: var(--celestial);
  --print-preview-table-header-color: var(--white);
  /* ---------------------------------------------------
                Cadidate List
  ----------------------------------------------------- */
  --candidate-list-svg-color: var(--forestblues);
  --candidate-list-Carousel-link-color: var(--cinder);
  /* ---------------------------------------------------
                Card
  ----------------------------------------------------- */
  --tab-card-bg-color: var(--white);
  /*  --------------Alert-Setup--------------------*/
  --alert-setup-table-color: var(--cinder);
  /* ---------------------------------------------------
                Ck-Editor Light
  ----------------------------------------------------- */
  --ckEditor-editor-background-color: var(--white);
  --ckEditor-editor-text-color: var(--black);
  --ckEditor-top-background-color: var(--white-lilac);
  --ckEditor-bottom-background-color: var(--white-lilac);
  --ckEditor-border-top-color: var(--pastal-grey);
  --ckEditor-border-bottom-color: var(--pastal-grey);
  --ckEditor-border-color: var(--pastal-grey);
  /* ---------------------------------------------------
                Calendar Light
  ----------------------------------------------------- */
  --calendar-search-bar-card-header-bg-color: var(--kodama-white);
  --calendar-search-bar-card-header-border-color: var(--mint-tulip);
  --report-builder-preview-icon-color: var(--summerblue);
  --rb-accordion-toggle-color: var(--report-builder-side-filter-bg-color);
  --calendar-search-cross-icon-color: var(--black);
  /* ---------------------------------------------------
                Login Light
  ----------------------------------------------------- */
  --btn-login-bg-color-hover: var(--blue-gray);
  --login-input-focus-bg-color: var(--forestblues);
  --login-input-focus-border-color: var(--btn-primary-bg-color);
  --user-setting-logout-button-color: var(--sea-green);
  --user-setting-logout-button-border-color: var(--sea-green);
  /* ---------------------------------------------------
                Panel Shortlisting 
  ----------------------------------------------------- */
  --question-box-background-color: var(--white);
  --question-box-border-color: var(--light-gray);
  --question-box-label-color: var(--black);
  /* ---------------------------------------------------
                Assessment Form Light
  ----------------------------------------------------- */
  --question-container-bg-color: var(--mint-grey);
  --question-header-panel-bg-color: var(--mint-light-blue);
  --question-header-panel-text-color: var(--mint-sky-blue);
  --question-options-textbox-border-color: var(--input-border-color);
  --matrix-question-table-background-color: var(--lightgrey);
  --matrix-question-odd-row-background-color: var(--matrix-light-gray);
  --matrix-question-even-row-background-color: var(--gainsboro);
  --assessment-form-preview-modal-bg-color: var(--white);
  --question-mark-correct-color: var(--sky-mint-dark);
  --applicationinfo-backgroud-color: var(--white);
  --assessmentForm-backgroud-color: #ededed;
  --svg-fill-color-add-widget: var(--black);
  --widget-border-color: var (--summerblue);
  --widget-pill-button: var (--cyanblue);
  --widget-pill-button-border: var(--forestblues);
  --svg-fill-color-trend-widget: #EDEDED;
  /* ---------------------------------------------------
                Notification
  ----------------------------------------------------- */
  --myTask-label-color: var(--Teal);
  --myTask-label-color-hover: var(--Dark-Slate-Gray);
  --sona-document-background-color: var(--whitesmoke);
  --sona-document-background-color-hover: var(--icewind-dale);
}

[data-jt-theme=dark] {
  --scarlet: #FF1329;
  font-size: 10px;
  /* Start Colors */
  --summerblue: #177e9c;
  --white: #fff;
  --red-orange: #ff3939;
  --american-red: #bd2130;
  --esmeralda: #3fc380;
  --forestblues: #0d3f68;
  --durotarfire: #f15a29;
  --celestial: #00637f;
  --black: #000;
  --child-of-light: #F5F8FA;
  --searedgrey: #495057;
  --jasmine-green: #3fc380;
  --whitesmoke: #f6f6f6;
  --cinder: #212529;
  --satinwhite: #ced4da; /* Satin White */
  --golden: #bfa411;
  --gheeyellow: #dbc02a;
  --blue: #177e9c;
  --lightblue: #eeeeee;
  --darkblue: #177e9c;
  --bluebutton: #177e9c;
  --orange: #f97f50;
  --green: #00b050;
  --grey: #f3f1f1;
  --lightgrey: #eeeeee;
  --crowblackblue: #0b2738;
  --navalnight: #011534;
  --rhapsodyinblue: #002A44;
  --skyblue: #E6F5FC;
  --skybluedark: #0d4f62;
  --cyanblue: #177e9c;
  --bright-star: #dee2e6;
  --squid-ink-powder: #001535;
  --model-border-color: #1e58b1;
  --sagittarius-amber: #f97f50;
  --black-glaze: #000b11;
  --sky-blue: #80cff0;
  --screamish: #36a6d8;
  --fastBlue: #06A1E3;
  --dark-gray: #4C6A7C;
  --cerulean: #009fe3;
  --halloween-orange: #F05A28;
  --cadmium-orange: #f68029;
  --seaweed-green: #34a76d;
  --clover-green: #319e67;
  --icewind-dale: #e9ecef;
  --faded-blue: #6696BC;
  --light-steel-blue: #7196bb;
  --blueWhale: #0D354D;
  --pumpkinOrange: #ff741e;
  --kodama-white: #e5f6fb;
  --astronaut-blue: #085483;
  --dusty-grey: #999;
  --calmWaters: #f0f9fc;
  --cylindrical-coordinate: #ff741e;
  --platinum: #191f29;
  --blue-dianne: #174561;
  --glacier: #8baebd;
  --davy-grey: #4D565B;
  --lemon: #f6f900;
  --scarlet: #FF1329;
  --salem: #108147;
  --ruddybrown: #C35429;
  --ball-blue: #2ea3d9;
  --light-slate-gray: #7C939C;
  --blue-yonder: #4f79a5;
  --dark-blue: #1f3351;
  --mint-blue: #022852;
  --mint-grey: #F4F4F4;
  --mint-light-blue: #d5e7f5;
  --mint-sky-blue: #0270c5;
  --matrix-question-odd-row: #0d3b6e;
  --navy-blue: #153856;
  --linen: #fef1dc;
  --gray-900: #111827;
  --heat-wave: #FF7B00;
  --marengo: #405465;
  --spanish-gray: #969696;
  --marengo: #405465;
  --spanish-gray: #969696;
  --sky-mint-dark: #2ea3d9;
  /* End Colors*/
  /* ---------------------------------------------------
                 Body Dark
  ----------------------------------------------------- */
  --main-bg-color: var(--navalnight);
  --body-color: var(--white);
  --body-font-size: 1.2rem;
  --body-font-family: 'Montserrat', Arial;
  --font-size-primary: 1.2rem;
  --modal-header-bg-color: var(--forestblues);
  --static-body-text-color: var(--cinder);
  /* ---------------------------------------------------
                 JT Modals Dark
  ----------------------------------------------------- */
  --modal-table-text-color: var(--white);
  --modal-table-fa-icon-color: var(--white);
  /* ---------------------------------------------------
                 Header Dark
  ----------------------------------------------------- */
  --header-font-size: 1.4rem;
  --header-font-weight: 700;
  --header-color: var(--white);
  --header-active-color: var(--cerulean);
  /*--header-active-color: none;*/
  --main-notification-alert-bg-color: var(--durotarfire);
  --user-setting-header-bg-color: var(--navalnight);
  --user-setting-header-li-color: var(--white);
  --user-setting-bottom-text-color: var(--white);
  --user-setting-svg-color: var(--white);
  --notification-alert-header-bg-color: var(--rhapsodyinblue);
  --notification-body-bg-color: var(--rhapsodyinblue);
  --notification-body-alert-bg-color: var(--navalnight);
  --notification-alert-text-color: var(--white);
  --notification-top-nav-icon-color: var(--white);
  --notification-border-color: var(--cerulean);
  --user-setting-card-header-bg-color: var(--cerulean);
  --user-setting-card-header-border-color: var(--cerulean);
  /* ---------------------------------------------------
                 Top navigation Dark
  ----------------------------------------------------- */
  --top-nav-bg-color: var(--navalnight);
  --talent-sub-menu-hover-bg-color: var(--navalnight);
  --top-nav-menu-inner-distance: 20px;
  --top-nav-user-bg-color: var(--halloween-orange);
  --top-nav-user-color: var(--white);
  /* ---------------------------------------------------
                 Quick Links Dark
  ----------------------------------------------------- */
  --quick-link-color: var(--cerulean);
  --quick-nav-bg-color: var(--navalnight);
  --quick-nav-color: var(--navalnight);
  --quick-nav-li-hover-bg-color: var(--navalnight);
  --quick-nav-icon-color: var(--white);
  --quick-nav-close-btn-color: var(--white);
  --quick-nav-scrollbar-color: var(--cerulean);
  --mian-quick-nav-color: var(--white);
  --mian-quick-nav-hover-color: var(--cerulean);
  --quick-nav-svg-fill-color: var(--cyanblue);
  --quick-nav-font-size: 1.2rem;
  --quick-nav-company-logo-margin-left: 58px;
  /* ---------------------------------------------------
                 Left action menu Dark
  ----------------------------------------------------- */
  --left-menu-bg-color: radial-gradient(circle at top left, #1F4F83, #022A44 60% );
  --left-menu-shadow-color: var(--left-menu-bg-color);
  --left-menu-li-hover-bg-color: var(--navalnight);
  --left-menu-icon-color: var(--white);
  --left-menu-close-btn-color: var(--navalnight);
  --left-menu-scrollbar-color: var(--navalnight);
  --left-menu-nav-color: var(--black);
  --left-menu-nav-hover-color: var(--white);
  --left-menu-item-color: var(--white);
  --left-menu-svg-fill-color: var(--white);
  --left-menu-btn-sidebar-collapse: unset;
  --left-menu-li-bg-color-hover: var(--navalnight);
  /* ---------------------------------------------------
                List pages Dark
  ----------------------------------------------------- */
  --table-header-bg-color: var(--rhapsodyinblue);
  --table-header-active-bg-color: var(--rhapsodyinblue);
  --table-header-active-text-color: var(--fastBlue);
  --table-header-text-color: var(--light-steel-blue);
  --table-header-report-text-bg-color: var(--rhapsodyinblue);
  --table-header-report-text-color: var(--light-steel-blue);
  --table-header-border-right-color: var(--rhapsodyinblue);
  --table-body-text-color: var(--white);
  --pagination-active-bg-color: var(--navalnight);
  --pagination-border-color: var(--skyblue);
  --pagination-color: var(--pumpkinOrange);
  --scrollbar-bg-color: var(--fastBlue);
  --search-icon-color: var(--esmeralda);
  --smart-search-filter-bg-color: var(--blue-dianne);
  --smart-search-filter-radio-bg-color: var(--navalnight);
  --smart-search-filter-breadcrumb-bg-color: rgba(13,63,104,0.9);
  --page-title-color: var(--white);
  --table-header-color: var(--rhapsodyinblue);
  --pagination-page-link-color: var(--white);
  --page-list-search-btn-border-color: var(--input-border-color);
  --job-list-more-modal-header-bg-color: var(--forestblues);
  --even-row-bg-color: var(--rhapsodyinblue);
  --odd-row-bg-color: var(--rhapsodyinblue);
  --row-border-color-top: var(--blueWhale);
  --row-border-color-bottom: unset;
  --row-hover-background-color: var(--navalnight);
  --row-hover-border-color-top: var(--screamish);
  --row-hover-border-color-bottom: var(--screamish);
  --page-list-search-btn-bg-color: var(--cerulean);
  --page-list-search-icon-color: var(--white);
  /*  --page-list-search-btn-bg-color: var(--cerulean);*/
  --job-list-more-note-bg-color: var(--main-bg-color);
  --cross-svg-icon-fill-color: var(--orange);
  --sorting-svg-fill-color: var(--cyanblue);
  --ob-hub-gery-bg-color: #68afbf;
  --table-row-hovor-over-border-color: inset 0 2px 0 0 var(--row-hover-border-color-top), inset 0 -2px 0 0 var(--row-hover-border-color-bottom);
  --job-list-anonymous-warning-message: var(--gheeyellow);
  --table-checkbox-border-color: var(--light-slate-gray);
  /* ---------------------------------------------------
                Input forms Dark
  ----------------------------------------------------- */
  --input-color: var(--white);
  --input-bg-color: inhirit;
  --input-font-weight: 400;
  --input-border-color: #466376;
  --input-focus-border-color: var(--esmeralda);
  --input-focus-bg-color: inhirit;
  --form-control-bg-color: inhirit;
  /*--form-control-color: #495057;*/
  --form-control-color: var(--white);
  --form-control-focus-color: var(--white);
  --dropdown-search-icon-color: var(--forestblues);
  --label-color: var(--white);
  --form-control-font-size: 1.4rem;
  --label-font-size: 1.3rem;
  --label-font-weight: 600;
  --switch-icon-bg-color: var(--red-orange);
  --switch-icon-border-color: var(--red-orange);
  --switch-checked-color: var(--blue);
  --nav-tab-color: var(--durotarfire);
  --input-required-border-color: var(--durotarfire);
  --input-required-focus-color: var(--jasmine-green);
  --input-required-focus-border-color: var(--jasmine-green);
  --bulk-upload-file-link: var(--white);
  --input-readonly-bg-color: var(--davy-grey);
  --automation-status-head-bg-color: var(--cerulean);
  --table-icon-svg-color: var(--cerulean);
  --application-template-bg-color-hover: var(--cerulean);
  --sign-bg-color: var(--navalnight);
  --sign-border-color: var(--cerulean);
  --two-fa-description-text-color: var(--cerulean);
  --nylas-email-left-card-bg-color: var(--cerulean);
  --nylas-email-left-card-color: var(--white);
  --nylas-back-btn-bg-color: var(--cerulean);
  --vonq-filter-bg-color: var(--blue-whale);
  --vonq-location-bg-color: var(--cerulean);
  --vonq-basket-card-total-bg-color: var(--cerulean);
  --green-room-card-body-bg-color: var(--navalnight);
  --green-room-card-footer-bg-color: var(--cerulean);
  --default-approver-category-bg-color: var(--cerulean);
  --question-icon-fill-color: var(--cerulean);
  /*--------------select Start----------------------------*/
  --select-font-size: 1.4rem;
  --select-font-color: var(--white);
  --select-option-font-color: #495057;
  --select-bg-color: var(--navalnight);
  --select-border-color: #466376;
  --select-focus-border-color: var(--esmeralda);
  --select-focus-bg-color: inhirit;
  /*--------------select End---------------------------*/
  /*--------------ngx-select-dropdown  Dark start----------------------*/
  --ngx-select-svg-fill-color: #F05A28;
  --ngx-select-available-items-background-color-hover: var(--rhapsodyinblue);
  --ngx-select-available-items-container-background-color: var(--navalnight);
  --ngx-select-available-items-border-color-hover: var(--rhapsodyinblue);
  --ngx-select-available-items-border-color: unset;
  --ngx-select-border-color: #466376;
  --ngx-select-available-items-color: var(--glacier);
  --ngx-select-clear-all-button-bg-color: #0d3f68;
  --ngx-select-selected-item-bg-color: #0d3f68;
  --ngx-select-selected-count-bg-color: #0d3f68;
  --ngx-select-selected-count-fount-size: 15px;
  --ngx-select-clear-all-button-border-color: #0d3f68;
  --ngx-select-clear-all-button-color: var(--white);
  --add-job-detail-tab-ngx-select-svg-fill-color: var(--faded-blue);
  /*--------------ngx-select-dropdown end----------------------*/
  /*-----------------------togle-colapse  Dark start----------------------*/
  --togle-colapse-h4-bg-color: var(--cerulean);
  --togle-colapse-form-group-row: unset;
  --togle-colapse-add-job-assessment-tab-nav-tab: var(--cerulean);
  /*-----------------------togle-colapse end----------------------*/
  /* ---------------------------------------------------
                Buttons Dark
  ----------------------------------------------------- */
  --btn-success-bg-color: var(--salem);
  --btn-success-border-color: var(--salem);
  --btn-close-bg-color: var(--red-orange);
  --btn-close-border-color: var(--red-orange);
  --btn-danger-hovor-bg-color: var(--american-red);
  --btn-info-bg-color: var(--rhapsodyinblue);
  --btn-info-border-color: var(--summerblue);
  --btn-primary-bg-color: rgba(13,63,104,0.9);
  --btn-primary-border-color: rgba(13,63,104,0.9);
  --btn-primary-hover-bg-color: var(--forestblues);
  --btn-primary-hover-border-color: rgba(13,63,104,1);
  --btn-text-color: var(--white);
  --btn-sucess-text-color-hover: var(--white);
  --btn-sucess-bg-color-hover: var(--salem);
  --btn-sucess-border-color-hover: var(--salem);
  --btn-font-size-primary: 1.2rem;
  --btn-preview-bg-color: var(--instant-orange);
  --btn-assessment-chose-file: var(--white);
  --svg-ai-fill-color: var(#002a45);
  --btn-preview-bg-color-hover: var(--halloween-orange);
  --btn-preview-border-color-hover: var(--cadmium-orange);
  --btn-danger-bg-color: var(--scarlet);
  --btn-danger-text-color: var(--white);
  --btn-border-radious: 0px;
  --user-setting-ul-bg-color-hover: var(--rhapsodyinblue);
  /* ---------------------------------------------------
                Dashboard Dark
  ----------------------------------------------------- */
  /*------------ State Tile  Dark start----------------*/
  --full-box-stats-tile-count-color: #ff741e;
  --full-box-stats-tile-status-title-color: var(--white);
  --border-box-stats-tile-count-color: #ff741e;
  --border-box-stats-tile-status-title-color: var(--white);
  --stats-tile-background-pattern: linear-gradient(184deg, rgba(1,21,52,1) 24%, rgba(14,32,60,1) 33%, rgba(14,68,140,1) 100%);
  --stats-tile-background-pattern-size: unset;
  --stats-tile-background-color: var(--squid-ink-powder);
  --model-boarder-color: var(--model-border-color);
  --stats-tile-border-color: var(--cerulean);
  --home-font-size-primary: 1.2rem;
  --state-tile-status-title-font-size: 1.4rem;
  --stats-tile-count-font-size: 4rem;
  --stats-tile-count-text-align: center;
  --stats-cards-cap-menu-svg-color: var(--cyanblue);
  --home-todo-card-header-bg-color: var(--navalnight);
  --home-todo-card-header-color: var(--black);
  /*--------- State Tile End-----------------*/
  --dashboard-card-bg-color: #011534;
  --dashboard-card-hr-border-color: #466376;
  --card-header-bg-color: var(--navalnight);
  --card-header-color: var(--white);
  --card-bottle-neck-content: var(--white);
  --dashboard-page-bg-color: var(--rhapsodyinblue);
  /*-------Home-Job Search Filter Dark start---------------*/
  --home-job-searchType-border-color: #466376;
  --home-job-searchby-border-color: #466376;
  --home-job-search-icon-fill-color: #E55A34;
  --home-job-search-button-background-color: #E55A34;
  --home-job-search-button-border-color: #E55A34;
  --home-job-search-button-font-color: var(--white);
  /*-------Home-Job Search Filter Dark End---------------*/
  /*-------Advanced Dashboard Widget Section Background Dark---------------*/
  --advance-dashboard-widget-section-bg-color: var(--rhapsodyinblue);
  --advance-dashboard-widget-border-color: #466376;
  --advance-dashboard-widget-shadow: 0 1px 3px rgba(0,0,0,0.15);
  --advance-dashboard-card-header-text-color: var(--white);
  --advance-dashboard-widget-body-text-color: #cccccc;
  /*-------Advanced Dashboard Widget Section Background Dark End---------------*/
  /*--------- Todo List -----------------*/
  --todo-expired-bg: var(--red);
  --todo-remaining-bg: var(--light-yellow);
  --todo-expired-text: var(--white);
  --todo-remaining-text: var(--black);
  /* ---------------------------------------------------
                Misc Dark
  ----------------------------------------------------- */
  --svg-fill-color: var(--cyanblue);
  --user-home-content-svg-color: var(--white);
  --svg-fill-color-list: var(--cyanblue);
  --inactive-svg-fill-color: var(--white);
  --svg-fill-saved-search: var(--cyanblue);
  --report-builder-svg-color: var(--white);
  /* ---------------------------------------------------
                System setting Dark
  ----------------------------------------------------- */
  --system-tiles-color: var(--white);
  --system-settings-tiles-border-color: var(--white);
  --system-settings-tiles-bg-color: var(--rhapsodyinblue);
  --system-settings-svg-fill-color: var(--white);
  /* ---------------------------------------------------
                Add Job Dark
  ----------------------------------------------------- */
  --add-job-lable: var(--faded-blue);
  --add-job-text-danger: var(--lemon);
  --add-job-fieldset-dynamic-starter-forms-text-danger: var(--scarlet);
  --add-job-step-menu-complete-bg-color: var(--salem);
  --add-job-step-menu-current-bg-color: var(--ruddybrown);
  --bulk-recruitment-job-lable: var(--white);
  --add-job-detail-tab-bg-color: var(--navalnight);
  --add-job-detail-input-border-bottom: none;
  --add-job-footer-bg-color: var(--rhapsodyinblue);
  --add-job-arrow-bg-color: var(--blue-yonder);
  --add-job-arrow-bg-color-befor: var(--rhapsodyinblue);
  --add-job-post-job-advert-bg-color: var(--navalnight);
  --add-job-more-header-color-active: var(--durotarfire);
  --add-job-svg-fill-color: var(--cerulean);
  --add-job-card-info-bg-color: var(--navalnight);
  --add-job-tab-fieldset-info-bg-color: var(--navalnight);
  --add-job-notes-svg-fill-color: var(--orange);
  --transparent-color: var(--navalnight);
  --text-gray-900: var(--heat-wave);
  --job-card-title-color: #fb923c;
  --job-list-card-hovor-over-color: var(--heat-wave);
  --home-job-list-card-bg-color: var(--stats-tile-background-pattern);
  --home-job-list-card-border-color: var(--heat-wave);
  --home-job-list-card-tooltip-color: var(--heat-wave);
  --home-job-list-card-background-color: var(--stats-tile-background-pattern);
  --home-job-list-card-hover-color: linear-gradient(#00263a, #158bbf);
  --job-stat-tile-active-color: #009fe3;
  --home-job-list-card-hover-background-color: #00263a;
  /* ---------------------------------------------------
                Cadidate Profile Dark
  ----------------------------------------------------- */
  --reference-tab-table-color: var(--white);
  --cadidate-profile-svg-color: var(--cyanblue);
  --tab-header-bg-color: var(--skyblue);
  --tab-header-color: var(--rhapsodyinblue);
  --tab-header-active-bg-color: var(--rhapsodyinblue);
  --candidate-profile-dropdown-bg-color: var(--navalnight);
  --candidate-profile-dropdown-border-color: var(--cerulean);
  --candidate-profile-dropdown-text-color: var(--white);
  --cadidate-profile-email-color: var(--white);
  --cadidate-profile-filter-color: var(--white);
  --lable-starter-form: var(--white);
  --candidate-pipeline-nav-tab-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-nav-tab-color: var(--white);
  --candidate-pipeline-card-header-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-card-bdy-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-card-head-bg-color: var(--cerulean);
  --candidate-application-header-bg-color: var(--cerulean);
  --candidate-application-header-color: var(--white);
  --candidate-application-header-bg-color-hover: var(--orange);
  --candidate-application-cv-upload-bg-color: var(--navalnight);
  --candidate-profile-search-filter-bg-color: var(--rhapsodyinblue);
  --candidate-profile-search-filter-text-color: var(--white);
  --candidate-profile-search-filter-button-bg-color: var(--astronaut-blue);
  --candidate-profile-search-filter-button-border-color: var(--cerulean);
  --candidate-profile-search-filter-border-color: var(--cerulean);
  --candidate-profile-search-filter-separator-bg-color: var(--cerulean);
  --candidate-profile-tabs-header-bg-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-header-active-bg-color: var(--astronaut-blue);
  --candidate-profile-tabs-header-separator-bg-color: var(--cerulean);
  --candidate-profile-tabs-header-text-color: var(--light-steel-blue);
  --candidate-profile-tabs-content-bg-color: var(--navalnight);
  --candidate-profile-tabs-content-border-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-section-header-bg-color: var(--cerulean);
  --candidate-profile-section-separator-bg-color: var(--cerulean);
  --candidate-profile-section-card-bg-color: var(--rhapsodyinblue);
  --candidate-profile-section-card-text-color: var(--white);
  --candidate-profile-section-table-even-cell-bg-color: var(--navalnight);
  --candidate-profile-section-table-odd-cell-bg-color: var(--navalnight);
  --candidate-profile-more-menu-bg-color: var(--left-menu-bg-color);
  --candiadte-profile-more-menu-item-bg-color: unset;
  --candiadte-profile-more-menu-item-left-shadow-color: var(--cerulean);
  --candidate-profile-more-menu-item-border-color: var(--cerulean);
  --candidate-profile-more-menu-item-color: var(--white);
  --candidate-profile-equal-opps-caption-bg-color: transparent;
  --candidate-profile-sign-color: invert(1);
  --candidate-profile-print-application-font-size: 20px;
  --candidate-profile-promot-job-banner-icon: var(--linen);
  /* ---------------------------------------------------
                History Dark
  ----------------------------------------------------- */
  --history-timeline-item-bg-color: var(--rhapsodyinblue);
  --history-timeline-item-time-text-color: var(--white);
  --history-timeline-item-header-text-color: var(--white);
  --history-timeline-item-header-link-text-color: var(--cerulean);
  --history-timeline-time-label-bg-color: var(--astronaut-blue);
  --history-timeline-connector-bg-color: var(--astronaut-blue);
  /* ---------------------------------------------------
                Cadidate Listing Dark
  ----------------------------------------------------- */
  --candidate-listing-candidate-card-bg-color: var(--rhapsodyinblue);
  --candidate-listing-candidate-card-carousel-bg-color: var(--jasmine-green);
  --candidate-listing-pipeline-switch-svg-bg-color: var(--white);
  --letter-listing-bg-color: var(--dashboard-card-bg-color);
  --letter-listing-font-color: var(--white);
  --candidate-listing-svg-fill-color: var(--white);
  --candidate-listing-calendar-svg-fill-color: var(--white);
  --svg-icon-fill-color: var(--white);
  --candidate-listing-gas-icon-svg-fill-color: #66B2FF;
  /* ---------------------------------------------------
               Security Role Dark
  ----------------------------------------------------- */
  --security-role-hover-color: var(--black);
  /* ---------------------------------------------------
               Reports Dark
  ----------------------------------------------------- */
  --reports-label-color: var(--white);
  --report-builder-card-icon-color: var(--white);
  --report-builder-side-filter-bg-color: var(--navalnight);
  /* ---------------------------------------------------
               Search Job Dark
  ----------------------------------------------------- */
  --search-jobs-filter-title-color: var(--white);
  --panel-bg-color: var(--blue-whale);
  --panel-header-bg-color: var(--navalnight);
  --search-parameters-panel-header-bg-color: var(--blue-whale);
  --search-list-header-bg-clr: var(--blue-whale);
  --search-list-body-bg-clr: var(--rhapsodyinblue);
  --search-list-border-color: var(--cerulean);
  --search-list-arrow-svg-fill-color: var(--cerulean);
  --search-filter-tage-border-color: var(--navalnight);
  --search-filter-tage-border-color-redeployment: var(--navalnight);
  --search-application-and-address-book-penel-header-bg-color: var(--blue-whale);
  /* ---------------------------------------------------
               print Preview Dark
  ----------------------------------------------------- */
  --print-preview-color: var(--white);
  /*--print-preview-color: var(--black);*/
  --print-preview-table-header-bg-color: var(--cerulean);
  --print-preview-table-header-color: var(--white);
  /* ---------------------------------------------------
                Cadidate List Dark
  ----------------------------------------------------- */
  --candidate-list-svg-color: var(--cyanblue);
  --candidate-list-Carousel-link-color: var(--white);
  /* ---------------------------------------------------
                Card Dark
  ----------------------------------------------------- */
  --tab-card-bg-color: var(--rhapsodyinblue);
  /*  --------------Alert-Setup Dark--------------------*/
  --alert-setup-table-color: var(--white);
  /* ---------------------------------------------------
                Ck-Editor Dark
  ----------------------------------------------------- */
  --ckEditor-editor-background-color: var(--navalnight);
  --ckEditor-editor-text-color: var(--white);
  --ckEditor-top-background-color: var(--cerulean);
  --ckEditor-bottom-background-color: var(--cerulean);
  --ckEditor-border-top-color: var(--cerulean);
  --ckEditor-border-bottom-color: var(--cerulean);
  --ckEditor-border-color: var(--cerulean);
  /* ---------------------------------------------------
                Calendar Dark
  ----------------------------------------------------- */
  --calendar-search-bar-card-header-bg-color: var(--blue-whale);
  --calendar-search-bar-card-header-border-color: var(--cerulean);
  --report-builder-preview-icon-color: var(--white);
  --rb-accordion-toggle-color: var(--cerulean);
  --txt-danger-text-color: var(--scarlet);
  --calendar-search-cross-icon-color: var(--ball-blue);
  /* ---------------------------------------------------
                Login Dark
  ----------------------------------------------------- */
  --btn-login-bg-color-hover: var(--forestblues);
  --login-input-focus-bg-color: var(--jasmine-green);
  --login-input-focus-border-color: var(--jasmine-green);
  --user-setting-logout-button-color: var(--green);
  --user-setting-logout-button-border-color: var(--sea-green);
  /* ---------------------------------------------------
                Panel Shortlisting 
  ----------------------------------------------------- */
  --question-box-background-color: var(--dark-blue);
  --question-box-border-color: var(--cerulean);
  --question-box-label-color: var(--white);
  /* ---------------------------------------------------
                Assessment Form Dark
  ----------------------------------------------------- */
  --question-container-bg-color: var(--mint-blue);
  --question-header-panel-bg-color: var(--cerulean);
  --question-header-panel-text-color: var(--white);
  --question-options-textbox-border-color: var(--input-border-color);
  --matrix-question-table-background-color: var(--mint-blue);
  --matrix-question-odd-row-background-color: var(--matrix-question-odd-row);
  --matrix-question-even-row-background-color: var(--navalnight);
  --assessment-form-preview-modal-bg-color: var(--main-bg-color);
  --question-mark-correct-color: var(--sky-mint);
  --applicationinfo-backgroud-color: var(--summerblue);
  --assessmentForm-backgroud-color: var(--main-bg-color);
  --svg-fill-color-add-widget: var(--white);
  --widget-border-color: var (--summerblue);
  --widget-pill-button: var(--cyanblue);
  --widget-pill-button-border: var(--forestblues);
  --svg-fill-color-trend-widget: var(--black);
  --sona-document-background-color: var(--stats-tile-background-pattern);
  --sona-document-background-color-hover: var(--stats-tile-background-pattern);
}

/*$page-list-search-btn-bg-color: var(--page-list-search-btn-bg-color);*/
/*--------------select Start----------------------------*/
/*--------------select End---------------------------*/
/*--------------ngx-select-dropdown start----------------------*/
/*--------------ngx-select-dropdown end----------------------*/
/*-----------------------togle-colapse----------------------*/
/*  --------------Alert-Setup--------------------*/
.centerbox {
  float: right;
  position: relative;
  z-index: 2;
  width: 100%;
  text-align: right;
}

.centerbox .main-form-container {
  float: right;
}

.home_search .search-icon {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 9;
}

app-search select {
  color: var(--white);
}

app-search select option {
  color: var(--white);
}

#homepage .centerbox .main-form-container {
  margin-right: 0px !important;
}

#homepage input.search_type.form-control {
  border-color: var(--home-job-searchType-border-color);
}

#advance-home-dashboard .dropdown-search-icon .icon {
  fill: var(--home-job-search-icon-fill-color);
}
#advance-home-dashboard .dropdown-search-icon {
  top: 9px;
}
#advance-home-dashboard .ddl_applicationfilter input {
  border-color: var(--home-job-searchby-border-color);
}
#advance-home-dashboard .view-user {
  display: flex;
  align-items: center;
  height: 44px;
  color: var(--advance-dashboard-card-header-text-color);
  font-weight: 600;
}
#advance-home-dashboard .no-dashboard-data-msg {
  text-align: center;
  white-space: pre-line;
  font-weight: 600;
  height: 30px;
  font-size: 20px;
  padding-top: 10%;
  color: var(--advance-dashboard-card-header-text-color);
}

app-search .search-icon .icon {
  width: 18px;
  height: 18px;
  fill: var(--home-job-search-icon-fill-color);
}

#homepage select#searchType.search-by.form-control {
  border-color: var(--home-job-searchby-border-color);
}

#homepage select#searchType.search-by.form-control {
  margin-bottom: 0;
}

.home_search .search-by {
  border-radius: 0;
}

app-search .btn-success {
  color: var(--home-job-search-button-font-color);
  background-color: var(--home-job-search-button-background-color);
  border-color: var(--home-job-search-button-border-color);
}

app-search .btn-success:hover {
  color: var(--home-job-search-button-font-color);
  background-color: var(--home-job-search-button-background-color);
  border-color: var(--home-job-search-button-border-color);
}

:root, [data-jt-theme=light] {
  font-size: 10px;
  /* Start Colors */
  --summerblue: #177e9c;
  --white: #fff;
  --red-orange: #ff3939;
  --american-red: #bd2130;
  --esmeralda: #3fc380;
  --forestblues: #0d3f68;
  --durotarfire: #f15a29;
  --celestial: #00637f;
  --black: #000;
  --child-of-light: #F5F8FA;
  --searedgrey: #495057;
  --jasmine-green: #3fc380;
  --whitesmoke: #f6f6f6;
  --cinder: #212529;
  --satinwhite: #ced4da;
  --blue: #177e9c;
  --lightblue: #eeeeee;
  --darkblue: #177e9c;
  --bluebutton: #177e9c;
  --orange: #f97f50;
  --green: #00b050;
  --grey: #f3f1f1;
  --lightgrey: #eeeeee;
  --cape-pond: #0091AE;
  --bright-star: #dee2e6;
  --red: #FF0000;
  --rhapsodyinblue: #002A44;
  --sagittarius-amber: #f97f50;
  --black-glaze: #000b11;
  --instant-orange: #ff8428;
  --sky-blue: #80cff0;
  --odd-row-color: #f0f9fc;
  --fastBlue: #06A1E3;
  --cerulean: #009fe3;
  --halloween-orange: #F05A28;
  --cadmium-orange: #f68029;
  --seaweed-green: #34a76d;
  --clover-green: #319e67;
  --icewind-dale: #e9ecef;
  --faded-blue: #6696BC;
  --light-steel-blue: #7196bb;
  --gainsboro: #ddd;
  --davyGrey: #5B5B5B;
  --kodama-white: #e5f6fb;
  --french-manicure: #feeae5;
  --iceberg: #ddf1f7;
  --brainstem-grey: #b5b2b2;
  --off-green: #E5F6FB;
  --blue-whale: #0F2445;
  --december-sky: #d1d4d7;
  --light-grey-black: #0000003d;
  --astronaut-blue: #085483;
  --dusty-grey: #999;
  --jinzamomi-pink: #f56954;
  --calmWaters: #f0f9fc;
  --bluish-cyane-blue: #337ab7;
  --maui-mist: #f8f9fa;
  --aqua-spring: #ecf9fa;
  --silver: #c7c7c7;
  --golden: #bfa411;
  --white-lilac: #F8F8F8;
  --pastal-grey: #D1D1D1;
  --mint-tulip: #D0EFF8;
  --davy-grey: #555;
  --cylindrical-coordinate: #ffb559;
  --platinum: #E4E4E4;
  --jagged-ice: #bfe4e8;
  --light-yellow: #fff7bb;
  --light-gray: #d3d3d3;
  --xtra-light-gray: #f3f3f3;
  --mint-blue: #022852;
  --mint-grey: #F4F4F4;
  --mint-light-blue: #d5e7f5;
  --mint-sky-blue: #0270c5;
  --matrix-light-gray: #EAEAEA;
  --bay-wharf: #76808b;
  --rusty-red: #dc3545;
  --mint: #3fc380;
  --coral: #F97F50;
  --crimson-red: #E81111;
  --blue-gray: #64A2CA;
  --sea-green: #2A8457;
  --light-slate-gray: #7C939C;
  --auro-metal-saurus: #62717F;
  --transparent: transparent;
  --marengo: #405465;
  --spanish-gray: #969696;
  --linen: #fef1dc;
  --gray-900: #111827;
  --heat-wave: #FF7B00;
  --Teal: #006b7d;
  --Dark-Slate-Gray: #004455;
  --sky-mint-dark: #0d3f68;
  --sky-mint: #7bc7d3;
  /* End Colors*/
  /* ---------------------------------------------------
                 Body
  ----------------------------------------------------- */
  --main-bg-color: var(--whitesmoke);
  --body-color: var(--cinder);
  --body-font-size: 1.2rem;
  --body-font-family: 'Montserrat', Arial;
  --font-size-primary: 1.2rem;
  --modal-header-bg-color: var(--sky-blue);
  --static-body-text-color: var(--cinder);
  /* ---------------------------------------------------
                 JT Modals Light
  ----------------------------------------------------- */
  --modal-table-text-color: var(--black);
  --modal-table-fa-icon-color: var(--forestblues);
  /* ---------------------------------------------------
                 Header
  ----------------------------------------------------- */
  --header-font-size: 1.4rem;
  --header-font-weight: 700;
  --header-color: var(--white);
  --header-active-color: var(--sagittarius-amber);
  --main-notification-alert-bg-color: var(--durotarfire);
  --user-setting-header-bg-color: var(--cape-pond);
  --user-setting-header-li-color: var(--black);
  --user-setting-bottom-text-color: var(--black);
  --user-setting-svg-color: var(--black);
  --notification-alert-header-bg-color: var(--iceberg);
  --notification-body-bg-color: var(--odd-row-color);
  --notification-body-alert-bg-color: var(--white);
  --notification-alert-text-color: var(--black);
  --notification-top-nav-icon-color: var(--cinder);
  --notification-border-color: var(--darkblue);
  --user-setting-card-header-bg-color: var(--lightgrey);
  --user-setting-card-header-border-color: var(--brainstem-grey);
  --model-border-color: #001535;
  --refine-model-clos-btn-color: var(--rusty-red);
  /* ---------------------------------------------------
                 Top navigation
  ----------------------------------------------------- */
  --top-nav-bg-color: var(--celestial) url(../img/user_profile_bg.png) repeat top left;
  --talent-sub-menu-hover-bg-color: var(--summerblue);
  --top-nav-menu-inner-distance: 20px;
  --top-nav-user-bg-color: var(--white);
  --top-nav-user-color: var(--forestblues);
  /* ---------------------------------------------------
                 Quick Links
  ----------------------------------------------------- */
  --quick-link-color: var(--cinder);
  --quick-nav-bg-color: var(--white);
  --quick-nav-color: var(--summerblue);
  --quick-nav-li-hover-bg-color: var(--summerblue);
  --quick-nav-icon-color: var(--white);
  --quick-nav-close-btn-color: var(--summerblue);
  --quick-nav-scrollbar-color: var(--forestblues);
  --mian-quick-nav-color: var(--black);
  --mian-quick-nav-hover-color: var(--white);
  --quick-nav-svg-fill-color: var(--white);
  --quick-nav-font-size: 1.2rem;
  --quick-nav-company-logo-margin-left: 85px;
  /* ---------------------------------------------------
                 Left action menu
  ----------------------------------------------------- */
  --left-menu-color: var(--cinder);
  --left-menu-bg-color: var(--white);
  --left-menu-shadow-color: var(--celestial);
  --left-menu-color: var(--summerblue);
  --left-menu-li-hover-bg-color: var(--summerblue);
  --left-menu-icon-color: var(--white);
  --left-menu-close-btn-color: var(--summerblue);
  --left-menu-scrollbar-color: var(--forestblues);
  --left-menu-nav-color: var(--black);
  --left-menu-nav-hover-color: var(--white);
  --left-menu-item-color: var(--cinder);
  --left-menu-svg-fill-color: var(--white);
  --left-menu-btn-sidebar-collapse: var(--durotarfire);
  --left-menu-li-bg-color-hover: var(--celestial);
  /* ---------------------------------------------------
               Grid Control - Light
  ----------------------------------------------------- */
  --table-header-bg-color: var(--celestial);
  --table-header-active-bg-color: var(--summerblue);
  --table-header-active-text-color: var(--white);
  --table-header-text-color: var(--white);
  --table-header-report-text-color: var(--cinder);
  --table-header-report-text-bg-color: var(--bright-star);
  --table-header-border-right-color: var(--white);
  --table-body-text-color: var(--davyGrey);
  --pagination-active-bg-color: var(--summerblue);
  --pagination-border-color: var(--summerblue);
  --pagination-color: var(--white);
  --scrollbar-bg-color: var(--forestblues);
  --search-icon-color: var(--esmeralda);
  --smart-search-filter-bg-color: var(--white);
  --smart-search-filter-radio-bg-color: var(--platinum);
  --smart-search-filter-breadcrumb-bg-color: var(--jagged-ice);
  --page-title-color: var(--forestblues);
  --table-header-color: var(--white);
  --pagination-page-link-color: var(--cinder);
  --page-list-search-btn-border-color: var(--jasmine-green);
  --job-list-more-modal-header-bg-color: var(--darkblue);
  --even-row-bg-color: var(--white);
  --odd-row-bg-color: var(--odd-row-color);
  --row-border-color-top: unset;
  --row-border-color-bottom: unset;
  --row-hover-background-color: unset;
  --row-hover-border-color-top: unset;
  --row-hover-border-color-bottom: unset;
  --page-list-search-btn-bg-color: var(--white);
  --page-list-search-icon-color: var(--jasmine-green);
  /*  --page-list-search-btn-bg-color: var(--jasmine-green);*/
  --job-list-more-note-bg-color: var(--kodama-white);
  --cross-svg-icon-fill-color: var(--black);
  --sorting-svg-fill-color: var(--durotarfire);
  --ob-hub-gery-bg-color: gray;
  --table-row-hovor-over-border-color: inset 0px 2px 0px 0px rgba(63,195,128,1), inset 0px -2px 0px 0px rgba(63,195,128,1);
  --job-list-anonymous-warning-message: var(--celestial);
  --table-checkbox-border-color: var(--light-slate-gray);
  /* ---------------------------------------------------
                Input forms
  ----------------------------------------------------- */
  --input-color: var(--searedgrey);
  --input-bg-color: var(--white);
  --input-font-weight: 400;
  --input-border-color: var(--auro-metal-saurus);
  --input-focus-border-color: var(--esmeralda);
  --input-focus-bg-color: rgba(63, 195, 128, 0.1);
  --dropdown-search-icon-color: var(--forestblues);
  --label-color: var(--black);
  --form-control-font-size: 1.4rem;
  --form-control-bg-color: var(--white);
  --form-control-color: #495057;
  --form-control-focus-color: #495057;
  --label-font-size: 1.3rem;
  --label-font-weight: 600;
  --switch-icon-bg-color: var(--red-orange);
  --switch-icon-border-color: var(--red-orange);
  --switch-checked-color: var(--esmeralda);
  --nav-tab-color: var(--durotarfire);
  --input-required-border-color: var(--durotarfire);
  --input-required-focus-color: var(--jasmine-green);
  --input-required-focus-border-color: var(--jasmine-green);
  --bulk-upload-file-link: var(--rhapsodyinblue);
  --input-readonly-bg-color: var(--icewind-dale);
  --automation-status-head-bg-color: var(--forestblues);
  --table-icon-svg-color: var(--forestblues);
  --application-template-bg-color-hover: var(--december-sky);
  --sign-bg-color: var(--white);
  --sign-border-color: var(--light-grey-black);
  --two-fa-description-text-color: darkblue;
  --nylas-email-left-card-bg-color: var(--bluish-cyane-blue);
  --nylas-email-left-card-color: var(--bluish-cyane-blue);
  --nylas-back-btn-bg-color: var(--maui-mist);
  --vonq-filter-bg-color: var(--white);
  --vonq-location-bg-color: #e1e1e1;
  --vonq-basket-card-total-bg-color: #bee5eb;
  --green-room-card-body-bg-color: #EDEDED;
  --green-room-card-footer-bg-color: #EDEDED;
  --default-approver-category-bg-color: var(--white);
  --question-icon-fill-color: var(--cerulean);
  /*--------------select Start----------------------------*/
  --select-font-size: 1.4rem;
  --select-font-color: #495057;
  --select-option-font-color: #495057;
  --select-bg-color: var(--white);
  --select-border-color: var(--auro-metal-saurus);
  --select-focus-border-color: var(--esmeralda);
  --select-focus-bg-color: rgba(63, 195, 128, 0.1);
  /*--------------select End---------------------------*/
  /*--------------ngx-select-dropdown start----------------------*/
  --ngx-select-svg-fill-color: var(--forestblues);
  --ngx-select-available-items-background-color-hover: rgba(63, 195, 128, 0.1);
  --ngx-select-available-items-container-background-color: var(--white);
  --ngx-select-available-items-border-color-hover: #00b050;
  /*--ngx-select-available-items-border-color: #ced4da;*/
  --ngx-select-available-items-border-color: unset;
  --ngx-select-border-color: rgba(0,0,0,.15);
  --ngx-select-clear-all-button-bg-color: #0d3f68;
  --ngx-select-selected-item-bg-color: #0d3f68;
  --ngx-select-selected-count-bg-color: #0d3f68;
  --ngx-select-selected-count-fount-size: 15px;
  --ngx-select-clear-all-button-border-color: #0d3f68;
  --ngx-select-available-items-color: var(--black);
  --ngx-select-clear-all-button-color: var(--white);
  --add-job-detail-tab-ngx-select-svg-fill-color: var(--forestblues);
  /*--------------ngx-select-dropdown end----------------------*/
  /*-----------------------togle-colapse start----------------------*/
  --togle-colapse-h4-bg-color: var(--cape-pond);
  --togle-colapse-form-group-row: var(--odd-row-color);
  --togle-colapse-add-job-assessment-tab-nav-tab: var(--summerblue);
  /*-----------------------togle-colapse end----------------------*/
  /* ---------------------------------------------------
                Buttons
  ----------------------------------------------------- */
  --btn-success-bg-color: var(--esmeralda);
  --btn-success-border-color: var(--esmeralda);
  --btn-close-bg-color: var(--red-orange);
  --btn-close-border-color: var(--red-orange);
  --btn-danger-hovor-bg-color: var(--american-red);
  --btn-info-bg-color: var(--summerblue);
  --btn-info-border-color: var(--summerblue);
  --btn-primary-bg-color: rgba(13,63,104,0.9);
  --btn-primary-border-color: rgba(13,63,104,0.9);
  --btn-primary-hover-bg-color: rgba(13,63,104,1);
  --btn-primary-hover-border-color: rgba(13,63,104,1);
  --btn-text-color: var(--white);
  --btn-sucess-text-color-hover: var(--white);
  --btn-sucess-bg-color-hover: var(--seaweed-green);
  --btn-sucess-border-color-hover: var(--clover-green);
  --btn-font-size-primary: 1.2rem;
  --btn-preview-bg-color: var(--instant-orange);
  --btn-assessment-chose-file: var(--cinder);
  --svg-ai-fill-color: var(--white);
  --btn-preview-bg-color-hover: var(--halloween-orange);
  --btn-preview-border-color-hover: var(--cadmium-orange);
  --btn-danger-bg-color: var(--crimson-red);
  --btn-danger-text-color: var(--white);
  --txt-danger-text-color: var(--red-orange);
  --btn-border-radious: 0px;
  --user-setting-ul-bg-color-hover: var(--french-manicure);
  /* ---------------------------------------------------
                Dashboard
  ----------------------------------------------------- */
  /*------------State Tile start----------------*/
  --full-box-stats-tile-count-color: var(--white);
  --full-box-stats-tile-status-title-color: var(--white);
  --border-box-stats-tile-count-color: var(--cinder);
  --border-box-stats-tile-status-title-color: var(--cinder);
  --stats-tile-background-pattern: #ff8428 url(../img/user_profile_bg.png) repeat top left;
  --stats-tile-background-pattern-size: 100px;
  --stats-tile-background-color: var(--black);
  --model-boarder-color: var(--black);
  --stats-tile-border-color: var(--red);
  --home-font-size-primary: 1.2rem;
  --state-tile-status-title-font-size: 1.4rem;
  --stats-tile-count-font-size: 2.2rem;
  --stats-tile-count-text-align: left;
  --stats-cards-cap-menu-svg-color: var(--durotarfire);
  --home-todo-card-header-bg-color: var(--red);
  --home-todo-card-header-color: var(--black);
  --refine-model-clos-btn-color: var(--white);
  /*--------- State Tile End-----------------*/
  --dashboard-card-bg-color: var(--white);
  --dashboard-card-hr-border-color: rgba(0,0,0,.125);
  --card-header-bg-color: var(--lightgrey);
  --card-header-color: var(--black);
  --card-bottle-neck-content: var(--white);
  --dashboard-page-bg-color: #d9eef2;
  /*-------Home-Job Search Filter start---------------*/
  --home-job-searchType-border-color: #00b050;
  --home-job-searchby-border-color: #00b050;
  --home-job-search-icon-fill-color: #3fc380;
  --home-job-search-button-background-color: #3fc380;
  --home-job-search-button-border-color: #3fc380;
  --home-job-search-button-font-color: var(--white);
  /*-------Home-Job Search Filter End---------------*/
  /*-------Advanced Dashboard Widget Section Background---------------*/
  --advance-dashboard-widget-section-bg-color: #d9eef2;
  --advance-dashboard-widget-border-color: #E0E6EB;
  --advance-dashboard-widget-shadow: 0 1px 3px rgba(0,0,0,0.08);
  --advance-dashboard-card-header-text-color: #003366;
  --advance-dashboard-widget-body-text-color: #333333;
  /*-------Advanced Dashboard Widget Section Background End---------------*/
  --todo-expired-bg: var(--red);
  --todo-remaining-bg: var(--light-yellow);
  --todo-expired-text: var(--white);
  --todo-remaining-text: var(--black);
  /* ---------------------------------------------------
                Misc
  ----------------------------------------------------- */
  --svg-fill-color: var(--white);
  --user-home-content-svg-color: var(--black);
  --svg-fill-color-list: var(--forestblues);
  --inactive-svg-fill-color: var(--black);
  --svg-fill-saved-search: grey;
  --report-builder-svg-color: #82777700;
  /* ---------------------------------------------------
                System setting
  ----------------------------------------------------- */
  --system-tiles-color: var(--forestblues);
  --system-settings-tiles-border-color: var(--summerblue);
  --system-settings-tiles-bg-color: var(--white);
  --system-settings-svg-fill-color: var(--black);
  /* ---------------------------------------------------
                Add Job
  ----------------------------------------------------- */
  --add-job-lable: var(--black);
  --add-job-text-danger: var(--rusty-red);
  --add-job-fieldset-dynamic-starter-forms-text-danger: var(--rusty-red);
  --add-job-step-menu-complete-bg-color: var(--mint);
  --add-job-step-menu-current-bg-color: var(--coral);
  --bulk-recruitment-job-lable: var(--black);
  --add-job-detail-tab-bg-color: var(--odd-row-color);
  --add-job-detail-input-border-bottom: var(--white);
  --add-job-footer-bg-color: var(--celestial) url(../img/user_profile_bg.png) repeat top left;
  --add-job-arrow-bg-color: var(--gainsboro);
  --add-job-arrow-bg-color-befor: var(--white);
  /*--add-job-post-job-advert-bg-color: var(--cinder);*/
  --add-job-post-job-advert-bg-color: var(--white);
  --add-job-more-header-color-active: var(--cinder);
  --add-job-svg-fill-color: var(--forestblues);
  --add-job-card-info-bg-color: var(--light-yellow);
  --add-job-tab-fieldset-info-bg-color: var(--white);
  --add-job-notes-svg-fill-color: var(--orange);
  --transparent-color: var(--transparent);
  --text-gray-900: var(--gray-900);
  --job-card-title-color: var(--white);
  --job-list-card-hovor-over-color: var(--heat-wave);
  --home-job-list-card-bg-color: var(--white);
  --home-job-list-card-border-color: var(--cerulean);
  --home-job-list-card-tooltip-color: var(--black);
  --home-job-list-card-background-color: linear-gradient(to bottom right, #0091ae, #006b7d);
  --home-job-list-card-hover-color: linear-gradient(to bottom right, #00b7dd, #0088aa);
  --job-stat-tile-active-color: linear-gradient(to bottom right, #00687f, #004455);
  --home-job-list-card-hover-background-color: #00b7dd;
  /* ---------------------------------------------------
                Cadidate Profile Light
  ----------------------------------------------------- */
  --reference-tab-table-color: var(--cinder);
  --cadidate-profile-svg-color: var(--black);
  --tab-header-bg-color: var(--lightgrey);
  --tab-header-color: var(--rhapsodyinblue);
  --tab-header-active-bg-color: var(--cape-pond);
  --candidate-profile-dropdown-bg-color: var(--calmWaters);
  --candidate-profile-dropdown-border-color: var(--summerblue);
  --candidate-profile-dropdown-text-color: var(--black);
  --cadidate-profile-email-color: var(--cinder);
  --cadidate-profile-filter-color: var(--cinder);
  --lable-starter-form: var(--black);
  --candidate-pipeline-nav-tab-bg-color: var(--kodama-white);
  --candidate-pipeline-nav-tab-color: var(--cinder);
  --candidate-pipeline-card-header-bg-color: var(--sky-blue);
  --candidate-pipeline-card-bdy-bg-color: var(--white);
  --candidate-pipeline-card-head-bg-color: var(--sky-blue);
  --candidate-application-header-bg-color: var(--summerblue);
  --candidate-application-header-color: var(--white);
  --candidate-application-header-bg-color-hover: var(--orange);
  --candidate-application-cv-upload-bg-color: var(--odd-row-color);
  --candidate-profile-search-filter-bg-color: var(--white);
  --candidate-profile-search-filter-text-color: var(--black);
  --candidate-profile-search-filter-button-bg-color: var(--black-glaze);
  --candidate-profile-search-filter-button-border-color: var(--black-glaze);
  --candidate-profile-search-filter-border-color: var(--jasmine-green);
  --candidate-profile-search-filter-separator-bg-color: var(--lightgrey);
  --candidate-profile-tabs-header-bg-color: var(--lightgrey);
  --candidate-profile-tabs-header-active-bg-color: var(--cape-pond);
  --candidate-profile-tabs-header-separator-bg-color: var(--orange);
  --candidate-profile-tabs-header-text-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-content-bg-color: var(--white);
  --candidate-profile-tabs-content-border-color: unset;
  --candidate-profile-tabs-section-header-bg-color: var(--cape-pond);
  --candidate-profile-section-card-bg-color: var(--white);
  --candidate-profile-section-separator-bg-color: var(--lightgrey);
  --candidate-profile-section-card-text-color: var(--cinder);
  --candidate-profile-section-table-even-cell-bg-color: var(--navalnight);
  --candidate-profile-section-table-odd-cell-bg-color: var(--odd-row-color);
  --candidate-profile-more-menu-bg-color: var(--white);
  --candiadte-profile-more-menu-item-bg-color: var(--calmWaters);
  --candiadte-profile-more-menu-item-left-shadow-color: var(--celestial);
  --candidate-profile-more-menu-item-border-color: var(--satinwhite);
  --candidate-profile-more-menu-item-color: var(--black);
  --candidate-profile-equal-opps-caption-bg-color: none;
  --candidate-profile-refiscancelled-bg-color: var(--platinum);
  --candidate-profile-sign-color: var(--platinum);
  --candidate-profile-print-application-font-size: 20px;
  --candidate-profile-promot-job-banner-icon: var(--linen);
  /* ---------------------------------------------------
                History
  ----------------------------------------------------- */
  --history-timeline-item-bg-color: var(--white);
  --history-timeline-item-time-text-color: var(--dusty-grey);
  --history-timeline-item-header-text-color: var(--davy-grey);
  --history-timeline-item-header-link-text-color: var(--black);
  --history-timeline-time-label-bg-color: var(--jinzamomi-pink);
  --history-timeline-connector-bg-color: var(--gainsboro);
  /* ---------------------------------------------------
                Cadidate Listing
  ----------------------------------------------------- */
  --candidate-listing-candidate-card-bg-color: var(--white);
  --candidate-listing-candidate-card-carousel-bg-color: var(--jasmine-green);
  --candidate-listing-pipeline-switch-svg-bg-color: var(--black);
  --letter-listing-bg-color: var(--off-green);
  --letter-listing-font-color: var(--black);
  --candidate-listing-svg-fill-color: var(--black);
  --candidate-listing-calendar-svg-fill-color: var(--forestblues);
  --svg-icon-fill-color: var(--forestblues);
  /*--candidate-listing-svg-fill-color: #2EA3D9;*/
  --candidate-listing-gas-icon-svg-fill-color: #0000ff;
  /* ---------------------------------------------------
               Security Role
  ----------------------------------------------------- */
  --security-role-hover-color: var(--black);
  /* ---------------------------------------------------
               Reports
  ----------------------------------------------------- */
  --reports-label-color: var(--black);
  --report-builder-card-icon-color: var(--black);
  --report-builder-side-filter-bg-color: #ededed;
  /* ---------------------------------------------------
               Search Job
  ----------------------------------------------------- */
  --search-jobs-filter-title-color: var(--black);
  --panel-bg-color: var(--white);
  --panel-header-bg-color: var(--summerblue);
  --search-parameters-panel-header-bg-color: var(--lightgrey);
  --search-list-header-bg-clr: var(--aqua-spring);
  --search-list-body-bg-clr: var(--white);
  --search-list-border-color: var(--silver);
  --search-list-arrow-svg-fill-color: var(--black);
  --search-filter-tage-border-color: var(--whitesmoke);
  --search-filter-tage-border-color-redeployment: var(--white);
  --search-application-and-address-book-penel-header-bg-color: var(--kodama-white);
  /* ---------------------------------------------------
               print Preview
  ----------------------------------------------------- */
  --print-preview-color: var(--black);
  --print-preview-table-header-bg-color: var(--celestial);
  --print-preview-table-header-color: var(--white);
  /* ---------------------------------------------------
                Cadidate List
  ----------------------------------------------------- */
  --candidate-list-svg-color: var(--forestblues);
  --candidate-list-Carousel-link-color: var(--cinder);
  /* ---------------------------------------------------
                Card
  ----------------------------------------------------- */
  --tab-card-bg-color: var(--white);
  /*  --------------Alert-Setup--------------------*/
  --alert-setup-table-color: var(--cinder);
  /* ---------------------------------------------------
                Ck-Editor Light
  ----------------------------------------------------- */
  --ckEditor-editor-background-color: var(--white);
  --ckEditor-editor-text-color: var(--black);
  --ckEditor-top-background-color: var(--white-lilac);
  --ckEditor-bottom-background-color: var(--white-lilac);
  --ckEditor-border-top-color: var(--pastal-grey);
  --ckEditor-border-bottom-color: var(--pastal-grey);
  --ckEditor-border-color: var(--pastal-grey);
  /* ---------------------------------------------------
                Calendar Light
  ----------------------------------------------------- */
  --calendar-search-bar-card-header-bg-color: var(--kodama-white);
  --calendar-search-bar-card-header-border-color: var(--mint-tulip);
  --report-builder-preview-icon-color: var(--summerblue);
  --rb-accordion-toggle-color: var(--report-builder-side-filter-bg-color);
  --calendar-search-cross-icon-color: var(--black);
  /* ---------------------------------------------------
                Login Light
  ----------------------------------------------------- */
  --btn-login-bg-color-hover: var(--blue-gray);
  --login-input-focus-bg-color: var(--forestblues);
  --login-input-focus-border-color: var(--btn-primary-bg-color);
  --user-setting-logout-button-color: var(--sea-green);
  --user-setting-logout-button-border-color: var(--sea-green);
  /* ---------------------------------------------------
                Panel Shortlisting 
  ----------------------------------------------------- */
  --question-box-background-color: var(--white);
  --question-box-border-color: var(--light-gray);
  --question-box-label-color: var(--black);
  /* ---------------------------------------------------
                Assessment Form Light
  ----------------------------------------------------- */
  --question-container-bg-color: var(--mint-grey);
  --question-header-panel-bg-color: var(--mint-light-blue);
  --question-header-panel-text-color: var(--mint-sky-blue);
  --question-options-textbox-border-color: var(--input-border-color);
  --matrix-question-table-background-color: var(--lightgrey);
  --matrix-question-odd-row-background-color: var(--matrix-light-gray);
  --matrix-question-even-row-background-color: var(--gainsboro);
  --assessment-form-preview-modal-bg-color: var(--white);
  --question-mark-correct-color: var(--sky-mint-dark);
  --applicationinfo-backgroud-color: var(--white);
  --assessmentForm-backgroud-color: #ededed;
  --svg-fill-color-add-widget: var(--black);
  --widget-border-color: var (--summerblue);
  --widget-pill-button: var (--cyanblue);
  --widget-pill-button-border: var(--forestblues);
  --svg-fill-color-trend-widget: #EDEDED;
  /* ---------------------------------------------------
                Notification
  ----------------------------------------------------- */
  --myTask-label-color: var(--Teal);
  --myTask-label-color-hover: var(--Dark-Slate-Gray);
  --sona-document-background-color: var(--whitesmoke);
  --sona-document-background-color-hover: var(--icewind-dale);
}

[data-jt-theme=dark] {
  --scarlet: #FF1329;
  font-size: 10px;
  /* Start Colors */
  --summerblue: #177e9c;
  --white: #fff;
  --red-orange: #ff3939;
  --american-red: #bd2130;
  --esmeralda: #3fc380;
  --forestblues: #0d3f68;
  --durotarfire: #f15a29;
  --celestial: #00637f;
  --black: #000;
  --child-of-light: #F5F8FA;
  --searedgrey: #495057;
  --jasmine-green: #3fc380;
  --whitesmoke: #f6f6f6;
  --cinder: #212529;
  --satinwhite: #ced4da; /* Satin White */
  --golden: #bfa411;
  --gheeyellow: #dbc02a;
  --blue: #177e9c;
  --lightblue: #eeeeee;
  --darkblue: #177e9c;
  --bluebutton: #177e9c;
  --orange: #f97f50;
  --green: #00b050;
  --grey: #f3f1f1;
  --lightgrey: #eeeeee;
  --crowblackblue: #0b2738;
  --navalnight: #011534;
  --rhapsodyinblue: #002A44;
  --skyblue: #E6F5FC;
  --skybluedark: #0d4f62;
  --cyanblue: #177e9c;
  --bright-star: #dee2e6;
  --squid-ink-powder: #001535;
  --model-border-color: #1e58b1;
  --sagittarius-amber: #f97f50;
  --black-glaze: #000b11;
  --sky-blue: #80cff0;
  --screamish: #36a6d8;
  --fastBlue: #06A1E3;
  --dark-gray: #4C6A7C;
  --cerulean: #009fe3;
  --halloween-orange: #F05A28;
  --cadmium-orange: #f68029;
  --seaweed-green: #34a76d;
  --clover-green: #319e67;
  --icewind-dale: #e9ecef;
  --faded-blue: #6696BC;
  --light-steel-blue: #7196bb;
  --blueWhale: #0D354D;
  --pumpkinOrange: #ff741e;
  --kodama-white: #e5f6fb;
  --astronaut-blue: #085483;
  --dusty-grey: #999;
  --calmWaters: #f0f9fc;
  --cylindrical-coordinate: #ff741e;
  --platinum: #191f29;
  --blue-dianne: #174561;
  --glacier: #8baebd;
  --davy-grey: #4D565B;
  --lemon: #f6f900;
  --scarlet: #FF1329;
  --salem: #108147;
  --ruddybrown: #C35429;
  --ball-blue: #2ea3d9;
  --light-slate-gray: #7C939C;
  --blue-yonder: #4f79a5;
  --dark-blue: #1f3351;
  --mint-blue: #022852;
  --mint-grey: #F4F4F4;
  --mint-light-blue: #d5e7f5;
  --mint-sky-blue: #0270c5;
  --matrix-question-odd-row: #0d3b6e;
  --navy-blue: #153856;
  --linen: #fef1dc;
  --gray-900: #111827;
  --heat-wave: #FF7B00;
  --marengo: #405465;
  --spanish-gray: #969696;
  --marengo: #405465;
  --spanish-gray: #969696;
  --sky-mint-dark: #2ea3d9;
  /* End Colors*/
  /* ---------------------------------------------------
                 Body Dark
  ----------------------------------------------------- */
  --main-bg-color: var(--navalnight);
  --body-color: var(--white);
  --body-font-size: 1.2rem;
  --body-font-family: 'Montserrat', Arial;
  --font-size-primary: 1.2rem;
  --modal-header-bg-color: var(--forestblues);
  --static-body-text-color: var(--cinder);
  /* ---------------------------------------------------
                 JT Modals Dark
  ----------------------------------------------------- */
  --modal-table-text-color: var(--white);
  --modal-table-fa-icon-color: var(--white);
  /* ---------------------------------------------------
                 Header Dark
  ----------------------------------------------------- */
  --header-font-size: 1.4rem;
  --header-font-weight: 700;
  --header-color: var(--white);
  --header-active-color: var(--cerulean);
  /*--header-active-color: none;*/
  --main-notification-alert-bg-color: var(--durotarfire);
  --user-setting-header-bg-color: var(--navalnight);
  --user-setting-header-li-color: var(--white);
  --user-setting-bottom-text-color: var(--white);
  --user-setting-svg-color: var(--white);
  --notification-alert-header-bg-color: var(--rhapsodyinblue);
  --notification-body-bg-color: var(--rhapsodyinblue);
  --notification-body-alert-bg-color: var(--navalnight);
  --notification-alert-text-color: var(--white);
  --notification-top-nav-icon-color: var(--white);
  --notification-border-color: var(--cerulean);
  --user-setting-card-header-bg-color: var(--cerulean);
  --user-setting-card-header-border-color: var(--cerulean);
  /* ---------------------------------------------------
                 Top navigation Dark
  ----------------------------------------------------- */
  --top-nav-bg-color: var(--navalnight);
  --talent-sub-menu-hover-bg-color: var(--navalnight);
  --top-nav-menu-inner-distance: 20px;
  --top-nav-user-bg-color: var(--halloween-orange);
  --top-nav-user-color: var(--white);
  /* ---------------------------------------------------
                 Quick Links Dark
  ----------------------------------------------------- */
  --quick-link-color: var(--cerulean);
  --quick-nav-bg-color: var(--navalnight);
  --quick-nav-color: var(--navalnight);
  --quick-nav-li-hover-bg-color: var(--navalnight);
  --quick-nav-icon-color: var(--white);
  --quick-nav-close-btn-color: var(--white);
  --quick-nav-scrollbar-color: var(--cerulean);
  --mian-quick-nav-color: var(--white);
  --mian-quick-nav-hover-color: var(--cerulean);
  --quick-nav-svg-fill-color: var(--cyanblue);
  --quick-nav-font-size: 1.2rem;
  --quick-nav-company-logo-margin-left: 58px;
  /* ---------------------------------------------------
                 Left action menu Dark
  ----------------------------------------------------- */
  --left-menu-bg-color: radial-gradient(circle at top left, #1F4F83, #022A44 60% );
  --left-menu-shadow-color: var(--left-menu-bg-color);
  --left-menu-li-hover-bg-color: var(--navalnight);
  --left-menu-icon-color: var(--white);
  --left-menu-close-btn-color: var(--navalnight);
  --left-menu-scrollbar-color: var(--navalnight);
  --left-menu-nav-color: var(--black);
  --left-menu-nav-hover-color: var(--white);
  --left-menu-item-color: var(--white);
  --left-menu-svg-fill-color: var(--white);
  --left-menu-btn-sidebar-collapse: unset;
  --left-menu-li-bg-color-hover: var(--navalnight);
  /* ---------------------------------------------------
                List pages Dark
  ----------------------------------------------------- */
  --table-header-bg-color: var(--rhapsodyinblue);
  --table-header-active-bg-color: var(--rhapsodyinblue);
  --table-header-active-text-color: var(--fastBlue);
  --table-header-text-color: var(--light-steel-blue);
  --table-header-report-text-bg-color: var(--rhapsodyinblue);
  --table-header-report-text-color: var(--light-steel-blue);
  --table-header-border-right-color: var(--rhapsodyinblue);
  --table-body-text-color: var(--white);
  --pagination-active-bg-color: var(--navalnight);
  --pagination-border-color: var(--skyblue);
  --pagination-color: var(--pumpkinOrange);
  --scrollbar-bg-color: var(--fastBlue);
  --search-icon-color: var(--esmeralda);
  --smart-search-filter-bg-color: var(--blue-dianne);
  --smart-search-filter-radio-bg-color: var(--navalnight);
  --smart-search-filter-breadcrumb-bg-color: rgba(13,63,104,0.9);
  --page-title-color: var(--white);
  --table-header-color: var(--rhapsodyinblue);
  --pagination-page-link-color: var(--white);
  --page-list-search-btn-border-color: var(--input-border-color);
  --job-list-more-modal-header-bg-color: var(--forestblues);
  --even-row-bg-color: var(--rhapsodyinblue);
  --odd-row-bg-color: var(--rhapsodyinblue);
  --row-border-color-top: var(--blueWhale);
  --row-border-color-bottom: unset;
  --row-hover-background-color: var(--navalnight);
  --row-hover-border-color-top: var(--screamish);
  --row-hover-border-color-bottom: var(--screamish);
  --page-list-search-btn-bg-color: var(--cerulean);
  --page-list-search-icon-color: var(--white);
  /*  --page-list-search-btn-bg-color: var(--cerulean);*/
  --job-list-more-note-bg-color: var(--main-bg-color);
  --cross-svg-icon-fill-color: var(--orange);
  --sorting-svg-fill-color: var(--cyanblue);
  --ob-hub-gery-bg-color: #68afbf;
  --table-row-hovor-over-border-color: inset 0 2px 0 0 var(--row-hover-border-color-top), inset 0 -2px 0 0 var(--row-hover-border-color-bottom);
  --job-list-anonymous-warning-message: var(--gheeyellow);
  --table-checkbox-border-color: var(--light-slate-gray);
  /* ---------------------------------------------------
                Input forms Dark
  ----------------------------------------------------- */
  --input-color: var(--white);
  --input-bg-color: inhirit;
  --input-font-weight: 400;
  --input-border-color: #466376;
  --input-focus-border-color: var(--esmeralda);
  --input-focus-bg-color: inhirit;
  --form-control-bg-color: inhirit;
  /*--form-control-color: #495057;*/
  --form-control-color: var(--white);
  --form-control-focus-color: var(--white);
  --dropdown-search-icon-color: var(--forestblues);
  --label-color: var(--white);
  --form-control-font-size: 1.4rem;
  --label-font-size: 1.3rem;
  --label-font-weight: 600;
  --switch-icon-bg-color: var(--red-orange);
  --switch-icon-border-color: var(--red-orange);
  --switch-checked-color: var(--blue);
  --nav-tab-color: var(--durotarfire);
  --input-required-border-color: var(--durotarfire);
  --input-required-focus-color: var(--jasmine-green);
  --input-required-focus-border-color: var(--jasmine-green);
  --bulk-upload-file-link: var(--white);
  --input-readonly-bg-color: var(--davy-grey);
  --automation-status-head-bg-color: var(--cerulean);
  --table-icon-svg-color: var(--cerulean);
  --application-template-bg-color-hover: var(--cerulean);
  --sign-bg-color: var(--navalnight);
  --sign-border-color: var(--cerulean);
  --two-fa-description-text-color: var(--cerulean);
  --nylas-email-left-card-bg-color: var(--cerulean);
  --nylas-email-left-card-color: var(--white);
  --nylas-back-btn-bg-color: var(--cerulean);
  --vonq-filter-bg-color: var(--blue-whale);
  --vonq-location-bg-color: var(--cerulean);
  --vonq-basket-card-total-bg-color: var(--cerulean);
  --green-room-card-body-bg-color: var(--navalnight);
  --green-room-card-footer-bg-color: var(--cerulean);
  --default-approver-category-bg-color: var(--cerulean);
  --question-icon-fill-color: var(--cerulean);
  /*--------------select Start----------------------------*/
  --select-font-size: 1.4rem;
  --select-font-color: var(--white);
  --select-option-font-color: #495057;
  --select-bg-color: var(--navalnight);
  --select-border-color: #466376;
  --select-focus-border-color: var(--esmeralda);
  --select-focus-bg-color: inhirit;
  /*--------------select End---------------------------*/
  /*--------------ngx-select-dropdown  Dark start----------------------*/
  --ngx-select-svg-fill-color: #F05A28;
  --ngx-select-available-items-background-color-hover: var(--rhapsodyinblue);
  --ngx-select-available-items-container-background-color: var(--navalnight);
  --ngx-select-available-items-border-color-hover: var(--rhapsodyinblue);
  --ngx-select-available-items-border-color: unset;
  --ngx-select-border-color: #466376;
  --ngx-select-available-items-color: var(--glacier);
  --ngx-select-clear-all-button-bg-color: #0d3f68;
  --ngx-select-selected-item-bg-color: #0d3f68;
  --ngx-select-selected-count-bg-color: #0d3f68;
  --ngx-select-selected-count-fount-size: 15px;
  --ngx-select-clear-all-button-border-color: #0d3f68;
  --ngx-select-clear-all-button-color: var(--white);
  --add-job-detail-tab-ngx-select-svg-fill-color: var(--faded-blue);
  /*--------------ngx-select-dropdown end----------------------*/
  /*-----------------------togle-colapse  Dark start----------------------*/
  --togle-colapse-h4-bg-color: var(--cerulean);
  --togle-colapse-form-group-row: unset;
  --togle-colapse-add-job-assessment-tab-nav-tab: var(--cerulean);
  /*-----------------------togle-colapse end----------------------*/
  /* ---------------------------------------------------
                Buttons Dark
  ----------------------------------------------------- */
  --btn-success-bg-color: var(--salem);
  --btn-success-border-color: var(--salem);
  --btn-close-bg-color: var(--red-orange);
  --btn-close-border-color: var(--red-orange);
  --btn-danger-hovor-bg-color: var(--american-red);
  --btn-info-bg-color: var(--rhapsodyinblue);
  --btn-info-border-color: var(--summerblue);
  --btn-primary-bg-color: rgba(13,63,104,0.9);
  --btn-primary-border-color: rgba(13,63,104,0.9);
  --btn-primary-hover-bg-color: var(--forestblues);
  --btn-primary-hover-border-color: rgba(13,63,104,1);
  --btn-text-color: var(--white);
  --btn-sucess-text-color-hover: var(--white);
  --btn-sucess-bg-color-hover: var(--salem);
  --btn-sucess-border-color-hover: var(--salem);
  --btn-font-size-primary: 1.2rem;
  --btn-preview-bg-color: var(--instant-orange);
  --btn-assessment-chose-file: var(--white);
  --svg-ai-fill-color: var(#002a45);
  --btn-preview-bg-color-hover: var(--halloween-orange);
  --btn-preview-border-color-hover: var(--cadmium-orange);
  --btn-danger-bg-color: var(--scarlet);
  --btn-danger-text-color: var(--white);
  --btn-border-radious: 0px;
  --user-setting-ul-bg-color-hover: var(--rhapsodyinblue);
  /* ---------------------------------------------------
                Dashboard Dark
  ----------------------------------------------------- */
  /*------------ State Tile  Dark start----------------*/
  --full-box-stats-tile-count-color: #ff741e;
  --full-box-stats-tile-status-title-color: var(--white);
  --border-box-stats-tile-count-color: #ff741e;
  --border-box-stats-tile-status-title-color: var(--white);
  --stats-tile-background-pattern: linear-gradient(184deg, rgba(1,21,52,1) 24%, rgba(14,32,60,1) 33%, rgba(14,68,140,1) 100%);
  --stats-tile-background-pattern-size: unset;
  --stats-tile-background-color: var(--squid-ink-powder);
  --model-boarder-color: var(--model-border-color);
  --stats-tile-border-color: var(--cerulean);
  --home-font-size-primary: 1.2rem;
  --state-tile-status-title-font-size: 1.4rem;
  --stats-tile-count-font-size: 4rem;
  --stats-tile-count-text-align: center;
  --stats-cards-cap-menu-svg-color: var(--cyanblue);
  --home-todo-card-header-bg-color: var(--navalnight);
  --home-todo-card-header-color: var(--black);
  /*--------- State Tile End-----------------*/
  --dashboard-card-bg-color: #011534;
  --dashboard-card-hr-border-color: #466376;
  --card-header-bg-color: var(--navalnight);
  --card-header-color: var(--white);
  --card-bottle-neck-content: var(--white);
  --dashboard-page-bg-color: var(--rhapsodyinblue);
  /*-------Home-Job Search Filter Dark start---------------*/
  --home-job-searchType-border-color: #466376;
  --home-job-searchby-border-color: #466376;
  --home-job-search-icon-fill-color: #E55A34;
  --home-job-search-button-background-color: #E55A34;
  --home-job-search-button-border-color: #E55A34;
  --home-job-search-button-font-color: var(--white);
  /*-------Home-Job Search Filter Dark End---------------*/
  /*-------Advanced Dashboard Widget Section Background Dark---------------*/
  --advance-dashboard-widget-section-bg-color: var(--rhapsodyinblue);
  --advance-dashboard-widget-border-color: #466376;
  --advance-dashboard-widget-shadow: 0 1px 3px rgba(0,0,0,0.15);
  --advance-dashboard-card-header-text-color: var(--white);
  --advance-dashboard-widget-body-text-color: #cccccc;
  /*-------Advanced Dashboard Widget Section Background Dark End---------------*/
  /*--------- Todo List -----------------*/
  --todo-expired-bg: var(--red);
  --todo-remaining-bg: var(--light-yellow);
  --todo-expired-text: var(--white);
  --todo-remaining-text: var(--black);
  /* ---------------------------------------------------
                Misc Dark
  ----------------------------------------------------- */
  --svg-fill-color: var(--cyanblue);
  --user-home-content-svg-color: var(--white);
  --svg-fill-color-list: var(--cyanblue);
  --inactive-svg-fill-color: var(--white);
  --svg-fill-saved-search: var(--cyanblue);
  --report-builder-svg-color: var(--white);
  /* ---------------------------------------------------
                System setting Dark
  ----------------------------------------------------- */
  --system-tiles-color: var(--white);
  --system-settings-tiles-border-color: var(--white);
  --system-settings-tiles-bg-color: var(--rhapsodyinblue);
  --system-settings-svg-fill-color: var(--white);
  /* ---------------------------------------------------
                Add Job Dark
  ----------------------------------------------------- */
  --add-job-lable: var(--faded-blue);
  --add-job-text-danger: var(--lemon);
  --add-job-fieldset-dynamic-starter-forms-text-danger: var(--scarlet);
  --add-job-step-menu-complete-bg-color: var(--salem);
  --add-job-step-menu-current-bg-color: var(--ruddybrown);
  --bulk-recruitment-job-lable: var(--white);
  --add-job-detail-tab-bg-color: var(--navalnight);
  --add-job-detail-input-border-bottom: none;
  --add-job-footer-bg-color: var(--rhapsodyinblue);
  --add-job-arrow-bg-color: var(--blue-yonder);
  --add-job-arrow-bg-color-befor: var(--rhapsodyinblue);
  --add-job-post-job-advert-bg-color: var(--navalnight);
  --add-job-more-header-color-active: var(--durotarfire);
  --add-job-svg-fill-color: var(--cerulean);
  --add-job-card-info-bg-color: var(--navalnight);
  --add-job-tab-fieldset-info-bg-color: var(--navalnight);
  --add-job-notes-svg-fill-color: var(--orange);
  --transparent-color: var(--navalnight);
  --text-gray-900: var(--heat-wave);
  --job-card-title-color: #fb923c;
  --job-list-card-hovor-over-color: var(--heat-wave);
  --home-job-list-card-bg-color: var(--stats-tile-background-pattern);
  --home-job-list-card-border-color: var(--heat-wave);
  --home-job-list-card-tooltip-color: var(--heat-wave);
  --home-job-list-card-background-color: var(--stats-tile-background-pattern);
  --home-job-list-card-hover-color: linear-gradient(#00263a, #158bbf);
  --job-stat-tile-active-color: #009fe3;
  --home-job-list-card-hover-background-color: #00263a;
  /* ---------------------------------------------------
                Cadidate Profile Dark
  ----------------------------------------------------- */
  --reference-tab-table-color: var(--white);
  --cadidate-profile-svg-color: var(--cyanblue);
  --tab-header-bg-color: var(--skyblue);
  --tab-header-color: var(--rhapsodyinblue);
  --tab-header-active-bg-color: var(--rhapsodyinblue);
  --candidate-profile-dropdown-bg-color: var(--navalnight);
  --candidate-profile-dropdown-border-color: var(--cerulean);
  --candidate-profile-dropdown-text-color: var(--white);
  --cadidate-profile-email-color: var(--white);
  --cadidate-profile-filter-color: var(--white);
  --lable-starter-form: var(--white);
  --candidate-pipeline-nav-tab-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-nav-tab-color: var(--white);
  --candidate-pipeline-card-header-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-card-bdy-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-card-head-bg-color: var(--cerulean);
  --candidate-application-header-bg-color: var(--cerulean);
  --candidate-application-header-color: var(--white);
  --candidate-application-header-bg-color-hover: var(--orange);
  --candidate-application-cv-upload-bg-color: var(--navalnight);
  --candidate-profile-search-filter-bg-color: var(--rhapsodyinblue);
  --candidate-profile-search-filter-text-color: var(--white);
  --candidate-profile-search-filter-button-bg-color: var(--astronaut-blue);
  --candidate-profile-search-filter-button-border-color: var(--cerulean);
  --candidate-profile-search-filter-border-color: var(--cerulean);
  --candidate-profile-search-filter-separator-bg-color: var(--cerulean);
  --candidate-profile-tabs-header-bg-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-header-active-bg-color: var(--astronaut-blue);
  --candidate-profile-tabs-header-separator-bg-color: var(--cerulean);
  --candidate-profile-tabs-header-text-color: var(--light-steel-blue);
  --candidate-profile-tabs-content-bg-color: var(--navalnight);
  --candidate-profile-tabs-content-border-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-section-header-bg-color: var(--cerulean);
  --candidate-profile-section-separator-bg-color: var(--cerulean);
  --candidate-profile-section-card-bg-color: var(--rhapsodyinblue);
  --candidate-profile-section-card-text-color: var(--white);
  --candidate-profile-section-table-even-cell-bg-color: var(--navalnight);
  --candidate-profile-section-table-odd-cell-bg-color: var(--navalnight);
  --candidate-profile-more-menu-bg-color: var(--left-menu-bg-color);
  --candiadte-profile-more-menu-item-bg-color: unset;
  --candiadte-profile-more-menu-item-left-shadow-color: var(--cerulean);
  --candidate-profile-more-menu-item-border-color: var(--cerulean);
  --candidate-profile-more-menu-item-color: var(--white);
  --candidate-profile-equal-opps-caption-bg-color: transparent;
  --candidate-profile-sign-color: invert(1);
  --candidate-profile-print-application-font-size: 20px;
  --candidate-profile-promot-job-banner-icon: var(--linen);
  /* ---------------------------------------------------
                History Dark
  ----------------------------------------------------- */
  --history-timeline-item-bg-color: var(--rhapsodyinblue);
  --history-timeline-item-time-text-color: var(--white);
  --history-timeline-item-header-text-color: var(--white);
  --history-timeline-item-header-link-text-color: var(--cerulean);
  --history-timeline-time-label-bg-color: var(--astronaut-blue);
  --history-timeline-connector-bg-color: var(--astronaut-blue);
  /* ---------------------------------------------------
                Cadidate Listing Dark
  ----------------------------------------------------- */
  --candidate-listing-candidate-card-bg-color: var(--rhapsodyinblue);
  --candidate-listing-candidate-card-carousel-bg-color: var(--jasmine-green);
  --candidate-listing-pipeline-switch-svg-bg-color: var(--white);
  --letter-listing-bg-color: var(--dashboard-card-bg-color);
  --letter-listing-font-color: var(--white);
  --candidate-listing-svg-fill-color: var(--white);
  --candidate-listing-calendar-svg-fill-color: var(--white);
  --svg-icon-fill-color: var(--white);
  --candidate-listing-gas-icon-svg-fill-color: #66B2FF;
  /* ---------------------------------------------------
               Security Role Dark
  ----------------------------------------------------- */
  --security-role-hover-color: var(--black);
  /* ---------------------------------------------------
               Reports Dark
  ----------------------------------------------------- */
  --reports-label-color: var(--white);
  --report-builder-card-icon-color: var(--white);
  --report-builder-side-filter-bg-color: var(--navalnight);
  /* ---------------------------------------------------
               Search Job Dark
  ----------------------------------------------------- */
  --search-jobs-filter-title-color: var(--white);
  --panel-bg-color: var(--blue-whale);
  --panel-header-bg-color: var(--navalnight);
  --search-parameters-panel-header-bg-color: var(--blue-whale);
  --search-list-header-bg-clr: var(--blue-whale);
  --search-list-body-bg-clr: var(--rhapsodyinblue);
  --search-list-border-color: var(--cerulean);
  --search-list-arrow-svg-fill-color: var(--cerulean);
  --search-filter-tage-border-color: var(--navalnight);
  --search-filter-tage-border-color-redeployment: var(--navalnight);
  --search-application-and-address-book-penel-header-bg-color: var(--blue-whale);
  /* ---------------------------------------------------
               print Preview Dark
  ----------------------------------------------------- */
  --print-preview-color: var(--white);
  /*--print-preview-color: var(--black);*/
  --print-preview-table-header-bg-color: var(--cerulean);
  --print-preview-table-header-color: var(--white);
  /* ---------------------------------------------------
                Cadidate List Dark
  ----------------------------------------------------- */
  --candidate-list-svg-color: var(--cyanblue);
  --candidate-list-Carousel-link-color: var(--white);
  /* ---------------------------------------------------
                Card Dark
  ----------------------------------------------------- */
  --tab-card-bg-color: var(--rhapsodyinblue);
  /*  --------------Alert-Setup Dark--------------------*/
  --alert-setup-table-color: var(--white);
  /* ---------------------------------------------------
                Ck-Editor Dark
  ----------------------------------------------------- */
  --ckEditor-editor-background-color: var(--navalnight);
  --ckEditor-editor-text-color: var(--white);
  --ckEditor-top-background-color: var(--cerulean);
  --ckEditor-bottom-background-color: var(--cerulean);
  --ckEditor-border-top-color: var(--cerulean);
  --ckEditor-border-bottom-color: var(--cerulean);
  --ckEditor-border-color: var(--cerulean);
  /* ---------------------------------------------------
                Calendar Dark
  ----------------------------------------------------- */
  --calendar-search-bar-card-header-bg-color: var(--blue-whale);
  --calendar-search-bar-card-header-border-color: var(--cerulean);
  --report-builder-preview-icon-color: var(--white);
  --rb-accordion-toggle-color: var(--cerulean);
  --txt-danger-text-color: var(--scarlet);
  --calendar-search-cross-icon-color: var(--ball-blue);
  /* ---------------------------------------------------
                Login Dark
  ----------------------------------------------------- */
  --btn-login-bg-color-hover: var(--forestblues);
  --login-input-focus-bg-color: var(--jasmine-green);
  --login-input-focus-border-color: var(--jasmine-green);
  --user-setting-logout-button-color: var(--green);
  --user-setting-logout-button-border-color: var(--sea-green);
  /* ---------------------------------------------------
                Panel Shortlisting 
  ----------------------------------------------------- */
  --question-box-background-color: var(--dark-blue);
  --question-box-border-color: var(--cerulean);
  --question-box-label-color: var(--white);
  /* ---------------------------------------------------
                Assessment Form Dark
  ----------------------------------------------------- */
  --question-container-bg-color: var(--mint-blue);
  --question-header-panel-bg-color: var(--cerulean);
  --question-header-panel-text-color: var(--white);
  --question-options-textbox-border-color: var(--input-border-color);
  --matrix-question-table-background-color: var(--mint-blue);
  --matrix-question-odd-row-background-color: var(--matrix-question-odd-row);
  --matrix-question-even-row-background-color: var(--navalnight);
  --assessment-form-preview-modal-bg-color: var(--main-bg-color);
  --question-mark-correct-color: var(--sky-mint);
  --applicationinfo-backgroud-color: var(--summerblue);
  --assessmentForm-backgroud-color: var(--main-bg-color);
  --svg-fill-color-add-widget: var(--white);
  --widget-border-color: var (--summerblue);
  --widget-pill-button: var(--cyanblue);
  --widget-pill-button-border: var(--forestblues);
  --svg-fill-color-trend-widget: var(--black);
  --sona-document-background-color: var(--stats-tile-background-pattern);
  --sona-document-background-color-hover: var(--stats-tile-background-pattern);
}

/*$page-list-search-btn-bg-color: var(--page-list-search-btn-bg-color);*/
/*--------------select Start----------------------------*/
/*--------------select End---------------------------*/
/*--------------ngx-select-dropdown start----------------------*/
/*--------------ngx-select-dropdown end----------------------*/
/*-----------------------togle-colapse----------------------*/
/*  --------------Alert-Setup--------------------*/
a.page-link.disabled {
  cursor: not-allowed;
  background-color: #e9ecef;
  border-color: var(--select-border-color) !important;
}

.pagination .page-link {
  border-color: var(--select-border-color) !important;
}

th.sort {
  cursor: pointer;
}

table.grid-control tr {
  cursor: pointer;
}

.user_home_content ul li {
  float: none;
  width: 100%;
}

.page-heading {
  margin: 0px !important;
  width: 100%;
}

.aligntoend {
  text-align: right !important;
}

.table-wrapper {
  width: 100%;
  overflow: auto;
  -webkit-box-shadow: inset 50px 0px 0px 0px #f8f9fa;
  -moz-box-shadow: inset 50px 0px 0px 0px #f8f9fa;
  box-shadow: inset 50px 0px 0px 0px #f8f9fa;
}

.table-wrapper::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.table-wrapper::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #e9ecef;
}

.table-wrapper::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}

.table {
  display: table;
  width: 100%;
  border-collapse: separate;
}

.table .fa {
  color: #0d3f68;
  cursor: pointer;
}

.table .fa:hover {
  color: rgb(255, 132, 40);
}

.table_row {
  display: table-row;
}

/*.table_row:nth-of-type(odd), .table_row:nth-of-type(odd) div.table_cell_container {
  background-color: rgba(0,0,0,.05);
}*/
.table_row:hover {
  -webkit-box-shadow: var(--table-row-hovor-over-border-color);
  -moz-box-shadow: var(--table-row-hovor-over-border-color);
  box-shadow: var(--table-row-hovor-over-border-color);
  background-color: #ebf9f2 !important;
}

.theader {
  display: table-row;
  background: #177e9c;
  color: #fff;
  vertical-align: top;
  font-weight: 700;
  z-index: 1;
  /*  position: sticky;*/
  top: 0;
}

.table_header {
  display: table-cell;
  padding: 0.75rem;
  white-space: nowrap;
  border-right: 2px solid var(--table-header-border-right-color);
  background: var(--table-header-color);
  color: var(--table-header-text-color);
  z-index: 1;
  position: sticky !important;
  top: 0;
}

.table_header:last-child {
  border-right: none;
}

.table_header .fa {
  color: #9f9fa9;
}

.table_cell_container {
  display: table-cell;
}

.table_row > .table_cell_container > .table_cell:nth-child(odd) {
  display: none;
  background: #177e9c;
  color: #fff;
  padding: 0.75rem;
  background: #177e9c;
  color: #fff;
  vertical-align: top;
  font-weight: 700;
}

.table_row > .table_cell_container > .table_cell {
  color: var(--table-body-text-color);
  padding: 0.75rem;
  vertical-align: top;
  /*cursor: pointer;*/
}

.table_row > .table_cell_container > .table_cell a {
  color: var(--table-body-text-color);
}

.table_cell_container {
  color: var(--table-body-text-color);
}

[data-editlink]:not([data-editlink=""]) > .table_cell_container > .table_cell {
  cursor: pointer;
}

/*.custom-control-label {
  right: 15px;
}*/
.select_all_small {
  display: none;
}

app-dataview .dropdown-menu {
  display: block !important;
}

@media screen and (max-width: 812px) {
  .table {
    display: block;
  }
  .theader {
    display: none;
  }
  .table_row > .table_cell_container > .table_cell:nth-child(odd) {
    display: table-cell;
    width: 30%;
    text-align: right;
    position: relative;
  }
  .table_cell {
    display: table-cell;
    width: 70%;
    border-bottom: 1px solid;
  }
  .table_row {
    display: table;
    width: 100%;
    border-collapse: separate;
    margin: 0 auto 10px;
  }
  .table_cell_container {
    display: table-row;
  }
  .sort, .cap_menu {
    display: none;
  }
  .custom-control-label {
    right: 0px !important;
  }
  .select_all_small {
    display: block;
  }
  span.circle {
    height: 25px;
    width: 25px;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
    border-color: red;
    color: white;
    font-weight: bold;
    text-align: center;
    margin: 2px 5px;
    padding: 3px 8px;
  }
  /*.select_all_small .custom-control-label {
      right: 15px !important;
    }*/
  .table_cell.theader_small.cell_data_selector .custom-control-label {
    right: 30px !important;
  }
}
section.page-heading.col-md-12[showtitle=false] {
  margin-bottom: 7px;
}

/*FDM Allocation Rule CSS*/
.table_row.tl-red {
  background-color: #ecbdbc !important;
}

.table_row.tl-blue {
  background-color: #bfe9f5 !important;
}

.table_row.tl-amber {
  background-color: #efc26d !important;
}

/* END */
/*Job Listing colors*/
.table_row.tl-pink {
  background-color: #f7c5c5 !important;
}

.table_row.tl-green {
  background-color: #32CD32 !important;
}

.pagination a {
  cursor: pointer;
}

.table_row:nth-of-type(even):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber):not(.tl-blue), .table_row:nth-of-type(even):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber):not(.tl-blue) div.table_cell_container {
  background-color: var(--even-row-bg-color);
  /*  background-color: var(--even-row-bg-color) !important;*/
}

.table-striped tbody tr:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber), .table_row:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber):not(.tl-blue), .table_row:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber):not(.tl-blue) div.table_cell_container {
  background-color: var(--odd-row-bg-color);
  /* background-color: var(--odd-row-bg-color) !important;*/
}

.table_cell_container {
  border-top: 1px solid var(--row-border-color-top);
}

.table_row:hover div.table_cell_container {
  box-shadow: inset 0 2px 0 0 var(--row-hover-border-color-top), inset 0 -2px 0 0 var(--row-hover-border-color-bottom);
  background-color: var(--row-hover-background-color) !important;
  border-top: none;
}

.table-container::-webkit-scrollbar-thumb {
  background: var(--scrollbar-bg-color);
  border-right: 1px solid white;
  border-radius: 15pt;
}

/* END */
app-mystarter-list .table_cell app-svg-icon svg#Cross {
  fill: var(--cross-svg-icon-fill-color);
}

.cap_menu_icon, .sort svg, .cap_menu_icon svg {
  fill: var(--sorting-svg-fill-color);
}

/*Kebab Menu Filter*/
.ngx-dropdown-container {
  width: 100%;
  position: relative;
}
.ngx-dropdown-container button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.42857143;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: var(--ngx-select-available-items-color);
  background-color: #fff;
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.ngx-dropdown-container button span {
  vertical-align: middle;
  float: left;
}
.ngx-dropdown-container button .nsdicon-angle-down {
  position: relative;
  font-size: large;
  float: right;
}
.ngx-dropdown-container .ngx-dropdown-button {
  width: 100%;
  min-height: 30px;
  padding: 5px 10px 5px 10px;
  background-color: white;
}
.ngx-dropdown-container .ngx-dropdown-list-container {
  box-sizing: border-box;
  border: 1px solid var(--ngx-select-border-color);
  border-radius: 4px;
  padding-left: 10px;
  padding-right: 10px;
  z-index: 999;
  width: 100%;
  background-clip: padding-box;
  background: var(--ngx-select-available-items-container-background-color);
  position: absolute;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.21);
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.21);
  overflow-y: auto;
}
.ngx-dropdown-container .ngx-dropdown-list-container .search-container {
  position: relative;
  padding-top: 10px;
  margin-top: 5px;
}
.ngx-dropdown-container .ngx-dropdown-list-container .search-container input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #9e9e9e;
  border-radius: 0;
  outline: none;
  height: 2rem;
  width: 100%;
  font-size: 13px;
  margin: 0;
  padding: 0;
  box-shadow: none;
  box-sizing: content-box;
  transition: all 0.3s;
  color: var(--input-color);
}
.ngx-dropdown-container .ngx-dropdown-list-container .search-container input:focus {
  border-bottom: 1px solid #26a69a;
}
.ngx-dropdown-container .ngx-dropdown-list-container .search-container input:focus + label {
  transform: translateY(-2px) scale(0.8);
  transform-origin: 0 0;
}
.ngx-dropdown-container .ngx-dropdown-list-container .search-container label {
  color: #9e9e9e;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  font-size: 1rem;
  cursor: text;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  text-align: initial;
  transform: translateY(12px);
  pointer-events: none;
}
.ngx-dropdown-container .ngx-dropdown-list-container .search-container label.active {
  transform: translateY(-2px) scale(0.8);
  transform-origin: 0 0;
}
.ngx-dropdown-container .ngx-dropdown-list-container ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  list-style-type: none;
  padding-left: 0px;
}
.ngx-dropdown-container .ngx-dropdown-list-container ul.selected-items li {
  background-color: var(--ngx-select-selected-item-bg-color);
  color: var(--ngx-select-clear-all-button-color);
  margin-bottom: 2px;
}
.ngx-dropdown-container .ngx-dropdown-list-container ul.available-items li.active {
  background-color: #337ab7;
  color: white;
}
.ngx-dropdown-container .ngx-dropdown-list-container ul li {
  font-size: inherit;
  cursor: pointer;
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: var(--ngx-select-available-items-color);
  float: none;
  width: 100% !important;
  white-space: normal;
}
.ngx-dropdown-container .disabled {
  pointer-events: none;
  background-color: #e9ecef;
  opacity: 1;
  cursor: no-drop;
}

.clear-all {
  float: right;
  padding: 5px;
  text-decoration: none;
  text-align: center;
}

.clear-all .btn-primary {
  color: var(--ngx-select-clear-all-button-color);
  background-color: var(--ngx-select-clear-all-button-bg-color) !important;
  border-color: var(--ngx-select-clear-all-button-border-color) !important;
}

.ngx-dropdown-container .svg-icon {
  position: absolute;
  top: 15px;
  height: 13px;
  right: 8px;
}

.draw-option li {
  border: 0;
  line-height: 2.428571 !important;
}

.draw-option li:hover, .draw-option li:focus, .draw-option li:active, .draw-option li.active {
  border: 1px solid #00b050 !important;
}

.loader-image {
  fill: #0d3f68;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 2px;
  right: -1px;
}

.selected-count {
  float: left;
  font-weight: bold;
  font-size: var(--ngx-select-selected-count-fount-size);
  padding: 5px;
  position: relative;
  background-color: var(--ngx-select-selected-count-bg-color);
  width: auto;
  color: #fff;
}

.form-control:disabled, .form-control[readonly] {
  background-color: var(--input-readonly-bg-color);
  opacity: 1;
}

.ngx-dropdown-container {
  font-size: var(--form-control-font-size);
}

.ngx-dropdown-container input[type=text] {
  display: block;
  width: 100%;
  height: 44px;
  padding: 0.375rem 0.75rem;
  font-size: 1.2rem;
  font-weight: var(--input-font-weight);
  line-height: 1.5;
  color: var(--input-color);
  background-color: var(--input-bg-color);
  background-clip: padding-box;
  border: 1px solid var(--input-border-color);
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ngx-dropdown-container .svg-icon {
  fill: var(--ngx-select-svg-fill-color);
}

.ngx-dropdown-container .dropdown-search-icon .icon {
  fill: var(--ngx-select-svg-fill-color);
}

.ngx-dropdown-container .available-items li {
  padding: 0.8rem !important;
  border-bottom: 1px solid var(--ngx-select-available-items-border-color);
}

.ngx-dropdown-container .available-items li:hover, .ngx-dropdown-container .available-items li:visited, .ngx-dropdown-container .available-items li:focus, .ngx-dropdown-container .available-items li:active, .ngx-dropdown-container .available-items li.active,
.auto-complete.auto-complete-copy ng-autocomplete .suggestions-container a:hover,
.auto-complete.auto-complete-copy ng-autocomplete .suggestions-container a:focus,
.auto-complete.auto-complete-copy ng-autocomplete .suggestions-container a:active,
.auto-complete.auto-complete-copy ng-autocomplete .suggestions-container a:visited {
  background-color: var(--ngx-select-available-items-background-color-hover);
  border: 1px solid var(--ngx-select-available-items-border-color-hover) !important;
  color: var(--ngx-select-available-items-color);
}

.jobdetail_tabs .input-group-text {
  background-color: var(--input-bg-color);
  border: 1px solid var(--input-border-color);
}

*::-webkit-input-placeholder {
  color: var(--label-color) !important;
}

.autocomplete-container .suggestions-container {
  background-color: var(--ngx-select-available-items-container-background-color);
}

.autocomplete-container .suggestions-container ul li a {
  color: var(--ngx-select-available-items-color);
}

.ngx-dropdown-container .selected-count {
  color: var(--ngx-select-clear-all-button-color);
}

select.form-control {
  font-size: var(--select-font-size);
  color: var(--select-font-color);
  background-color: var(--select-bg-color);
  border: 1px solid var(--select-border-color);
}

select.form-control:focus {
  border-color: var(--select-focus-border-color);
  box-shadow: 0 0 0 0.2rem rgba(63, 195, 128, 0.15);
  background: var(--select-focus-bg-color);
}

select {
  color: var(--select-font-color);
}

select option {
  color: var(--select-font-color) !important;
  background-color: var(--select-bg-color) !important;
}

.dropdown-menu .dropdown-item,
.dropdown-menu .dropdown-item:active {
  background: var(--select-bg-color) !important;
  color: var(--label-color) !important;
}

.dropdown-menu .bg-white,
.dropdown-menu .bg-white .btn-outline-secondary,
.dropdown-menu .bg-white .btn-outline-secondary:hover {
  background: var(--select-bg-color) !important;
  color: var(--label-color);
}

.ngx-dropdown-container .ngx-multi-configuration-container .active {
  color: var(--btn-text-color);
  background-color: var(--btn-primary-hover-bg-color);
  border-color: var(--btn-primary-hover-bg-color);
  opacity: 1;
}

.ngx-dropdown-container .ngx-multi-configuration-container .btn {
  padding: 0.75rem 0.75rem;
  border: 1px solid var(--btn-primary-hover-bg-color);
}

.table_cell > select.form-control {
  font-size: var(--select-font-size);
  color: var(--select-font-color);
  background-color: var(--select-bg-color);
  border: 1px solid var(--select-border-color);
}

#UserSetting {
  position: fixed;
  top: 0;
  height: 100vh;
  right: 0;
  z-index: 1050;
  background: var(--white);
  width: 320px;
  margin-top: 0;
  box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
}

#UserSetting header {
  background-color: var(--user-setting-header-bg-color);
  background: var(--user-setting-header-bg-color) url(../img/user_profile_bg.svg) repeat top left;
  background-size: 100px;
  padding: 2.5rem 1.2rem;
  color: var(--white);
  float: left;
  width: 100%;
}

#UserSetting .pic {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  color: #002a44;
  padding-top: 15px;
  overflow: hidden;
  background-color: var(--white);
  text-align: center;
  float: left;
  font-size: 2rem;
  font-weight: bold;
}

#UserSetting .pic img {
  width: auto;
  height: inherit;
}

#UserSetting .info {
  float: left;
  color: var(--white);
  padding: 0 15px;
  width: 220px;
}

#UserSetting .info h5 {
  color: var(--white);
  margin-bottom: 0;
}

#UserSetting .info p {
  margin-bottom: 0;
}

#UserSetting ul {
  list-style: none;
}

#UserSetting ul li {
  width: 100%;
  display: block;
}

#UserSetting ul a {
  padding: 0.8rem 1.2rem;
  border-bottom: 1px solid var(--bright-star);
}

#UserSetting ul :hover {
  text-decoration: none;
  /*  background-color: #feeae5;*/
  background-color: var(--user-setting-ul-bg-color-hover);
}

#UserSetting .close-details {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1060;
}

#UserSetting .card {
  border: 0;
  padding: 0;
  height: 100vh;
}

#UserSetting .close-icon {
  fill: var(--white);
  width: 15px;
  height: 15px;
}

#UserSetting .card-herder {
  padding-bottom: 10px;
  border-bottom: 1px solid #ced4da;
  margin-bottom: 50px;
}

#UserSetting > div > ul > li > a {
  color: var(--user-setting-header-li-color);
}

#UserSetting > div > ul > li > a:hover {
  color: var(--user-setting-header-li-color);
}

#UserSetting .bottomText {
  color: var(--user-setting-header-li-color);
}

app-systemcustomisation-create #accordion .card-header.custom_control_check b {
  color: var(--label-color);
}

#accordion > div.custom_control_check.active > b {
  color: var(--label-color);
}

#accordion .rightArrow svg {
  fill: var(--user-setting-svg-color);
}

#UserSetting #logout:hover, #UserSetting #logout:focus {
  color: #000;
  border-color: var(--user-setting-logout-button-border-color);
}

.mian-quick-nav-header h3 {
  color: var(--quick-link-color);
}

#closebutton svg, #closebutton-sec svg {
  fill: var(--quick-nav-close-btn-color);
}

.btn svg {
  fill: var(--quick-nav-icon-color);
}

.mian-quick-nav a {
  color: var(--mian-quick-nav-color);
}
.mian-quick-nav a:hover {
  color: var(--mian-quick-nav-hover-color);
}
.mian-quick-nav li:hover {
  background: var(--quick-nav-li-hover-bg-color);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

#quick-nav {
  height: 100vh;
  min-height: 100vh;
  width: 250px;
  background: var(--quick-nav-bg-color);
  position: fixed;
  padding-top: 60px;
  left: 0;
  top: 0;
  box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
  -webkit-box-shadow: inset 50px 0px 0px 0px var(--quick-nav-color);
  -moz-box-shadow: inset 50px 0px 0px 0px var(--quick-nav-color);
  box-shadow: inset 50px 0px 0px 0px var(--quick-nav-color);
}

#quick-nav .scrollbar {
  -webkit-box-shadow: inset 50px 0px 0px 0px var(--quick-nav-color);
  -moz-box-shadow: inset 50px 0px 0px 0px var(--quick-nav-color);
  box-shadow: inset 50px 0px 0px 0px var(--quick-nav-color);
}

#quick-nav .scrollbar {
  overflow-y: scroll;
  height: 100%;
  margin-right: 0;
  -webkit-box-shadow: inset 50px 0px 0px 0px var(--quick-nav-color);
  -moz-box-shadow: inset 50px 0px 0px 0px var(--quick-nav-color);
  box-shadow: inset 50px 0px 0px 0px var(--quick-nav-color);
}

.mian-quick-nav .svg-icon {
  fill: var(--quick-nav-svg-fill-color);
}

#quick-nav .scrollbar-primary::-webkit-scrollbar-thumb {
  border-radius: 30px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: var(--quick-nav-scrollbar-color);
}

#quick-nav .scrollbar-primary::-webkit-scrollbar-track {
  background: var(--quick-nav-bg-color);
}

/*--------------from clean-custome.scss-------------------*/
.mian-quick-nav {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1050;
}

.mian-quick-nav .btn {
  z-index: 1050;
  position: fixed;
  top: 12px;
  left: 0;
  background-color: transparent;
  border: 0;
}

.mian-quick-nav .btn#closebutton-sec {
  right: 10px;
  left: auto;
  position: absolute;
}

.mian-quick-nav .nav-link-icon {
  width: 20px;
  height: 20px;
  fill: #0d3f68;
}

.mian-quick-nav .header {
  background-color: #d4ebf4;
  padding: 30px 15px;
  text-align: center;
}

.mian-quick-nav .header h4 {
  margin-bottom: 0;
}

.mian-quick-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  margin-top: 2.5rem !important;
}

.mian-quick-nav li {
  display: inline-block;
  float: left;
  width: 100%;
}

.mian-quick-nav li:last-child:hover {
  background-color: transparent;
  box-shadow: none;
}

.mian-quick-nav a {
  display: block;
  padding: 10px 10px;
  /*  line-height: 50px; commited by kashif sb cosulting*/
  font-size: var(--quick-nav-font-size);
  font-weight: var(--label-font-weight);
  float: left;
  width: 100%;
  text-decoration: none;
}

.mian-quick-nav span {
  display: block;
  width: 30px;
  height: 30px;
  float: left;
  margin-right: 20px;
  padding: 0 5px;
}

.mian-quick-nav .nav-icon {
  fill: #0d3f68;
  width: 100%;
  height: inherit;
}

.mian-quick-nav .header {
  display: none;
}

/* .mian-quick-nav a:hover .svg-icon {fill: var(--white);} */
.company-logo img {
  vertical-align: baseline;
}

.company-logo .logo-image {
  width: 130px;
  margin: 0 auto;
  display: block;
  height: 130px;
  border: 1px solid #dee2e6;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  background: #fff;
  color: #0091AE;
  margin-bottom: 10px;
  font-size: 5rem;
  line-height: 130px;
  font-weight: bold;
}

.company-logo .logo-image {
  margin-left: var(--quick-nav-company-logo-margin-left);
}

/*====================add-job-Details-tab=====================*/
.cohort-heading h4 {
  background-color: var(--togle-colapse-h4-bg-color);
  padding: 15px;
  margin-bottom: 16px;
  color: var(--white);
  margin-top: 20px;
}

/*====================add-job-Assessment-tab===================*/
.addJobAssessment .collaps_tabs .nav-tabs {
  border-bottom: none;
  background-color: var(--togle-colapse-add-job-assessment-tab-nav-tab);
  padding: 0;
  font-size: 1.4rem;
}

app-jt-assessment h4 {
  line-height: 24px;
  float: left;
  width: 100%;
}

app-jt-assessment h4 {
  width: 100%;
  display: inline-block;
}

app-jt-assessment h4 {
  background-color: var(--togle-colapse-h4-bg-color);
  padding: 5px;
  margin-bottom: 0;
  color: var(--white);
  margin-top: 20px;
}

app-jt-assessment .form-group.row {
  min-height: 50px;
  padding: 3px 5px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  background-color: var(--togle-colapse-form-group-row);
}

/*====================add-job-Approval-Form-tab===================*/
.addJobApprovalForm h4 {
  background-color: var(--togle-colapse-add-job-assessment-tab-nav-tab);
  padding: 10px;
  margin-bottom: 0;
  margin-top: 10px;
  color: var(--white);
}

.mandatory_signoff {
  background-color: var(--togle-colapse-add-job-assessment-tab-nav-tab) !important;
}

.addJobApprovalForm .control-label.p-2 {
  background-color: var(--input-readonly-bg-color);
  border: 1px solid var(--input-border-color);
}

/*====================add-job-Approval-Form-tab===================*/
.addJobJobAccess h4 {
  background-color: var(--togle-colapse-add-job-assessment-tab-nav-tab);
  padding: 10px;
  color: var(--white);
}

/*====================add-job-Job-Access-tab===================*/
.interview_JobAccess {
  background-color: var(--togle-colapse-form-group-row);
}

.addJobJobAccess form.ng-valid.ng-touched.ng-dirty {
  background-color: var(--togle-colapse-form-group-row);
}

/*====================add-job---Post-Job-tab===================*/
.addJobPostJob .collaps_tabs .nav-tabs {
  border-bottom: none;
  background-color: var(--togle-colapse-add-job-assessment-tab-nav-tab);
}

app-obStep1 h4 {
  background-color: var(--togle-colapse-h4-bg-color);
  padding: 5px;
  margin-bottom: 0;
  color: var(--white);
  line-height: 26px;
  width: 100%;
}

app-obStep2 h4 {
  background-color: var(--togle-colapse-h4-bg-color);
  padding: 5px;
  margin-bottom: 0;
  color: var(--white);
  line-height: 26px;
  width: 100%;
}

:root, [data-jt-theme=light] {
  font-size: 10px;
  /* Start Colors */
  --summerblue: #177e9c;
  --white: #fff;
  --red-orange: #ff3939;
  --american-red: #bd2130;
  --esmeralda: #3fc380;
  --forestblues: #0d3f68;
  --durotarfire: #f15a29;
  --celestial: #00637f;
  --black: #000;
  --child-of-light: #F5F8FA;
  --searedgrey: #495057;
  --jasmine-green: #3fc380;
  --whitesmoke: #f6f6f6;
  --cinder: #212529;
  --satinwhite: #ced4da;
  --blue: #177e9c;
  --lightblue: #eeeeee;
  --darkblue: #177e9c;
  --bluebutton: #177e9c;
  --orange: #f97f50;
  --green: #00b050;
  --grey: #f3f1f1;
  --lightgrey: #eeeeee;
  --cape-pond: #0091AE;
  --bright-star: #dee2e6;
  --red: #FF0000;
  --rhapsodyinblue: #002A44;
  --sagittarius-amber: #f97f50;
  --black-glaze: #000b11;
  --instant-orange: #ff8428;
  --sky-blue: #80cff0;
  --odd-row-color: #f0f9fc;
  --fastBlue: #06A1E3;
  --cerulean: #009fe3;
  --halloween-orange: #F05A28;
  --cadmium-orange: #f68029;
  --seaweed-green: #34a76d;
  --clover-green: #319e67;
  --icewind-dale: #e9ecef;
  --faded-blue: #6696BC;
  --light-steel-blue: #7196bb;
  --gainsboro: #ddd;
  --davyGrey: #5B5B5B;
  --kodama-white: #e5f6fb;
  --french-manicure: #feeae5;
  --iceberg: #ddf1f7;
  --brainstem-grey: #b5b2b2;
  --off-green: #E5F6FB;
  --blue-whale: #0F2445;
  --december-sky: #d1d4d7;
  --light-grey-black: #0000003d;
  --astronaut-blue: #085483;
  --dusty-grey: #999;
  --jinzamomi-pink: #f56954;
  --calmWaters: #f0f9fc;
  --bluish-cyane-blue: #337ab7;
  --maui-mist: #f8f9fa;
  --aqua-spring: #ecf9fa;
  --silver: #c7c7c7;
  --golden: #bfa411;
  --white-lilac: #F8F8F8;
  --pastal-grey: #D1D1D1;
  --mint-tulip: #D0EFF8;
  --davy-grey: #555;
  --cylindrical-coordinate: #ffb559;
  --platinum: #E4E4E4;
  --jagged-ice: #bfe4e8;
  --light-yellow: #fff7bb;
  --light-gray: #d3d3d3;
  --xtra-light-gray: #f3f3f3;
  --mint-blue: #022852;
  --mint-grey: #F4F4F4;
  --mint-light-blue: #d5e7f5;
  --mint-sky-blue: #0270c5;
  --matrix-light-gray: #EAEAEA;
  --bay-wharf: #76808b;
  --rusty-red: #dc3545;
  --mint: #3fc380;
  --coral: #F97F50;
  --crimson-red: #E81111;
  --blue-gray: #64A2CA;
  --sea-green: #2A8457;
  --light-slate-gray: #7C939C;
  --auro-metal-saurus: #62717F;
  --transparent: transparent;
  --marengo: #405465;
  --spanish-gray: #969696;
  --linen: #fef1dc;
  --gray-900: #111827;
  --heat-wave: #FF7B00;
  --Teal: #006b7d;
  --Dark-Slate-Gray: #004455;
  --sky-mint-dark: #0d3f68;
  --sky-mint: #7bc7d3;
  /* End Colors*/
  /* ---------------------------------------------------
                 Body
  ----------------------------------------------------- */
  --main-bg-color: var(--whitesmoke);
  --body-color: var(--cinder);
  --body-font-size: 1.2rem;
  --body-font-family: 'Montserrat', Arial;
  --font-size-primary: 1.2rem;
  --modal-header-bg-color: var(--sky-blue);
  --static-body-text-color: var(--cinder);
  /* ---------------------------------------------------
                 JT Modals Light
  ----------------------------------------------------- */
  --modal-table-text-color: var(--black);
  --modal-table-fa-icon-color: var(--forestblues);
  /* ---------------------------------------------------
                 Header
  ----------------------------------------------------- */
  --header-font-size: 1.4rem;
  --header-font-weight: 700;
  --header-color: var(--white);
  --header-active-color: var(--sagittarius-amber);
  --main-notification-alert-bg-color: var(--durotarfire);
  --user-setting-header-bg-color: var(--cape-pond);
  --user-setting-header-li-color: var(--black);
  --user-setting-bottom-text-color: var(--black);
  --user-setting-svg-color: var(--black);
  --notification-alert-header-bg-color: var(--iceberg);
  --notification-body-bg-color: var(--odd-row-color);
  --notification-body-alert-bg-color: var(--white);
  --notification-alert-text-color: var(--black);
  --notification-top-nav-icon-color: var(--cinder);
  --notification-border-color: var(--darkblue);
  --user-setting-card-header-bg-color: var(--lightgrey);
  --user-setting-card-header-border-color: var(--brainstem-grey);
  --model-border-color: #001535;
  --refine-model-clos-btn-color: var(--rusty-red);
  /* ---------------------------------------------------
                 Top navigation
  ----------------------------------------------------- */
  --top-nav-bg-color: var(--celestial) url(../img/user_profile_bg.png) repeat top left;
  --talent-sub-menu-hover-bg-color: var(--summerblue);
  --top-nav-menu-inner-distance: 20px;
  --top-nav-user-bg-color: var(--white);
  --top-nav-user-color: var(--forestblues);
  /* ---------------------------------------------------
                 Quick Links
  ----------------------------------------------------- */
  --quick-link-color: var(--cinder);
  --quick-nav-bg-color: var(--white);
  --quick-nav-color: var(--summerblue);
  --quick-nav-li-hover-bg-color: var(--summerblue);
  --quick-nav-icon-color: var(--white);
  --quick-nav-close-btn-color: var(--summerblue);
  --quick-nav-scrollbar-color: var(--forestblues);
  --mian-quick-nav-color: var(--black);
  --mian-quick-nav-hover-color: var(--white);
  --quick-nav-svg-fill-color: var(--white);
  --quick-nav-font-size: 1.2rem;
  --quick-nav-company-logo-margin-left: 85px;
  /* ---------------------------------------------------
                 Left action menu
  ----------------------------------------------------- */
  --left-menu-color: var(--cinder);
  --left-menu-bg-color: var(--white);
  --left-menu-shadow-color: var(--celestial);
  --left-menu-color: var(--summerblue);
  --left-menu-li-hover-bg-color: var(--summerblue);
  --left-menu-icon-color: var(--white);
  --left-menu-close-btn-color: var(--summerblue);
  --left-menu-scrollbar-color: var(--forestblues);
  --left-menu-nav-color: var(--black);
  --left-menu-nav-hover-color: var(--white);
  --left-menu-item-color: var(--cinder);
  --left-menu-svg-fill-color: var(--white);
  --left-menu-btn-sidebar-collapse: var(--durotarfire);
  --left-menu-li-bg-color-hover: var(--celestial);
  /* ---------------------------------------------------
               Grid Control - Light
  ----------------------------------------------------- */
  --table-header-bg-color: var(--celestial);
  --table-header-active-bg-color: var(--summerblue);
  --table-header-active-text-color: var(--white);
  --table-header-text-color: var(--white);
  --table-header-report-text-color: var(--cinder);
  --table-header-report-text-bg-color: var(--bright-star);
  --table-header-border-right-color: var(--white);
  --table-body-text-color: var(--davyGrey);
  --pagination-active-bg-color: var(--summerblue);
  --pagination-border-color: var(--summerblue);
  --pagination-color: var(--white);
  --scrollbar-bg-color: var(--forestblues);
  --search-icon-color: var(--esmeralda);
  --smart-search-filter-bg-color: var(--white);
  --smart-search-filter-radio-bg-color: var(--platinum);
  --smart-search-filter-breadcrumb-bg-color: var(--jagged-ice);
  --page-title-color: var(--forestblues);
  --table-header-color: var(--white);
  --pagination-page-link-color: var(--cinder);
  --page-list-search-btn-border-color: var(--jasmine-green);
  --job-list-more-modal-header-bg-color: var(--darkblue);
  --even-row-bg-color: var(--white);
  --odd-row-bg-color: var(--odd-row-color);
  --row-border-color-top: unset;
  --row-border-color-bottom: unset;
  --row-hover-background-color: unset;
  --row-hover-border-color-top: unset;
  --row-hover-border-color-bottom: unset;
  --page-list-search-btn-bg-color: var(--white);
  --page-list-search-icon-color: var(--jasmine-green);
  /*  --page-list-search-btn-bg-color: var(--jasmine-green);*/
  --job-list-more-note-bg-color: var(--kodama-white);
  --cross-svg-icon-fill-color: var(--black);
  --sorting-svg-fill-color: var(--durotarfire);
  --ob-hub-gery-bg-color: gray;
  --table-row-hovor-over-border-color: inset 0px 2px 0px 0px rgba(63,195,128,1), inset 0px -2px 0px 0px rgba(63,195,128,1);
  --job-list-anonymous-warning-message: var(--celestial);
  --table-checkbox-border-color: var(--light-slate-gray);
  /* ---------------------------------------------------
                Input forms
  ----------------------------------------------------- */
  --input-color: var(--searedgrey);
  --input-bg-color: var(--white);
  --input-font-weight: 400;
  --input-border-color: var(--auro-metal-saurus);
  --input-focus-border-color: var(--esmeralda);
  --input-focus-bg-color: rgba(63, 195, 128, 0.1);
  --dropdown-search-icon-color: var(--forestblues);
  --label-color: var(--black);
  --form-control-font-size: 1.4rem;
  --form-control-bg-color: var(--white);
  --form-control-color: #495057;
  --form-control-focus-color: #495057;
  --label-font-size: 1.3rem;
  --label-font-weight: 600;
  --switch-icon-bg-color: var(--red-orange);
  --switch-icon-border-color: var(--red-orange);
  --switch-checked-color: var(--esmeralda);
  --nav-tab-color: var(--durotarfire);
  --input-required-border-color: var(--durotarfire);
  --input-required-focus-color: var(--jasmine-green);
  --input-required-focus-border-color: var(--jasmine-green);
  --bulk-upload-file-link: var(--rhapsodyinblue);
  --input-readonly-bg-color: var(--icewind-dale);
  --automation-status-head-bg-color: var(--forestblues);
  --table-icon-svg-color: var(--forestblues);
  --application-template-bg-color-hover: var(--december-sky);
  --sign-bg-color: var(--white);
  --sign-border-color: var(--light-grey-black);
  --two-fa-description-text-color: darkblue;
  --nylas-email-left-card-bg-color: var(--bluish-cyane-blue);
  --nylas-email-left-card-color: var(--bluish-cyane-blue);
  --nylas-back-btn-bg-color: var(--maui-mist);
  --vonq-filter-bg-color: var(--white);
  --vonq-location-bg-color: #e1e1e1;
  --vonq-basket-card-total-bg-color: #bee5eb;
  --green-room-card-body-bg-color: #EDEDED;
  --green-room-card-footer-bg-color: #EDEDED;
  --default-approver-category-bg-color: var(--white);
  --question-icon-fill-color: var(--cerulean);
  /*--------------select Start----------------------------*/
  --select-font-size: 1.4rem;
  --select-font-color: #495057;
  --select-option-font-color: #495057;
  --select-bg-color: var(--white);
  --select-border-color: var(--auro-metal-saurus);
  --select-focus-border-color: var(--esmeralda);
  --select-focus-bg-color: rgba(63, 195, 128, 0.1);
  /*--------------select End---------------------------*/
  /*--------------ngx-select-dropdown start----------------------*/
  --ngx-select-svg-fill-color: var(--forestblues);
  --ngx-select-available-items-background-color-hover: rgba(63, 195, 128, 0.1);
  --ngx-select-available-items-container-background-color: var(--white);
  --ngx-select-available-items-border-color-hover: #00b050;
  /*--ngx-select-available-items-border-color: #ced4da;*/
  --ngx-select-available-items-border-color: unset;
  --ngx-select-border-color: rgba(0,0,0,.15);
  --ngx-select-clear-all-button-bg-color: #0d3f68;
  --ngx-select-selected-item-bg-color: #0d3f68;
  --ngx-select-selected-count-bg-color: #0d3f68;
  --ngx-select-selected-count-fount-size: 15px;
  --ngx-select-clear-all-button-border-color: #0d3f68;
  --ngx-select-available-items-color: var(--black);
  --ngx-select-clear-all-button-color: var(--white);
  --add-job-detail-tab-ngx-select-svg-fill-color: var(--forestblues);
  /*--------------ngx-select-dropdown end----------------------*/
  /*-----------------------togle-colapse start----------------------*/
  --togle-colapse-h4-bg-color: var(--cape-pond);
  --togle-colapse-form-group-row: var(--odd-row-color);
  --togle-colapse-add-job-assessment-tab-nav-tab: var(--summerblue);
  /*-----------------------togle-colapse end----------------------*/
  /* ---------------------------------------------------
                Buttons
  ----------------------------------------------------- */
  --btn-success-bg-color: var(--esmeralda);
  --btn-success-border-color: var(--esmeralda);
  --btn-close-bg-color: var(--red-orange);
  --btn-close-border-color: var(--red-orange);
  --btn-danger-hovor-bg-color: var(--american-red);
  --btn-info-bg-color: var(--summerblue);
  --btn-info-border-color: var(--summerblue);
  --btn-primary-bg-color: rgba(13,63,104,0.9);
  --btn-primary-border-color: rgba(13,63,104,0.9);
  --btn-primary-hover-bg-color: rgba(13,63,104,1);
  --btn-primary-hover-border-color: rgba(13,63,104,1);
  --btn-text-color: var(--white);
  --btn-sucess-text-color-hover: var(--white);
  --btn-sucess-bg-color-hover: var(--seaweed-green);
  --btn-sucess-border-color-hover: var(--clover-green);
  --btn-font-size-primary: 1.2rem;
  --btn-preview-bg-color: var(--instant-orange);
  --btn-assessment-chose-file: var(--cinder);
  --svg-ai-fill-color: var(--white);
  --btn-preview-bg-color-hover: var(--halloween-orange);
  --btn-preview-border-color-hover: var(--cadmium-orange);
  --btn-danger-bg-color: var(--crimson-red);
  --btn-danger-text-color: var(--white);
  --txt-danger-text-color: var(--red-orange);
  --btn-border-radious: 0px;
  --user-setting-ul-bg-color-hover: var(--french-manicure);
  /* ---------------------------------------------------
                Dashboard
  ----------------------------------------------------- */
  /*------------State Tile start----------------*/
  --full-box-stats-tile-count-color: var(--white);
  --full-box-stats-tile-status-title-color: var(--white);
  --border-box-stats-tile-count-color: var(--cinder);
  --border-box-stats-tile-status-title-color: var(--cinder);
  --stats-tile-background-pattern: #ff8428 url(../img/user_profile_bg.png) repeat top left;
  --stats-tile-background-pattern-size: 100px;
  --stats-tile-background-color: var(--black);
  --model-boarder-color: var(--black);
  --stats-tile-border-color: var(--red);
  --home-font-size-primary: 1.2rem;
  --state-tile-status-title-font-size: 1.4rem;
  --stats-tile-count-font-size: 2.2rem;
  --stats-tile-count-text-align: left;
  --stats-cards-cap-menu-svg-color: var(--durotarfire);
  --home-todo-card-header-bg-color: var(--red);
  --home-todo-card-header-color: var(--black);
  --refine-model-clos-btn-color: var(--white);
  /*--------- State Tile End-----------------*/
  --dashboard-card-bg-color: var(--white);
  --dashboard-card-hr-border-color: rgba(0,0,0,.125);
  --card-header-bg-color: var(--lightgrey);
  --card-header-color: var(--black);
  --card-bottle-neck-content: var(--white);
  --dashboard-page-bg-color: #d9eef2;
  /*-------Home-Job Search Filter start---------------*/
  --home-job-searchType-border-color: #00b050;
  --home-job-searchby-border-color: #00b050;
  --home-job-search-icon-fill-color: #3fc380;
  --home-job-search-button-background-color: #3fc380;
  --home-job-search-button-border-color: #3fc380;
  --home-job-search-button-font-color: var(--white);
  /*-------Home-Job Search Filter End---------------*/
  /*-------Advanced Dashboard Widget Section Background---------------*/
  --advance-dashboard-widget-section-bg-color: #d9eef2;
  --advance-dashboard-widget-border-color: #E0E6EB;
  --advance-dashboard-widget-shadow: 0 1px 3px rgba(0,0,0,0.08);
  --advance-dashboard-card-header-text-color: #003366;
  --advance-dashboard-widget-body-text-color: #333333;
  /*-------Advanced Dashboard Widget Section Background End---------------*/
  --todo-expired-bg: var(--red);
  --todo-remaining-bg: var(--light-yellow);
  --todo-expired-text: var(--white);
  --todo-remaining-text: var(--black);
  /* ---------------------------------------------------
                Misc
  ----------------------------------------------------- */
  --svg-fill-color: var(--white);
  --user-home-content-svg-color: var(--black);
  --svg-fill-color-list: var(--forestblues);
  --inactive-svg-fill-color: var(--black);
  --svg-fill-saved-search: grey;
  --report-builder-svg-color: #82777700;
  /* ---------------------------------------------------
                System setting
  ----------------------------------------------------- */
  --system-tiles-color: var(--forestblues);
  --system-settings-tiles-border-color: var(--summerblue);
  --system-settings-tiles-bg-color: var(--white);
  --system-settings-svg-fill-color: var(--black);
  /* ---------------------------------------------------
                Add Job
  ----------------------------------------------------- */
  --add-job-lable: var(--black);
  --add-job-text-danger: var(--rusty-red);
  --add-job-fieldset-dynamic-starter-forms-text-danger: var(--rusty-red);
  --add-job-step-menu-complete-bg-color: var(--mint);
  --add-job-step-menu-current-bg-color: var(--coral);
  --bulk-recruitment-job-lable: var(--black);
  --add-job-detail-tab-bg-color: var(--odd-row-color);
  --add-job-detail-input-border-bottom: var(--white);
  --add-job-footer-bg-color: var(--celestial) url(../img/user_profile_bg.png) repeat top left;
  --add-job-arrow-bg-color: var(--gainsboro);
  --add-job-arrow-bg-color-befor: var(--white);
  /*--add-job-post-job-advert-bg-color: var(--cinder);*/
  --add-job-post-job-advert-bg-color: var(--white);
  --add-job-more-header-color-active: var(--cinder);
  --add-job-svg-fill-color: var(--forestblues);
  --add-job-card-info-bg-color: var(--light-yellow);
  --add-job-tab-fieldset-info-bg-color: var(--white);
  --add-job-notes-svg-fill-color: var(--orange);
  --transparent-color: var(--transparent);
  --text-gray-900: var(--gray-900);
  --job-card-title-color: var(--white);
  --job-list-card-hovor-over-color: var(--heat-wave);
  --home-job-list-card-bg-color: var(--white);
  --home-job-list-card-border-color: var(--cerulean);
  --home-job-list-card-tooltip-color: var(--black);
  --home-job-list-card-background-color: linear-gradient(to bottom right, #0091ae, #006b7d);
  --home-job-list-card-hover-color: linear-gradient(to bottom right, #00b7dd, #0088aa);
  --job-stat-tile-active-color: linear-gradient(to bottom right, #00687f, #004455);
  --home-job-list-card-hover-background-color: #00b7dd;
  /* ---------------------------------------------------
                Cadidate Profile Light
  ----------------------------------------------------- */
  --reference-tab-table-color: var(--cinder);
  --cadidate-profile-svg-color: var(--black);
  --tab-header-bg-color: var(--lightgrey);
  --tab-header-color: var(--rhapsodyinblue);
  --tab-header-active-bg-color: var(--cape-pond);
  --candidate-profile-dropdown-bg-color: var(--calmWaters);
  --candidate-profile-dropdown-border-color: var(--summerblue);
  --candidate-profile-dropdown-text-color: var(--black);
  --cadidate-profile-email-color: var(--cinder);
  --cadidate-profile-filter-color: var(--cinder);
  --lable-starter-form: var(--black);
  --candidate-pipeline-nav-tab-bg-color: var(--kodama-white);
  --candidate-pipeline-nav-tab-color: var(--cinder);
  --candidate-pipeline-card-header-bg-color: var(--sky-blue);
  --candidate-pipeline-card-bdy-bg-color: var(--white);
  --candidate-pipeline-card-head-bg-color: var(--sky-blue);
  --candidate-application-header-bg-color: var(--summerblue);
  --candidate-application-header-color: var(--white);
  --candidate-application-header-bg-color-hover: var(--orange);
  --candidate-application-cv-upload-bg-color: var(--odd-row-color);
  --candidate-profile-search-filter-bg-color: var(--white);
  --candidate-profile-search-filter-text-color: var(--black);
  --candidate-profile-search-filter-button-bg-color: var(--black-glaze);
  --candidate-profile-search-filter-button-border-color: var(--black-glaze);
  --candidate-profile-search-filter-border-color: var(--jasmine-green);
  --candidate-profile-search-filter-separator-bg-color: var(--lightgrey);
  --candidate-profile-tabs-header-bg-color: var(--lightgrey);
  --candidate-profile-tabs-header-active-bg-color: var(--cape-pond);
  --candidate-profile-tabs-header-separator-bg-color: var(--orange);
  --candidate-profile-tabs-header-text-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-content-bg-color: var(--white);
  --candidate-profile-tabs-content-border-color: unset;
  --candidate-profile-tabs-section-header-bg-color: var(--cape-pond);
  --candidate-profile-section-card-bg-color: var(--white);
  --candidate-profile-section-separator-bg-color: var(--lightgrey);
  --candidate-profile-section-card-text-color: var(--cinder);
  --candidate-profile-section-table-even-cell-bg-color: var(--navalnight);
  --candidate-profile-section-table-odd-cell-bg-color: var(--odd-row-color);
  --candidate-profile-more-menu-bg-color: var(--white);
  --candiadte-profile-more-menu-item-bg-color: var(--calmWaters);
  --candiadte-profile-more-menu-item-left-shadow-color: var(--celestial);
  --candidate-profile-more-menu-item-border-color: var(--satinwhite);
  --candidate-profile-more-menu-item-color: var(--black);
  --candidate-profile-equal-opps-caption-bg-color: none;
  --candidate-profile-refiscancelled-bg-color: var(--platinum);
  --candidate-profile-sign-color: var(--platinum);
  --candidate-profile-print-application-font-size: 20px;
  --candidate-profile-promot-job-banner-icon: var(--linen);
  /* ---------------------------------------------------
                History
  ----------------------------------------------------- */
  --history-timeline-item-bg-color: var(--white);
  --history-timeline-item-time-text-color: var(--dusty-grey);
  --history-timeline-item-header-text-color: var(--davy-grey);
  --history-timeline-item-header-link-text-color: var(--black);
  --history-timeline-time-label-bg-color: var(--jinzamomi-pink);
  --history-timeline-connector-bg-color: var(--gainsboro);
  /* ---------------------------------------------------
                Cadidate Listing
  ----------------------------------------------------- */
  --candidate-listing-candidate-card-bg-color: var(--white);
  --candidate-listing-candidate-card-carousel-bg-color: var(--jasmine-green);
  --candidate-listing-pipeline-switch-svg-bg-color: var(--black);
  --letter-listing-bg-color: var(--off-green);
  --letter-listing-font-color: var(--black);
  --candidate-listing-svg-fill-color: var(--black);
  --candidate-listing-calendar-svg-fill-color: var(--forestblues);
  --svg-icon-fill-color: var(--forestblues);
  /*--candidate-listing-svg-fill-color: #2EA3D9;*/
  --candidate-listing-gas-icon-svg-fill-color: #0000ff;
  /* ---------------------------------------------------
               Security Role
  ----------------------------------------------------- */
  --security-role-hover-color: var(--black);
  /* ---------------------------------------------------
               Reports
  ----------------------------------------------------- */
  --reports-label-color: var(--black);
  --report-builder-card-icon-color: var(--black);
  --report-builder-side-filter-bg-color: #ededed;
  /* ---------------------------------------------------
               Search Job
  ----------------------------------------------------- */
  --search-jobs-filter-title-color: var(--black);
  --panel-bg-color: var(--white);
  --panel-header-bg-color: var(--summerblue);
  --search-parameters-panel-header-bg-color: var(--lightgrey);
  --search-list-header-bg-clr: var(--aqua-spring);
  --search-list-body-bg-clr: var(--white);
  --search-list-border-color: var(--silver);
  --search-list-arrow-svg-fill-color: var(--black);
  --search-filter-tage-border-color: var(--whitesmoke);
  --search-filter-tage-border-color-redeployment: var(--white);
  --search-application-and-address-book-penel-header-bg-color: var(--kodama-white);
  /* ---------------------------------------------------
               print Preview
  ----------------------------------------------------- */
  --print-preview-color: var(--black);
  --print-preview-table-header-bg-color: var(--celestial);
  --print-preview-table-header-color: var(--white);
  /* ---------------------------------------------------
                Cadidate List
  ----------------------------------------------------- */
  --candidate-list-svg-color: var(--forestblues);
  --candidate-list-Carousel-link-color: var(--cinder);
  /* ---------------------------------------------------
                Card
  ----------------------------------------------------- */
  --tab-card-bg-color: var(--white);
  /*  --------------Alert-Setup--------------------*/
  --alert-setup-table-color: var(--cinder);
  /* ---------------------------------------------------
                Ck-Editor Light
  ----------------------------------------------------- */
  --ckEditor-editor-background-color: var(--white);
  --ckEditor-editor-text-color: var(--black);
  --ckEditor-top-background-color: var(--white-lilac);
  --ckEditor-bottom-background-color: var(--white-lilac);
  --ckEditor-border-top-color: var(--pastal-grey);
  --ckEditor-border-bottom-color: var(--pastal-grey);
  --ckEditor-border-color: var(--pastal-grey);
  /* ---------------------------------------------------
                Calendar Light
  ----------------------------------------------------- */
  --calendar-search-bar-card-header-bg-color: var(--kodama-white);
  --calendar-search-bar-card-header-border-color: var(--mint-tulip);
  --report-builder-preview-icon-color: var(--summerblue);
  --rb-accordion-toggle-color: var(--report-builder-side-filter-bg-color);
  --calendar-search-cross-icon-color: var(--black);
  /* ---------------------------------------------------
                Login Light
  ----------------------------------------------------- */
  --btn-login-bg-color-hover: var(--blue-gray);
  --login-input-focus-bg-color: var(--forestblues);
  --login-input-focus-border-color: var(--btn-primary-bg-color);
  --user-setting-logout-button-color: var(--sea-green);
  --user-setting-logout-button-border-color: var(--sea-green);
  /* ---------------------------------------------------
                Panel Shortlisting 
  ----------------------------------------------------- */
  --question-box-background-color: var(--white);
  --question-box-border-color: var(--light-gray);
  --question-box-label-color: var(--black);
  /* ---------------------------------------------------
                Assessment Form Light
  ----------------------------------------------------- */
  --question-container-bg-color: var(--mint-grey);
  --question-header-panel-bg-color: var(--mint-light-blue);
  --question-header-panel-text-color: var(--mint-sky-blue);
  --question-options-textbox-border-color: var(--input-border-color);
  --matrix-question-table-background-color: var(--lightgrey);
  --matrix-question-odd-row-background-color: var(--matrix-light-gray);
  --matrix-question-even-row-background-color: var(--gainsboro);
  --assessment-form-preview-modal-bg-color: var(--white);
  --question-mark-correct-color: var(--sky-mint-dark);
  --applicationinfo-backgroud-color: var(--white);
  --assessmentForm-backgroud-color: #ededed;
  --svg-fill-color-add-widget: var(--black);
  --widget-border-color: var (--summerblue);
  --widget-pill-button: var (--cyanblue);
  --widget-pill-button-border: var(--forestblues);
  --svg-fill-color-trend-widget: #EDEDED;
  /* ---------------------------------------------------
                Notification
  ----------------------------------------------------- */
  --myTask-label-color: var(--Teal);
  --myTask-label-color-hover: var(--Dark-Slate-Gray);
  --sona-document-background-color: var(--whitesmoke);
  --sona-document-background-color-hover: var(--icewind-dale);
}

[data-jt-theme=dark] {
  --scarlet: #FF1329;
  font-size: 10px;
  /* Start Colors */
  --summerblue: #177e9c;
  --white: #fff;
  --red-orange: #ff3939;
  --american-red: #bd2130;
  --esmeralda: #3fc380;
  --forestblues: #0d3f68;
  --durotarfire: #f15a29;
  --celestial: #00637f;
  --black: #000;
  --child-of-light: #F5F8FA;
  --searedgrey: #495057;
  --jasmine-green: #3fc380;
  --whitesmoke: #f6f6f6;
  --cinder: #212529;
  --satinwhite: #ced4da; /* Satin White */
  --golden: #bfa411;
  --gheeyellow: #dbc02a;
  --blue: #177e9c;
  --lightblue: #eeeeee;
  --darkblue: #177e9c;
  --bluebutton: #177e9c;
  --orange: #f97f50;
  --green: #00b050;
  --grey: #f3f1f1;
  --lightgrey: #eeeeee;
  --crowblackblue: #0b2738;
  --navalnight: #011534;
  --rhapsodyinblue: #002A44;
  --skyblue: #E6F5FC;
  --skybluedark: #0d4f62;
  --cyanblue: #177e9c;
  --bright-star: #dee2e6;
  --squid-ink-powder: #001535;
  --model-border-color: #1e58b1;
  --sagittarius-amber: #f97f50;
  --black-glaze: #000b11;
  --sky-blue: #80cff0;
  --screamish: #36a6d8;
  --fastBlue: #06A1E3;
  --dark-gray: #4C6A7C;
  --cerulean: #009fe3;
  --halloween-orange: #F05A28;
  --cadmium-orange: #f68029;
  --seaweed-green: #34a76d;
  --clover-green: #319e67;
  --icewind-dale: #e9ecef;
  --faded-blue: #6696BC;
  --light-steel-blue: #7196bb;
  --blueWhale: #0D354D;
  --pumpkinOrange: #ff741e;
  --kodama-white: #e5f6fb;
  --astronaut-blue: #085483;
  --dusty-grey: #999;
  --calmWaters: #f0f9fc;
  --cylindrical-coordinate: #ff741e;
  --platinum: #191f29;
  --blue-dianne: #174561;
  --glacier: #8baebd;
  --davy-grey: #4D565B;
  --lemon: #f6f900;
  --scarlet: #FF1329;
  --salem: #108147;
  --ruddybrown: #C35429;
  --ball-blue: #2ea3d9;
  --light-slate-gray: #7C939C;
  --blue-yonder: #4f79a5;
  --dark-blue: #1f3351;
  --mint-blue: #022852;
  --mint-grey: #F4F4F4;
  --mint-light-blue: #d5e7f5;
  --mint-sky-blue: #0270c5;
  --matrix-question-odd-row: #0d3b6e;
  --navy-blue: #153856;
  --linen: #fef1dc;
  --gray-900: #111827;
  --heat-wave: #FF7B00;
  --marengo: #405465;
  --spanish-gray: #969696;
  --marengo: #405465;
  --spanish-gray: #969696;
  --sky-mint-dark: #2ea3d9;
  /* End Colors*/
  /* ---------------------------------------------------
                 Body Dark
  ----------------------------------------------------- */
  --main-bg-color: var(--navalnight);
  --body-color: var(--white);
  --body-font-size: 1.2rem;
  --body-font-family: 'Montserrat', Arial;
  --font-size-primary: 1.2rem;
  --modal-header-bg-color: var(--forestblues);
  --static-body-text-color: var(--cinder);
  /* ---------------------------------------------------
                 JT Modals Dark
  ----------------------------------------------------- */
  --modal-table-text-color: var(--white);
  --modal-table-fa-icon-color: var(--white);
  /* ---------------------------------------------------
                 Header Dark
  ----------------------------------------------------- */
  --header-font-size: 1.4rem;
  --header-font-weight: 700;
  --header-color: var(--white);
  --header-active-color: var(--cerulean);
  /*--header-active-color: none;*/
  --main-notification-alert-bg-color: var(--durotarfire);
  --user-setting-header-bg-color: var(--navalnight);
  --user-setting-header-li-color: var(--white);
  --user-setting-bottom-text-color: var(--white);
  --user-setting-svg-color: var(--white);
  --notification-alert-header-bg-color: var(--rhapsodyinblue);
  --notification-body-bg-color: var(--rhapsodyinblue);
  --notification-body-alert-bg-color: var(--navalnight);
  --notification-alert-text-color: var(--white);
  --notification-top-nav-icon-color: var(--white);
  --notification-border-color: var(--cerulean);
  --user-setting-card-header-bg-color: var(--cerulean);
  --user-setting-card-header-border-color: var(--cerulean);
  /* ---------------------------------------------------
                 Top navigation Dark
  ----------------------------------------------------- */
  --top-nav-bg-color: var(--navalnight);
  --talent-sub-menu-hover-bg-color: var(--navalnight);
  --top-nav-menu-inner-distance: 20px;
  --top-nav-user-bg-color: var(--halloween-orange);
  --top-nav-user-color: var(--white);
  /* ---------------------------------------------------
                 Quick Links Dark
  ----------------------------------------------------- */
  --quick-link-color: var(--cerulean);
  --quick-nav-bg-color: var(--navalnight);
  --quick-nav-color: var(--navalnight);
  --quick-nav-li-hover-bg-color: var(--navalnight);
  --quick-nav-icon-color: var(--white);
  --quick-nav-close-btn-color: var(--white);
  --quick-nav-scrollbar-color: var(--cerulean);
  --mian-quick-nav-color: var(--white);
  --mian-quick-nav-hover-color: var(--cerulean);
  --quick-nav-svg-fill-color: var(--cyanblue);
  --quick-nav-font-size: 1.2rem;
  --quick-nav-company-logo-margin-left: 58px;
  /* ---------------------------------------------------
                 Left action menu Dark
  ----------------------------------------------------- */
  --left-menu-bg-color: radial-gradient(circle at top left, #1F4F83, #022A44 60% );
  --left-menu-shadow-color: var(--left-menu-bg-color);
  --left-menu-li-hover-bg-color: var(--navalnight);
  --left-menu-icon-color: var(--white);
  --left-menu-close-btn-color: var(--navalnight);
  --left-menu-scrollbar-color: var(--navalnight);
  --left-menu-nav-color: var(--black);
  --left-menu-nav-hover-color: var(--white);
  --left-menu-item-color: var(--white);
  --left-menu-svg-fill-color: var(--white);
  --left-menu-btn-sidebar-collapse: unset;
  --left-menu-li-bg-color-hover: var(--navalnight);
  /* ---------------------------------------------------
                List pages Dark
  ----------------------------------------------------- */
  --table-header-bg-color: var(--rhapsodyinblue);
  --table-header-active-bg-color: var(--rhapsodyinblue);
  --table-header-active-text-color: var(--fastBlue);
  --table-header-text-color: var(--light-steel-blue);
  --table-header-report-text-bg-color: var(--rhapsodyinblue);
  --table-header-report-text-color: var(--light-steel-blue);
  --table-header-border-right-color: var(--rhapsodyinblue);
  --table-body-text-color: var(--white);
  --pagination-active-bg-color: var(--navalnight);
  --pagination-border-color: var(--skyblue);
  --pagination-color: var(--pumpkinOrange);
  --scrollbar-bg-color: var(--fastBlue);
  --search-icon-color: var(--esmeralda);
  --smart-search-filter-bg-color: var(--blue-dianne);
  --smart-search-filter-radio-bg-color: var(--navalnight);
  --smart-search-filter-breadcrumb-bg-color: rgba(13,63,104,0.9);
  --page-title-color: var(--white);
  --table-header-color: var(--rhapsodyinblue);
  --pagination-page-link-color: var(--white);
  --page-list-search-btn-border-color: var(--input-border-color);
  --job-list-more-modal-header-bg-color: var(--forestblues);
  --even-row-bg-color: var(--rhapsodyinblue);
  --odd-row-bg-color: var(--rhapsodyinblue);
  --row-border-color-top: var(--blueWhale);
  --row-border-color-bottom: unset;
  --row-hover-background-color: var(--navalnight);
  --row-hover-border-color-top: var(--screamish);
  --row-hover-border-color-bottom: var(--screamish);
  --page-list-search-btn-bg-color: var(--cerulean);
  --page-list-search-icon-color: var(--white);
  /*  --page-list-search-btn-bg-color: var(--cerulean);*/
  --job-list-more-note-bg-color: var(--main-bg-color);
  --cross-svg-icon-fill-color: var(--orange);
  --sorting-svg-fill-color: var(--cyanblue);
  --ob-hub-gery-bg-color: #68afbf;
  --table-row-hovor-over-border-color: inset 0 2px 0 0 var(--row-hover-border-color-top), inset 0 -2px 0 0 var(--row-hover-border-color-bottom);
  --job-list-anonymous-warning-message: var(--gheeyellow);
  --table-checkbox-border-color: var(--light-slate-gray);
  /* ---------------------------------------------------
                Input forms Dark
  ----------------------------------------------------- */
  --input-color: var(--white);
  --input-bg-color: inhirit;
  --input-font-weight: 400;
  --input-border-color: #466376;
  --input-focus-border-color: var(--esmeralda);
  --input-focus-bg-color: inhirit;
  --form-control-bg-color: inhirit;
  /*--form-control-color: #495057;*/
  --form-control-color: var(--white);
  --form-control-focus-color: var(--white);
  --dropdown-search-icon-color: var(--forestblues);
  --label-color: var(--white);
  --form-control-font-size: 1.4rem;
  --label-font-size: 1.3rem;
  --label-font-weight: 600;
  --switch-icon-bg-color: var(--red-orange);
  --switch-icon-border-color: var(--red-orange);
  --switch-checked-color: var(--blue);
  --nav-tab-color: var(--durotarfire);
  --input-required-border-color: var(--durotarfire);
  --input-required-focus-color: var(--jasmine-green);
  --input-required-focus-border-color: var(--jasmine-green);
  --bulk-upload-file-link: var(--white);
  --input-readonly-bg-color: var(--davy-grey);
  --automation-status-head-bg-color: var(--cerulean);
  --table-icon-svg-color: var(--cerulean);
  --application-template-bg-color-hover: var(--cerulean);
  --sign-bg-color: var(--navalnight);
  --sign-border-color: var(--cerulean);
  --two-fa-description-text-color: var(--cerulean);
  --nylas-email-left-card-bg-color: var(--cerulean);
  --nylas-email-left-card-color: var(--white);
  --nylas-back-btn-bg-color: var(--cerulean);
  --vonq-filter-bg-color: var(--blue-whale);
  --vonq-location-bg-color: var(--cerulean);
  --vonq-basket-card-total-bg-color: var(--cerulean);
  --green-room-card-body-bg-color: var(--navalnight);
  --green-room-card-footer-bg-color: var(--cerulean);
  --default-approver-category-bg-color: var(--cerulean);
  --question-icon-fill-color: var(--cerulean);
  /*--------------select Start----------------------------*/
  --select-font-size: 1.4rem;
  --select-font-color: var(--white);
  --select-option-font-color: #495057;
  --select-bg-color: var(--navalnight);
  --select-border-color: #466376;
  --select-focus-border-color: var(--esmeralda);
  --select-focus-bg-color: inhirit;
  /*--------------select End---------------------------*/
  /*--------------ngx-select-dropdown  Dark start----------------------*/
  --ngx-select-svg-fill-color: #F05A28;
  --ngx-select-available-items-background-color-hover: var(--rhapsodyinblue);
  --ngx-select-available-items-container-background-color: var(--navalnight);
  --ngx-select-available-items-border-color-hover: var(--rhapsodyinblue);
  --ngx-select-available-items-border-color: unset;
  --ngx-select-border-color: #466376;
  --ngx-select-available-items-color: var(--glacier);
  --ngx-select-clear-all-button-bg-color: #0d3f68;
  --ngx-select-selected-item-bg-color: #0d3f68;
  --ngx-select-selected-count-bg-color: #0d3f68;
  --ngx-select-selected-count-fount-size: 15px;
  --ngx-select-clear-all-button-border-color: #0d3f68;
  --ngx-select-clear-all-button-color: var(--white);
  --add-job-detail-tab-ngx-select-svg-fill-color: var(--faded-blue);
  /*--------------ngx-select-dropdown end----------------------*/
  /*-----------------------togle-colapse  Dark start----------------------*/
  --togle-colapse-h4-bg-color: var(--cerulean);
  --togle-colapse-form-group-row: unset;
  --togle-colapse-add-job-assessment-tab-nav-tab: var(--cerulean);
  /*-----------------------togle-colapse end----------------------*/
  /* ---------------------------------------------------
                Buttons Dark
  ----------------------------------------------------- */
  --btn-success-bg-color: var(--salem);
  --btn-success-border-color: var(--salem);
  --btn-close-bg-color: var(--red-orange);
  --btn-close-border-color: var(--red-orange);
  --btn-danger-hovor-bg-color: var(--american-red);
  --btn-info-bg-color: var(--rhapsodyinblue);
  --btn-info-border-color: var(--summerblue);
  --btn-primary-bg-color: rgba(13,63,104,0.9);
  --btn-primary-border-color: rgba(13,63,104,0.9);
  --btn-primary-hover-bg-color: var(--forestblues);
  --btn-primary-hover-border-color: rgba(13,63,104,1);
  --btn-text-color: var(--white);
  --btn-sucess-text-color-hover: var(--white);
  --btn-sucess-bg-color-hover: var(--salem);
  --btn-sucess-border-color-hover: var(--salem);
  --btn-font-size-primary: 1.2rem;
  --btn-preview-bg-color: var(--instant-orange);
  --btn-assessment-chose-file: var(--white);
  --svg-ai-fill-color: var(#002a45);
  --btn-preview-bg-color-hover: var(--halloween-orange);
  --btn-preview-border-color-hover: var(--cadmium-orange);
  --btn-danger-bg-color: var(--scarlet);
  --btn-danger-text-color: var(--white);
  --btn-border-radious: 0px;
  --user-setting-ul-bg-color-hover: var(--rhapsodyinblue);
  /* ---------------------------------------------------
                Dashboard Dark
  ----------------------------------------------------- */
  /*------------ State Tile  Dark start----------------*/
  --full-box-stats-tile-count-color: #ff741e;
  --full-box-stats-tile-status-title-color: var(--white);
  --border-box-stats-tile-count-color: #ff741e;
  --border-box-stats-tile-status-title-color: var(--white);
  --stats-tile-background-pattern: linear-gradient(184deg, rgba(1,21,52,1) 24%, rgba(14,32,60,1) 33%, rgba(14,68,140,1) 100%);
  --stats-tile-background-pattern-size: unset;
  --stats-tile-background-color: var(--squid-ink-powder);
  --model-boarder-color: var(--model-border-color);
  --stats-tile-border-color: var(--cerulean);
  --home-font-size-primary: 1.2rem;
  --state-tile-status-title-font-size: 1.4rem;
  --stats-tile-count-font-size: 4rem;
  --stats-tile-count-text-align: center;
  --stats-cards-cap-menu-svg-color: var(--cyanblue);
  --home-todo-card-header-bg-color: var(--navalnight);
  --home-todo-card-header-color: var(--black);
  /*--------- State Tile End-----------------*/
  --dashboard-card-bg-color: #011534;
  --dashboard-card-hr-border-color: #466376;
  --card-header-bg-color: var(--navalnight);
  --card-header-color: var(--white);
  --card-bottle-neck-content: var(--white);
  --dashboard-page-bg-color: var(--rhapsodyinblue);
  /*-------Home-Job Search Filter Dark start---------------*/
  --home-job-searchType-border-color: #466376;
  --home-job-searchby-border-color: #466376;
  --home-job-search-icon-fill-color: #E55A34;
  --home-job-search-button-background-color: #E55A34;
  --home-job-search-button-border-color: #E55A34;
  --home-job-search-button-font-color: var(--white);
  /*-------Home-Job Search Filter Dark End---------------*/
  /*-------Advanced Dashboard Widget Section Background Dark---------------*/
  --advance-dashboard-widget-section-bg-color: var(--rhapsodyinblue);
  --advance-dashboard-widget-border-color: #466376;
  --advance-dashboard-widget-shadow: 0 1px 3px rgba(0,0,0,0.15);
  --advance-dashboard-card-header-text-color: var(--white);
  --advance-dashboard-widget-body-text-color: #cccccc;
  /*-------Advanced Dashboard Widget Section Background Dark End---------------*/
  /*--------- Todo List -----------------*/
  --todo-expired-bg: var(--red);
  --todo-remaining-bg: var(--light-yellow);
  --todo-expired-text: var(--white);
  --todo-remaining-text: var(--black);
  /* ---------------------------------------------------
                Misc Dark
  ----------------------------------------------------- */
  --svg-fill-color: var(--cyanblue);
  --user-home-content-svg-color: var(--white);
  --svg-fill-color-list: var(--cyanblue);
  --inactive-svg-fill-color: var(--white);
  --svg-fill-saved-search: var(--cyanblue);
  --report-builder-svg-color: var(--white);
  /* ---------------------------------------------------
                System setting Dark
  ----------------------------------------------------- */
  --system-tiles-color: var(--white);
  --system-settings-tiles-border-color: var(--white);
  --system-settings-tiles-bg-color: var(--rhapsodyinblue);
  --system-settings-svg-fill-color: var(--white);
  /* ---------------------------------------------------
                Add Job Dark
  ----------------------------------------------------- */
  --add-job-lable: var(--faded-blue);
  --add-job-text-danger: var(--lemon);
  --add-job-fieldset-dynamic-starter-forms-text-danger: var(--scarlet);
  --add-job-step-menu-complete-bg-color: var(--salem);
  --add-job-step-menu-current-bg-color: var(--ruddybrown);
  --bulk-recruitment-job-lable: var(--white);
  --add-job-detail-tab-bg-color: var(--navalnight);
  --add-job-detail-input-border-bottom: none;
  --add-job-footer-bg-color: var(--rhapsodyinblue);
  --add-job-arrow-bg-color: var(--blue-yonder);
  --add-job-arrow-bg-color-befor: var(--rhapsodyinblue);
  --add-job-post-job-advert-bg-color: var(--navalnight);
  --add-job-more-header-color-active: var(--durotarfire);
  --add-job-svg-fill-color: var(--cerulean);
  --add-job-card-info-bg-color: var(--navalnight);
  --add-job-tab-fieldset-info-bg-color: var(--navalnight);
  --add-job-notes-svg-fill-color: var(--orange);
  --transparent-color: var(--navalnight);
  --text-gray-900: var(--heat-wave);
  --job-card-title-color: #fb923c;
  --job-list-card-hovor-over-color: var(--heat-wave);
  --home-job-list-card-bg-color: var(--stats-tile-background-pattern);
  --home-job-list-card-border-color: var(--heat-wave);
  --home-job-list-card-tooltip-color: var(--heat-wave);
  --home-job-list-card-background-color: var(--stats-tile-background-pattern);
  --home-job-list-card-hover-color: linear-gradient(#00263a, #158bbf);
  --job-stat-tile-active-color: #009fe3;
  --home-job-list-card-hover-background-color: #00263a;
  /* ---------------------------------------------------
                Cadidate Profile Dark
  ----------------------------------------------------- */
  --reference-tab-table-color: var(--white);
  --cadidate-profile-svg-color: var(--cyanblue);
  --tab-header-bg-color: var(--skyblue);
  --tab-header-color: var(--rhapsodyinblue);
  --tab-header-active-bg-color: var(--rhapsodyinblue);
  --candidate-profile-dropdown-bg-color: var(--navalnight);
  --candidate-profile-dropdown-border-color: var(--cerulean);
  --candidate-profile-dropdown-text-color: var(--white);
  --cadidate-profile-email-color: var(--white);
  --cadidate-profile-filter-color: var(--white);
  --lable-starter-form: var(--white);
  --candidate-pipeline-nav-tab-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-nav-tab-color: var(--white);
  --candidate-pipeline-card-header-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-card-bdy-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-card-head-bg-color: var(--cerulean);
  --candidate-application-header-bg-color: var(--cerulean);
  --candidate-application-header-color: var(--white);
  --candidate-application-header-bg-color-hover: var(--orange);
  --candidate-application-cv-upload-bg-color: var(--navalnight);
  --candidate-profile-search-filter-bg-color: var(--rhapsodyinblue);
  --candidate-profile-search-filter-text-color: var(--white);
  --candidate-profile-search-filter-button-bg-color: var(--astronaut-blue);
  --candidate-profile-search-filter-button-border-color: var(--cerulean);
  --candidate-profile-search-filter-border-color: var(--cerulean);
  --candidate-profile-search-filter-separator-bg-color: var(--cerulean);
  --candidate-profile-tabs-header-bg-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-header-active-bg-color: var(--astronaut-blue);
  --candidate-profile-tabs-header-separator-bg-color: var(--cerulean);
  --candidate-profile-tabs-header-text-color: var(--light-steel-blue);
  --candidate-profile-tabs-content-bg-color: var(--navalnight);
  --candidate-profile-tabs-content-border-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-section-header-bg-color: var(--cerulean);
  --candidate-profile-section-separator-bg-color: var(--cerulean);
  --candidate-profile-section-card-bg-color: var(--rhapsodyinblue);
  --candidate-profile-section-card-text-color: var(--white);
  --candidate-profile-section-table-even-cell-bg-color: var(--navalnight);
  --candidate-profile-section-table-odd-cell-bg-color: var(--navalnight);
  --candidate-profile-more-menu-bg-color: var(--left-menu-bg-color);
  --candiadte-profile-more-menu-item-bg-color: unset;
  --candiadte-profile-more-menu-item-left-shadow-color: var(--cerulean);
  --candidate-profile-more-menu-item-border-color: var(--cerulean);
  --candidate-profile-more-menu-item-color: var(--white);
  --candidate-profile-equal-opps-caption-bg-color: transparent;
  --candidate-profile-sign-color: invert(1);
  --candidate-profile-print-application-font-size: 20px;
  --candidate-profile-promot-job-banner-icon: var(--linen);
  /* ---------------------------------------------------
                History Dark
  ----------------------------------------------------- */
  --history-timeline-item-bg-color: var(--rhapsodyinblue);
  --history-timeline-item-time-text-color: var(--white);
  --history-timeline-item-header-text-color: var(--white);
  --history-timeline-item-header-link-text-color: var(--cerulean);
  --history-timeline-time-label-bg-color: var(--astronaut-blue);
  --history-timeline-connector-bg-color: var(--astronaut-blue);
  /* ---------------------------------------------------
                Cadidate Listing Dark
  ----------------------------------------------------- */
  --candidate-listing-candidate-card-bg-color: var(--rhapsodyinblue);
  --candidate-listing-candidate-card-carousel-bg-color: var(--jasmine-green);
  --candidate-listing-pipeline-switch-svg-bg-color: var(--white);
  --letter-listing-bg-color: var(--dashboard-card-bg-color);
  --letter-listing-font-color: var(--white);
  --candidate-listing-svg-fill-color: var(--white);
  --candidate-listing-calendar-svg-fill-color: var(--white);
  --svg-icon-fill-color: var(--white);
  --candidate-listing-gas-icon-svg-fill-color: #66B2FF;
  /* ---------------------------------------------------
               Security Role Dark
  ----------------------------------------------------- */
  --security-role-hover-color: var(--black);
  /* ---------------------------------------------------
               Reports Dark
  ----------------------------------------------------- */
  --reports-label-color: var(--white);
  --report-builder-card-icon-color: var(--white);
  --report-builder-side-filter-bg-color: var(--navalnight);
  /* ---------------------------------------------------
               Search Job Dark
  ----------------------------------------------------- */
  --search-jobs-filter-title-color: var(--white);
  --panel-bg-color: var(--blue-whale);
  --panel-header-bg-color: var(--navalnight);
  --search-parameters-panel-header-bg-color: var(--blue-whale);
  --search-list-header-bg-clr: var(--blue-whale);
  --search-list-body-bg-clr: var(--rhapsodyinblue);
  --search-list-border-color: var(--cerulean);
  --search-list-arrow-svg-fill-color: var(--cerulean);
  --search-filter-tage-border-color: var(--navalnight);
  --search-filter-tage-border-color-redeployment: var(--navalnight);
  --search-application-and-address-book-penel-header-bg-color: var(--blue-whale);
  /* ---------------------------------------------------
               print Preview Dark
  ----------------------------------------------------- */
  --print-preview-color: var(--white);
  /*--print-preview-color: var(--black);*/
  --print-preview-table-header-bg-color: var(--cerulean);
  --print-preview-table-header-color: var(--white);
  /* ---------------------------------------------------
                Cadidate List Dark
  ----------------------------------------------------- */
  --candidate-list-svg-color: var(--cyanblue);
  --candidate-list-Carousel-link-color: var(--white);
  /* ---------------------------------------------------
                Card Dark
  ----------------------------------------------------- */
  --tab-card-bg-color: var(--rhapsodyinblue);
  /*  --------------Alert-Setup Dark--------------------*/
  --alert-setup-table-color: var(--white);
  /* ---------------------------------------------------
                Ck-Editor Dark
  ----------------------------------------------------- */
  --ckEditor-editor-background-color: var(--navalnight);
  --ckEditor-editor-text-color: var(--white);
  --ckEditor-top-background-color: var(--cerulean);
  --ckEditor-bottom-background-color: var(--cerulean);
  --ckEditor-border-top-color: var(--cerulean);
  --ckEditor-border-bottom-color: var(--cerulean);
  --ckEditor-border-color: var(--cerulean);
  /* ---------------------------------------------------
                Calendar Dark
  ----------------------------------------------------- */
  --calendar-search-bar-card-header-bg-color: var(--blue-whale);
  --calendar-search-bar-card-header-border-color: var(--cerulean);
  --report-builder-preview-icon-color: var(--white);
  --rb-accordion-toggle-color: var(--cerulean);
  --txt-danger-text-color: var(--scarlet);
  --calendar-search-cross-icon-color: var(--ball-blue);
  /* ---------------------------------------------------
                Login Dark
  ----------------------------------------------------- */
  --btn-login-bg-color-hover: var(--forestblues);
  --login-input-focus-bg-color: var(--jasmine-green);
  --login-input-focus-border-color: var(--jasmine-green);
  --user-setting-logout-button-color: var(--green);
  --user-setting-logout-button-border-color: var(--sea-green);
  /* ---------------------------------------------------
                Panel Shortlisting 
  ----------------------------------------------------- */
  --question-box-background-color: var(--dark-blue);
  --question-box-border-color: var(--cerulean);
  --question-box-label-color: var(--white);
  /* ---------------------------------------------------
                Assessment Form Dark
  ----------------------------------------------------- */
  --question-container-bg-color: var(--mint-blue);
  --question-header-panel-bg-color: var(--cerulean);
  --question-header-panel-text-color: var(--white);
  --question-options-textbox-border-color: var(--input-border-color);
  --matrix-question-table-background-color: var(--mint-blue);
  --matrix-question-odd-row-background-color: var(--matrix-question-odd-row);
  --matrix-question-even-row-background-color: var(--navalnight);
  --assessment-form-preview-modal-bg-color: var(--main-bg-color);
  --question-mark-correct-color: var(--sky-mint);
  --applicationinfo-backgroud-color: var(--summerblue);
  --assessmentForm-backgroud-color: var(--main-bg-color);
  --svg-fill-color-add-widget: var(--white);
  --widget-border-color: var (--summerblue);
  --widget-pill-button: var(--cyanblue);
  --widget-pill-button-border: var(--forestblues);
  --svg-fill-color-trend-widget: var(--black);
  --sona-document-background-color: var(--stats-tile-background-pattern);
  --sona-document-background-color-hover: var(--stats-tile-background-pattern);
}

/*$page-list-search-btn-bg-color: var(--page-list-search-btn-bg-color);*/
/*--------------select Start----------------------------*/
/*--------------select End---------------------------*/
/*--------------ngx-select-dropdown start----------------------*/
/*--------------ngx-select-dropdown end----------------------*/
/*-----------------------togle-colapse----------------------*/
/*  --------------Alert-Setup--------------------*/
.confirm-job-posting-modal-container .input-append .calendar-icon {
  position: absolute;
  top: 12px;
  right: 20px;
}

/*.condidate-card {
  float: left;
  width: 100%;
  display: block;
}

  .condidate-card .card {
    padding: 15px 30px;
  }

.jc .condidate-card .card {
  padding: 5px 30px;
}

.condidate-card .card h1, .condidate-card .card h2 {
  font-size: 2rem;
}

.condidate-card ul {
  margin-bottom: 0;
  padding-top: 5px;
}

.condidate-card .carousel-inner {
  overflow: visible;
}

.condidate-card .thumb-col {
  padding: 0 15px;
}

.condidate-card .candidate-img {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: block;
  overflow: hidden;
}

  .condidate-card .candidate-img .user-icon {
    width: 60px;
    height: 60px;
    fill: #000;
    display: block;
  }

.condidate-card .candidate-content {
  border-top: 1px solid #ced4da;
  width: 100%;
  padding-top: 10px;
  margin-top: 10px
}

.jc .condidate-card .candidate-content {
  border-top: 1px solid #ced4da;
  width: 100%;
  padding-top: 2px;
}

.condidate-card .candidate-locate label {
  float: left;
  margin-right: 20px;
  text-align: left;
}

  .condidate-card .candidate-locate label:last-child {
    margin-right: 0px;
  }

.condidate-card .candidate-info h4, .condidate-card .candidate-info p {
  margin-bottom: 0;
  display: block;
  width: 100%;
}

.condidate-card .candidate-buttons {
  text-align: right;
}

.condidate-card .rating span.star.on {
  font-size: 20px;
}

.condidate-card .rating span {
  margin-right: -4px;
  font-size: 16px;
}

.condidate-card .social-media, .condidate-card .disability {
  display: block;
  float: left;
}

  .condidate-card .disability li {
    float: left;
  }

  .condidate-card .social-media li {
    margin-right: 3px;
    float: left;
  }

  .condidate-card .social-media a .nav-link-icon {
    width: 28px;
    height: 28px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
  }

  .condidate-card .disability li {
    margin-right: 5px;
  }

  .condidate-card .disability a .nav-link-icon {
    width: 18px;
    height: 18px;
  }

.condidate-card .candidateDetails {
  display: block;
  margin-top: 15px;
}

  .condidate-card .candidateDetails ul {
    float: left;
    margin-bottom: 0;
    width: 100%;
    padding-top: 15px;
    border-top: 1px solid #ced4da;
  }

    .condidate-card .candidateDetails ul li {
      float: left;
      margin-right: 25px;
      position: relative;
    }

      .condidate-card .candidateDetails ul li:last-child {
        float: left;
        margin-right: 0;
      }

    .condidate-card .candidateDetails ul .nav-link-icon {
      width: 18px;
      height: 18px;
    }

.condidate-card .candidateStatuses {
  display: block;
}

  .condidate-card .candidateStatuses select, .condidate-card .candidateStatuses input[type=text] {
    background: #0d3f68;
    border-color: #0d3f68;
    color: #ffffff;
  }

  .condidate-card .candidateStatuses .svg-icon {
    fill: #fff;
  }

  .condidate-card .candidateStatuses option {
    background: #ffffff;
    color: #212529;
    padding: 10px 5px;
  }

.condidate-card .additionalMenu {
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 10px;
}

  .condidate-card .additionalMenu .menu-icon {
    width: 20px;
    height: 20px;
  }

.condidate-card .carousel .carousel-control {
}

.condidate-card .carousel .carousel-control .carousel-control-prev, .condidate-card .carousel .carousel-control .carousel-control-next {
  background-color: var(--jasmine-green);
  top: 0;
  height: inherit;
  padding: 8px;
  fill: #fff;
  width: 10px;
  opacity: 1;
}

    .condidate-card .carousel .carousel-control .carousel-control-prev svg, .condidate-card .carousel .carousel-control .carousel-control-next svg {
      width: 15px;
      height: 15px;
    }

    .condidate-card .carousel .carousel-control .carousel-control-prev:hover,
    .condidate-card .carousel .carousel-control .carousel-control-prev:focus,
    .condidate-card .carousel .carousel-control .carousel-control-prev:visited,
    .condidate-card .carousel .carousel-control .carousel-control-prev:active,
    .condidate-card .carousel .carousel-control .carousel-control-prev.active,
    .condidate-card .carousel .carousel-control .carousel-control-next:hover,
    .condidate-card .carousel .carousel-control .carousel-control-next:focus,
    .condidate-card .carousel .carousel-control .carousel-control-next:visited,
    .condidate-card .carousel .carousel-control .carousel-control-next:active,
    .condidate-card .carousel .carousel-control .carousel-control-next.active {
      background-color: #f15a29;
    }
*/
/*Settings Tiles Start*/
.user_home_content .user_tab_hover .user_tab_Card {
  height: 180px;
  border: 1px solid var(--system-settings-tiles-border-color);
  background-color: var(--system-settings-tiles-bg-color) !important;
}

.ai-image-cropper-container .cropper-selection-block {
  display: inline-block;
  width: fit-content;
}
.ai-image-cropper-container .cropper-selection-row {
  text-align: left;
}
.ai-image-cropper-container .cropper-selection-label {
  justify-content: flex-start;
  width: auto;
}
.ai-image-cropper-container .cropper-selection-checkbox {
  float: none !important;
  margin-right: 8px;
}

/*Smart search Start*/
app-jt-smartmatch ul.resultitems li {
  /*border-bottom: 1px solid $row-border-color-bottom !important;*/
  padding: 0;
  position: relative;
  /*background-color: $body-bg-color !important;*/
  border-bottom: 1px solid var(--search-list-border-color) !important;
  background-color: var(--search-list-body-bg-clr) !important;
}

app-jt-smartmatch ul.resultitems li:hover, ul.resultitems li.open {
  background: #011534;
}

/*app-jt-smartmatch ul.resultitems li span.highlighted {
  font-weight: bold;
  color: #ebebeb;
}*/
app-jt-smartmatch .expanded-metadata-table {
  color: var(--label-color);
}

app-jt-smartmatch #sidebarsmart > .facet, .facetgroup {
  background-color: #174561;
  padding: 0 !important;
}

app-jt-smartmatch .sidebarWrapper {
  background-color: var(--main-bg-color) !important;
}

app-jt-smartmatch .result-header-title {
  color: var(--label-color) !important;
}

#resultscontainer, #stored-resultscontainer {
  background: var(--search-list-header-bg-clr) !important;
}

#resultscontainer span.tab-message {
  color: var(--body-color);
}

#resultlist span.tab.active {
  background: var(--search-list-header-bg-clr) !important;
  color: var(--body-color);
}

#resultlist span.tab.active a, #resultlist span.tab.active .tab-count-wrapper,
#resultlist span.tab.active .stored-tab-count-wrapper {
  color: var(--body-color);
}

#resultscontainer .search-history a, #resultscontainer a.action-button,
#resultscontainer a.action-menu, #resultscontainer a#new-project-top {
  color: var(--btn-text-color);
  background-color: var(--btn-primary-bg-color);
  border-color: var(--btn-primary-bg-color);
}

app-jt-smartmatch .concertina-container .facet .content {
  background-color: var(--smart-search-filter-bg-color) !important;
}

#breadcrumbs-container, #query-info-container {
  background: var(--main-bg-color) !important;
}

.condition-STRONGLY_FAVORED, .condition-STRONGLY_FAVORED div {
  background: var(--main-bg-color) !important;
}

.condition-FAVORED, .condition-FAVORED div {
  background: var(--smart-search-filter-radio-bg-color) !important;
}

div.breadcrumb-group {
  background: var(--smart-search-filter-breadcrumb-bg-color) !important;
}

div.condition-widget {
  background: var(--smart-search-filter-breadcrumb-bg-color) !important;
}

div.synonym-widget a.collapse, div.query-parts-widget, .tagcloud strong,
app-smart-match app-jt-smartmatch .synonymsForHeader .selectors a:hover,
app-smart-match app-jt-smartmatch .synonymsForHeader .selectors a:active {
  color: var(--label-color) !important;
}

.condition-REQUIRED, .condition-REQUIRED div {
  background: var(--smart-search-filter-breadcrumb-bg-color) !important;
}

.nyroModalCont {
  background: var(--main-bg-color) !important;
}

.store-results-edit label .projectContainer .project-name-input {
  color: var(--label-color) !important;
  background-color: var(--input-bg-color) !important;
}

.fancyInput, input.name {
  background-color: var(--input-bg-color) !important;
}

.nyroModalCont .nyroModalDom {
  background-color: var(--main-bg-color) !important;
}

ul.switch switch-on.tiponhover {
  background-color: var(--main-bg-color) !important;
}

#signin_body {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center !important;
  align-items: center !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.form-signin {
  width: 100%;
  max-width: 400px;
  padding: 30px;
  margin: auto;
  background-color: var(--sign-bg-color);
}

.form-signin p {
  font-size: var(--font-size-primary);
}

.form-signin h1 {
  display: none;
}

.form-signin .f_password {
  text-align: right;
  font-size: var(--font-size-primary);
  margin-top: 10px;
}

.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 1.6rem;
}

.form-signin .form-control:focus {
  z-index: 2;
}

.form-signin .btn {
  padding: 0.9rem 1rem;
}

@media (max-width: 767px) {
  .form-signin .btn {
    padding: 1rem;
  }
}
/* login page */
.form-signin {
  margin-top: 150px;
  border: 2px solid var(--sign-border-color);
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.form-signin img {
  margin-top: -125px;
  padding: 10px;
  background-color: var(--sign-bg-color);
  border: 2px solid var(--sign-border-color);
  border-radius: 150px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
}

.form-signin p {
  margin-top: 30px;
  max-width: 330px;
}

app-login a,
app-login a:hover {
  color: var(--label-color);
}

app-forgotpassword .font-weight-normal {
  color: var(--label-color) !important;
}

/*----------------For 2FA------------------- */
.text-clr {
  color: var(--two-fa-description-text-color);
}

app-two-factor-qr-code .form-signin .Qrrimg {
  margin-left: auto;
  margin-right: auto;
  height: 220px;
  width: 220px;
  margin-top: 0px !important;
  padding: 0px;
  background-color: var(--white);
  border: 0px solid rgba(0, 0, 0, 0.2392156863);
  border-radius: 0px;
  /*  box-shadow: 0 0 0px 0 rgb(0 0 0 / 0%), 0 0px 0px 0 rgb(0 0 0 / 24%);*/
}

app-two-factor-qr-code .form-signin {
  margin-top: 110px !important;
  max-width: 435px !important;
  padding: 20px !important;
  border-radius: 0px;
}

app-two-factor-access-code .form-signin {
  margin-top: 110px !important;
  max-width: 435px !important;
  padding: 20px !important;
  border-radius: 0px;
}

app-two-factor-notification .form-signin {
  margin-top: 110px !important;
  max-width: 435px !important;
  padding: 20px !important;
  border-radius: 0px;
}

.twoFAConfirmModal {
  top: 130px;
}

app-email-code .two-fa-heading {
  text-decoration: underline;
}

app-verify-email-code .two-fa-heading {
  text-decoration: underline;
}

app-verify-email-code .link {
  text-decoration: underline !important;
  color: #0681d9 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 600000s 0s, color 600000s 0s;
}

.okta-logout.sso-login > .btn-cas-login {
  color: var(--white) !important;
  background-color: rgba(243, 96, 240, 0.9) !important;
  border-color: rgba(243, 96, 240, 0.9) !important;
}

.logout a, .logout a:hover {
  color: var(--label-color);
}

.btn_login:hover, .btn_login:focus, .btn_resetpassword:hover, .btn_resetpassword:focus, .btn_login:active, .btn_resetpassword:active {
  background-color: var(--btn-login-bg-color-hover) !important;
  border-color: var(--btn-login-bg-color-hover) !important;
  color: var(--label-color);
}

.login_Login input:required:focus {
  outline: 1px solid var(--login-input-focus-border-color);
  border-left: 4px solid var(--login-input-focus-border-color);
  border-color: var(--login-input-focus-border-color);
  box-shadow: none;
}

.login_Login .form-control:focus {
  background: rgba(13, 63, 104, 0.1);
}

.pwned-text {
  color: #dc3545 !important;
}

.pwned-link {
  text-decoration: underline;
  color: #dc3545;
}

.change-password input[type=text], .change-password input[type=password] {
  padding: 5px;
  font-size: 14px;
  border-radius: 5px;
  margin-bottom: 15px;
}

.change-password .text-left {
  text-align: left;
  margin-top: -3px;
}
.change-password .text-left .text-danger {
  padding: 0;
}
.change-password .password-strength {
  text-align: left;
  margin-left: -15px;
  padding-top: 15px;
}

:root, [data-jt-theme=light] {
  font-size: 10px;
  /* Start Colors */
  --summerblue: #177e9c;
  --white: #fff;
  --red-orange: #ff3939;
  --american-red: #bd2130;
  --esmeralda: #3fc380;
  --forestblues: #0d3f68;
  --durotarfire: #f15a29;
  --celestial: #00637f;
  --black: #000;
  --child-of-light: #F5F8FA;
  --searedgrey: #495057;
  --jasmine-green: #3fc380;
  --whitesmoke: #f6f6f6;
  --cinder: #212529;
  --satinwhite: #ced4da;
  --blue: #177e9c;
  --lightblue: #eeeeee;
  --darkblue: #177e9c;
  --bluebutton: #177e9c;
  --orange: #f97f50;
  --green: #00b050;
  --grey: #f3f1f1;
  --lightgrey: #eeeeee;
  --cape-pond: #0091AE;
  --bright-star: #dee2e6;
  --red: #FF0000;
  --rhapsodyinblue: #002A44;
  --sagittarius-amber: #f97f50;
  --black-glaze: #000b11;
  --instant-orange: #ff8428;
  --sky-blue: #80cff0;
  --odd-row-color: #f0f9fc;
  --fastBlue: #06A1E3;
  --cerulean: #009fe3;
  --halloween-orange: #F05A28;
  --cadmium-orange: #f68029;
  --seaweed-green: #34a76d;
  --clover-green: #319e67;
  --icewind-dale: #e9ecef;
  --faded-blue: #6696BC;
  --light-steel-blue: #7196bb;
  --gainsboro: #ddd;
  --davyGrey: #5B5B5B;
  --kodama-white: #e5f6fb;
  --french-manicure: #feeae5;
  --iceberg: #ddf1f7;
  --brainstem-grey: #b5b2b2;
  --off-green: #E5F6FB;
  --blue-whale: #0F2445;
  --december-sky: #d1d4d7;
  --light-grey-black: #0000003d;
  --astronaut-blue: #085483;
  --dusty-grey: #999;
  --jinzamomi-pink: #f56954;
  --calmWaters: #f0f9fc;
  --bluish-cyane-blue: #337ab7;
  --maui-mist: #f8f9fa;
  --aqua-spring: #ecf9fa;
  --silver: #c7c7c7;
  --golden: #bfa411;
  --white-lilac: #F8F8F8;
  --pastal-grey: #D1D1D1;
  --mint-tulip: #D0EFF8;
  --davy-grey: #555;
  --cylindrical-coordinate: #ffb559;
  --platinum: #E4E4E4;
  --jagged-ice: #bfe4e8;
  --light-yellow: #fff7bb;
  --light-gray: #d3d3d3;
  --xtra-light-gray: #f3f3f3;
  --mint-blue: #022852;
  --mint-grey: #F4F4F4;
  --mint-light-blue: #d5e7f5;
  --mint-sky-blue: #0270c5;
  --matrix-light-gray: #EAEAEA;
  --bay-wharf: #76808b;
  --rusty-red: #dc3545;
  --mint: #3fc380;
  --coral: #F97F50;
  --crimson-red: #E81111;
  --blue-gray: #64A2CA;
  --sea-green: #2A8457;
  --light-slate-gray: #7C939C;
  --auro-metal-saurus: #62717F;
  --transparent: transparent;
  --marengo: #405465;
  --spanish-gray: #969696;
  --linen: #fef1dc;
  --gray-900: #111827;
  --heat-wave: #FF7B00;
  --Teal: #006b7d;
  --Dark-Slate-Gray: #004455;
  --sky-mint-dark: #0d3f68;
  --sky-mint: #7bc7d3;
  /* End Colors*/
  /* ---------------------------------------------------
                 Body
  ----------------------------------------------------- */
  --main-bg-color: var(--whitesmoke);
  --body-color: var(--cinder);
  --body-font-size: 1.2rem;
  --body-font-family: 'Montserrat', Arial;
  --font-size-primary: 1.2rem;
  --modal-header-bg-color: var(--sky-blue);
  --static-body-text-color: var(--cinder);
  /* ---------------------------------------------------
                 JT Modals Light
  ----------------------------------------------------- */
  --modal-table-text-color: var(--black);
  --modal-table-fa-icon-color: var(--forestblues);
  /* ---------------------------------------------------
                 Header
  ----------------------------------------------------- */
  --header-font-size: 1.4rem;
  --header-font-weight: 700;
  --header-color: var(--white);
  --header-active-color: var(--sagittarius-amber);
  --main-notification-alert-bg-color: var(--durotarfire);
  --user-setting-header-bg-color: var(--cape-pond);
  --user-setting-header-li-color: var(--black);
  --user-setting-bottom-text-color: var(--black);
  --user-setting-svg-color: var(--black);
  --notification-alert-header-bg-color: var(--iceberg);
  --notification-body-bg-color: var(--odd-row-color);
  --notification-body-alert-bg-color: var(--white);
  --notification-alert-text-color: var(--black);
  --notification-top-nav-icon-color: var(--cinder);
  --notification-border-color: var(--darkblue);
  --user-setting-card-header-bg-color: var(--lightgrey);
  --user-setting-card-header-border-color: var(--brainstem-grey);
  --model-border-color: #001535;
  --refine-model-clos-btn-color: var(--rusty-red);
  /* ---------------------------------------------------
                 Top navigation
  ----------------------------------------------------- */
  --top-nav-bg-color: var(--celestial) url(../img/user_profile_bg.png) repeat top left;
  --talent-sub-menu-hover-bg-color: var(--summerblue);
  --top-nav-menu-inner-distance: 20px;
  --top-nav-user-bg-color: var(--white);
  --top-nav-user-color: var(--forestblues);
  /* ---------------------------------------------------
                 Quick Links
  ----------------------------------------------------- */
  --quick-link-color: var(--cinder);
  --quick-nav-bg-color: var(--white);
  --quick-nav-color: var(--summerblue);
  --quick-nav-li-hover-bg-color: var(--summerblue);
  --quick-nav-icon-color: var(--white);
  --quick-nav-close-btn-color: var(--summerblue);
  --quick-nav-scrollbar-color: var(--forestblues);
  --mian-quick-nav-color: var(--black);
  --mian-quick-nav-hover-color: var(--white);
  --quick-nav-svg-fill-color: var(--white);
  --quick-nav-font-size: 1.2rem;
  --quick-nav-company-logo-margin-left: 85px;
  /* ---------------------------------------------------
                 Left action menu
  ----------------------------------------------------- */
  --left-menu-color: var(--cinder);
  --left-menu-bg-color: var(--white);
  --left-menu-shadow-color: var(--celestial);
  --left-menu-color: var(--summerblue);
  --left-menu-li-hover-bg-color: var(--summerblue);
  --left-menu-icon-color: var(--white);
  --left-menu-close-btn-color: var(--summerblue);
  --left-menu-scrollbar-color: var(--forestblues);
  --left-menu-nav-color: var(--black);
  --left-menu-nav-hover-color: var(--white);
  --left-menu-item-color: var(--cinder);
  --left-menu-svg-fill-color: var(--white);
  --left-menu-btn-sidebar-collapse: var(--durotarfire);
  --left-menu-li-bg-color-hover: var(--celestial);
  /* ---------------------------------------------------
               Grid Control - Light
  ----------------------------------------------------- */
  --table-header-bg-color: var(--celestial);
  --table-header-active-bg-color: var(--summerblue);
  --table-header-active-text-color: var(--white);
  --table-header-text-color: var(--white);
  --table-header-report-text-color: var(--cinder);
  --table-header-report-text-bg-color: var(--bright-star);
  --table-header-border-right-color: var(--white);
  --table-body-text-color: var(--davyGrey);
  --pagination-active-bg-color: var(--summerblue);
  --pagination-border-color: var(--summerblue);
  --pagination-color: var(--white);
  --scrollbar-bg-color: var(--forestblues);
  --search-icon-color: var(--esmeralda);
  --smart-search-filter-bg-color: var(--white);
  --smart-search-filter-radio-bg-color: var(--platinum);
  --smart-search-filter-breadcrumb-bg-color: var(--jagged-ice);
  --page-title-color: var(--forestblues);
  --table-header-color: var(--white);
  --pagination-page-link-color: var(--cinder);
  --page-list-search-btn-border-color: var(--jasmine-green);
  --job-list-more-modal-header-bg-color: var(--darkblue);
  --even-row-bg-color: var(--white);
  --odd-row-bg-color: var(--odd-row-color);
  --row-border-color-top: unset;
  --row-border-color-bottom: unset;
  --row-hover-background-color: unset;
  --row-hover-border-color-top: unset;
  --row-hover-border-color-bottom: unset;
  --page-list-search-btn-bg-color: var(--white);
  --page-list-search-icon-color: var(--jasmine-green);
  /*  --page-list-search-btn-bg-color: var(--jasmine-green);*/
  --job-list-more-note-bg-color: var(--kodama-white);
  --cross-svg-icon-fill-color: var(--black);
  --sorting-svg-fill-color: var(--durotarfire);
  --ob-hub-gery-bg-color: gray;
  --table-row-hovor-over-border-color: inset 0px 2px 0px 0px rgba(63,195,128,1), inset 0px -2px 0px 0px rgba(63,195,128,1);
  --job-list-anonymous-warning-message: var(--celestial);
  --table-checkbox-border-color: var(--light-slate-gray);
  /* ---------------------------------------------------
                Input forms
  ----------------------------------------------------- */
  --input-color: var(--searedgrey);
  --input-bg-color: var(--white);
  --input-font-weight: 400;
  --input-border-color: var(--auro-metal-saurus);
  --input-focus-border-color: var(--esmeralda);
  --input-focus-bg-color: rgba(63, 195, 128, 0.1);
  --dropdown-search-icon-color: var(--forestblues);
  --label-color: var(--black);
  --form-control-font-size: 1.4rem;
  --form-control-bg-color: var(--white);
  --form-control-color: #495057;
  --form-control-focus-color: #495057;
  --label-font-size: 1.3rem;
  --label-font-weight: 600;
  --switch-icon-bg-color: var(--red-orange);
  --switch-icon-border-color: var(--red-orange);
  --switch-checked-color: var(--esmeralda);
  --nav-tab-color: var(--durotarfire);
  --input-required-border-color: var(--durotarfire);
  --input-required-focus-color: var(--jasmine-green);
  --input-required-focus-border-color: var(--jasmine-green);
  --bulk-upload-file-link: var(--rhapsodyinblue);
  --input-readonly-bg-color: var(--icewind-dale);
  --automation-status-head-bg-color: var(--forestblues);
  --table-icon-svg-color: var(--forestblues);
  --application-template-bg-color-hover: var(--december-sky);
  --sign-bg-color: var(--white);
  --sign-border-color: var(--light-grey-black);
  --two-fa-description-text-color: darkblue;
  --nylas-email-left-card-bg-color: var(--bluish-cyane-blue);
  --nylas-email-left-card-color: var(--bluish-cyane-blue);
  --nylas-back-btn-bg-color: var(--maui-mist);
  --vonq-filter-bg-color: var(--white);
  --vonq-location-bg-color: #e1e1e1;
  --vonq-basket-card-total-bg-color: #bee5eb;
  --green-room-card-body-bg-color: #EDEDED;
  --green-room-card-footer-bg-color: #EDEDED;
  --default-approver-category-bg-color: var(--white);
  --question-icon-fill-color: var(--cerulean);
  /*--------------select Start----------------------------*/
  --select-font-size: 1.4rem;
  --select-font-color: #495057;
  --select-option-font-color: #495057;
  --select-bg-color: var(--white);
  --select-border-color: var(--auro-metal-saurus);
  --select-focus-border-color: var(--esmeralda);
  --select-focus-bg-color: rgba(63, 195, 128, 0.1);
  /*--------------select End---------------------------*/
  /*--------------ngx-select-dropdown start----------------------*/
  --ngx-select-svg-fill-color: var(--forestblues);
  --ngx-select-available-items-background-color-hover: rgba(63, 195, 128, 0.1);
  --ngx-select-available-items-container-background-color: var(--white);
  --ngx-select-available-items-border-color-hover: #00b050;
  /*--ngx-select-available-items-border-color: #ced4da;*/
  --ngx-select-available-items-border-color: unset;
  --ngx-select-border-color: rgba(0,0,0,.15);
  --ngx-select-clear-all-button-bg-color: #0d3f68;
  --ngx-select-selected-item-bg-color: #0d3f68;
  --ngx-select-selected-count-bg-color: #0d3f68;
  --ngx-select-selected-count-fount-size: 15px;
  --ngx-select-clear-all-button-border-color: #0d3f68;
  --ngx-select-available-items-color: var(--black);
  --ngx-select-clear-all-button-color: var(--white);
  --add-job-detail-tab-ngx-select-svg-fill-color: var(--forestblues);
  /*--------------ngx-select-dropdown end----------------------*/
  /*-----------------------togle-colapse start----------------------*/
  --togle-colapse-h4-bg-color: var(--cape-pond);
  --togle-colapse-form-group-row: var(--odd-row-color);
  --togle-colapse-add-job-assessment-tab-nav-tab: var(--summerblue);
  /*-----------------------togle-colapse end----------------------*/
  /* ---------------------------------------------------
                Buttons
  ----------------------------------------------------- */
  --btn-success-bg-color: var(--esmeralda);
  --btn-success-border-color: var(--esmeralda);
  --btn-close-bg-color: var(--red-orange);
  --btn-close-border-color: var(--red-orange);
  --btn-danger-hovor-bg-color: var(--american-red);
  --btn-info-bg-color: var(--summerblue);
  --btn-info-border-color: var(--summerblue);
  --btn-primary-bg-color: rgba(13,63,104,0.9);
  --btn-primary-border-color: rgba(13,63,104,0.9);
  --btn-primary-hover-bg-color: rgba(13,63,104,1);
  --btn-primary-hover-border-color: rgba(13,63,104,1);
  --btn-text-color: var(--white);
  --btn-sucess-text-color-hover: var(--white);
  --btn-sucess-bg-color-hover: var(--seaweed-green);
  --btn-sucess-border-color-hover: var(--clover-green);
  --btn-font-size-primary: 1.2rem;
  --btn-preview-bg-color: var(--instant-orange);
  --btn-assessment-chose-file: var(--cinder);
  --svg-ai-fill-color: var(--white);
  --btn-preview-bg-color-hover: var(--halloween-orange);
  --btn-preview-border-color-hover: var(--cadmium-orange);
  --btn-danger-bg-color: var(--crimson-red);
  --btn-danger-text-color: var(--white);
  --txt-danger-text-color: var(--red-orange);
  --btn-border-radious: 0px;
  --user-setting-ul-bg-color-hover: var(--french-manicure);
  /* ---------------------------------------------------
                Dashboard
  ----------------------------------------------------- */
  /*------------State Tile start----------------*/
  --full-box-stats-tile-count-color: var(--white);
  --full-box-stats-tile-status-title-color: var(--white);
  --border-box-stats-tile-count-color: var(--cinder);
  --border-box-stats-tile-status-title-color: var(--cinder);
  --stats-tile-background-pattern: #ff8428 url(../img/user_profile_bg.png) repeat top left;
  --stats-tile-background-pattern-size: 100px;
  --stats-tile-background-color: var(--black);
  --model-boarder-color: var(--black);
  --stats-tile-border-color: var(--red);
  --home-font-size-primary: 1.2rem;
  --state-tile-status-title-font-size: 1.4rem;
  --stats-tile-count-font-size: 2.2rem;
  --stats-tile-count-text-align: left;
  --stats-cards-cap-menu-svg-color: var(--durotarfire);
  --home-todo-card-header-bg-color: var(--red);
  --home-todo-card-header-color: var(--black);
  --refine-model-clos-btn-color: var(--white);
  /*--------- State Tile End-----------------*/
  --dashboard-card-bg-color: var(--white);
  --dashboard-card-hr-border-color: rgba(0,0,0,.125);
  --card-header-bg-color: var(--lightgrey);
  --card-header-color: var(--black);
  --card-bottle-neck-content: var(--white);
  --dashboard-page-bg-color: #d9eef2;
  /*-------Home-Job Search Filter start---------------*/
  --home-job-searchType-border-color: #00b050;
  --home-job-searchby-border-color: #00b050;
  --home-job-search-icon-fill-color: #3fc380;
  --home-job-search-button-background-color: #3fc380;
  --home-job-search-button-border-color: #3fc380;
  --home-job-search-button-font-color: var(--white);
  /*-------Home-Job Search Filter End---------------*/
  /*-------Advanced Dashboard Widget Section Background---------------*/
  --advance-dashboard-widget-section-bg-color: #d9eef2;
  --advance-dashboard-widget-border-color: #E0E6EB;
  --advance-dashboard-widget-shadow: 0 1px 3px rgba(0,0,0,0.08);
  --advance-dashboard-card-header-text-color: #003366;
  --advance-dashboard-widget-body-text-color: #333333;
  /*-------Advanced Dashboard Widget Section Background End---------------*/
  --todo-expired-bg: var(--red);
  --todo-remaining-bg: var(--light-yellow);
  --todo-expired-text: var(--white);
  --todo-remaining-text: var(--black);
  /* ---------------------------------------------------
                Misc
  ----------------------------------------------------- */
  --svg-fill-color: var(--white);
  --user-home-content-svg-color: var(--black);
  --svg-fill-color-list: var(--forestblues);
  --inactive-svg-fill-color: var(--black);
  --svg-fill-saved-search: grey;
  --report-builder-svg-color: #82777700;
  /* ---------------------------------------------------
                System setting
  ----------------------------------------------------- */
  --system-tiles-color: var(--forestblues);
  --system-settings-tiles-border-color: var(--summerblue);
  --system-settings-tiles-bg-color: var(--white);
  --system-settings-svg-fill-color: var(--black);
  /* ---------------------------------------------------
                Add Job
  ----------------------------------------------------- */
  --add-job-lable: var(--black);
  --add-job-text-danger: var(--rusty-red);
  --add-job-fieldset-dynamic-starter-forms-text-danger: var(--rusty-red);
  --add-job-step-menu-complete-bg-color: var(--mint);
  --add-job-step-menu-current-bg-color: var(--coral);
  --bulk-recruitment-job-lable: var(--black);
  --add-job-detail-tab-bg-color: var(--odd-row-color);
  --add-job-detail-input-border-bottom: var(--white);
  --add-job-footer-bg-color: var(--celestial) url(../img/user_profile_bg.png) repeat top left;
  --add-job-arrow-bg-color: var(--gainsboro);
  --add-job-arrow-bg-color-befor: var(--white);
  /*--add-job-post-job-advert-bg-color: var(--cinder);*/
  --add-job-post-job-advert-bg-color: var(--white);
  --add-job-more-header-color-active: var(--cinder);
  --add-job-svg-fill-color: var(--forestblues);
  --add-job-card-info-bg-color: var(--light-yellow);
  --add-job-tab-fieldset-info-bg-color: var(--white);
  --add-job-notes-svg-fill-color: var(--orange);
  --transparent-color: var(--transparent);
  --text-gray-900: var(--gray-900);
  --job-card-title-color: var(--white);
  --job-list-card-hovor-over-color: var(--heat-wave);
  --home-job-list-card-bg-color: var(--white);
  --home-job-list-card-border-color: var(--cerulean);
  --home-job-list-card-tooltip-color: var(--black);
  --home-job-list-card-background-color: linear-gradient(to bottom right, #0091ae, #006b7d);
  --home-job-list-card-hover-color: linear-gradient(to bottom right, #00b7dd, #0088aa);
  --job-stat-tile-active-color: linear-gradient(to bottom right, #00687f, #004455);
  --home-job-list-card-hover-background-color: #00b7dd;
  /* ---------------------------------------------------
                Cadidate Profile Light
  ----------------------------------------------------- */
  --reference-tab-table-color: var(--cinder);
  --cadidate-profile-svg-color: var(--black);
  --tab-header-bg-color: var(--lightgrey);
  --tab-header-color: var(--rhapsodyinblue);
  --tab-header-active-bg-color: var(--cape-pond);
  --candidate-profile-dropdown-bg-color: var(--calmWaters);
  --candidate-profile-dropdown-border-color: var(--summerblue);
  --candidate-profile-dropdown-text-color: var(--black);
  --cadidate-profile-email-color: var(--cinder);
  --cadidate-profile-filter-color: var(--cinder);
  --lable-starter-form: var(--black);
  --candidate-pipeline-nav-tab-bg-color: var(--kodama-white);
  --candidate-pipeline-nav-tab-color: var(--cinder);
  --candidate-pipeline-card-header-bg-color: var(--sky-blue);
  --candidate-pipeline-card-bdy-bg-color: var(--white);
  --candidate-pipeline-card-head-bg-color: var(--sky-blue);
  --candidate-application-header-bg-color: var(--summerblue);
  --candidate-application-header-color: var(--white);
  --candidate-application-header-bg-color-hover: var(--orange);
  --candidate-application-cv-upload-bg-color: var(--odd-row-color);
  --candidate-profile-search-filter-bg-color: var(--white);
  --candidate-profile-search-filter-text-color: var(--black);
  --candidate-profile-search-filter-button-bg-color: var(--black-glaze);
  --candidate-profile-search-filter-button-border-color: var(--black-glaze);
  --candidate-profile-search-filter-border-color: var(--jasmine-green);
  --candidate-profile-search-filter-separator-bg-color: var(--lightgrey);
  --candidate-profile-tabs-header-bg-color: var(--lightgrey);
  --candidate-profile-tabs-header-active-bg-color: var(--cape-pond);
  --candidate-profile-tabs-header-separator-bg-color: var(--orange);
  --candidate-profile-tabs-header-text-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-content-bg-color: var(--white);
  --candidate-profile-tabs-content-border-color: unset;
  --candidate-profile-tabs-section-header-bg-color: var(--cape-pond);
  --candidate-profile-section-card-bg-color: var(--white);
  --candidate-profile-section-separator-bg-color: var(--lightgrey);
  --candidate-profile-section-card-text-color: var(--cinder);
  --candidate-profile-section-table-even-cell-bg-color: var(--navalnight);
  --candidate-profile-section-table-odd-cell-bg-color: var(--odd-row-color);
  --candidate-profile-more-menu-bg-color: var(--white);
  --candiadte-profile-more-menu-item-bg-color: var(--calmWaters);
  --candiadte-profile-more-menu-item-left-shadow-color: var(--celestial);
  --candidate-profile-more-menu-item-border-color: var(--satinwhite);
  --candidate-profile-more-menu-item-color: var(--black);
  --candidate-profile-equal-opps-caption-bg-color: none;
  --candidate-profile-refiscancelled-bg-color: var(--platinum);
  --candidate-profile-sign-color: var(--platinum);
  --candidate-profile-print-application-font-size: 20px;
  --candidate-profile-promot-job-banner-icon: var(--linen);
  /* ---------------------------------------------------
                History
  ----------------------------------------------------- */
  --history-timeline-item-bg-color: var(--white);
  --history-timeline-item-time-text-color: var(--dusty-grey);
  --history-timeline-item-header-text-color: var(--davy-grey);
  --history-timeline-item-header-link-text-color: var(--black);
  --history-timeline-time-label-bg-color: var(--jinzamomi-pink);
  --history-timeline-connector-bg-color: var(--gainsboro);
  /* ---------------------------------------------------
                Cadidate Listing
  ----------------------------------------------------- */
  --candidate-listing-candidate-card-bg-color: var(--white);
  --candidate-listing-candidate-card-carousel-bg-color: var(--jasmine-green);
  --candidate-listing-pipeline-switch-svg-bg-color: var(--black);
  --letter-listing-bg-color: var(--off-green);
  --letter-listing-font-color: var(--black);
  --candidate-listing-svg-fill-color: var(--black);
  --candidate-listing-calendar-svg-fill-color: var(--forestblues);
  --svg-icon-fill-color: var(--forestblues);
  /*--candidate-listing-svg-fill-color: #2EA3D9;*/
  --candidate-listing-gas-icon-svg-fill-color: #0000ff;
  /* ---------------------------------------------------
               Security Role
  ----------------------------------------------------- */
  --security-role-hover-color: var(--black);
  /* ---------------------------------------------------
               Reports
  ----------------------------------------------------- */
  --reports-label-color: var(--black);
  --report-builder-card-icon-color: var(--black);
  --report-builder-side-filter-bg-color: #ededed;
  /* ---------------------------------------------------
               Search Job
  ----------------------------------------------------- */
  --search-jobs-filter-title-color: var(--black);
  --panel-bg-color: var(--white);
  --panel-header-bg-color: var(--summerblue);
  --search-parameters-panel-header-bg-color: var(--lightgrey);
  --search-list-header-bg-clr: var(--aqua-spring);
  --search-list-body-bg-clr: var(--white);
  --search-list-border-color: var(--silver);
  --search-list-arrow-svg-fill-color: var(--black);
  --search-filter-tage-border-color: var(--whitesmoke);
  --search-filter-tage-border-color-redeployment: var(--white);
  --search-application-and-address-book-penel-header-bg-color: var(--kodama-white);
  /* ---------------------------------------------------
               print Preview
  ----------------------------------------------------- */
  --print-preview-color: var(--black);
  --print-preview-table-header-bg-color: var(--celestial);
  --print-preview-table-header-color: var(--white);
  /* ---------------------------------------------------
                Cadidate List
  ----------------------------------------------------- */
  --candidate-list-svg-color: var(--forestblues);
  --candidate-list-Carousel-link-color: var(--cinder);
  /* ---------------------------------------------------
                Card
  ----------------------------------------------------- */
  --tab-card-bg-color: var(--white);
  /*  --------------Alert-Setup--------------------*/
  --alert-setup-table-color: var(--cinder);
  /* ---------------------------------------------------
                Ck-Editor Light
  ----------------------------------------------------- */
  --ckEditor-editor-background-color: var(--white);
  --ckEditor-editor-text-color: var(--black);
  --ckEditor-top-background-color: var(--white-lilac);
  --ckEditor-bottom-background-color: var(--white-lilac);
  --ckEditor-border-top-color: var(--pastal-grey);
  --ckEditor-border-bottom-color: var(--pastal-grey);
  --ckEditor-border-color: var(--pastal-grey);
  /* ---------------------------------------------------
                Calendar Light
  ----------------------------------------------------- */
  --calendar-search-bar-card-header-bg-color: var(--kodama-white);
  --calendar-search-bar-card-header-border-color: var(--mint-tulip);
  --report-builder-preview-icon-color: var(--summerblue);
  --rb-accordion-toggle-color: var(--report-builder-side-filter-bg-color);
  --calendar-search-cross-icon-color: var(--black);
  /* ---------------------------------------------------
                Login Light
  ----------------------------------------------------- */
  --btn-login-bg-color-hover: var(--blue-gray);
  --login-input-focus-bg-color: var(--forestblues);
  --login-input-focus-border-color: var(--btn-primary-bg-color);
  --user-setting-logout-button-color: var(--sea-green);
  --user-setting-logout-button-border-color: var(--sea-green);
  /* ---------------------------------------------------
                Panel Shortlisting 
  ----------------------------------------------------- */
  --question-box-background-color: var(--white);
  --question-box-border-color: var(--light-gray);
  --question-box-label-color: var(--black);
  /* ---------------------------------------------------
                Assessment Form Light
  ----------------------------------------------------- */
  --question-container-bg-color: var(--mint-grey);
  --question-header-panel-bg-color: var(--mint-light-blue);
  --question-header-panel-text-color: var(--mint-sky-blue);
  --question-options-textbox-border-color: var(--input-border-color);
  --matrix-question-table-background-color: var(--lightgrey);
  --matrix-question-odd-row-background-color: var(--matrix-light-gray);
  --matrix-question-even-row-background-color: var(--gainsboro);
  --assessment-form-preview-modal-bg-color: var(--white);
  --question-mark-correct-color: var(--sky-mint-dark);
  --applicationinfo-backgroud-color: var(--white);
  --assessmentForm-backgroud-color: #ededed;
  --svg-fill-color-add-widget: var(--black);
  --widget-border-color: var (--summerblue);
  --widget-pill-button: var (--cyanblue);
  --widget-pill-button-border: var(--forestblues);
  --svg-fill-color-trend-widget: #EDEDED;
  /* ---------------------------------------------------
                Notification
  ----------------------------------------------------- */
  --myTask-label-color: var(--Teal);
  --myTask-label-color-hover: var(--Dark-Slate-Gray);
  --sona-document-background-color: var(--whitesmoke);
  --sona-document-background-color-hover: var(--icewind-dale);
}

[data-jt-theme=dark] {
  --scarlet: #FF1329;
  font-size: 10px;
  /* Start Colors */
  --summerblue: #177e9c;
  --white: #fff;
  --red-orange: #ff3939;
  --american-red: #bd2130;
  --esmeralda: #3fc380;
  --forestblues: #0d3f68;
  --durotarfire: #f15a29;
  --celestial: #00637f;
  --black: #000;
  --child-of-light: #F5F8FA;
  --searedgrey: #495057;
  --jasmine-green: #3fc380;
  --whitesmoke: #f6f6f6;
  --cinder: #212529;
  --satinwhite: #ced4da; /* Satin White */
  --golden: #bfa411;
  --gheeyellow: #dbc02a;
  --blue: #177e9c;
  --lightblue: #eeeeee;
  --darkblue: #177e9c;
  --bluebutton: #177e9c;
  --orange: #f97f50;
  --green: #00b050;
  --grey: #f3f1f1;
  --lightgrey: #eeeeee;
  --crowblackblue: #0b2738;
  --navalnight: #011534;
  --rhapsodyinblue: #002A44;
  --skyblue: #E6F5FC;
  --skybluedark: #0d4f62;
  --cyanblue: #177e9c;
  --bright-star: #dee2e6;
  --squid-ink-powder: #001535;
  --model-border-color: #1e58b1;
  --sagittarius-amber: #f97f50;
  --black-glaze: #000b11;
  --sky-blue: #80cff0;
  --screamish: #36a6d8;
  --fastBlue: #06A1E3;
  --dark-gray: #4C6A7C;
  --cerulean: #009fe3;
  --halloween-orange: #F05A28;
  --cadmium-orange: #f68029;
  --seaweed-green: #34a76d;
  --clover-green: #319e67;
  --icewind-dale: #e9ecef;
  --faded-blue: #6696BC;
  --light-steel-blue: #7196bb;
  --blueWhale: #0D354D;
  --pumpkinOrange: #ff741e;
  --kodama-white: #e5f6fb;
  --astronaut-blue: #085483;
  --dusty-grey: #999;
  --calmWaters: #f0f9fc;
  --cylindrical-coordinate: #ff741e;
  --platinum: #191f29;
  --blue-dianne: #174561;
  --glacier: #8baebd;
  --davy-grey: #4D565B;
  --lemon: #f6f900;
  --scarlet: #FF1329;
  --salem: #108147;
  --ruddybrown: #C35429;
  --ball-blue: #2ea3d9;
  --light-slate-gray: #7C939C;
  --blue-yonder: #4f79a5;
  --dark-blue: #1f3351;
  --mint-blue: #022852;
  --mint-grey: #F4F4F4;
  --mint-light-blue: #d5e7f5;
  --mint-sky-blue: #0270c5;
  --matrix-question-odd-row: #0d3b6e;
  --navy-blue: #153856;
  --linen: #fef1dc;
  --gray-900: #111827;
  --heat-wave: #FF7B00;
  --marengo: #405465;
  --spanish-gray: #969696;
  --marengo: #405465;
  --spanish-gray: #969696;
  --sky-mint-dark: #2ea3d9;
  /* End Colors*/
  /* ---------------------------------------------------
                 Body Dark
  ----------------------------------------------------- */
  --main-bg-color: var(--navalnight);
  --body-color: var(--white);
  --body-font-size: 1.2rem;
  --body-font-family: 'Montserrat', Arial;
  --font-size-primary: 1.2rem;
  --modal-header-bg-color: var(--forestblues);
  --static-body-text-color: var(--cinder);
  /* ---------------------------------------------------
                 JT Modals Dark
  ----------------------------------------------------- */
  --modal-table-text-color: var(--white);
  --modal-table-fa-icon-color: var(--white);
  /* ---------------------------------------------------
                 Header Dark
  ----------------------------------------------------- */
  --header-font-size: 1.4rem;
  --header-font-weight: 700;
  --header-color: var(--white);
  --header-active-color: var(--cerulean);
  /*--header-active-color: none;*/
  --main-notification-alert-bg-color: var(--durotarfire);
  --user-setting-header-bg-color: var(--navalnight);
  --user-setting-header-li-color: var(--white);
  --user-setting-bottom-text-color: var(--white);
  --user-setting-svg-color: var(--white);
  --notification-alert-header-bg-color: var(--rhapsodyinblue);
  --notification-body-bg-color: var(--rhapsodyinblue);
  --notification-body-alert-bg-color: var(--navalnight);
  --notification-alert-text-color: var(--white);
  --notification-top-nav-icon-color: var(--white);
  --notification-border-color: var(--cerulean);
  --user-setting-card-header-bg-color: var(--cerulean);
  --user-setting-card-header-border-color: var(--cerulean);
  /* ---------------------------------------------------
                 Top navigation Dark
  ----------------------------------------------------- */
  --top-nav-bg-color: var(--navalnight);
  --talent-sub-menu-hover-bg-color: var(--navalnight);
  --top-nav-menu-inner-distance: 20px;
  --top-nav-user-bg-color: var(--halloween-orange);
  --top-nav-user-color: var(--white);
  /* ---------------------------------------------------
                 Quick Links Dark
  ----------------------------------------------------- */
  --quick-link-color: var(--cerulean);
  --quick-nav-bg-color: var(--navalnight);
  --quick-nav-color: var(--navalnight);
  --quick-nav-li-hover-bg-color: var(--navalnight);
  --quick-nav-icon-color: var(--white);
  --quick-nav-close-btn-color: var(--white);
  --quick-nav-scrollbar-color: var(--cerulean);
  --mian-quick-nav-color: var(--white);
  --mian-quick-nav-hover-color: var(--cerulean);
  --quick-nav-svg-fill-color: var(--cyanblue);
  --quick-nav-font-size: 1.2rem;
  --quick-nav-company-logo-margin-left: 58px;
  /* ---------------------------------------------------
                 Left action menu Dark
  ----------------------------------------------------- */
  --left-menu-bg-color: radial-gradient(circle at top left, #1F4F83, #022A44 60% );
  --left-menu-shadow-color: var(--left-menu-bg-color);
  --left-menu-li-hover-bg-color: var(--navalnight);
  --left-menu-icon-color: var(--white);
  --left-menu-close-btn-color: var(--navalnight);
  --left-menu-scrollbar-color: var(--navalnight);
  --left-menu-nav-color: var(--black);
  --left-menu-nav-hover-color: var(--white);
  --left-menu-item-color: var(--white);
  --left-menu-svg-fill-color: var(--white);
  --left-menu-btn-sidebar-collapse: unset;
  --left-menu-li-bg-color-hover: var(--navalnight);
  /* ---------------------------------------------------
                List pages Dark
  ----------------------------------------------------- */
  --table-header-bg-color: var(--rhapsodyinblue);
  --table-header-active-bg-color: var(--rhapsodyinblue);
  --table-header-active-text-color: var(--fastBlue);
  --table-header-text-color: var(--light-steel-blue);
  --table-header-report-text-bg-color: var(--rhapsodyinblue);
  --table-header-report-text-color: var(--light-steel-blue);
  --table-header-border-right-color: var(--rhapsodyinblue);
  --table-body-text-color: var(--white);
  --pagination-active-bg-color: var(--navalnight);
  --pagination-border-color: var(--skyblue);
  --pagination-color: var(--pumpkinOrange);
  --scrollbar-bg-color: var(--fastBlue);
  --search-icon-color: var(--esmeralda);
  --smart-search-filter-bg-color: var(--blue-dianne);
  --smart-search-filter-radio-bg-color: var(--navalnight);
  --smart-search-filter-breadcrumb-bg-color: rgba(13,63,104,0.9);
  --page-title-color: var(--white);
  --table-header-color: var(--rhapsodyinblue);
  --pagination-page-link-color: var(--white);
  --page-list-search-btn-border-color: var(--input-border-color);
  --job-list-more-modal-header-bg-color: var(--forestblues);
  --even-row-bg-color: var(--rhapsodyinblue);
  --odd-row-bg-color: var(--rhapsodyinblue);
  --row-border-color-top: var(--blueWhale);
  --row-border-color-bottom: unset;
  --row-hover-background-color: var(--navalnight);
  --row-hover-border-color-top: var(--screamish);
  --row-hover-border-color-bottom: var(--screamish);
  --page-list-search-btn-bg-color: var(--cerulean);
  --page-list-search-icon-color: var(--white);
  /*  --page-list-search-btn-bg-color: var(--cerulean);*/
  --job-list-more-note-bg-color: var(--main-bg-color);
  --cross-svg-icon-fill-color: var(--orange);
  --sorting-svg-fill-color: var(--cyanblue);
  --ob-hub-gery-bg-color: #68afbf;
  --table-row-hovor-over-border-color: inset 0 2px 0 0 var(--row-hover-border-color-top), inset 0 -2px 0 0 var(--row-hover-border-color-bottom);
  --job-list-anonymous-warning-message: var(--gheeyellow);
  --table-checkbox-border-color: var(--light-slate-gray);
  /* ---------------------------------------------------
                Input forms Dark
  ----------------------------------------------------- */
  --input-color: var(--white);
  --input-bg-color: inhirit;
  --input-font-weight: 400;
  --input-border-color: #466376;
  --input-focus-border-color: var(--esmeralda);
  --input-focus-bg-color: inhirit;
  --form-control-bg-color: inhirit;
  /*--form-control-color: #495057;*/
  --form-control-color: var(--white);
  --form-control-focus-color: var(--white);
  --dropdown-search-icon-color: var(--forestblues);
  --label-color: var(--white);
  --form-control-font-size: 1.4rem;
  --label-font-size: 1.3rem;
  --label-font-weight: 600;
  --switch-icon-bg-color: var(--red-orange);
  --switch-icon-border-color: var(--red-orange);
  --switch-checked-color: var(--blue);
  --nav-tab-color: var(--durotarfire);
  --input-required-border-color: var(--durotarfire);
  --input-required-focus-color: var(--jasmine-green);
  --input-required-focus-border-color: var(--jasmine-green);
  --bulk-upload-file-link: var(--white);
  --input-readonly-bg-color: var(--davy-grey);
  --automation-status-head-bg-color: var(--cerulean);
  --table-icon-svg-color: var(--cerulean);
  --application-template-bg-color-hover: var(--cerulean);
  --sign-bg-color: var(--navalnight);
  --sign-border-color: var(--cerulean);
  --two-fa-description-text-color: var(--cerulean);
  --nylas-email-left-card-bg-color: var(--cerulean);
  --nylas-email-left-card-color: var(--white);
  --nylas-back-btn-bg-color: var(--cerulean);
  --vonq-filter-bg-color: var(--blue-whale);
  --vonq-location-bg-color: var(--cerulean);
  --vonq-basket-card-total-bg-color: var(--cerulean);
  --green-room-card-body-bg-color: var(--navalnight);
  --green-room-card-footer-bg-color: var(--cerulean);
  --default-approver-category-bg-color: var(--cerulean);
  --question-icon-fill-color: var(--cerulean);
  /*--------------select Start----------------------------*/
  --select-font-size: 1.4rem;
  --select-font-color: var(--white);
  --select-option-font-color: #495057;
  --select-bg-color: var(--navalnight);
  --select-border-color: #466376;
  --select-focus-border-color: var(--esmeralda);
  --select-focus-bg-color: inhirit;
  /*--------------select End---------------------------*/
  /*--------------ngx-select-dropdown  Dark start----------------------*/
  --ngx-select-svg-fill-color: #F05A28;
  --ngx-select-available-items-background-color-hover: var(--rhapsodyinblue);
  --ngx-select-available-items-container-background-color: var(--navalnight);
  --ngx-select-available-items-border-color-hover: var(--rhapsodyinblue);
  --ngx-select-available-items-border-color: unset;
  --ngx-select-border-color: #466376;
  --ngx-select-available-items-color: var(--glacier);
  --ngx-select-clear-all-button-bg-color: #0d3f68;
  --ngx-select-selected-item-bg-color: #0d3f68;
  --ngx-select-selected-count-bg-color: #0d3f68;
  --ngx-select-selected-count-fount-size: 15px;
  --ngx-select-clear-all-button-border-color: #0d3f68;
  --ngx-select-clear-all-button-color: var(--white);
  --add-job-detail-tab-ngx-select-svg-fill-color: var(--faded-blue);
  /*--------------ngx-select-dropdown end----------------------*/
  /*-----------------------togle-colapse  Dark start----------------------*/
  --togle-colapse-h4-bg-color: var(--cerulean);
  --togle-colapse-form-group-row: unset;
  --togle-colapse-add-job-assessment-tab-nav-tab: var(--cerulean);
  /*-----------------------togle-colapse end----------------------*/
  /* ---------------------------------------------------
                Buttons Dark
  ----------------------------------------------------- */
  --btn-success-bg-color: var(--salem);
  --btn-success-border-color: var(--salem);
  --btn-close-bg-color: var(--red-orange);
  --btn-close-border-color: var(--red-orange);
  --btn-danger-hovor-bg-color: var(--american-red);
  --btn-info-bg-color: var(--rhapsodyinblue);
  --btn-info-border-color: var(--summerblue);
  --btn-primary-bg-color: rgba(13,63,104,0.9);
  --btn-primary-border-color: rgba(13,63,104,0.9);
  --btn-primary-hover-bg-color: var(--forestblues);
  --btn-primary-hover-border-color: rgba(13,63,104,1);
  --btn-text-color: var(--white);
  --btn-sucess-text-color-hover: var(--white);
  --btn-sucess-bg-color-hover: var(--salem);
  --btn-sucess-border-color-hover: var(--salem);
  --btn-font-size-primary: 1.2rem;
  --btn-preview-bg-color: var(--instant-orange);
  --btn-assessment-chose-file: var(--white);
  --svg-ai-fill-color: var(#002a45);
  --btn-preview-bg-color-hover: var(--halloween-orange);
  --btn-preview-border-color-hover: var(--cadmium-orange);
  --btn-danger-bg-color: var(--scarlet);
  --btn-danger-text-color: var(--white);
  --btn-border-radious: 0px;
  --user-setting-ul-bg-color-hover: var(--rhapsodyinblue);
  /* ---------------------------------------------------
                Dashboard Dark
  ----------------------------------------------------- */
  /*------------ State Tile  Dark start----------------*/
  --full-box-stats-tile-count-color: #ff741e;
  --full-box-stats-tile-status-title-color: var(--white);
  --border-box-stats-tile-count-color: #ff741e;
  --border-box-stats-tile-status-title-color: var(--white);
  --stats-tile-background-pattern: linear-gradient(184deg, rgba(1,21,52,1) 24%, rgba(14,32,60,1) 33%, rgba(14,68,140,1) 100%);
  --stats-tile-background-pattern-size: unset;
  --stats-tile-background-color: var(--squid-ink-powder);
  --model-boarder-color: var(--model-border-color);
  --stats-tile-border-color: var(--cerulean);
  --home-font-size-primary: 1.2rem;
  --state-tile-status-title-font-size: 1.4rem;
  --stats-tile-count-font-size: 4rem;
  --stats-tile-count-text-align: center;
  --stats-cards-cap-menu-svg-color: var(--cyanblue);
  --home-todo-card-header-bg-color: var(--navalnight);
  --home-todo-card-header-color: var(--black);
  /*--------- State Tile End-----------------*/
  --dashboard-card-bg-color: #011534;
  --dashboard-card-hr-border-color: #466376;
  --card-header-bg-color: var(--navalnight);
  --card-header-color: var(--white);
  --card-bottle-neck-content: var(--white);
  --dashboard-page-bg-color: var(--rhapsodyinblue);
  /*-------Home-Job Search Filter Dark start---------------*/
  --home-job-searchType-border-color: #466376;
  --home-job-searchby-border-color: #466376;
  --home-job-search-icon-fill-color: #E55A34;
  --home-job-search-button-background-color: #E55A34;
  --home-job-search-button-border-color: #E55A34;
  --home-job-search-button-font-color: var(--white);
  /*-------Home-Job Search Filter Dark End---------------*/
  /*-------Advanced Dashboard Widget Section Background Dark---------------*/
  --advance-dashboard-widget-section-bg-color: var(--rhapsodyinblue);
  --advance-dashboard-widget-border-color: #466376;
  --advance-dashboard-widget-shadow: 0 1px 3px rgba(0,0,0,0.15);
  --advance-dashboard-card-header-text-color: var(--white);
  --advance-dashboard-widget-body-text-color: #cccccc;
  /*-------Advanced Dashboard Widget Section Background Dark End---------------*/
  /*--------- Todo List -----------------*/
  --todo-expired-bg: var(--red);
  --todo-remaining-bg: var(--light-yellow);
  --todo-expired-text: var(--white);
  --todo-remaining-text: var(--black);
  /* ---------------------------------------------------
                Misc Dark
  ----------------------------------------------------- */
  --svg-fill-color: var(--cyanblue);
  --user-home-content-svg-color: var(--white);
  --svg-fill-color-list: var(--cyanblue);
  --inactive-svg-fill-color: var(--white);
  --svg-fill-saved-search: var(--cyanblue);
  --report-builder-svg-color: var(--white);
  /* ---------------------------------------------------
                System setting Dark
  ----------------------------------------------------- */
  --system-tiles-color: var(--white);
  --system-settings-tiles-border-color: var(--white);
  --system-settings-tiles-bg-color: var(--rhapsodyinblue);
  --system-settings-svg-fill-color: var(--white);
  /* ---------------------------------------------------
                Add Job Dark
  ----------------------------------------------------- */
  --add-job-lable: var(--faded-blue);
  --add-job-text-danger: var(--lemon);
  --add-job-fieldset-dynamic-starter-forms-text-danger: var(--scarlet);
  --add-job-step-menu-complete-bg-color: var(--salem);
  --add-job-step-menu-current-bg-color: var(--ruddybrown);
  --bulk-recruitment-job-lable: var(--white);
  --add-job-detail-tab-bg-color: var(--navalnight);
  --add-job-detail-input-border-bottom: none;
  --add-job-footer-bg-color: var(--rhapsodyinblue);
  --add-job-arrow-bg-color: var(--blue-yonder);
  --add-job-arrow-bg-color-befor: var(--rhapsodyinblue);
  --add-job-post-job-advert-bg-color: var(--navalnight);
  --add-job-more-header-color-active: var(--durotarfire);
  --add-job-svg-fill-color: var(--cerulean);
  --add-job-card-info-bg-color: var(--navalnight);
  --add-job-tab-fieldset-info-bg-color: var(--navalnight);
  --add-job-notes-svg-fill-color: var(--orange);
  --transparent-color: var(--navalnight);
  --text-gray-900: var(--heat-wave);
  --job-card-title-color: #fb923c;
  --job-list-card-hovor-over-color: var(--heat-wave);
  --home-job-list-card-bg-color: var(--stats-tile-background-pattern);
  --home-job-list-card-border-color: var(--heat-wave);
  --home-job-list-card-tooltip-color: var(--heat-wave);
  --home-job-list-card-background-color: var(--stats-tile-background-pattern);
  --home-job-list-card-hover-color: linear-gradient(#00263a, #158bbf);
  --job-stat-tile-active-color: #009fe3;
  --home-job-list-card-hover-background-color: #00263a;
  /* ---------------------------------------------------
                Cadidate Profile Dark
  ----------------------------------------------------- */
  --reference-tab-table-color: var(--white);
  --cadidate-profile-svg-color: var(--cyanblue);
  --tab-header-bg-color: var(--skyblue);
  --tab-header-color: var(--rhapsodyinblue);
  --tab-header-active-bg-color: var(--rhapsodyinblue);
  --candidate-profile-dropdown-bg-color: var(--navalnight);
  --candidate-profile-dropdown-border-color: var(--cerulean);
  --candidate-profile-dropdown-text-color: var(--white);
  --cadidate-profile-email-color: var(--white);
  --cadidate-profile-filter-color: var(--white);
  --lable-starter-form: var(--white);
  --candidate-pipeline-nav-tab-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-nav-tab-color: var(--white);
  --candidate-pipeline-card-header-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-card-bdy-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-card-head-bg-color: var(--cerulean);
  --candidate-application-header-bg-color: var(--cerulean);
  --candidate-application-header-color: var(--white);
  --candidate-application-header-bg-color-hover: var(--orange);
  --candidate-application-cv-upload-bg-color: var(--navalnight);
  --candidate-profile-search-filter-bg-color: var(--rhapsodyinblue);
  --candidate-profile-search-filter-text-color: var(--white);
  --candidate-profile-search-filter-button-bg-color: var(--astronaut-blue);
  --candidate-profile-search-filter-button-border-color: var(--cerulean);
  --candidate-profile-search-filter-border-color: var(--cerulean);
  --candidate-profile-search-filter-separator-bg-color: var(--cerulean);
  --candidate-profile-tabs-header-bg-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-header-active-bg-color: var(--astronaut-blue);
  --candidate-profile-tabs-header-separator-bg-color: var(--cerulean);
  --candidate-profile-tabs-header-text-color: var(--light-steel-blue);
  --candidate-profile-tabs-content-bg-color: var(--navalnight);
  --candidate-profile-tabs-content-border-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-section-header-bg-color: var(--cerulean);
  --candidate-profile-section-separator-bg-color: var(--cerulean);
  --candidate-profile-section-card-bg-color: var(--rhapsodyinblue);
  --candidate-profile-section-card-text-color: var(--white);
  --candidate-profile-section-table-even-cell-bg-color: var(--navalnight);
  --candidate-profile-section-table-odd-cell-bg-color: var(--navalnight);
  --candidate-profile-more-menu-bg-color: var(--left-menu-bg-color);
  --candiadte-profile-more-menu-item-bg-color: unset;
  --candiadte-profile-more-menu-item-left-shadow-color: var(--cerulean);
  --candidate-profile-more-menu-item-border-color: var(--cerulean);
  --candidate-profile-more-menu-item-color: var(--white);
  --candidate-profile-equal-opps-caption-bg-color: transparent;
  --candidate-profile-sign-color: invert(1);
  --candidate-profile-print-application-font-size: 20px;
  --candidate-profile-promot-job-banner-icon: var(--linen);
  /* ---------------------------------------------------
                History Dark
  ----------------------------------------------------- */
  --history-timeline-item-bg-color: var(--rhapsodyinblue);
  --history-timeline-item-time-text-color: var(--white);
  --history-timeline-item-header-text-color: var(--white);
  --history-timeline-item-header-link-text-color: var(--cerulean);
  --history-timeline-time-label-bg-color: var(--astronaut-blue);
  --history-timeline-connector-bg-color: var(--astronaut-blue);
  /* ---------------------------------------------------
                Cadidate Listing Dark
  ----------------------------------------------------- */
  --candidate-listing-candidate-card-bg-color: var(--rhapsodyinblue);
  --candidate-listing-candidate-card-carousel-bg-color: var(--jasmine-green);
  --candidate-listing-pipeline-switch-svg-bg-color: var(--white);
  --letter-listing-bg-color: var(--dashboard-card-bg-color);
  --letter-listing-font-color: var(--white);
  --candidate-listing-svg-fill-color: var(--white);
  --candidate-listing-calendar-svg-fill-color: var(--white);
  --svg-icon-fill-color: var(--white);
  --candidate-listing-gas-icon-svg-fill-color: #66B2FF;
  /* ---------------------------------------------------
               Security Role Dark
  ----------------------------------------------------- */
  --security-role-hover-color: var(--black);
  /* ---------------------------------------------------
               Reports Dark
  ----------------------------------------------------- */
  --reports-label-color: var(--white);
  --report-builder-card-icon-color: var(--white);
  --report-builder-side-filter-bg-color: var(--navalnight);
  /* ---------------------------------------------------
               Search Job Dark
  ----------------------------------------------------- */
  --search-jobs-filter-title-color: var(--white);
  --panel-bg-color: var(--blue-whale);
  --panel-header-bg-color: var(--navalnight);
  --search-parameters-panel-header-bg-color: var(--blue-whale);
  --search-list-header-bg-clr: var(--blue-whale);
  --search-list-body-bg-clr: var(--rhapsodyinblue);
  --search-list-border-color: var(--cerulean);
  --search-list-arrow-svg-fill-color: var(--cerulean);
  --search-filter-tage-border-color: var(--navalnight);
  --search-filter-tage-border-color-redeployment: var(--navalnight);
  --search-application-and-address-book-penel-header-bg-color: var(--blue-whale);
  /* ---------------------------------------------------
               print Preview Dark
  ----------------------------------------------------- */
  --print-preview-color: var(--white);
  /*--print-preview-color: var(--black);*/
  --print-preview-table-header-bg-color: var(--cerulean);
  --print-preview-table-header-color: var(--white);
  /* ---------------------------------------------------
                Cadidate List Dark
  ----------------------------------------------------- */
  --candidate-list-svg-color: var(--cyanblue);
  --candidate-list-Carousel-link-color: var(--white);
  /* ---------------------------------------------------
                Card Dark
  ----------------------------------------------------- */
  --tab-card-bg-color: var(--rhapsodyinblue);
  /*  --------------Alert-Setup Dark--------------------*/
  --alert-setup-table-color: var(--white);
  /* ---------------------------------------------------
                Ck-Editor Dark
  ----------------------------------------------------- */
  --ckEditor-editor-background-color: var(--navalnight);
  --ckEditor-editor-text-color: var(--white);
  --ckEditor-top-background-color: var(--cerulean);
  --ckEditor-bottom-background-color: var(--cerulean);
  --ckEditor-border-top-color: var(--cerulean);
  --ckEditor-border-bottom-color: var(--cerulean);
  --ckEditor-border-color: var(--cerulean);
  /* ---------------------------------------------------
                Calendar Dark
  ----------------------------------------------------- */
  --calendar-search-bar-card-header-bg-color: var(--blue-whale);
  --calendar-search-bar-card-header-border-color: var(--cerulean);
  --report-builder-preview-icon-color: var(--white);
  --rb-accordion-toggle-color: var(--cerulean);
  --txt-danger-text-color: var(--scarlet);
  --calendar-search-cross-icon-color: var(--ball-blue);
  /* ---------------------------------------------------
                Login Dark
  ----------------------------------------------------- */
  --btn-login-bg-color-hover: var(--forestblues);
  --login-input-focus-bg-color: var(--jasmine-green);
  --login-input-focus-border-color: var(--jasmine-green);
  --user-setting-logout-button-color: var(--green);
  --user-setting-logout-button-border-color: var(--sea-green);
  /* ---------------------------------------------------
                Panel Shortlisting 
  ----------------------------------------------------- */
  --question-box-background-color: var(--dark-blue);
  --question-box-border-color: var(--cerulean);
  --question-box-label-color: var(--white);
  /* ---------------------------------------------------
                Assessment Form Dark
  ----------------------------------------------------- */
  --question-container-bg-color: var(--mint-blue);
  --question-header-panel-bg-color: var(--cerulean);
  --question-header-panel-text-color: var(--white);
  --question-options-textbox-border-color: var(--input-border-color);
  --matrix-question-table-background-color: var(--mint-blue);
  --matrix-question-odd-row-background-color: var(--matrix-question-odd-row);
  --matrix-question-even-row-background-color: var(--navalnight);
  --assessment-form-preview-modal-bg-color: var(--main-bg-color);
  --question-mark-correct-color: var(--sky-mint);
  --applicationinfo-backgroud-color: var(--summerblue);
  --assessmentForm-backgroud-color: var(--main-bg-color);
  --svg-fill-color-add-widget: var(--white);
  --widget-border-color: var (--summerblue);
  --widget-pill-button: var(--cyanblue);
  --widget-pill-button-border: var(--forestblues);
  --svg-fill-color-trend-widget: var(--black);
  --sona-document-background-color: var(--stats-tile-background-pattern);
  --sona-document-background-color-hover: var(--stats-tile-background-pattern);
}

/*$page-list-search-btn-bg-color: var(--page-list-search-btn-bg-color);*/
/*--------------select Start----------------------------*/
/*--------------select End---------------------------*/
/*--------------ngx-select-dropdown start----------------------*/
/*--------------ngx-select-dropdown end----------------------*/
/*-----------------------togle-colapse----------------------*/
/*  --------------Alert-Setup--------------------*/
.cke_editable {
  background-color: var(--ckEditor-editor-background-color);
  color: var(--ckEditor-editor-text-color);
  font-size: 13px;
  line-height: 1.6;
  word-wrap: break-word;
  padding-top: 0px;
  /*margin: 20px;*/
}

ckeditor .cke_top,
.cke_top {
  border-bottom: 1px solid var(--ckEditor-border-bottom-color);
  background: var(--ckEditor-top-background-color);
  padding: 6px 8px 2px;
  white-space: normal;
}

.cke_chrome {
  border: 1px solid var(--ckEditor-border-color);
}

.cke_bottom {
  border-top: 1px solid var(--ckEditor-border-top-color);
  background: var(--ckEditor-bottom-background-color);
}

table.cke_dialog .cke_dialog_body .cke_dialog_ui_input_text .cke_dialog_ui_input_text {
  color: var(--static-body-text-color);
}

/*@import '_globalVariables.scss';

*/
#loadmoreCandidate {
  text-align: left !important;
}

.side-menu-container {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.content td.ranking .fa:hover, p.ranking .fa:hover {
  color: #DAA520;
}

.content td.ranking .fa, p.ranking .fa {
  float: left;
  margin-right: 3px;
  cursor: pointer;
}

.content td.ranking .fa-star, p.ranking .fa {
  color: #DAA520;
}

.timeline > li.time-label > span {
  font-weight: 600;
  padding: 5px;
  display: inline-block;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.timeline > li {
  position: relative;
  margin-right: 10px;
  margin-bottom: 15px;
  width: 100%;
}

.timeline > li > .timeline-item {
  border: 0px solid #dfdfdf;
  background: var(--history-timeline-item-bg-color);
  color: #555;
  margin-left: 65px;
  margin-right: 5px;
  padding: 5px;
  position: relative;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.timeline > li > .timeline-item > .time {
  color: var(--history-timeline-item-time-text-color);
  float: right;
  margin: 2px 0 0 0;
}

.timeline > li > .timeline-item > .timeline-header {
  margin: 0;
  color: var(--history-timeline-item-header-text-color);
  padding: 5px;
  font-size: 14px;
  line-height: 1.1;
  font-weight: normal;
}

.timeline > li > .fa, .timeline > li > .glyphicon, .timeline > li > .ion {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 30px;
  height: 30px;
  font-size: 15px;
  line-height: 30px;
  position: absolute;
  color: #666;
  background: #eee;
  border-radius: 50%;
  text-align: center;
  left: 32px;
  top: 0;
}

.bg-aqua {
  background-color: #00c0ef !important;
}

.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black {
  color: #f9f9f9 !important;
}

.timeline {
  margin-bottom: 0;
  margin-top: 0px !important;
}

.timeline:before {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0;
  width: 5px;
  background: var(--history-timeline-connector-bg-color);
  left: 45px;
  margin: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  /*height:97%;
    z-index:-1;*/
}

.timeline > li:before, .timeline > li:after {
  display: table;
  content: " ";
}

.timeline > li:after {
  clear: both;
}

.fa-user:before {
  content: "\f007";
}

.fa-clock-o:before {
  content: "\f017";
}

.bg-red {
  background-color: var(--history-timeline-time-label-bg-color) !important;
}

.timeline > li > .timeline-item > .timeline-header > span > a {
  font-weight: 600;
  color: var(--history-timeline-item-header-link-text-color);
}

.pagination a {
  cursor: pointer;
}

.pagination_tab {
  margin-left: 8%;
}

app-history .modal-body {
  word-break: break-all;
}

app-history .app_history_modal .modal-body a {
  color: var(--label-color);
}

/**History Loges*/
.historyRow h3 {
  text-align: left;
}

.historyRow p {
  text-align: left;
}

.historyRow .content td.ranking .fa:hover, p.ranking .fa:hover {
  color: #DAA520;
}

.historyRow .content td.ranking .fa, p.ranking .fa {
  float: left;
  margin-right: 3px;
  cursor: pointer;
}

.historyRow .content td.ranking .fa-star, p.ranking .fa {
  color: #DAA520;
}

.historyRow .timeline > li.time-label > span {
  font-weight: 600;
  padding: 5px;
  display: inline-block;
  background-color: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.historyRow .timeline > li {
  position: relative;
  margin-right: 10px;
  margin-bottom: 15px;
  width: 100%;
}

.historyRow .timeline > li > .timeline-item {
  border: 0px solid #dfdfdf;
  background: #fff;
  color: #555;
  margin-left: 65px;
  margin-right: 5px;
  padding: 5px;
  position: relative;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.historyRow .timeline > li > .timeline-item > .time {
  color: #999;
  float: right;
  margin: 2px 0 0 0;
}

.historyRow .timeline > li > .timeline-item > .timeline-header {
  margin: 0;
  color: #555;
  padding: 5px;
  font-size: 14px;
  line-height: 1.1;
  font-weight: normal;
}

.historyRow .timeline > li > .fa, .timeline > li > .glyphicon, .timeline > li > .ion {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  width: 30px;
  height: 30px;
  font-size: 15px;
  line-height: 30px;
  position: absolute;
  color: #666;
  background: #eee;
  border-radius: 50%;
  text-align: center;
  left: 32px;
  top: 0;
  z-index: 1;
}

.historyRow .bg-aqua {
  background-color: #00c0ef !important;
}

.historyRow .bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black {
  color: #f9f9f9 !important;
}

.historyRow .timeline {
  margin-bottom: 0;
  margin-top: 0px;
}

.historyRow .timeline > li:before, .timeline > li:after {
  display: table;
  content: " ";
}

.historyRow .timeline > li:after {
  clear: both;
}

.historyRow .fa-user:before {
  content: "\f007";
}

.historyRow .fa-clock-o:before {
  content: "\f017";
}

.historyRow .bg-red {
  background-color: #f56954 !important;
}

.historyRow .timeline > li > .timeline-item > .timeline-header > span > a {
  font-weight: 600;
}

.historyRow a.page-link.disabled {
  cursor: not-allowed;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.historyRow.row {
  margin-left: 15px;
  display: flow-root;
}

@media (min-width: 992px) {
  .timeline-container .timeline:before {
    top: 74px;
    bottom: 100px;
    left: 70px;
  }
}
@media (max-width: 992px) {
  .timeline-container .timeline:before {
    top: 74px;
    bottom: 130px;
    left: 70px;
  }
}
/*End*/
body {
  background: var(--main-bg-color);
  color: var(--body-color);
  font-family: "Montserrat", Arial;
  font-size: 1.2rem;
  padding-top: 60px;
}

body.has-announcement-banner {
  padding-top: 53px;
}

.custom-class {
  background-color: #ffcc00;
  border: 2px solid #333;
  padding: 8px;
}

.my-span-class {
  color: #0099cc;
  font-weight: bold;
}

label {
  text-align: right;
}

.mcqTxtRight label {
  text-align: left;
}

.question-preview-modal label {
  text-align: left;
}

@media (max-width: 768px) {
  label {
    text-align: right;
  }
}
:focus {
  outline: none;
}

.navbar-dark .navbar-toggler {
  color: rgb(255, 255, 255);
  border-color: rgb(255, 255, 255);
  background: #00637f;
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.dropdown-menu {
  font-size: var(--font-size-primary);
}

@media (max-width: 1157px) {
  .dropdown-menu {
    width: auto !important;
    max-width: 100%;
  }
}
.h6, h6 {
  font-size: var(--font-size-primary);
}

.calenderMenu {
  position: relative;
}

.calenderMenu .dropdown-toggle::after {
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}

.btn_preview {
  color: var(--white);
  background-color: var(--jasmine-green);
  border-color: var(--jasmine-green);
}

.btn_preview:hover, .btn_preview:visited, .btn_preview:focus, .btn_preview:active, .btn_preview.active {
  color: var(--white);
  background-color: #34a76d;
  border-color: #319e67;
}

.bg-none {
  background: none;
}

.scrollbar {
  scrollbar-color: #0d3f68 white; /* thumb and track color */
  scrollbar-width: thin;
}

.scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.scrollbar::-webkit-scrollbar-track {
  background: white;
}

.scrollbar::-webkit-scrollbar-thumb {
  background: var(--scrollbar-bg-color);
}

/* ---------------------------------------------------
    Home Page Quick Nav
----------------------------------------------------- */
#homepage .sidebar {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1040;
  top: 0;
  left: 0;
  background-color: var(--white);
  overflow-x: hidden;
  transition: 0.9s;
  box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
}

#homepage .sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

#homepage .sidebar li {
  display: inline-block;
  float: left;
  width: 100%;
}

#homepage .sidebar li:hover {
  background: #f8f9fa;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}

#homepage .sidebar li:last-child:hover {
  background-color: transparent;
  box-shadow: none;
}

#homepage .sidebar a {
  display: block;
  padding: 0 10px;
  line-height: 50px;
  font-size: var(--font-size-primary);
  float: left;
  width: 100%;
  text-decoration: none;
}

#homepage .sidebar span {
  display: block;
  width: 30px;
  height: 30px;
  float: left;
  margin-right: 20px;
  padding: 0 5px;
}

#homepage .sidebar .nav-icon {
  fill: #0d3f68;
  width: 100%;
  height: inherit;
}

#homepage .sidebar .header {
  background-color: #f8f9fa;
  padding: 30px 15px;
  text-align: center;
}

#homepage .sidebar .header h4 {
  margin-bottom: 0;
}

#homepage .sidebar .closebtn {
  position: absolute;
  z-index: 1041;
  background-color: transparent;
  top: 5px;
  right: 5px;
  display: block;
  text-align: right;
}

#homepage .sidebar .closebtn .nav-link-icon {
  width: 10px;
  height: 10px;
  fill: #0d3f68;
}

#homepage .force-overflow {
  height: 100%;
}

#homepage .openbtn {
  cursor: pointer;
  background-color: #0d3f68;
  padding: 10px 15px;
  border: none;
  position: fixed;
  z-index: 1041;
  top: 10px;
  left: 0;
}

#homepage .openbtn .nav-link-icon {
  width: 20px;
  height: 20px;
  fill: var(--white);
}

#homepage .openbtn:hover {
  background-color: #f15a29;
}

#homepage #main {
  transition: margin-left 0.5s;
  width: 100%;
}

.btn-primary:not(:disabled):not(.disabled).active .nav-link-icon,
.btn-primary:not(:disabled):not(.disabled):active .nav-link-icon,
.show > .btn-primary.dropdown-toggle {
  fill: #f15a29;
  outline: none;
  background-color: transparent;
  border-color: transparent;
}

#quick-nav-sec {
  height: 100vh;
  min-height: 100vh;
  width: 320px;
  background: var(--quick-nav-bg-color);
  position: fixed;
  padding-top: 60px;
  left: 0;
  top: 0;
  box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
}

.closebutton-sec {
  position: relative;
  width: 100%;
}

#closebutton {
  position: absolute;
  top: 10px;
  right: 10px;
  left: auto;
}

.company-logo {
  display: block;
  text-align: center;
  margin-top: 40px;
}

.company-logo img {
  width: 100%;
  vertical-align: middle;
}

.centerbox {
  float: right;
  position: relative;
  z-index: 2;
  width: 100%;
  text-align: right;
}

.centerbox .main-form-container {
  float: right;
}

.main-input {
  background: var(--white);
  height: 50px;
  width: 250px;
  border: 1px solid #ced4da;
  margin-bottom: 0px;
  -webkit-appearance: none;
  border-radius: 4px 0px 0px 4px;
  -webkit-border-radius: 4px 0px 0px 4px;
  -moz-border-radius: 4px 0px 0px 4px;
  -o-border-radius: 4px 0px 0px 4px;
  display: inline-block;
  text-align: left;
  padding: 0px 0px 0px 40px;
  border-right: 0px;
  background: var(--white);
  float: left;
}

.search-icon {
  position: absolute;
  top: 14px;
  left: 18px;
}

.search-icon .icon {
  width: 18px;
  height: 18px;
  fill: var(--jasmine-green);
}

.main-location {
  display: none;
}

#main-submit {
  background: var(--jasmine-green);
  color: var(--white);
  display: inline-block;
  text-align: center;
  cursor: pointer;
  margin-bottom: 0px;
  -webkit-appearance: none;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  transition: All 0.3s ease;
  border-radius: 0px 4px 4px 0px;
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  -o-border-radius: 0px 4px 4px 0px;
  width: 80px;
  height: 50px;
  border: 0px;
  padding-top: 0px;
  float: left;
}

#main-submit:hover {
  -webkit-appearance: none;
}

/*#main-submit-mobile {
    display: none;
}*/
.main-btn {
  display: inline-block;
  width: 150px;
  height: 50px;
  border: 1px solid #ced4da;
  padding: 0px;
  position: relative;
  float: left;
  border-right: 0px;
  background: var(--white);
  cursor: pointer;
}

.main-btn.dropdown-toggle::after {
  float: right;
  margin-right: 10px;
}

.search-small {
  font-size: var(--font-size-primary);
  margin: 0px;
  color: var(--bright-star);
  position: absolute;
  top: 6px;
  left: 16px;
  display: inline-block;
  width: 80px;
  height: 20px;
  text-align: left;
}

.search-large {
  margin: 0px;
  position: absolute;
  top: 19px;
  left: 16px;
  display: inline-block;
  width: 105px;
  text-align: left;
}

.main-form-container {
  height: 50px;
  position: relative;
}

ul.search-description {
  width: 150px;
  position: absolute;
  background: var(--white);
  right: 80px;
  top: 50px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  padding: 0px;
  border: 1px solid #ced4da;
  display: none;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
}

ul.search-description li {
  padding: 6px 10px;
  display: block;
  cursor: pointer;
  text-align: left;
}

ul.search-description li:hover {
  background: #feeae5;
}

/* responsive css below */
@media only screen and (max-width: 1100px) {
  .main-input {
    width: 220px;
  }
  .main-btn {
    width: 130px;
  }
}
@media only screen and (max-width: 1000px) {
  .main-input {
    width: 200px;
  }
  .main-btn {
    width: 110px;
  }
  .search-small, .search-large {
    left: 7px;
  }
}
@media only screen and (max-width: 920px) {
  .main-input {
    width: 70%;
  }
  .main-btn {
    width: 30%;
    border-right: 1px solid #ced4da;
  }
  #main-submit {
    float: right;
    margin-top: 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
  }
  .centerbox .main-form-container {
    float: none;
  }
}
.overview .overview-statistics {
  margin-top: -10px;
  padding: 0 0px !important;
}

/*------------------Job Statics------------------*/
.job-statistics {
  width: 100%;
  float: left;
}

.job-statistics ul {
  width: 100%;
}

.job-statistics li {
  float: left;
  width: 25%;
  padding: 0 10px;
}

@media (max-width: 768px) {
  .job-statistics li {
    width: 50%;
    margin-bottom: 15px;
  }
}
@media (max-width: 520px) {
  .job-statistics li {
    width: 100%;
  }
}
.job-statistics li:nth-child(1) .status-card {
  box-shadow: inset 10px 0px 0px 0px #f279bb;
}

.job-statistics li:nth-child(2) .status-card {
  box-shadow: inset 10px 0px 0px 0px #558811;
}

.job-statistics li:nth-child(3) .status-card {
  box-shadow: inset 10px 0px 0px 0px #005ca8;
}

.job-statistics li:nth-child(4) .status-card {
  box-shadow: inset 10px 0px 0px 0px #7f3f62;
}

.job-statistics .status-card {
  float: left;
  width: 100%;
  border: 1px solid #ced4da;
  background-color: var(--white);
  box-shadow: inset 10px 0px 0px 0px #0d3f68;
  padding: 15px;
  padding-left: 20px;
}

.job-statistics .status-numbers {
  font-size: 2rem;
  font-weight: 700;
}

/*--------CANDIDATE applicationForm SCROLL--------*/
.applicationForm {
  height: 70vh;
  overflow-y: scroll;
}

.applicationForm {
  scrollbar-color: #0d3f68 white; /* thumb and track color */
  scrollbar-width: thin;
}

.applicationForm::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.applicationForm::-webkit-scrollbar-track {
  background: transparent;
}

.applicationForm::-webkit-scrollbar-thumb {
  background: #0d3f68;
}

/*--------CANDIDATE PROFILE FILTER DROPDOWN LIST SCROLL--------*/
.jobNotesTab.scrollbar {
  height: 90vh;
  overflow-y: scroll;
}

.jobNotesTab .force-overflow {
  min-height: 450px;
}

.jobNotesTab.scrollbar-primary::-webkit-scrollbar {
  width: 5px;
  height: 3px;
  background-color: #e9ecef;
}

.jobNotesTab.scrollbar-primary::-webkit-scrollbar-thumb {
  border-radius: 30px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #0d3f68;
}

/*--------CANDIDATE PROFILE FILTER DROPDOWN LIST SCROLL--------*/
#quick-nav .force-overflow {
  min-height: 450px;
}

#quick-nav .scrollbar-primary::-webkit-scrollbar {
  width: 5px;
  height: 3px;
  /*background-color: #e9ecef;*/
  background-color: transparent;
}

/*--------CANDIDATE PROFILE FILTER DROPDOWN LIST SCROLL--------*/
#quick-nav-sec .scrollbar {
  overflow-y: scroll;
  height: 100%;
  margin-right: -5px;
  -webkit-box-shadow: inset 50px 0px 0px 0px #f2f2f2;
  -moz-box-shadow: inset 50px 0px 0px 0px #f2f2f2;
  box-shadow: inset 50px 0px 0px 0px #f2f2f2;
}

#quick-nav-sec .force-overflow {
  min-height: 450px;
}

#quick-nav-sec .scrollbar-primary::-webkit-scrollbar {
  width: 5px;
  height: 3px;
  /*background-color: #e9ecef;*/
  background-color: transparent;
}

#quick-nav-sec .scrollbar-primary::-webkit-scrollbar-thumb {
  border-radius: 30px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #0d3f68;
}

/*--------CANDIDATE PROFILE FILTER DROPDOWN LIST SCROLL--------*/
.filter-option .scrollbar {
  height: 500px;
  overflow-y: scroll;
}

.filter-option .force-overflow {
  min-height: 450px;
}

.filter-option .scrollbar-primary::-webkit-scrollbar {
  width: 5px;
  height: 3px;
  background-color: #e9ecef;
}

.filter-option .scrollbar-primary::-webkit-scrollbar-thumb {
  border-radius: 30px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #0d3f68;
}

/*--------CANDIDATE PROFILE FILTER DROPDOWN LIST SCROLL--------*/
.sending-emails.scrollbar {
  height: 250px;
  overflow-y: scroll;
}

.sending-emails.force-overflow {
  min-height: 450px;
}

.sending-emails.scrollbar-primary::-webkit-scrollbar {
  width: 5px;
  height: 3px;
  background-color: #e9ecef;
}

.sending-emails.scrollbar-primary::-webkit-scrollbar-thumb {
  border-radius: 30px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #0d3f68;
}

/* ---------------------------------------------------
   CUSTOME  Task Table .scrollbar
----------------------------------------------------- */
.task-table h4 {
  padding: 15px;
}

.task-table .table {
  margin-bottom: 0;
}

.task-table .scrollbar {
  max-height: 450px;
  min-height: 450px;
  overflow-y: scroll;
}

.task-table .force-overflow {
  min-height: 300px;
}

.task-table .scrollbar-notes {
  max-height: 500px;
  min-height: 500px;
  overflow-y: scroll;
}

.task-table .scrollbar-primary::-webkit-scrollbar {
  width: 5px;
  height: 3px;
  background-color: #e9ecef;
}

.task-table .scrollbar-primary::-webkit-scrollbar-thumb {
  border-radius: 30px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #0d3f68;
}

/*--------dropdown-menu SCROLL--------*/
.dropdown-menu .scrollbar {
  max-height: 300px;
  overflow-y: scroll;
}

.dropdown-menu .force-overflow {
  min-height: 300px;
}

.dropdown-menu .scrollbar-primary::-webkit-scrollbar {
  width: 5px;
  height: 3px;
  background-color: #e9ecef;
}

.dropdown-menu .scrollbar-primary::-webkit-scrollbar-thumb {
  border-radius: 30px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #0d3f68;
}

.dropdown-menu .dropdown-item {
  background: var(--white);
  white-space: normal;
}

.dropdown-item.active, .dropdown-item:active {
  color: #212529;
}

/*--------CANDIDATE candidate Tab More DROPDOWN LIST SCROLL--------*/
.condidateMoretabs {
  height: 100vh;
  overflow-y: scroll;
}

.condidateMoretabs::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  background-color: #e9ecef;
}

.condidateMoretabs::-webkit-scrollbar-thumb {
  border-radius: 30px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  -o-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #0d3f68;
}

/*--------home page side navigation / quick nav--------*/
#mySidebar .scrollbar {
  height: 100vh;
  width: 100%;
  overflow-y: scroll;
  -webkit-box-shadow: inset 50px 0px 0px 0px #f8f9fa;
  -moz-box-shadow: inset 50px 0px 0px 0px #f8f9fa;
  box-shadow: inset 50px 0px 0px 0px #f8f9fa;
}

#mySidebar .force-overflow {
  min-height: 450px;
  padding-top: 60px;
}

#mySidebar #homepage-quickmenu::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

#mySidebar #homepage-quickmenu::-webkit-scrollbar {
  width: 5px;
  height: 3px;
  background-color: #e9ecef;
}

#mySidebar #homepage-quickmenu::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
.user_wrapper {
  display: flex;
  align-items: stretch;
}

#closebutton {
  position: absolute;
  top: 10px;
  right: 10px;
  left: auto;
}

.company-logo {
  display: block;
  text-align: center;
  margin-top: 40px;
}

.company-logo img {
  vertical-align: baseline;
}

.table {
  font-size: var(--font-size-primary);
}

.table .intro {
  position: fixed;
  top: 70px;
  z-index: 1;
  display: table;
  width: 83.8%;
}

@media (max-width: 1870px) {
  .table .intro {
    width: 83.3%;
  }
}
@media (max-width: 1800px) {
  .table .intro {
    width: 82.5%;
  }
}
@media (max-width: 1700px) {
  .table .intro {
    width: 81.5%;
  }
}
@media (max-width: 1650px) {
  .table .intro {
    width: 81%;
  }
}
@media (max-width: 1600px) {
  .table .intro {
    width: 80.5%;
  }
}
@media (max-width: 1500px) {
  .table .intro {
    width: 79.5%;
  }
}
@media (max-width: 1400px) {
  .table .intro {
    width: 78.5%;
  }
}
@media (max-width: 1366px) {
  .table .intro {
    width: 77%;
  }
}
@media (max-width: 1310px) {
  .table .intro {
    width: 76%;
  }
}
@media (max-width: 1260px) {
  .table .intro {
    width: 75%;
  }
}
@media (max-width: 1200px) {
  .table .intro {
    width: 74%;
  }
}
@media (max-width: 1166px) {
  .table .intro {
    width: 73%;
  }
}
@media (max-width: 1100px) {
  .table .intro {
    width: 72%;
  }
}
@media (max-width: 1050px) {
  .table .intro {
    width: 70%;
  }
}
@media (max-width: 980px) {
  .table .intro {
    width: 70%;
  }
}
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: var(--jasmine-green);
  background-color: var(--jasmine-green);
}

.table .thead-dark th {
  background-color: #0d3f68;
  border-color: #0d3f68;
}

.table .id {
  width: 50px;
}

.table .nav-icon {
  fill: var(--white);
  height: 16px;
  width: 16px;
  cursor: pointer;
}

.table .sort-icon {
  fill: var(--white);
  height: 10px;
  width: 10px;
  cursor: pointer;
}

.table .sort svg {
  height: 15px;
  width: 15px;
  cursor: pointer;
}

.table .sort .sort-active {
  fill: #f15a29 !important;
}

.table .sort .sort-deactive {
  fill: #9f9fa9 !important;
}

.table .nav-icon-calendar {
  fill: var(--candidate-listing-calendar-svg-fill-color);
  height: 20px;
  width: 20px;
  cursor: pointer;
}

.table .dropdown-menu {
  padding: 0;
  box-shadow: -10px 10px 11px -10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: -10px 10px 11px -10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -10px 10px 11px -10px rgba(0, 0, 0, 0.3);
  border-radius: 0;
}

.table .dropdown-item {
  padding: 0.8rem 1.2rem;
  border-bottom: 1px solid var(--bright-star);
}

.table i {
  font-style: normal;
}

#collapseMore::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

#collapseMore::-webkit-scrollbar-track {
  background: white;
}

#collapseMore::-webkit-scrollbar-thumb {
  background: #0d3f68;
}

#collapseMore .close-details {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1060;
}

#collapseMore .card {
  border: 0;
  /* height: 100vh;*/
}

#collapseMore .close-icon {
  fill: #0d3f68;
  width: 15px;
  height: 15px;
}

#collapseMore .card-herder {
  padding-bottom: 10px;
  border-bottom: 1px solid #ced4da;
  margin-bottom: 50px;
}

#collapseMore h3 {
  font-weight: 700;
}

#collapseMore h5 {
  margin-bottom: 0;
}

#collapseMore .table-job-info {
  position: relative;
}

#collapseMore .table-job-info th {
  font-weight: 300;
  width: 40%;
}

#collapseMore .table-job-info th:after {
  content: ":";
}

.table-success, .table-success > td, .table-success > th {
  background: rgba(63, 195, 128, 0.1);
  border: 0;
}

.table-primary, .table-primary > td, .table-primary > th {
  background: rgba(0, 42, 68, 0.1);
  border: 0;
}

.table-danger, .table-danger > td, .table-danger > th {
  background: rgba(220, 53, 69, 0.1);
  border: 0;
}

.table-warning, .table-warning > td, .table-warning > th {
  background: rgba(241, 90, 41, 0.1);
  border: 0;
}

.table-success p {
  color: var(--jasmine-green);
  border: 0;
}

.table-primary p {
  color: #0d3f68;
  border: 0;
}

.table-danger p {
  color: #dc3545;
  border: 0;
}

.table-warning p {
  color: #f15a29;
  border: 0;
}

.table .datepicker-box {
  position: relative;
}

.table .datepicker:focus {
  box-shadow: none;
  background-color: transparent;
}

@media (max-width: 768px) {
  .table select {
    width: 45% !important;
  }
  .table .datepicker {
    width: 63% !important;
    padding-right: 20px;
  }
  .addJobPostJob .table select {
    width: 86% !important;
    margin-right: 0 !important;
    margin-bottom: 5px;
  }
  .postjobForm .close-date {
    padding-left: 0 !important;
    text-align: center;
  }
}
@media (max-width: 580px) {
  .table select {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 5px;
  }
  .table .datepicker {
    width: 100% !important;
    padding-right: 20px;
  }
}
.table select {
  float: left;
  width: auto;
  margin-right: 2%;
  background: transparent;
  border: 0;
}

.table .datepicker {
  position: relative;
  z-index: 1;
  height: 20px;
  width: 75%;
  background: transparent;
  border: 0;
}

.table .close-datepicker {
  width: 100%;
}

.table .calendar-icon {
  position: absolute;
  right: 3px;
  top: 3px;
  width: 23px;
  height: 48px;
  fill: #2EA3D9;
}

.table p {
  font-weight: 700;
  font-style: italic;
  margin-bottom: 0;
}

.filter-option {
  float: left;
  margin-right: 20px;
  position: relative;
}

.filter-option .card-body {
  padding: 0;
}

.filter-option .btn {
  width: 300px;
  text-align: left;
  font-size: var(--font-size-primary);
  line-height: 1.8;
}

.filter-option .btn.btn_AllCandidates::after {
  display: inline-block;
  margin-left: 0.255em;
  margin-top: 10px;
  float: right;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.filter-option .link-icon {
  width: 30px;
  height: 25px;
  float: right;
}

.filter-option #filtercollapse {
  max-width: 300px;
  position: absolute;
  z-index: 1000;
}

.filter-option #filtercollapse .candidate-list {
  border-bottom: 1px solid #ced4da;
  padding: 0.8rem;
  float: left;
  width: 100%;
  background: url("../img/right-arrow.svg");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: 95% 50%;
}

.filter-option #filtercollapse .candidate-list:last-child {
  border-bottom: 0;
}

.filter-option #filtercollapse .candidate-list:hover, .filter-option #filtercollapse .candidate-list:focus, .filter-option #filtercollapse .candidate-list:visited, .filter-option #filtercollapse .candidate-list:active, .filter-option #filtercollapse .candidate-list.active {
  background-color: #feeae5;
}

.filter-option .dropdown-item {
  padding: 0.8rem 0.6rem !important;
}

.filter-option ul {
  list-style-type: none;
  float: left;
  margin-bottom: 0;
}

.filter-option ul li {
  float: left;
  margin-right: 10px;
  font-size: var(--font-size-primary);
}

.filter-option ul li .nav-link-icon {
  width: 15px;
  height: 15px;
}

.filter-option ul li:last-child {
  margin-right: 0px;
}

@media (max-width: 768px) {
  .filter-option {
    width: 100%;
  }
  .filter-option .btn {
    width: 100%;
  }
}
/*------------------ui-switcher------------------*/
.ui-switcher {
  background-color: #dc3545;
  display: inline-block;
  height: 26px;
  width: 50px;
  border-radius: 50px;
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  margin: -2px 4px 0 0;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15);
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  transition: All 0.3s ease;
}

.ui-switcher:before, .ui-switcher:after {
  top: 2px;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  font-size: 1rem;
  font-weight: 600;
  display: inline-block;
  position: absolute;
  text-align: center;
  transition: left 0.25s;
  line-height: 22px;
  color: var(--white);
}

.ui-switcher[aria-checked=false]:before {
  content: "NO";
  right: 4px;
}

.ui-switcher[aria-checked=true]:before {
  content: "YES";
  left: 4px;
}

.ui-switcher[aria-checked=true] {
  background-color: var(--jasmine-green);
}

.ui-switcher:after {
  background: white;
}

.ui-switcher[aria-checked=false]:after {
  left: 1px;
  content: "x";
  color: #c14940;
  font-size: 1.8rem;
}

.ui-switcher[aria-checked=true]:after {
  right: 1px;
  content: "✓";
  color: var(--jasmine-green);
  font-size: 1.8rem;
}

/*------------------Candidate ui-switcher------------------*/
.condidateMoretabs .candidate-switcher {
  text-align: center;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.condidateMoretabs .ui-switcher {
  background-color: #0d3f68;
  display: inline-block;
  height: 36px;
  width: 80px;
  border-radius: 50px;
  box-sizing: border-box;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  margin: -2px 4px 0 0;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15);
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  transition: All 0.3s ease;
}

.condidateMoretabs .ui-switcher:before, .condidateMoretabs .ui-switcher:after {
  top: 2px;
  font-size: var(--font-size-primary);
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  text-align: center;
  transition: left 0.25s;
  line-height: 30px;
  color: var(--white);
}

.condidateMoretabs .ui-switcher[aria-checked=false]:before {
  content: "Right";
  right: 5px;
  width: 100%;
  padding-left: 30px;
}

.condidateMoretabs .ui-switcher[aria-checked=true]:before {
  content: "Left";
  left: 5px;
  width: 100%;
  padding-right: 30px;
}

.condidateMoretabs .ui-switcher[aria-checked=true] {
  background-color: #f15a29;
}

.condidateMoretabs .ui-switcher:after {
  background: white;
}

.condidateMoretabs .ui-switcher[aria-checked=false]:after {
  left: 5px;
  content: "";
  color: #c14940;
  font-size: 1.8rem;
  width: 20px;
  height: 20px;
  top: 20%;
}

.condidateMoretabs .ui-switcher[aria-checked=true]:after {
  right: 5px;
  top: 20%;
  content: "";
  color: var(--jasmine-green);
  font-size: 1.8rem;
  width: 20px;
  height: 20px;
}

.notes {
  text-align: justify;
}

.notes textarea.form-control {
  border-color: var(--jasmine-green);
  background: rgba(63, 195, 128, 0.1);
}

.notes .submit {
  padding: 0;
  float: right;
  outline: none;
}

.notes .submit:hover, .notes .submit:focus, .notes .submit:active, .notes .submit:visited {
  outline: none;
  box-shadow: none;
}

.notes .submit-tick {
  width: 27px;
  height: 27px;
  fill: var(--jasmine-green);
}

.notes .submit-tick :hover, .notes .submit-tick :focus, .notes .submit-tick :active, .notes .submit-tick :visited {
  fill: var(--jasmine-green);
}

.notes .short {
  height: 40px;
  overflow: hidden;
}

.notes .full {
  height: auto;
}

.notes .notes-body p:last-child {
  margin-bottom: 0;
}

.notes .notes-body .action {
  float: left;
  width: 100%;
}

.notes .notes-body .btn {
  padding: 0;
  float: right;
  outline: none;
}

.notes .notes-body .btn-priview {
  padding: 0.375rem 0.75rem;
  float: left;
}

.notes .notes-body .show-more {
  padding: 0;
  float: right;
}

.notes .notes-body .more-icon {
  width: 24px;
  height: 24px;
  fill: #0d3f68;
}

.notes .notes-body .buttonclose {
  display: none;
}

.notes .notes-body .buttonclose .more-icon {
  width: 12px;
  height: 12px;
}

.notes .notes-body .readless .show-more {
  display: none;
}

.notes .notes-body .readless .buttonclose {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
}

textarea.form-control {
  height: 150px;
}

label {
  line-height: 20px;
  font-weight: 400;
  /*text-transform: capitalize;*/
}

.statusLable label {
  background-color: var(--input-bg-color) !important;
  border: 1px solid #177e9c !important;
  line-height: 36px;
  text-align: left;
}

.statusLable label svg {
  width: 15px;
  height: 15px;
  float: right;
  margin-top: 10px;
}

.table-row-lock svg {
  width: 15px;
  height: 15px;
  margin-left: 0px !important;
}

.upload-box .btn-file {
  position: relative;
  cursor: pointer;
  width: 130px !important;
  line-height: 34px;
}

.upload-box .btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  outline: none;
  background: #dc3545;
  cursor: inherit;
  display: block;
}

.collaps_tabs .nav-item {
  padding: 0 10px;
  font-weight: 700;
}

.collaps_tabs .nav-item :focus, .collaps_tabs .nav-item :hover, .collaps_tabs .nav-item :visited, .collaps_tabs .nav-item :active, .collaps_tabs .nav-item .active {
  color: #f15a29;
  border-bottom: 2px solid #f15a29 !important;
  background-color: transparent;
  border-color: transparent;
}

.collaps_tabs .nav-item:first-child {
  padding-left: 0;
}

.collaps_tabs .nav-item:last-child {
  padding-right: 0;
}

.collaps_tabs .tab-pane .container-fluid {
  padding: 0 30px;
}

.collaps_tabs .tab-pane .tab-content {
  /*background: $tab-card-bg-color;*/
  /*background: $body-bg-color;*/
  background: var(--add-job-tab-fieldset-info-bg-color);
  border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px;
  -o-border-top-left-radius: 0px;
  border-right-left-radius: 0px;
  -webkit-border-right-left-radius: 0px;
  -moz-border-right-left-radius: 0px;
  -o-border-right-left-radius: 0px;
}

.collaps_tabs .tab-pane .tab-content form .section {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  padding: 40px;
}

.collaps_tabs .tab-pane .tab-content form .section:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.collaps_tabs .tab-pane .tab-content form .btn.btn-info.btn_uploaddocument {
  height: 46px;
  width: 100%;
}

.collaps_tabs .tab-pane .location-input {
  padding-right: 5%;
}

.tab-content .tab-heading {
  background: #002a44;
  color: var(--white);
  padding: 30px;
  margin-bottom: 30px;
}

.collaps_tabs .tab-pane .tab-heading {
  background: #0d3f68;
  color: var(--white);
  padding: 30px;
}

.collaps_tabs .tab-pane .tab-heading h2, .collaps_tabs .tab-pane .tab-heading p {
  display: block;
  width: 100%;
  margin-bottom: 0;
}

/* ---------------------------------------------------
   User Home Content
----------------------------------------------------- */
.user_home_content {
  padding: 30px;
}

.user_home_content ul li {
  float: left;
  width: 20%;
  padding: 0 10px;
}

@media only screen and (min-width: 667px) and (max-width: 980px) {
  .user_home_content ul li {
    width: 33% !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 666px) {
  .user_home_content ul li {
    width: 50% !important;
  }
}
@media (max-width: 479px) {
  .user_home_content ul li {
    width: 100% !important;
  }
  .user_home_content .user_tab_hover .user_tab_Card {
    height: auto !important;
    margin-bottom: 10px;
  }
}
@media (max-width: 1024px) {
  .user_home_content ul li .user_icon {
    width: 50px;
    height: 50px;
  }
  .user_home_content ul li h5 {
    font-size: 1rem;
  }
  .user_home_content .user_tab_hover .user_tab_Card {
    padding: 1rem;
  }
}
.user_home_content .user_tab_hover .user_tab_Card {
  margin-bottom: 30px;
  text-align: center;
  height: 250px;
  padding: 1rem;
  transition: transform 0.5s;
}

.user_home_content .user_tab_hover .user_tab_Card:hover {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  z-index: 999;
}

.user_home_content .user_tab_hover .card-title {
  margin-bottom: 0.2rem;
  color: var(--system-tiles-color);
}

.user_home_content .user_tab_hover .card-body {
  padding: 0;
}

.user_home_content .user_tab_hover p {
  line-height: 18px;
  margin-bottom: 0;
}

@media only screen and (min-width: 812px) and (max-width: 1170px) {
  .user_home_content .user_tab_hover p {
    line-height: 14px;
    font-size: 1.1rem;
  }
}
.card-img-top {
  margin-bottom: 20px;
}

.user_home_content .user_tab_hover .user_tab_Card .card-img-top {
  margin-bottom: 10px;
}

.user_tab_Card:hover {
  cursor: pointer;
}

.user_icon {
  transition: all 800ms ease-in-out;
  width: 70px;
  height: 70px;
  margin: 0 auto;
}

.svg-icon {
  fill: var(--svg-icon-fill-color);
  height: 20px;
  width: 20px;
  cursor: pointer;
}

.user_tab_hover .user_tab_Card:hover .user_icon {
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.user_tab_hover .user_tab_Card {
  position: relative;
  overflow: hidden;
}

.user_tab_hover .user_tab_Card::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.user_tab_hover .user_tab_Card:hover::before {
  -webkit-animation: shine 0.75s;
  animation: shine 0.75s;
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
/* ---------------------------------------------------
   Pagination
----------------------------------------------------- */
.user_table thead {
  background: #0d3f68;
  color: white;
}

.user_table .table-responsive {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
}

.user_table .table-responsive .custom-control {
  padding-left: 0;
}

.user_table .table-responsive .custom-control-label::before {
  left: 0;
}

.user_table .table-responsive .custom-control-label::after {
  left: 0;
}

.user_table .user_pagination .showing_result {
  float: left;
}

.user_table .user_pagination .showing_result p {
  font-size: var(--font-size-primary);
  margin-bottom: 0;
  line-height: 42px;
}

.user_pagination svg {
  height: 15px;
  width: 10px;
  position: relative;
  top: -2px;
}

.user_table .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #f15a29;
}

.user_table .user_right_menu {
  text-align: right;
}

.user_table .user_right_menu .navbar-expand-md {
  padding: 0;
}

.user_table .user_right_menu .navbar-expand-md .navbar-nav li {
  width: auto;
  padding: 0 5px;
}

.user_table .user_right_menu .navbar-expand-md .navbar-nav li .btn:hover .nav-icon {
  fill: var(--white);
}

.user_table .user_right_menu .navbar-expand-md .navbar-nav .add {
  border: 1px solid #212529;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
  padding: 0.15rem 0.75rem;
}

.user_table .user_right_menu .navbar-expand-md .navbar-nav .add .nav-icon {
  width: 22px;
  height: 22px;
  border: 0;
  fill: #212529;
}

.user_table .user_right_menu .navbar-expand-md .navbar-nav .nav-icon {
  width: 30px;
  height: 30px;
  padding: 5px;
  border: 1px solid #212529;
  fill: #212529;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
}

/*html, body {
  height: 100%;
}*/
/*.container_mian {
  padding: 0 15px;
}*/
.container_mianhide {
  padding: 0 10px;
}

.page-heading {
  margin: 30px 0;
  width: 100%;
}

.page-heading h1 {
  font-size: 3rem;
}

.page-heading small {
  text-transform: lowercase;
}

.graph-mian {
  width: 100%;
  float: left;
}

.graph-mian img {
  width: 100%;
}

/* ---------------------------------------------------
   dropdown menu
----------------------------------------------------- */
.dropdown-menu {
  top: 90%;
  width: 240px;
  padding: 0;
  box-shadow: -10px 10px 11px -10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: -10px 10px 11px -10px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -10px 10px 11px -10px rgba(0, 0, 0, 0.3);
  border-radius: 0;
  z-index: 1020;
}

.dropdown-menu .dropdown-item {
  padding: 0.8rem 1.2rem;
  border-bottom: 1px solid var(--bright-star);
  float: left;
  width: 100%;
}

.dropdown-menu .dropdown-item::first-letter {
  text-transform: capitalize;
}

/* ---------------------------------------------------
   User Page Title
----------------------------------------------------- */
.user_pagetitle {
  text-align: left;
  color: var(--page-title-color);
  margin-bottom: 20px;
  text-transform: capitalize;
}

.user_pagetitle h3 {
  margin-bottom: 0;
  font-weight: var(--label-font-weight);
}

/* Show it is fixed to the top */
.page-next-previous {
  width: 100%;
  float: left;
  margin-top: 20px;
}

.advertisejob {
  padding-top: 40px;
  padding-bottom: 40px;
}

.advertisejob ul {
  margin: 20px 0 0 0;
  padding: 0;
  display: block;
}

.advertisejob ul li {
  float: left;
  list-style-type: none;
  margin-right: 50px;
}

.advertisejob ul li label {
  float: left;
  margin-right: 10px;
}

.jobapproval .badge {
  margin-top: 20px;
  padding: 0.5em 0.8em;
  font-size: var(--font-size-primary);
}

.jobapproval .badge i {
  margin-right: 5px;
}

.attacheddocuments .badge {
  margin-top: 0;
  margin-right: 5px;
  padding: 0.5em 0.8em;
  font-size: var(--font-size-primary);
}

.attacheddocuments .badge:last-child {
  margin-right: 0px;
}

.mandatory-sign-off {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  text-align: center;
}

.mandatory-sign-off img {
  height: inherit;
}

/*------------------job_access------------------*/
.job_access {
  display: block;
  padding: 30px;
}

.job_access .job_accessers {
  padding: 50px;
}

.job_access .job_accessers .directory {
  padding-top: 20px;
}

.job_access .job_accessers .directory .members {
  padding: 0 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  min-height: 250px;
  overflow-y: scroll;
}

.job_access .members {
  padding: 0 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.job_access .members .member_list {
  padding: 15px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.job_access .members .member_list:last-child {
  border-bottom: 0;
}

.job_access .members .user-add a {
  text-align: right;
  display: block;
  width: 100%;
  line-height: 50px;
  color: var(--jasmine-green);
  text-decoration: none;
}

.job_access .members .user-add a i {
  color: var(--jasmine-green);
}

.job_access .members .user-add a i.fa-close {
  color: #212529;
}

.job_access .job_accessers .jobAccess {
  padding-top: 20px;
}

.job_access .interview_details .section {
  padding: 20px 50px 0px 50px;
}

/* ---------------------------------------------------
   Advert Tabs
----------------------------------------------------- */
.advert-tabs {
  position: relative;
}

.advert-tabs .container-fluid {
  padding: 0 15px !important;
}

.advert-tabs .card {
  padding: 15px 30px;
  width: 100%;
  margin-bottom: 10px;
  float: left;
}

.advert-tabs .card a {
  color: #000000;
  text-decoration: none;
  font-size: 1.8rem;
  line-height: 24px;
  display: block;
}

.advert-tabs .card a[aria-expanded=true] {
  background-color: transparent;
  border-color: none;
}

.advert-tabs .card .card-header {
  padding: 0.75rem 0;
  margin-bottom: 0;
  background-color: var(--white);
  border-bottom: 0px;
}

.advert-tabs .card .card-body {
  padding: 0;
}

.advert-tabs .tab-content {
  background: #f8f9fa !important;
  padding-bottom: 0;
}

.advert-tabs .tab-pane .container-fluid {
  padding: 0 15px !important;
}

.second-stage {
  padding: 10px 0;
  text-align: center;
}

.hide-apply {
  text-align: right;
  float: right;
  /*margin-top: 18px;*/
}

@media only screen and (max-width: 1024px) {
  .collaps_tabs .tab-pane .tab-content form label {
    text-align: left;
    margin-bottom: 10px;
  }
  .second-stage {
    margin: 0;
  }
  .collaps_tabs .nav-tabs .nav-item {
    margin-bottom: 0px;
    padding: 0;
    position: relative;
  }
  .hide-apply {
    text-align: left;
    float: left;
    margin: 0 0 20px 0;
  }
}
@media only screen and (max-width: 768px) {
  .ngx-dropdown-container .ngx-dropdown-button, .switch.switch-icon.switch-pill {
    margin-bottom: 10px !important;
  }
  .collaps_tabs .tab-pane .tab-content form label {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 980px) {
  .job_access .interview_details .section {
    padding: 0px;
  }
  .job_access .job_accessers {
    padding: 15px;
  }
}
@media only screen and (max-width: 850px) {
  .collaps_tabs .nav-tabs .nav-item {
    margin-bottom: 0px;
    padding: 0;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid var(--white);
  }
}
@media only screen and (max-width: 680px) {
  .advertisejob ul li {
    width: 100%;
    margin-bottom: 20px;
  }
}
.closebtn {
  background: #000000;
  width: 20px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  font-weight: bold;
  padding: 0;
  text-align: center;
  color: var(--white);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  display: block;
  top: -10px;
  left: -10px;
}

.closebtn :hover, .closebtn :focus, .closebtn :visited {
  color: var(--white);
  text-decoration: none;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#user_content {
  padding: 0 15px;
  min-height: 100vh;
  transition: all 0.3s;
  width: 100%;
  position: relative;
}

#wrapper {
  padding-right: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper.toggled {
  padding-left: 250px;
}

#page-content-wrapper {
  width: 100%;
  position: absolute;
  padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-left: 0px;
}

@media (min-width: 768px) {
  #wrapper {
    padding-left: 0;
  }
  #wrapper.toggled {
    padding-left: 250px;
  }
  /*moved to _left-manu file*/
  #sidebar-wrapper {
    width: 0;
  }
  #wrapper.toggled #sidebar-wrapper {
    width: 250px;
  }
  #page-content-wrapper {
    padding: 20px;
    position: relative;
  }
  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
  }
}
#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  left: 250px;
  width: 0;
  height: 100%;
  margin-left: -250px;
  overflow-y: auto;
  background: #000;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
  width: 250px;
}

#page-content-wrapper {
  width: 100%;
  position: absolute;
  padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
  position: absolute;
  margin-left: 0px;
}

.fa-caret-right {
  transition: all 0.4s ease;
}

.active .fa-caret-right {
  transform: rotate(90deg);
}

.panel-title a {
  text-decoration: none;
}

.search_list .search_header {
  background-color: #e5f6fb;
  padding: 0.75rem 1.25rem;
}

.search_list .search_header p {
  margin-bottom: 0;
}

.search_list .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #f15a29;
}

.pincard-checked {
  background-color: #e5f6fb;
}

.d-none {
  display: none;
}

.mt-3 {
  margin-top: 30px !important;
}

.add_job_notab {
  padding: 30px;
}

.add_job_notab {
  padding: 30px;
}

.ngx-dropdown-container .ngx-dropdown-button {
  min-height: 44px !important;
}

.setDropdownPosition app-ngx-select-dropdown .ngx-dropdown-list-container {
  position: relative !important;
}

.security_role:hover {
  background: var(--application-template-bg-color-hover);
  color: var(--security-role-hover-color);
}

.security_role:hover label {
  color: var(--security-role-hover-color);
}

.sidebarAlter {
  max-width: 100% !important;
}

[dropdown] {
  position: relative;
}

/*.main_wrapper {
  display: flex;
  width: 100%;
}*/
#inner_wrapper {
  padding: 15px;
  padding-left: 240px;
  transition: all 0.9s;
  width: 100%;
  position: relative;
}

.fullWrapper {
  padding-left: 60px !important;
}

.page_content {
  padding: 30px;
}

.candidateStatuses .ngx-dropdown-container .ngx-dropdown-button {
  background-color: #0d3f68 !important;
  border-color: #0d3f68 !important;
  color: var(--white) !important;
}

.svg_icon {
  width: 20px;
  height: 20px;
}

.btn-icon-white, .btn-icon-dark {
  width: 20px;
  height: 20px;
}

.btn-icon-white {
  fill: var(--white);
}

.btn-icon-dark {
  fill: #0d3f68;
}

.rating {
  list-style-type: none;
  float: left;
}

.rating ul li {
  float: left;
  margin-right: 2px;
  padding: 0;
  width: auto;
}

.rating ul a .svg_icon, .rating ul .svg_icon {
  width: 15px;
  height: 15px;
  fill: #ababab;
}

.rating ul :hover .svg_icon, .rating ul :focus .svg_icon, .rating ul :active .svg_icon, .rating ul :visited .nav-link-icon, .rating ul .rated .svg_icon {
  width: 18px;
  height: 18px;
  fill: #FAC917;
}

.custom-icon30 {
  max-height: 30px !important;
  max-width: 30px !important;
}

.custom-icon20 {
  max-height: 20px !important;
  max-width: 20px !important;
}

.custom-icon15 {
  max-height: 15px !important;
  max-width: 15px !important;
}

.custom-icon40 {
  max-height: 40px !important;
  max-width: 40px !important;
}

.custom-icon10 {
  max-height: 10px !important;
  max-width: 10px !important;
}

.status-title {
  position: relative;
  float: left;
  width: 100%;
  display: flex;
}

.status-title span.item-name {
  width: 80%;
}

.status-title span.item-action {
  position: absolute;
  right: 0;
  width: 20%;
  padding: 16px 5px;
  text-align: center;
  height: 30px;
}

as-split-area .status-title span.item-name {
  width: 90%;
}

as-split-area .status-title span.item-action {
  width: 10%;
}

@media (max-width: 1366px) {
  .status-title span.item-name {
    width: 85%;
  }
  .status-title span.item-action {
    width: 15%;
  }
}
.status-title span.item-action .menu-icon {
  margin: 0 auto;
}

.nav-tabs .nav-item {
  position: relative;
}

.custom_tabs .fade:not(.show) {
  opacity: 1;
}

.custom_tabs .nav-tabs li {
  float: left;
  border-top: 0px !important;
  border: 1px solid #ced4da;
  background-color: transparent;
  box-shadow: inset 10px 0px 0px 0px #0d3f68;
  padding: 15px;
  padding-left: 20px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
}

.custom_tabs .nav-tabs li:hover, .custom_tabs .nav-tabs li:active, .custom_tabs .nav-tabs li.active, .custom_tabs .nav-tabs li:focus, .custom_tabs .nav-tabs li:visited {
  background-color: var(--white);
  box-shadow: inset 10px 0px 0px 0px #f15a29;
}

.svg-completed {
  max-height: 16px !important;
  max-width: 16px !important;
  fill: var(--jasmine-green);
  margin-left: 5px;
}

.Incorrect .svg-completed {
  fill: #f15a29;
}

/*--==============report-statistics==================--*/
.report-statistics .status-card {
  position: relative;
  min-height: 110px;
}

.report-statistics .status-card .status-icon {
  top: 15px;
  right: 15px;
  position: absolute;
}

.report-statistics .status-card .status-icon .icon {
  width: 50px;
  height: 50px;
  fill: var(--white);
}

form label {
  text-align: right;
}

.btn-info-icon, .btn-info svg {
  fill: #17a2b8;
  width: 15px;
  height: 15px;
}

.btn-info svg {
  fill: var(--white);
  width: 15px !important;
  height: 15px !important;
}

.btn-outline-secondary svg {
  fill: #6c757d;
}

.btn:hover .btn-info-icon, .btn:focus .btn-info-icon, .btn:active .btn-info-icon, .btn.active .btn-info-icon, .btn-outline-secondary:hover svg {
  fill: var(--white);
}

.btn-light svg {
  fill: #212529;
  width: 15px;
  height: 15px;
}

.btn-light:hover svg, .btn-light:focus svg, .btn-light:active svg, .btn-light.active svg {
  fill: #212529;
}

.condidate-card .additionalMenu.additionalp {
  bottom: 10px;
}

@media (max-width: 980px) {
  .condidate-tabs li {
    width: 100%;
  }
}
@media (max-width: 768px) {
  label, form label {
    text-align: left !important;
  }
  .modal-dialog label, form label {
    text-align: left !important;
  }
  .modal-dialog form-body {
    padding: 1rem;
  }
  .form-horizontal {
    padding-top: 0px;
  }
  .form-horizontal.col-lg-12 {
    padding: 0px;
  }
  .form-horizontal.col-lg-12.card {
    padding: 15px;
  }
  .greenRoomManagerCreate img, .greenRoomMediaImagesCreate img, .mediaLibarary_Create img {
    width: 100% !important;
  }
  .user_pagetitle h3 {
    width: 70%;
  }
  .pullright {
    text-align: left !important;
  }
  .mobile-mb {
    margin-bottom: 1.5rem;
  }
  .mobile-mb-1 {
    margin-bottom: 0.5rem;
  }
  .mobile-mt {
    margin-top: 1.5rem !important;
  }
  .addJobAssessment .tab-content.col-md-12.form-group {
    flex: 0 0 70%;
    max-width: 100% !important;
    margin-left: auto;
    margin-right: auto;
  }
  .addJobApprovalForm .col-md-12.mt-4.ml-2 {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto;
  }
  .addJobJobAccess form.ng-valid.ng-touched.ng-dirty {
    max-width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background-color: #f0f9fc;
  }
}
.smartmatch-content .smartmatch-leftnav {
  padding: 0px;
}

.smartmatch-leftcontent {
  padding-left: 30px !important;
}

@media (max-width: 736px) {
  .smartmatch-leftcontent {
    padding-left: 15px !important;
  }
}
.available-items li {
  padding: 0.8rem !important;
  border-bottom: 1px solid #ced4da;
}

.available-items li:hover, .available-items li:visited, .available-items li:focus, .available-items li:active, .available-items li.active {
  background-color: #feeae5;
}

.template_form {
  position: relative;
}

.template_form label {
  text-align: right;
  display: block;
}

.template_form span {
  position: absolute;
  right: 0;
  top: -12px;
  z-index: 9;
}

@media (max-width: 768px) {
  .template_form label {
    text-align: left;
    display: inline-block;
  }
  .template_form span {
    position: relative;
    right: 10px;
    top: 0;
  }
  .addJobApplicationFormTemplateSection .padding-top-left {
    padding-left: 1.5rem;
    padding-top: 1.5rem;
  }
}
#user_footer {
  margin-top: 20px;
  display: none;
}

.footer_logo {
  display: inline-block;
  width: 130px;
}

.footer_logo img {
  width: 100%;
}

.candidateClose {
  position: absolute;
  top: -10px;
  right: -10px;
}

/*--appointment_date_time_form--*/
.appointment_date_time_form .form-horizontal {
  padding-top: 0;
}

.appointment_date_time_form .form-horizontal .wc-date-container {
  display: block;
  width: 100%;
  height: 44px;
  margin-bottom: 0px;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: var(--white);
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.appointment_date_time_form .form-horizontal .wc-date-container span, .appointment_date_time_form .form-horizontal .wc-date-container i {
  color: #495057;
}

.appointment_date_time_form .wc-details, .appointment_date_time_form .year-title {
  background-color: #0d3f68 !important;
}

.appointment_date_time_form .calendar-day:hover > span, .appointment_date_time_form .selected-day > span {
  background-color: #0d3f68 !important;
  color: var(--white);
}

/*--home_search .search-by--*/
.home_search .search-by {
  border-radius: 0;
}

.home_search .search_type {
  padding-left: 34px;
  position: relative;
}

.home_search .search_type::-webkit-input-placeholder { /* Edge */
  color: #dedede;
}

.home_search .search_type:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #dedede;
}

.home_search .search_type::placeholder {
  color: #dedede;
}

.home_search .search-icon {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 9;
}

.available_appontments td span {
  float: left;
}

.available_appontments td span:first-child {
  float: left;
  margin-right: 10px;
}

.available_appontments td span .icon-calander {
  width: 15px;
  height: 15px;
  fill: #0091AE;
}

.action-btns svg {
  width: 15px;
  height: 15px;
  fill: #6c757d;
}

.action-btns .btn {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  padding: 0;
}

.action-btns .btn-outline-secondary:hover svg {
  fill: var(--white);
}

.candidate-thumb {
  font-weight: bold;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  padding: 5px;
  background: #00a1b2;
  color: var(--white);
  text-align: center !important;
}

.grid-control.table th.active, .table th.active {
  -webkit-box-shadow: inset 0px 3px 0px 0px #ff8428, inset 0px -3px 0px 0px #ff8428;
  -moz-box-shadow: inset 0px 3px 0px 0px #ff8428, inset 0px -3px 0px 0px #ff8428;
  box-shadow: inset 0px 3px 0px 0px #ff8428, inset 0px -3px 0px 0px #ff8428;
}

.grid-control.table th {
  background: #0d3f68;
  color: var(--white);
}

.grid-control.table td, .grid-control.table th {
  border-top: 0px;
}

.grid-control.table td .nav-icon-more {
  margin: 0;
}

.grid-control .candidate-name-info {
  clear: both;
}

.grid-control .candidate-name-info .candidate-name-icon {
  white-space: nowrap;
}

.grid-control .candidate-name-info .candidate-thumb {
  padding: 4px !important;
  line-height: 31px;
  height: 40px;
  width: 40px;
  display: inline-block;
}

.grid-control .rating {
  white-space: nowrap;
}

/*--------table-container--------*/
app-question .table-container {
  overflow: auto !important;
  width: 100% !important;
  margin-bottom: 15px !important;
  min-height: 0;
}

@media (max-width: 812px) {
  .table-container {
    max-height: 100%;
  }
}
.table-container th {
  position: sticky;
  top: 0;
  white-space: nowrap;
  background: #177e9c;
  z-index: 1;
}

.table-container .table th {
  background: #0d3f68;
  color: var(--white);
}

.table-container.card {
  box-shadow: none;
  background-color: transparent;
  border: 0;
}

.table-container {
  scrollbar-color: var(--white); /* thumb and track color */
  scrollbar-width: thin;
}

.table-container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.table-container::-webkit-scrollbar-track {
  background: white;
}

#candidateApplicationPerDay .card-aditional {
  position: absolute;
  top: 10px;
  right: 10px;
}

#timeToApprove .card-aditional {
  position: absolute;
  top: 10px;
  right: 10px;
}

app-obstep2 .printSection .preview-Contract table {
  width: 100% !important;
  margin-bottom: 15px;
}

.printSection th, .printSection td {
  border: 1px solid #ccc !important;
  padding: 8px;
}

.printSection h3, .printSection h4 {
  font-weight: 600;
}

.compareShortlisting th, .compareShortlisting td {
  border: 1px solid #ccc !important;
  padding: 8px;
}

.tblassessment {
  border: 1px solid #ccc !important;
  border-collapse: initial !important;
  border-spacing: initial !important;
}

.table-option thead tr th:nth-child(2) {
  min-width: 120px;
}

.candidate-list-dtl .scrollbar, .candidate-list-dtl .pagination-main {
  width: 100%;
  margin-bottom: 10px;
}

.candidate-list-dtl .scrollbar {
  max-height: 88vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.candidate-list-dtl .list-group-item {
  border-radius: 0;
  padding: 0.4rem 0.5rem;
  float: left;
  width: 100%;
}

.candidate-list-dtl ul .badge {
  padding: 0.7em 0.4em;
  font-size: 13px;
}

.nav-item.dropdown.open .nav-link {
  color: #f15a29;
}

.jobnote-table thead {
  background: #0d3f68;
  color: white;
}

.template-name .table tbody th {
  width: 25%;
}

.template-card .card-header {
  font-weight: bold;
}

.template-card .card-title {
  font-weight: bold;
}

.collaps_tabs .tab-pane .tab-content form .btn.btn-primary {
  width: auto !important;
}

.customform-control input[type=file] {
  height: 44px;
  padding: 0 !important;
}

.customform-control input[type=file]::-webkit-file-upload-button {
  height: 44px;
  color: var(--white);
  background-color: #0d3f68 !important;
  border-color: #0d3f68 !important;
}

.customform-control input[type=file]::-ms-browse {
  height: 44px;
  color: var(--white);
  background-color: #0d3f68 !important;
  border-color: #0d3f68 !important;
  float: left;
  left: 0;
}

.creditTypeCard {
  cursor: pointer;
  overflow: auto;
}

#creditType .tile {
  transition: transform 0.2s;
  margin: 0 auto;
  position: relative;
  margin: 8px;
  padding: 0;
}

#creditType .tile:hover, #creditType .tile:focus, #creditType .tile:active, #creditType .tile.active {
  -ms-transform: scale(1.05); /* IE 9 */
  -webkit-transform: scale(1.05); /* Safari 3-8 */
  transform: scale(1.05);
  z-index: 99;
  -webkit-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.66);
  -moz-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.66);
  box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.66);
}

#creditType .tile img {
  width: 100%;
  display: block;
}

.selected {
  background-color: #2ea3d9;
  color: white;
}

.dDesc h3 {
  margin-bottom: 0px;
}

.applyMethod-img img {
  width: 100%;
}

.min-h-100 {
  min-height: 100px;
}

/*----------------------postjobForm----------------------*/
/*----------------start-------------------*/
.postjobForm .close-date {
  padding-left: 11rem;
}

/*.postjobForm .table select {
  width: 100px;
}*/
.table .datepicker {
  width: 100px;
  float: left;
}

.postjobForm .datebox {
  float: left;
  width: 120px;
  position: relative;
}

.postjobForm .datebox .form-control {
  border: 0;
  height: auto;
  padding: 0;
}

/*----------------end-------------------*/
.fade:not(.show) {
  opacity: 1;
}

.modal-backdrop, .modal#imageLibrary, .modal#imagePreview, .modal#textLibrary, #managerLibrary, #keyContactLibrary, #InfoBtnModal, #usefulLinkLibrary, #InfoBtnModal, #usefulLinkLibrary, #add-useful-links, #video-library-modal, #video-library {
  background-color: rgba(0, 0, 0, 0.7);
}

@media (min-width: 1024px) {
  .postjobForm .table-responsive {
    overflow: inherit;
  }
}
.agency-color {
  background: #910163;
}

.external-color {
  background: #00a1b2;
}

.internal-color {
  background: #273071;
}

.normal-color {
  background: #00a1b2;
}

.forward_Options .col-md-3 .card {
  min-height: 300px;
}

.start-datepicker {
  position: relative;
}

.start-datepicker .btn-calendar {
  position: absolute;
  top: -1px;
  border: 0;
  right: 14px;
  z-index: 9;
  height: 100%;
}

.start-datepicker .btn-calendar.focus, .start-datepicker .btn-calendar:focus {
  outline: 0;
  box-shadow: none;
}

.start-datepicker .btn-calendar .svg-icon {
  fill: #495057;
  width: 20px !important;
  height: 20px !important;
}

.table .nav-link-icon {
  width: 20px;
  height: 20px;
}

.auto-complete-copy {
  position: relative;
}

.auto-complete-copy .btn {
  position: absolute;
  top: -30px;
  right: 0;
}

.auto-complete-copy .btn .nav-icon-more {
  width: 15px;
  height: 15px;
  fill: rgba(0, 0, 0, 0.54);
}

#video-library-preview-modal {
  margin-top: 80px;
}

.collapse.in {
  display: block;
}

.shortlist-section {
  position: relative;
}

.shortlist-section input[type=checkbox] {
  position: absolute;
  top: 12px;
  right: 10px;
  z-index: 99;
}

.collapse.in {
  display: block;
}

.grid-control .exclamation_sign, .grid-control .exclamation_sign svg {
  width: 15px;
  height: 15px;
}

.grid-control .nav-icon-view, .grid-control .nav-icon-edit {
  width: 24px;
  height: 20px;
}

.grid-control .accordionArrow {
  width: 15px;
  height: 15px;
}

.grid-control svg {
  margin-left: 5px;
}

.candidatelist-thumb {
  font-weight: bold;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  line-height: 23px;
  margin: 0;
  color: var(--white);
  padding: 6px;
  text-align: center;
}

span.tab a img {
  vertical-align: top;
  margin-right: 5px;
}

.requisition_Mandatory_Users {
  border: 1px solid var(--bright-star);
}

.requisition_Mandatory_Users .top-heading {
  border-left: 1px solid var(--bright-star);
  padding: 0.75rem;
  vertical-align: top;
}

.requisition_Mandatory_Users .top-heading:first-child, .requisition_Mandatory_Users .user_content:first-child {
  border-left: 0;
}

.requisition_Mandatory_Users .user_content {
  border-left: 1px solid var(--bright-star);
  padding: 0.75rem;
  vertical-align: top;
}

.requisition_Mandatory_Users .icon-remove {
  fill: #0d3f68;
  height: 20px;
  width: 20px;
  cursor: pointer;
}

.user_list {
  border-top: 1px solid var(--bright-star);
}

.date-time-cal span {
  line-height: 14px;
  font-size: 1rem;
  text-align: center;
  display: block;
  margin-left: 5px;
}

.note-content-ul {
  float: left;
  margin: 0 !important;
}

.note-content-ul li {
  width: 100%;
  float: left;
}

.start-date-pic .custom-select {
  background: none !important;
}

.table.status_table th:last-child, .table.status_table td:last-child {
  max-width: 120px;
}

.client_support {
  /*position:absolute;*/
  top: 0;
  z-index: 9;
}

.client_support .card {
  min-height: 150px;
  position: relative;
  box-shadow: none;
  transition: transform 0.5s;
  cursor: pointer;
}

.client_support .card:hover {
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 999;
}

.client_support .card p {
  text-align: center;
  vertical-align: middle;
  margin: 40px auto;
  font-weight: bold;
  font-size: 1.8rem;
}

.client_support .card p:last-child {
  margin-bottom: 0;
}

.modal#imageLibrary .table i {
  margin-right: 5px;
}

@media (min-width: 576px) {
  .modal-dialog {
    margin: 5rem auto;
  }
}
.close {
  cursor: pointer;
}

.jobTraficLights label {
  position: relative;
  margin-right: 5px;
}

.jobTraficLights label:last-child {
  margin-right: 0px;
}

.jobTraficLights label span {
  float: left;
  font-weight: 400;
}

.jobTraficLights label span.date {
  float: right;
}

.jobTraficLights label svg {
  width: 15px;
  height: 15px;
  margin-left: 2px;
}

.invalidfeedback {
  width: 100% !important;
  margin-top: 0.25rem !important;
  font-size: 1.2rem;
  color: #ff3939;
}

@media print {
  .pagebreak {
    clear: both;
    page-break-after: always;
  }
}
.cal-appopintment-model .container_mian {
  padding: 0 !important;
}

.cal-appopintment-model .container_mian .form-horizontal.card {
  padding: 0 !important;
}

.cal-appopintment-model .action-area {
  padding: 0 !important;
}

.cal-appopintment-model .action-area form-actions .text-right {
  float: left;
  width: 100%;
}

/*--==contact-option-form==--*/
.contact-option-form svg {
  width: 20px;
  height: 20px;
  fill: #0d3f68;
}

.my-starter-svg {
  width: 20px;
  height: 20px;
}

.check-mark-icon {
  width: 16px;
  height: 16px;
}

.bullet-dot-icon {
  width: 5px;
  height: 5px;
}

.trustId-rtw-check-detail .cell-width-25-percent {
  width: 30%;
}

.caltable .ng-star-inserted {
  height: calc(100% - 31px);
}

.candidate-list-heading .page-heading {
  background-color: #e5f6fb;
  margin: 0;
  padding: 15px;
  padding-top: 5px;
}

.candidate-list-heading.collaps_tabs .nav-link {
  padding: 0.6rem 1rem;
}

.candidate-list-heading.collaps_tabs .nav-item .nav-link :focus,
.candidate-list-heading.collaps_tabs .nav-item .nav-link :hover,
.candidate-list-heading.collaps_tabs .nav-item .nav-link :visited,
.candidate-list-heading.collaps_tabs .nav-item .nav-link :active,
.candidate-list-heading.collaps_tabs .nav-item .nav-link .active {
  border-bottom: 0 !important;
}

.candidate-list-heading .action-btns .btn {
  border-radius: 4px;
  padding: 0.375rem 0.75rem;
  width: auto;
  height: auto;
}

.action.addjob-action {
  position: fixed;
  width: 100%;
  bottom: 0px;
  right: 0;
  z-index: 1050;
  margin-bottom: 0px !important;
}

.applicationTemplatesSection .action {
  position: fixed;
  width: 100%;
  bottom: 0px;
  right: 0;
  z-index: 99;
}

/*--================pipline-cards 3/sep/2019=======================--*/
.pipline-cards-mian {
  position: relative;
}

.pipline-cards-mian .col {
  max-width: 25%;
  padding: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.125);
  float: left;
}

@media (max-width: 980px) {
  .pipline-cards-mian .col {
    max-width: 33.33%;
  }
}
@media (max-width: 667px) {
  .pipline-cards-mian .col {
    max-width: 100%;
  }
}
.pipline-cards-mian .col:first-child {
  border-left: 0;
}

.pipline-cards-mian .card .card-body {
  padding: 15px;
  max-height: 68vh;
  overflow-y: auto;
  min-height: 68vh;
}

.pipline-cards-mian .card .card-body::-webkit-scrollbar {
  width: 5px;
  height: 3px;
  background-color: #e9ecef;
}

.pipline-cards-mian .card .card-body::-webkit-scrollbar-thumb {
  border-radius: 30px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #0d3f68;
}

.pipline-cards-mian .card .card-btn-actions {
  background-color: #f4f7fc;
  position: absolute;
  top: 10px;
  right: 10px;
  text-align: right;
}

.pipline-cards-mian .card-header .card-header-text-limit {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.pipline-cards-mian .card span.btn {
  border-color: #6c757d;
  line-height: 20px;
  padding: 5px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

.pipline-cards-mian .card .card-btn-actions button {
  border: 0;
  background-color: transparent;
}

.pipline-cards-mian .card .card-btn-actions svg {
  width: 15px;
  height: 15px;
  fill: #6c757d !important;
}

.pipline-cards-mian .card ul.list .candidatelist-thumb {
  font-weight: bold;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  line-height: 24px;
  float: left;
  margin: 0;
  color: var(--white);
  padding: 5px;
  text-align: center !important;
  margin-right: 5px;
}

.pipline-cards-mian .card ul.list li span {
  float: left;
  width: 70%;
  padding-top: 5px;
}

.pipline-cards-mian .card ul.list li {
  float: left;
  margin-bottom: 5px;
  width: 100%;
}

.pipline-cards-mian .card ul.list li:last-child {
  margin-bottom: 0px;
}

.dropdown-menu .btn-outline-secondary:hover {
  text-decoration: none;
  background-color: var(--white);
  color: #212529;
  fill: #212529;
}

.pipline-cards-mian .card ul.list li .list-group-item {
  padding: 10px 5px;
  display: block;
  float: left;
  width: 100%;
}

/*reportList_SourceTrackings*/
._reportClose {
  position: relative;
  float: left;
  width: 100%;
}

._reportClose .close-btn {
  position: absolute;
  right: 50px;
  top: 50px;
  z-index: 99;
  background-color: transparent;
  border: 0;
}

._reportClose .close-btn .close-icon, ._reportClose .close-btn .close-icon svg {
  fill: #0d3f68;
}

/*--==================Sticky notes=====================--*/
.sticky_notes .card-header {
  position: relative;
}

.sticky_notes .card-header .add-button {
  position: absolute;
  top: 15px;
  right: 15px;
}

.sticky_notes .card-header .add-button svg {
  width: 15px;
  height: 15px;
  fill: #0d3f68;
}

.sticky_notes .card-header .add-button .btn-outline-dark:hover svg {
  fill: var(--white);
}

.sticky_notes .card-body ul {
  overflow: hidden;
}

.sticky_notes .card-body ul li a {
  text-decoration: none;
  color: #000;
  background: #ffc;
  display: block;
  height: 10em;
  width: 10em;
  padding: 1em;
  -moz-box-shadow: 5px 5px 7px rgb(33, 33, 33);
  -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
  box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
  -moz-transition: -moz-transform 0.15s linear;
  -o-transition: -o-transform 0.15s linear;
  -webkit-transition: -webkit-transform 0.15s linear;
}

.sticky_notes .card-body ul li a p {
  font-family: Monsterrat, Arial;
  font-size: var(--font-size-primary);
  margin-bottom: 0;
}

.sticky_notes .card-body ul li a svg {
  width: 15px;
  height: 15px;
  fill: #0d3f68;
}

.sticky_notes .card-body ul li {
  margin: 1em;
  float: left;
  position: relative;
}

.sticky_notes .card-body ul li a {
  -webkit-transform: rotate(-6deg);
  -o-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
}

.sticky_notes .card-body ul li a .footer {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 99;
}

.sticky_notes .card-body ul li a .footer .footer-content {
  position: relative;
  padding: 8px;
}

.sticky_notes .card-body ul li a .footer .footer-content svg.remove {
  position: absolute;
  right: 8px;
  bottom: 8px;
}

.sticky_notes .card-body ul li:nth-child(even) a {
  -o-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  position: relative;
  top: 5px;
  background: #cfc;
}

.sticky_notes .card-body ul li:nth-child(3n) a {
  -o-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  position: relative;
  top: -5px;
  background: #ccf;
}

.sticky_notes .card-body ul li:nth-child(5n) a {
  -o-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  position: relative;
  top: -10px;
}

.sticky_notes .card-body ul li a:hover, .sticky_notes .card-body ul li a:focus {
  box-shadow: 10px 10px 7px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 10px 10px 7px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 10px 10px 7px rgba(0, 0, 0, 0.7);
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -o-transform: scale(1.25);
  position: relative;
  z-index: 5;
}

/*--============home-cards-mian================--*/
.home-cards-mian {
  position: relative;
}

.home-cards-mian .card {
  width: 100%;
}

.home-cards-mian .card-body {
  min-height: 150px;
}

#dashboard_task_6 .card.page_content.calendar-container {
  overflow-y: hidden;
}

.candidate-ico {
  float: left;
  width: 74%;
  padding-top: 5px;
}

.candidate-ico svg {
  width: 15px;
  height: 15px;
  margin-left: 2px;
}

.carousel-item .candidate-ico {
  float: none;
  width: auto !important;
  padding-top: 5px;
}

.workFolwTable {
  padding: 15px;
  background-color: var(--main-bg-color);
}

.cap_menu_icon svg {
  height: 15px;
  width: 15px;
  cursor: pointer;
}

.candidateDetails .cap_menu_icon {
  cursor: pointer;
  width: 18px;
  height: 18px;
}

@media (max-width: 768px) {
  .row.candidateDetails ul {
    margin-bottom: 15px;
  }
}
.table th .cap_menu_icon {
  fill: #9f9fa9 !important;
}

.searchJob {
  fill: #F46262;
}

/*--==========.card.agm-map==========--*/
.card.agm-map {
  height: 300px;
}

/*--*/
.nav-item.active a.nav-link .nav-link-icon {
  fill: var(--white) !important;
}

.preview_video {
  width: 100%;
  height: 450px;
}

.labelclass.padding {
  padding: 0 15px;
}

/*--merge css 10/OCT/2019--*/
.loader-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 4;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #00212b;
}

.loader-logo {
  z-index: 5;
  width: 150px;
  height: 150px;
  padding-bottom: 10px;
  /*  Found this logo on google images  */
  background-image: url("img/company-logo.png");
  background-repeat: no-repeat;
  background-size: 100px;
  background-position: center;
}

.loader-circle {
  border-top: 1px solid #d0d9df; /* Blue */
  border-radius: 50%;
  width: 160px;
  height: 160px;
  animation: spin 1.5s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.create_new_job_select1, .create_new_event {
  position: relative;
}

.create_new_job_select1 h4, .create_new_event h4 {
  margin-bottom: 0;
}

.create_new_job_select1 .back, .create_new_event .back {
  position: absolute;
  top: -70px;
  right: -15px;
  z-index: 999;
}

.create_new_job_select1 .btn-warning, .create_new_event .btn-warning {
  background-color: #ff8428;
  color: var(--white);
  border-color: #ff8428;
}

.create_new_event .heading.bg-primary.text-white.col-md-12.p-2 {
  background-color: #177e9c !important;
}

/*--ngx-dropdown-list-container--*/
.status_filter .selected-items li span:hover {
  background-color: transparent;
}

.status_filter .selected-items:hover, .status_filter ul:hover {
  border: 0;
}

.status_filter .ngx-dropdown-container .ngx-dropdown-button span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 80%;
}

/*--.collaps_tabs .nav-tabs--*/
.collaps_tabs .nav-tabs.tablist {
  background-color: transparent;
  border: 0;
}

.collaps_tabs .nav-tabs.tablist .nav-item.show .nav-link,
.collaps_tabs .nav-tabs.tablist .nav-link.active,
.collaps_tabs .nav-tabs.tablist .nav-link:focus,
.collaps_tabs .nav-tabs.tablist .nav-link:hover,
.collaps_tabs .nav-tabs.tablist .nav-link:visited {
  background-color: #ff8428;
  color: var(--white) !important;
  border-radius: 0;
  border-bottom: 0 !important;
}

.collaps_tabs .nav-tabs.tablist .nav-item {
  margin: 0;
  padding: 0;
  border: 2px solid #ff8428;
}

/*--==============SectionsDetail==============--*/
.sectionsDetail .card {
  overflow: hidden;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
  border-radius: unset;
}

.sectionsDetail .card .card-header {
  margin-bottom: -1px;
}

.sectionsDetail .card .card-header .btn {
  padding-left: 0;
  padding-right: 0;
  float: left;
  text-align: left;
  color: #212529;
  font-weight: bold;
}

.sectionsDetail .card .card-header .btn:hover {
  text-decoration: none;
}

.sectionsDetail .card .card-header .accordion-toggle:after {
  content: "\f078";
  font-family: "FontAwesome";
  float: right;
  margin-top: 10px;
  margin-right: 15px;
  color: var(--white);
}

.sectionsDetail .card .card-header .accordion-toggle[aria-expanded=true]:after {
  content: "\f077";
  /* fa-chevron-up */
}

/*----*/
.historyTab .nav.nav-tabs {
  z-index: 99;
}

.hides {
  display: none;
}

.shows {
  display: inline;
}

jt-assessment .form-group.row {
  width: 100%;
}

/**********************BottleNeck Report CSS**********************/
.top-border {
  width: 0;
  height: 0;
  border-left: 150px solid #f8181f;
  border-bottom: 0px solid #f8181f;
  border-top: 10px solid transparent;
}

.bottom-border {
  width: 0;
  height: 0;
  border-left: 150px solid #f8181f;
  border-top: 0px solid #f8181f;
  border-bottom: 10px solid transparent;
}

.bottle-neck-main {
  float: left;
}

.bottle-neck {
  margin-top: 50px !important;
  margin: 0 auto;
  display: block;
  text-align: center;
  width: 600px;
}

.bottle-neck .box, .bottle-neck li {
  position: relative;
  float: left;
  margin-left: -1px;
  text-align: center;
}

.bottle-neck li.box .center-dot {
  position: absolute;
  top: 46px;
  right: -8px;
  background: var(--white);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  z-index: 1;
}

.bottle-neck li.box.two .center-dot {
  top: 56px;
}

.bottle-neck li.box.three .center-dot {
  top: 66px;
}

.bottle-neck li.box.four .center-dot {
  top: 76px;
}

.bottle-neck li.box.five .center-dot {
  top: 86px;
}

.bottle-neck li.box-content {
  background: #5475B6;
  margin: auto 0;
  width: 100px;
  height: 120px;
}

.bottle-neck li.box h2 {
  font-size: 1.4rem;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
  border-bottom: 4px solid var(--white);
  float: left;
  position: relative;
  width: 100%;
  display: block;
  top: 15px;
  margin-bottom: 30px;
}

.bottle-neck li.box.two h2 {
  top: 25px;
  margin-bottom: 40px;
}

.bottle-neck li.box.three h2 {
  top: 35px;
  margin-bottom: 50px;
}

.bottle-neck li.box.four h2 {
  top: 45px;
  margin-bottom: 60px;
}

.bottle-neck li.box.five h2 {
  top: 55px;
  margin-bottom: 70px;
}

.bottle-neck li.box h2 span {
  background-color: white;
  position: relative;
  top: 15px;
  padding: 5px;
  width: 30px;
  margin: -1px auto;
  height: 30px;
  display: block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
}

.bottle-neck li.box p {
  color: var(--white);
  margin-bottom: 0;
}

.bottle-neck li.box .title {
  position: relative;
  float: left;
  bottom: 25px;
  width: 100%;
  top: 30px;
}

.bottle-neck li.box .title p {
  position: absolute;
  text-align: center;
  bottom: 0;
  margin-top: 0;
  width: 100%;
  display: block;
}

.bottle-neck li.box.one {
  margin-top: -10px;
}

.bottle-neck li.box.two .title {
  top: 30px;
}

.bottle-neck li.box.three .title {
  top: 40px;
}

.bottle-neck li.box.four .title {
  top: 50px;
}

.bottle-neck li.box.five .title {
  top: 60px;
}

.bottle-neck li.box.one .top-border {
  border-left: 100px solid #f97f50;
  border-bottom: 0px solid #f97f50;
  border-top: 10px solid transparent;
}

.bottle-neck li.box.one .bottom-border {
  border-left: 100px solid #f97f50;
  border-top: 0px solid #f97f50;
  border-bottom: 10px solid transparent;
}

.bottle-neck li.box.one .box-content {
  background: #f97f50;
  height: 100px;
}

.bottle-neck li.box.two {
  margin-top: -20px;
}

.bottle-neck li.box.two .top-border {
  border-left: 100px solid #bf9e56;
  border-bottom: 0px solid #bf9e56;
  border-top: 10px solid transparent;
}

.bottle-neck li.box.two .bottom-border {
  border-left: 100px solid #bf9e56;
  border-top: 0px solid #bf9e56;
  border-bottom: 10px solid transparent;
}

.bottle-neck li.box.two .box-content {
  background: #bf9e56;
  height: 120px;
}

.bottle-neck li.box.three {
  margin-top: -30px;
}

.bottle-neck li.box.three .top-border {
  border-left: 100px solid #4bc8e7;
  border-bottom: 0px solid #4bc8e7;
  border-top: 10px solid transparent;
}

.bottle-neck li.box.three .bottom-border {
  border-left: 100px solid #4bc8e7;
  border-top: 0px solid #4bc8e7;
  border-bottom: 10px solid transparent;
}

.bottle-neck li.box.three .box-content {
  background: #4bc8e7;
  height: 140px;
}

.bottle-neck li.box.four {
  margin-top: -40px;
}

.bottle-neck li.box.four .top-border {
  border-left: 100px solid #005386;
  border-bottom: 0px solid #005386;
  border-top: 10px solid transparent;
}

.bottle-neck li.box.four .bottom-border {
  border-left: 100px solid #005386;
  border-top: 0px solid #005386;
  border-bottom: 10px solid transparent;
}

.bottle-neck li.box.four .box-content {
  background: #005386;
  height: 160px;
}

.bottle-neck li.box.five {
  margin-top: -50px;
}

.bottle-neck li.box.five .top-border {
  border-left: 100px solid #093057;
  border-bottom: 0px solid #093057;
  border-top: 10px solid transparent;
}

.bottle-neck li.box.five .bottom-border {
  border-left: 100px solid #093057;
  border-top: 0px solid #093057;
  border-bottom: 10px solid transparent;
}

.bottle-neck li.box.five .box-content {
  background: #093057;
  height: 180px;
}

.bottle-neck li.red-box {
  width: 100px;
  height: 100px;
  background: #e74c3c;
}

/*--candidate-pipline--*/
.candidate-pipline {
  position: relative;
  padding-left: 40px;
  width: 100%;
  float: left;
}

.candidate-pipline .scoring {
  position: relative;
  float: left;
  width: 100%;
}

.candidate-pipline .scoring span {
  width: auto !important;
  padding-top: 0 !important;
  margin-right: 5px;
  float: none !important;
}

.candidate-pipline .scoring svg {
  width: 15px;
  height: 15px;
}

.candidate-pipline .candidate-ico {
  float: left;
  text-align: left;
  width: auto !important;
}

.candidate-pipline .candidate-ico svg {
  width: 15px;
  height: 15px;
}

.candidate-pipline .rating {
  float: right;
  text-align: right;
}

.candidate-pipline .rating span {
  width: auto !important;
  padding-top: 0 !important;
}

.calenderMenu {
  position: relative;
}

.calenderMenu .dropdown-toggle::after {
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}

.ui-datepicker {
  z-index: 55555 !important;
}

/*--candidateFilterlist--*/
.candidateFilterlist {
  position: relative;
}

.candidateFilterlist li span.candidate-info {
  position: relative;
}

.candidateFilterlist li b.icon-set {
  display: flex;
  font-size: var(--font-size-primary);
}

.candidateFilterlist li b.icon-set span {
  display: inline-block;
}

.candidateFilterlist li span.candidate-info svg, .candidateFilterlist li b.icon-set svg {
  width: 15px;
  height: 15px;
  margin-left: 2px;
}

.candidateFilterlist li a {
  display: flex;
}

.candidateFilterlist li .candidatelistdetails-right {
  float: left;
  padding-left: 5px;
}

.candidateFilterlist li label.candidate-thumb {
  font-weight: bold;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  line-height: 23px;
  margin: 0;
  color: var(--white);
  padding: 6px;
  text-align: center !important;
  display: inline-block;
  float: left;
}

.fdmAddIcon svg {
  width: 15px;
  height: 15px;
  margin-left: 2px;
}

/*------------------Job Statics------------------*/
.job-stats ul {
  float: left;
  width: 100%;
}

.job-stats li.status-card {
  float: left;
  width: 15.6%;
  margin: 0 8px 15px 8px;
}

.job-stats li.status-card p {
  margin-bottom: 0;
}

@media (max-width: 812px) {
  .job-stats li.status-card {
    width: 32.2% !important;
  }
  .home-statistics .status-card:nth-child(1) {
    margin-left: 0.9%;
  }
}
.dashboard-statistics .status-card.fullbox-status-card .status-title {
  margin-left: 0 !important;
}

.home_MainPage-side-active {
  display: block;
}

/*home_MainPage-side-active*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .home_MainPage #main .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .home_MainPage #main .col-xl-6, .home_MainPage-side-active #main .col-lg-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .home_MainPage #main .task-table .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.more_tabs {
  float: left;
  width: 100%;
  position: relative;
}

.more_tabs ul li {
  float: left;
  width: 100%;
  border: 1px solid #ced4da;
  background-color: var(--white);
  box-shadow: inset 2px 0px 0px 0px #ced4da;
  padding: 15px;
  padding-left: 20px;
}

.more_tabs ul li:visited, .more_tabs ul li:focus, .more_tabs ul li:active, .more_tabs ul li:hover, .more_tabs ul li.active {
  background-color: transparent;
  box-shadow: inset 2px 0px 0px 0px #002a44;
}

.more_tabs ul li h6 {
  font-weight: bold;
  font-size: 0.875rem;
}

.more_tabs h6 {
  font-weight: bold;
}

.active-svg {
  fill: var(--white);
  height: 20px;
  width: 20px;
  cursor: pointer;
}

/*jobdetail_tabs*/
.jobdetail_tabs label {
  text-align: right;
}

@media (max-width: 786px) {
  .jobdetail_tabs label {
    text-align: left;
  }
}
.toast-center-custom {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.overlay-container-custom {
  background-color: rgba(0, 0, 0, 0.7);
  float: left;
  width: 100%;
  position: fixed;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 99999;
}

.timeout-modal {
  background-color: #d3d3d3;
  z-index: 10000;
}

/*----*/
.miles-slider .ngx-slider .ngx-slider-bubble {
  cursor: default;
  bottom: 4px;
  padding: 1px 3px;
  color: #55637d;
  font-size: 1.4rem;
}

.miles-slider .ngx-slider .ngx-slider-pointer {
  width: 20px;
  height: 20px;
  top: -9px;
  background-color: #ff8428;
}

.miles-slider .ngx-slider .ngx-slider-pointer:focus {
  outline: none;
  box-shadow: none;
}

.miles-slider .ngx-slider .ngx-slider-pointer:after {
  width: 8px;
  height: 8px;
  top: 6px;
  left: 6px;
  background: var(--white);
}

.miles-slider .ngx-slider {
  height: auto;
}

.document-comp .submit-tick {
  width: 17px;
  height: 17px;
  fill: var(--jasmine-green);
}

.document-comp .submit-tick :hover, .document-comp .submit-tick :focus, .document-comp .submit-tick :active, .document-comp .submit-tick :visited {
  fill: var(--jasmine-green);
}

.document-comp .card-header {
  padding: 0.75rem 1.25rem !important;
}

/*--Appliction/Hired Ratio--*/
.custome-funnel {
  margin: 0 auto;
}

.custome-funnel ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.custome-funnel ul li p {
  position: absolute;
  top: -50px;
  z-index: 1;
  width: 100%;
  color: var(--white);
  text-align: center;
  margin-bottom: 0;
  line-height: 50px;
}

.custome-funnel ul li {
  border-top: 50px solid #555;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  height: 0;
  width: 300px;
  position: relative;
  margin-bottom: 5px;
}

.custome-funnel ul li:nth-child(1) {
  border-top-color: #0c3156;
}

.custome-funnel ul li:nth-child(2) {
  width: 260px;
  margin-left: 20px;
  border-top-color: #095387;
}

.custome-funnel ul li:nth-child(3) {
  width: 220px;
  margin-left: 40px;
  border-top-color: #52c9e6;
}

.custome-funnel ul li:nth-child(4) {
  width: 180px;
  margin-left: 60px;
  border-top-color: #c09e5a;
}

.custome-funnel ul li:nth-child(5) {
  width: 140px;
  margin-left: 80px;
  border-top-color: #e74940;
}

.custome-funnel ul li:nth-child(6) {
  width: 100px;
  margin-left: 100px;
}

@media (max-width: 768px) {
  .chartBars .bars li label {
    text-align: left !important;
    padding: 0 15px !important;
  }
}
.bottle-neck-vertical {
  margin: 0 auto;
}

.bottle-neck-vertical ul {
  list-style-type: none;
  margin: 20px auto;
  padding: 0;
  text-align: center;
}

.bottle-neck-vertical ul li .content {
  position: absolute;
  left: 0;
  top: -36px;
  z-index: 1;
  width: 100%;
  color: var(--white);
  text-align: center;
  height: 100%;
}

.bottle-neck-vertical ul li .content .title {
  position: relative;
}

.bottle-neck-vertical ul li .content .title p {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
}

.bottle-neck-vertical ul li {
  border-top: 70px solid #555;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  height: 0;
  width: 210px;
  position: relative;
  -webkit-transition: width 2s; /* Safari prior 6.1 */
  transition: width 2s;
}

.bottle-neck-vertical ul li:nth-child(1) {
  border-top-color: #00637f;
  width: 210px;
}

.bottle-neck-vertical ul li:nth-child(2) {
  width: 180px;
  margin-left: 15px;
  border-top-color: #009fe3;
}

.bottle-neck-vertical ul li:nth-child(3) {
  width: 150px;
  margin-left: 30px;
  border-top-color: #56c2e0;
}

.bottle-neck-vertical ul li:nth-child(4) {
  width: 120px;
  margin-left: 45px;
  border-top-color: #f97f50;
}

.bottle-neck-vertical ul li:nth-child(5) {
  width: 90px;
  margin-left: 60px;
  border-top-color: var(--jasmine-green);
}

.bottle-neck-vertical ul li:nth-child(6) {
  width: 90px;
  margin-left: 60px;
  border-left: 0;
  border-right: 0;
  border-top-color: #f97f50;
}

.bottle-neck-vertical ul li:nth-child(5) {
  width: 90px;
  height: 70px;
  margin-left: 60px;
  background-color: var(--jasmine-green);
  border: 0;
}

.bottle-neck-vertical ul li:nth-child(5) .content {
  position: relative;
  top: 30px;
}

.bottle-neck-vertical ul li h3 {
  color: var(--white);
  font-size: 1.6rem;
  font-weight: 300;
  font-weight: bold;
  display: block;
  text-align: center;
  position: relative;
}

.bottle-neck-vertical ul li h3 span {
  background-color: var(--white);
  position: relative;
  z-index: 1;
  width: 26px;
  display: block;
  overflow: hidden;
  line-height: 24px;
  padding: 2px;
  height: 26px;
  border-radius: 50%;
  margin: 0 auto;
}

@media only screen and (min-width: 1170px) and (max-width: 1720px) {
  .bottle-neck-vertical ul {
    width: 130px;
  }
  .bottle-neck-vertical ul li {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
  }
  .bottle-neck-vertical ul li:nth-child(1) {
    width: 130px;
  }
  .bottle-neck-vertical ul li:nth-child(2) {
    width: 116px;
    margin-left: 7px;
  }
  .bottle-neck-vertical ul li:nth-child(3) {
    width: 102px;
    margin-left: 14px;
  }
  .bottle-neck-vertical ul li:nth-child(4) {
    width: 88px;
    margin-left: 21px;
  }
  .bottle-neck-vertical ul li:nth-child(5) {
    width: 74px;
    margin-left: 28px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1170px) {
  .bottle-neck-vertical ul {
    width: 90px;
  }
  .bottle-neck-vertical ul li .content .title p {
    font-size: 1rem;
  }
  .bottle-neck-vertical ul li {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
  }
  .bottle-neck-vertical ul li:nth-child(1) {
    width: 90px;
  }
  .bottle-neck-vertical ul li:nth-child(2) {
    width: 82px;
    margin-left: 4px;
  }
  .bottle-neck-vertical ul li:nth-child(3) {
    width: 74px;
    margin-left: 8px;
  }
  .bottle-neck-vertical ul li:nth-child(4) {
    width: 66px;
    margin-left: 12px;
  }
  .bottle-neck-vertical ul li:nth-child(5) {
    width: 58px;
    margin-left: 16px;
  }
}
.container_mian {
  padding: 0 15px;
}

#homepage .card.card-7 .card-body .col-md-12.mx-auto {
  padding: 0;
}

#homepage .bottom-card-row .col-xl-6.col-lg-6.col-md-6 {
  padding: 0 3px;
}

#homepage .top-card-row .col-xl-4, #homepage .top-card-row .col-lg-4 {
  padding: 0 3px;
}

#homepage .top-card-row .right-wide-col {
  padding: 0;
  padding-left: 15px;
}

#homepage .dropdown-menu.show {
  right: 0px;
  left: auto !important;
}

/*----*/
.rating .star.on {
  font-size: 20px;
}

.rating .star {
  margin-right: -8px;
  font-size: 16px;
}

.pipline-cards-mian .candidate-pipline .rating .star.on {
  font-size: 20px;
  margin-top: -4px;
}

.pipline-cards-mian .candidate-pipline .rating .star {
  margin-right: -2px;
  font-size: 16px;
}

/*Not required - commented to fix corners of modal popup - small white dots appears on all corners*/
/*.modal.fade .modal-dialog {
  background: var(--white);
}
*/
#imageLibrary .user_table .table-responsive .custom-control, #video-library-modal, textLibrary, .user_table .table-responsive .custom-control {
  padding-left: 1.5rem;
}

.modal-header .close {
  position: absolute;
  top: 10px;
  right: 10px;
}

.modal-header .close:focus, .modal-header .close:hover, .modal-header .close:visited, .modal-header .close:active {
  border: none;
  outline: none;
  box-shadow: none;
}

/*----*/
.rating .star.on {
  font-size: 20px;
}

.rating .star {
  margin-right: -8px;
  font-size: 16px;
}

.pipline-cards-mian .candidate-pipline .rating .star.on {
  font-size: 20px;
  margin-top: -4px;
}

.pipline-cards-mian .candidate-pipline .rating .star {
  margin-right: -2px;
  font-size: 16px;
}

/*#genderChart div svg g:nth-child(2) g:nth-child(2) g g:nth-child(3) g:nth-child(2) {
  display: none;
}*/
/*--fc-scroller fc-time-grid-container--*/
.fc-scroller.fc-time-grid-container {
  height: auto !important;
}

/*--lookup_values_jobs--*/
.lookup_values_jobs label {
  text-align: right;
}

.lookup_values_jobs .form-horizontal {
  box-shadow: none;
  padding: 0;
}

.lookup_values_jobs .table-container {
  max-height: 45vh !important;
}

.lookup_values_jobs .showing_result label {
  white-space: nowrap;
}

.showing_result label {
  text-align: right;
}

@media (max-width: 812px) {
  .showing_result label {
    text-align: left;
  }
  .lookup_values_jobs label {
    text-align: left;
  }
}
/*Onboarding step2*/
.addJobOnboardingStep2 .green {
  background-color: var(--jasmine-green);
}

.addJobOnboardingStep2 .orange {
  background-color: #ff8428;
}

.addJobOnboardingStep2 .ob-label {
  font-size: 1.4rem;
}

.addJobOnboardingStep2 .card {
  width: 75%;
  padding: 10px;
}

.selectallsearch {
  margin-left: 10px !important;
  margin-right: 2px;
}

.searchresult {
  text-align: right !important;
  padding-right: 25px !important;
  float: right !important;
}

.searchselect {
  padding-left: 10px !important;
}

.searchmoreinfo {
  text-align: right !important;
  padding-right: 25px !important;
  float: right !important;
  margin-top: 10px !important;
}

.searchTalents-heading {
  padding: 0;
}

.searchTalents-heading .collaps_tabs .nav-tabs.tablist {
  background: none;
  padding: 0;
}

.email-tab h4 {
  font-size: 1.6rem;
  /*font-weight:bold;*/
}

.event_dashboard .form-horizontal {
  padding-top: 0;
}

.inner-table td, .inner-table th {
  border: 0;
  border-top: 0;
}

.inner-table td.col-xl-3, .inner-table td.col-xl-4 {
  padding-top: 0;
  padding-bottom: 0;
  width: 10%;
  padding-left: 0;
  padding-right: 0;
}

.inner-table td.col-xl-3 {
  padding-left: 0;
}

@media (max-width: 786px) {
  .inner-table td.col-xl-3 {
    padding-left: 15px;
  }
}
@media (max-width: 736px) {
  .home-cards {
    padding: 0px;
  }
  .dashboard-statistics {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 737px) and (max-width: 812px) {
  .condidate-tabs .tab-content .sectionsDetail.col-12 {
    max-width: 100% !important;
    padding: 0;
  }
  .condidate-tabs .tab-contentCV .sectionsDetail.col-12 {
    max-width: 100% !important;
  }
  .candidate-list-show .col-xl-10.col-lg-9.col-md-9 {
    padding: 0 0 0 15px;
  }
  .condidate-tabs .tab-content, .condidate-tabs .tab-pane {
    padding: 0;
  }
  .condidate-tabs .tab-contentCV, .condidate-tabs .tab-pane {
    padding: 0;
  }
  .candidate-info .col-lg-6.col-md-8 .row {
    margin: 0;
  }
  .reports_Index {
    max-width: 100% !important;
  }
}
@media (max-width: 736px) {
  .candidate-list-show .col-xl-10.col-lg-9.col-md-9 {
    padding: 0;
  }
}
.candidate-list-dtl ul .badge {
  white-space: initial;
}

/*----*/
.ngx-dropdown-container .ngx-dropdown-list-container {
  z-index: 999 !important;
}

.grid-control.table .custom-control custom-checkbox {
  padding-left: 0;
}

/*--*/
.addJobCActionsPrintContract, .addJobCActionsPrintRefrences, .addJobCActionsPrintLetter .form-group label {
  text-align: right;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes swing {
  0% {
    -webkit-transform: rotate(100deg);
  }
  25% {
    -webkit-transform: rotate(-25deg);
  }
  50% {
    -webkit-transform: rotate(15deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@keyframes swing {
  0% {
    -webkit-transform: rotate(-200);
  }
  25% {
    -webkit-transform: rotate(-70);
  }
  50% {
    -webkit-transform: rotate(-185);
  }
  100% {
    -webkit-transform: rotate(-180);
  }
}
.ngxmdp .selector {
  z-index: 1010 !important;
  left: 15px !important;
}

.bottleneckreport_form {
  margin-bottom: 15px;
}

.bottleneckreport_form .btn {
  width: auto !important;
}

.pullright {
  text-align: right;
}

/*--timeToRecruit-statistics--*/
.timeToRecruit-statistics .status-card.bg-primary {
  background-color: #002a44 !important;
}

.timeToRecruit-statistics .status-card.bg-secondary {
  background-color: #6c757d !important;
}

.timeToRecruit-statistics .status-card.bg-success {
  background-color: #28a745 !important;
}

.timeToRecruit-statistics .status-card.bg-danger {
  background-color: #dc3545 !important;
}

.timeToRecruit-statistics .status-card.bg-warning {
  background-color: #ffc107 !important;
}

.timeToRecruit-statistics .status-card.bg-info {
  background-color: #17a2b8 !important;
}

.timeToRecruit-statistics .status-card.bg-light {
  background-color: #f8f9fa !important;
}

.timeToRecruit-statistics .status-card.bg-dark {
  background-color: #343a40 !important;
}

/*--starter_form--*/
.starter_form {
  position: relative;
}

.starter_form .starter_form-heading {
  background-color: #0d3f68;
  color: var(--white);
  padding: 10px;
}

.starter_form .disable {
  cursor: not-allowed;
  background-color: #f9f9f9;
}

.disable {
  opacity: 0.5;
  pointer-events: none;
}

/*--.tooltip--*/
.tooltip {
  font-size: var(--font-size-primary);
}

.wrapToolTip {
  position: fixed;
  left: 140px !important;
  width: 150px;
}

.addJobApplicationFormTabsSection .candidateClose {
  top: -40px;
  right: 0px;
}

.addJobApplicationFormDeclarationDetails .col-md-12 {
  float: left;
  width: 100%;
}

.addJobApplicationFormDeclarationDetails .col-md-12 .form-group {
  float: left;
  width: 100%;
}

.addJobApplicationFormDeclarationDetails h4 {
  float: left;
  width: 96%;
}

.addJobApplicationFormDeclarationDetails a.pull-right {
  width: 4%;
  text-align: right;
}

@media (max-width: 768px) {
  .addJobApplicationFormDeclarationDetails .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
label.custom-control-label {
  padding-left: 2rem;
}

.addJobPostJob .form-group label, .addJobAssesmentDetails .form-group label, .addJobAdminForm .form-group label, .addJobApprovalForm .form-group label {
  text-align: right;
}

@media (max-width: 997px) {
  .add-job-fieldset {
    margin-bottom: 60px !important;
  }
  .addJobJobAccess form.ng-valid.ng-touched.ng-dirty {
    max-width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background-color: #f0f9fc;
  }
  .addJobJobDetail .row {
    margin-left: 0;
    margin-right: 0;
  }
  .addJobJobDetail .col-sm-12.form-group, .addJobPostJob .col-sm-12.form-group {
    padding: 3px 5px;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 0;
    background-color: #f0f9fc;
    border-bottom: 2px solid var(--white);
  }
  .postjobForm .col-12.form-group {
    margin-left: 0 !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}
.add-job {
  padding-bottom: 70px;
}

.applicationTemplatesSection {
  padding-bottom: 70px;
  float: left;
  width: 100%;
}

.titleHeight {
  margin-top: 2px !important;
}

.closePosition {
  top: 0px !important;
}

@media (max-width: 812px) {
  .JATCandidateListList .collaps_tabs .nav-tabs.tablist.justify-content-end {
    margin-right: 0px !important;
    justify-content: initial !important;
  }
  .JATCandidateListList .collaps_tabs .nav-tabs.tablist.justify-content-end li:first-child {
    float: left;
  }
  .home-cards .card-5 .card-body, .home-cards .card-bottle-neck .card-body {
    height: auto !important;
  }
  .chartBars .bars li label {
    text-align: left !important;
    padding: 0 15px !important;
  }
  #homepage .top-card-row .right-wide-col {
    padding: 0 15px;
  }
  #homepage .top-card-row .right-wide-col .row .col-xl-12.col-lg-12.col-md-12.form-group {
    padding: 0;
  }
  .candidateFilterlist li label.candidate-thumb {
    width: 30px;
    height: 30px;
    line-height: 23px;
    font-size: 10px;
    padding: 4px;
  }
}
#homepage .centerbox .main-form-container {
  margin-right: 0px !important;
}

@media (max-width: 767px) {
  #homepage .top-card-row .col-xl-4, #homepage .top-card-row .col-lg-4,
  #homepage .bottom-card-row .col-xl-6.col-lg-6.col-md-6,
  #homepage .top-card-row .right-wide-col .row .col-xl-12.col-lg-12.col-md-12.form-group {
    padding: 0 15px;
  }
  .job-stats li.status-card {
    width: 49% !important;
  }
  app-header .nav-item {
    margin-left: 0px !important;
  }
  .navbar-nav, .navbar-nav, .navbar-nav li {
    display: block;
    float: left;
    width: 100%;
  }
  .navbar-nav li.mobile-res-icons {
    display: block;
    float: left;
    width: 20%;
  }
  .form-control {
    margin-bottom: 10px;
  }
  .reports_Index {
    max-width: 90% !important;
  }
}
@media (max-width: 460px) {
  .job-stats li.status-card {
    width: 100% !important;
    margin-left: 0;
  }
}
#homepage select#searchType.search-by.form-control {
  margin-bottom: 0;
}

.modal-deleted-notes .container_mian, .modal-deleted-notes .container_mian .card {
  padding: 0;
  margin-top: 0;
}

@media (max-width: 812px) {
  .addJobAssesmentDetails label {
    padding: 0;
    margin-bottom: 5px !important;
  }
  .addJobAssesmentDetails .form-group .col-md-9 {
    padding: 0;
  }
}
/*smartSearchDiv*/
.smartSearchDiv #wrapper.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.addJobSmartSearch .concertina-container {
  padding-left: 15px;
}

.nyroModalBg, .nyroModalCont, .nmReposition {
  z-index: 9999 !important;
}

@media only screen and (max-width: 1000px) {
  .smartSearchDiv #wrapper {
    width: auto !important;
  }
}
@media (max-width: 765px) {
  #searchbox-body.collapsed .query-title {
    border-radius: 4px !important;
    height: 37px !important;
  }
  #searchbox .row a.search {
    height: 37px;
    width: 100px;
    text-indent: inherit;
  }
  #resultlist span.tab, span.tab-count-wrapper, span.stored-tab-count-wrapper, #resultlist span.tab a {
    height: auto !important;
  }
  div.results-header {
    height: 40px !important;
  }
}
/*--main-notification-alert--*/
.cropped-img img {
  width: 100%;
}

@media (max-width: 767px) {
  .applicationTemplateInfo .edit-info, .applicationTemplateInfo .switch-info {
    width: 50%;
  }
  .applicationTemplateInfo .switch-info .switch {
    float: right;
  }
}
.ngx-dropdown-container .svg-icon {
  top: 1px !important;
  padding: 15px;
  height: 41px !important;
  width: 40px;
  background: inherit;
  right: 1px !important;
}

#onboarding-references {
  margin-top: 0;
}

#onboarding-references li {
  width: auto;
}

.split-area-right {
  margin-top: 30px;
}

.condidate-tabs .right-penal.text-center {
  margin-top: 0px !important;
}

.condidate-tabs .as-split-area .card-body {
  float: left;
  width: 100%;
}

.condidate-tabs .split-area-right .card-body {
  padding-top: 30px;
}

.JATOfferAuthorisation ul {
  margin-top: 0;
}

#imagePreview .modal-footer .btn.btn-default:hover, #imagePreview .modal-footer .btn.btn-default:visited, #imagePreview .modal-footer .btn.btn-default:focus, #imagePreview .modal-footer .btn.btn-default:active, #imagePreview .modal-footer .btn.btn-default.active,
#imageLibrary .modal-footer .btn.btn-default:hover, #imageLibrary .modal-footer .btn.btn-default:visited, #imageLibrary .modal-footer .btn.btn-default:focus, #imageLibrary .modal-footer .btn.btn-default:active, #imageLibrary .modal-footer .btn.btn-default.active,
.btn_close:hover, .btn_close:visited, .btn_close:focus, .btn_close:active, .btn_close.active,
.btn_No:hover, .btn_No:visited, .btn_No:focus, .btn_No:active, .btn_No.active,
.btn-danger:hover, .btn-danger:visited, .btn-danger:focus, .btn-danger:active, .btn-danger.active,
.btn_close_model:hover, .btn_close_model:visited, .btn_close_model:focus, .btn_close_model:active, .btn_close_model.active {
  background-color: var(--btn-danger-bg-color);
  border-color: var(--btn-danger-bg-color);
  color: var(--white);
}

.btn.btn-info.form-group.btn_PrintAll {
  margin: 5px 15px;
  float: right;
}

.special-adjustment .jt-main-container, .special-adjustment .jt-main-container .form-horizontal {
  padding: 0;
}

.special-adjustment .jt-main-container .form-horizontal {
  padding: 0;
}

.special-adjustment form-actions {
  padding: 0;
  float: left;
  width: 100%;
  text-align: right;
}

special-adjustment .container_mian {
  padding: 0;
}

@media (max-width: 812px) {
  .condidate-tabs .tab-content .sectionsDetail.col-12 {
    max-width: 100% !important;
  }
  .condidate-tabs .tab-contentCV .sectionsDetail.col-12 {
    max-width: 100% !important;
  }
  .as-split-area .condidate-tabs .tab-pane {
    padding: 0 !important;
  }
  .condidate-tabs .as-vertical, .condidate-tabs .as-split-area, .condidate-tabs .as-horizontal, .condidate-tabs .as-vertical .as-split-area {
    overflow: auto;
  }
  .condidate-tabs .right-penal h2 {
    font-size: 1.6rem;
    text-align: left;
  }
  .candidatelist-thumb {
    text-align: center !important;
  }
  #collapseMore {
    width: 320px;
  }
  .condidateMoretabs {
    height: 92vh;
  }
  .addJobJobDetail .col-md-12.form-group:nth-child(2) label {
    float: left !important;
    margin: 10px -8px !important;
    padding: 0;
  }
  .addJobJobDetailChoice .container_mian {
    width: 100% !important;
  }
  .special-adjustment .jt-main-container .form-horizontal .form-control {
    text-align: left;
  }
  app-assessmentformtest {
    padding: 0 15px;
  }
  .bottleneckreport_form .btn.btn-success {
    float: right;
  }
}
@media (max-width: 768px) {
  .jobaccess-list .col-xs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .jobaccess-list .col-xs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .addJobJobDetail .col-md-6.form-group, .addJobPostJob .col-md-6.form-group {
    border-bottom: 0 !important;
  }
  .addJobJobDetail .form-control {
    margin-bottom: 0;
  }
  #inner_wrapper {
    padding-left: 0;
    transition: all 0s;
  }
}
@media (max-width: 767px) {
  .addJob_IntegrationsIbidu .form-horizontal .form-group.row .col-md-10.offset-2 {
    margin-left: 0%;
  }
  .addJobApplicationFormDeclarationDetails .col-md-12.form-group .col-md-8.mx-auto {
    float: left;
  }
  .addJobApplicationFormDeclarationDetails .col-md-12.form-group .col-md-4.text-right {
    text-align: left !important;
    padding: 0;
  }
  .addJobApplicationFormDeclarationDetails .col-md-12.form-group .col-md-4.text-right .text-danger {
    padding: 0;
  }
  .col-CompareCandidates {
    width: 50% !important;
  }
  app-candidatebulkstatusupdate .form-horizontal .action.modal-footer {
    padding-top: 10px;
  }
  .switch-col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .switch-col-sm-6 .switch {
    float: right;
  }
  #homepage .top-card-row .right-wide-col {
    padding: 0 30px;
  }
  .col-WantToAddSupportingDocument .col-md-5, .col-WantToAddSupportingDocument .col-md-4 {
    width: 50%;
  }
  .col-WantToAddSupportingDocument .col-md-4 .switch {
    float: right;
  }
  .candidate-info .row .col-lg-6.col-md-8 .row {
    margin: 0;
  }
}
@media (max-width: 570px) {
  .col-CompareCandidates {
    width: 100% !important;
  }
}
@media (max-width: 480px) {
  #collapseMore {
    width: 80%;
  }
  .jobNotesTab.scrollbar {
    overflow-y: inherit;
    padding: 15px;
  }
}
.forwardOptions .switch {
  float: right;
}

app-starter .form-horizontal input[type=radio], app-starter .form-horizontal input[type=checkbox] {
  margin-right: 5px;
}

#managerLibrary .modal-dialog {
  background-color: transparent;
}

#keyContactLibrary .modal-dialog {
  background-color: transparent;
}

#InfoBtnModal .modal-dialog, #usefulLinkLibrary .modal-dialog, #imageLibrary .modal-dialog, #textLibrary .modal-dialog, #video-library .modal-dialog {
  background-color: transparent;
}

.addJobApplicationFormPersonalDetails .modal-header.svg-icon {
  height: 10px;
  width: 10px;
}

.addJobApplicationFormPersonalDetails .modal-title h4 {
  background: none;
}

app-checklist input[type=checkbox], app-checklist input[type=radio] {
  margin-right: 5px;
}

.user_pagetitle h3 a {
  margin-left: 0px !important;
}

/*--no_Access--*/
.no_Access {
  height: 100%;
  width: 100%;
  text-align: center;
  padding: 15% 0;
}

@media (max-width: 812px) {
  .no_Access {
    padding: 5% 0;
  }
}
@media (max-width: 812px) {
  .MsTeam_InProcessing {
    padding: 5% 0;
  }
}
.no_Access img {
  max-width: 500px;
  width: 60%;
}

.no_Access h1 {
  font-weight: bolder;
  margin-top: 20px;
  text-transform: uppercase;
  color: #000;
}

.msTeam_InProcessing h1 {
  font-weight: bolder;
  margin-top: 20px;
  margin-left: 35px;
  text-transform: uppercase;
  color: #000;
}

/*--affer_authorisation_setup--*/
.affer_authorisation_setup {
  display: inline-flex;
}

.affer_authorisation_setup svg {
  margin-right: 5px;
}

.attached_document {
  padding: 1rem 0.75rem;
}

.questionchoices .form-group label {
  padding-left: 1.2rem;
}

.form-horizontal .mnuRight .btn {
  margin-bottom: 10px;
}

.add-question-actions .action-area, .print-letter-actions .action-area {
  padding: 0;
}

.ngx-dropdown-container .ngx-dropdown-button:focus {
  outline: none;
}

.deleteApplication-model jt-actions-modal {
  display: none;
}

@media (min-width: 48em) {
  .JT-col-3 {
    margin: 0 0px 14px 0 !important;
  }
}
.close, .close:hover {
  line-height: 2.3rem !important;
}

.modal-header h4 {
  background-color: transparent !important;
}

.modal-header h4, .modal-header .modal-title {
  background-color: transparent !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  width: 90%;
  -webkit-line-clamp: 1; /* number of lines to show */
  -webkit-box-orient: vertical;
}

.modal-header .svg-icon {
  fill: var(--white);
  width: 15px;
  height: 15px;
}

/*--create-new-job--*/
.create-new-job .card {
  padding: 15px;
}

.assessmentFormTimedFormsCreate jt-hor-form .card {
  padding: 15px;
}

.GroupedQuestions .mnuRight {
  text-align: right;
}

.assessmentFormTimedFormsGroupQuestionList .mnuRight {
  text-align: left;
}

.groupedQuestions-footer .action .action-area {
  padding: 0;
}

.assessmentForms-create-questions .btn {
  margin-bottom: 10px;
}

.assessmentForms-create-questions .btn-outline-info svg {
  fill: #8bcdd6;
}

#tagcloudspot .tagcloud {
  min-height: 70px;
}

.note-detail .container_mian, .note-detail .container_mian .card {
  padding: 0;
}

.note-detail .container_mian form-body {
  padding: 15px;
}

.note-detail .container_mian .modal-footer .action-area {
  padding: 0;
}

.note-detail .container_mian .modal-footer .action-area button {
  margin-bottom: 0 !important;
}

.event-dashboard-btns .btn {
  width: auto !important;
  height: auto !important;
}

.JATCandidatesDeclaration table tr td, #condidateTabContent table tr td {
  padding: 0.75rem !important;
}

#identityCheckTabContent table tr td {
  padding: 0.75rem;
}

as-split-area th, as-split-area td {
  white-space: initial !important;
}

.candidate-historymodal-action .action {
  padding-left: 0;
  padding-right: 0;
}

.candidate-historymodal-action .action-area {
  padding: 0;
}

.applicationForm .panel .panel-collapse .panel-body .user_table .table-responsive .table tbody tr td:nth-child(2) {
  white-space: initial !important;
}

/*--appointment_date_time_form--*/
.appointment_date_time_form .ngb-dp-day, .appointment_date_time_form .ngb-dp-week-number, .appointment_date_time_form .ngb-dp-weekday {
  width: 14.28%;
}

.appointment_date_time_form .ngb-dp-day .btn-light,
.appointment_date_time_form .ngb-dp-week-number .btn-light, .appointment_date_time_form .ngb-dp-weekday .btn-light {
  width: 100%;
  border-radius: 0;
}

.appointment_date_time_form .ngb-dp-month {
  width: 100%;
}

.address-book-search .card {
  padding: 0;
}

.set-internal-external .container_mian, .set-internal-external .card {
  padding: 0;
}

.set-internal-external jt-actions-modal .action {
  display: none;
}

.JATCandidateDetail .condidateTabContent-min-h {
  min-height: 40vh;
}

.assignToTalentPoolModal label,
.assignToJobModal label {
  text-align: right;
}

.assignToTalentPoolModal .form-horizontal, .assignToJobModal .form-horizontal {
  padding: 15px 0 0 0;
}

.assignToTalentPoolModal .container_mian, .assignToTalentPoolModal .action .action-area,
.assignToJobModal .container_mian, .assignToJobModal .action .action-area {
  padding: 0;
}

.JATCandidateDetail .condidate-card .carousel .carousel-inner .carousel-item .card app-ngx-select-dropdown .ngx-dropdown-container .ngx-dropdown-button span:first-child {
  overflow: hidden;
  white-space: nowrap;
  width: 89%;
  text-overflow: ellipsis;
  text-align: left;
}

.editContractDetails .action .action-area {
  padding: 0;
}

.composeEmail-boxes .forward_Options {
  padding: 15px 0;
}

.composeEmail-boxes .forward_Options .card .card-header {
  padding: 1.25rem 1.25rem 0.75rem 1.25rem;
}

.composeEmail-boxes .forward_Options .card .card-header .switch {
  float: right;
}

.addJobInvalidInformation label {
  text-align: right;
  word-break: break-all;
}

@media (max-width: 767px) {
  .addJobInvalidInformation label {
    text-align: left;
  }
}
.resendofferauthorismodel .action {
  display: none;
}

.addJobCprintRefrences .action .action-area {
  padding: 0;
}

#addSpecialAdjustment .lu.form-control {
  text-align: left;
  line-height: 34px;
}

#addSpecialAdjustment .action {
  display: none;
}

.model-BulkUpdateStatus .container_mian {
  padding: 0;
}

app-sendsmsmodal .jt-main-container .container_mian,
app-sendsmsmodal .jt-main-container .container_mian .form-horizontal,
app-sendsmsmodal .jt-main-container .container_mian .form-horizontal .action-area {
  padding: 0;
}

.addJobApplicationFormTabsSection {
  padding: 0 !important;
}

.bulkStatusUpdate .container_mian, .bulkStatusUpdate .container_mian .form-horizontal, .printSection-action .action-area,
app-printandexport .form-horizontal, app-printandexport .action-area {
  padding: 0;
}

.bulk-upload-download {
  color: var(--card-header-color);
}

.bulk-upload-download:hover {
  color: var(--card-header-color);
  text-decoration: underline;
}

.applicationSearchToggle.accordion-toggle.collapsed:after {
  content: "\f077";
}

.applicationSearchToggle.accordion-toggle:after {
  content: "\f078";
  font-family: "FontAwesome";
  float: right;
}

.table td, .table th {
  font-weight: normal;
}

.addJob_Onboarding_Step1 .action-area {
  padding: 0;
}

.dateTimeCalendar {
  display: flex;
}

.dateTimeCalendar .cal-icon, .dateTimeCalendar .date-time-cal {
  display: inline-block;
}

.dateTimeCalendar .cal-icon {
  vertical-align: top;
}

.dateTimeCalendar .cal-icon svg {
  margin: 0;
}

.table_cell.cell_data .rating {
  height: 20px;
}

app-parseupload jt-actions .action {
  float: left;
  width: 100%;
}

.table_cell.cell_data.action_icon div {
  display: flex;
}

.table_cell.cell_data.action_icon span {
  display: inline-block;
  border-right: 1px solid var(--bright-star);
}

.table_cell.cell_data.action_icon span:last-child {
  border-right: 0;
}

.candidateTest-modal .container_mian, .candidateTest-modal .container_mian .form-horizontal {
  padding: 0;
}

.candidateTest-modal .container_mian .form-horizontal .form-horizontal.col-lg-12 {
  padding: 0 15px;
}

.candidateTest-modal .action {
  display: none;
}

.candidateTest-modal .select-pad {
  padding: 0 30px;
}

.uploadDocumentModel .action-area {
  padding: 0;
}

.uploadDocumentModel jt-modal-page {
  padding-top: 15px;
}

@media (max-width: 812px) {
  .table_row > .table_cell_container > .table_cell svg {
    float: left;
    margin-left: 0;
  }
}
.compareCandidates_footer .action-area {
  padding: 0;
}

#obpreviewquestions {
  font-size: 1.4rem;
}

#obpreviewquestions .ContentSetionBox {
  padding: 10px;
  margin-bottom: 15px;
  color: var(--input-color);
  background-color: var(--input-bg-color);
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

#obpreviewquestions .questionno {
  width: 5%;
  float: left;
}

@media (min-width: 1600px) {
  #obpreviewquestions .questionno {
    width: 3%;
  }
}
#obpreviewquestions .questiontext {
  float: inherit;
}

app-assessmentformtest {
  width: 100%;
}

app-emailnewpassword .container_mian jt-actions-modal,
app-history .container_mian jt-actions-modal,
app-unlockAccount .container_mian jt-actions-modal {
  display: none;
}

app-emailnewpassword .container_mian, app-emailnewpassword .container_mian .form-horizontal,
app-resettestmodal .container_mian, app-resettestmodal .container_mian .form-horizontal,
app-history .container_mian, app-history .container_mian .form-horizontal,
app-unlockAccount .container_mian, app-unlockAccount .container_mian .form-horizontal {
  padding: 0;
}

app-viewcandidate-search .status-title svg {
  fill: #f15a29;
}

.ngx-dropdown-container .ngx-dropdown-list-container {
  z-index: 1010 !important;
}

.condidate-tabs .as-split-area .applicationForm .card-body.notes-body {
  padding-top: 15px;
}

.condidate-tabs .as-split-area .applicationForm ul li {
  padding: 0;
}

.condidate-tabs .as-split-area .applicationForm ul li p {
  text-align: inherit !important;
}

.app-jobs-startdbscheck {
  padding-top: 15px;
}

app-savesearchmodal .container_mian,
app-savesearchmodal .form-horizontal.card,
app-jobsearchmodal .container_mian,
app-jobsearchmodal .form-horizontal.card {
  padding: 0;
}

.postjobForm .table-container .table_cell_container .date.datepicker-box {
  display: flex;
}

.postjobForm .table-container .table_cell_container .date.datepicker-box select {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  margin-right: 10px;
  width: auto !important;
}

.postjobForm .table-container .table_cell_container .date.datepicker-box .datebox {
  display: inline-block;
  vertical-align: top;
}

.postjobForm .table-container .table_cell_container .date.datepicker-box .datepicker,
.postjobForm .table-container .table_cell_container .date.datepicker-box .datebox {
  width: auto;
}

app-ngx-select-dropdown .ngx-dropdown-container ul {
  text-align: left;
}

app-systemuserlist #collapseMore .close-icon {
  fill: var(--white);
}

.smartmatch-content .smartmatch-leftcontent app-datalistview .row.mt-2.float-left {
  width: 100%;
  float: inherit;
  margin: 0;
  position: relative;
  top: 10px;
}

.smartmatch-content .smartmatch-leftcontent app-datalistview .row.mt-2.float-left .col-md-12 {
  padding: 0;
}

.showing_result {
  display: flex;
}

.showing_result label {
  display: inline-block;
  margin-right: 10px;
}

.showing_result select {
  display: inline-block;
}

.iconic-dropdown .dropdown button.dropdown-toggle {
  text-align: left;
}

.iconic-dropdown .dropdown button.dropdown-toggle svg {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}

.label-text-left {
  text-align: left;
}

/**/
app-mystarter-list .table .candidate-thumb {
  text-align-last: center;
}

app-datalistview .nodata-image {
  float: left;
  width: 100%;
  text-align: center;
}

app-datalistview .nodata-image img {
  width: 50%;
  margin: 0 auto;
  float: none;
}

.starter_form .disable {
  text-align: left;
  cursor: not-allowed;
  background-color: #f9f9f9;
}

app-referenceform .printSection {
  float: left;
  width: 100%;
}

app-referenceform .printSection .previewmain .clsRowparent .clsRow .divcaption label {
  text-align: left !important;
}

app-referenceform jt-actions {
  float: left;
  width: 100%;
}

.sidenav-badge b {
  float: left;
  font-weight: normal;
  margin-right: 2px;
  position: relative;
  top: 20px;
}

.sidenav-badge i {
  float: left;
  font-style: normal;
  margin-right: 2px;
  /*width: 74%;*/
  font-weight: var(--label-font-weight);
}

.sidenav-badge-margin {
  margin-top: 10px;
}

.green-count {
  background-color: green !important;
  color: white;
  margin-right: 10px !important;
}

.amber-count {
  background-color: #ffbf00 !important;
  color: white;
  margin-right: 10px !important;
}

.red-count {
  background-color: red !important;
  color: white;
  margin-right: 10px !important;
}

.blue-count {
  background-color: #00f !important;
  color: white;
}

.dark-brown-count {
  background-color: #f15a29 !important;
  color: white;
}

.Unall-count {
  background-color: #f15a29 !important;
  color: white;
}

.active-calendarevent {
  background-color: yellow !important;
}

.active-calendardropdown {
  background-color: yellow !important;
}

.active-calendardropdown:after {
  content: "\f00c";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  margin: 0px 0px 0px 10px;
  text-decoration: none;
  float: right;
}

.active-reportdropdown {
  background-color: yellow !important;
}

.active-reportdropdown:after {
  content: "\f00c";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  margin: 0px 0px 0px 10px;
  text-decoration: none;
  float: right;
}

.comparecandidate-padding {
  padding: 10px;
}

app-applicationtemplate-update .row.applicationTemplateInfo {
  margin: 0;
  margin-bottom: 1rem !important;
}

.videocode {
  color: #177e9c;
}

/*--=====================Onboarding Step 1 Right Pane======================--*/
#obStepOneRightPane {
  position: fixed;
  top: 0;
  height: 100vh;
  -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
  transition: width 2s;
  right: 0;
  z-index: 1050;
  background: var(--white);
  width: 60%;
  border-left: 1px solid rgba(0, 0, 0, 0.125);
  box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
}

#obStepOneRightPane .close-details {
  position: absolute;
  top: 10px;
  left: auto;
  right: 15px;
}

#obStepOneRightPane .rightPane {
  margin-top: 30px;
}

#obStepOneRightPane .card {
  border: 0;
  height: 100vh;
}

#obStepOneRightPane .close-icon {
  fill: #0d3f68;
  width: 15px;
  height: 15px;
}

#obStepOneRightPane .rightPane .toggle {
  border-radius: 30px;
  margin: 0 auto;
  text-align: center;
  display: block;
  margin-bottom: 30px;
}

#obStepOneRightPane .rightPane .toggle-handle {
  background-color: #f8f9fa;
  border-radius: 50%;
}

#obStepOneRightPane .rightPane .toggle-off.btn {
  background-color: #f15a29;
  color: var(--white);
}

#obStepOneRightPane .rightPane .btn-default {
  border: 1px solid #f15a29;
}

#obStepOneRightPane .rightPane ul {
  width: 100%;
  margin: 0 auto;
}

#obStepOneRightPane .rightPane li {
  float: left;
  width: 100%;
  padding: 0 10px;
  margin-bottom: 10px;
}

#obStepOneRightPane .rightPane .status-card {
  float: left;
  width: 100%;
  border: 1px solid #ced4da;
  background-color: var(--white);
  box-shadow: inset 10px 0px 0px 0px #0091AE;
  padding: 15px;
  padding-left: 20px;
}

#obStepOneRightPane .rightPane .menu-icon {
  width: 20px;
  height: 20px;
  float: right;
}

app-copybankquestion .container_mian, app-copybankquestion .container_mian .form-horizontal.col-lg-12.card, app-copybankquestion .container_mian .action.modal-footer .action-area {
  padding: 0;
}

app-listcandidates-search .candidateDetails .cap_menu_icon {
  width: 18px;
  height: 18px;
}

app-socialmedia .addJobSociaMedia fb-like .fb-like .pluginSkinLight table button {
  border: 2px solid red;
}

app-socialmedia .addJobSociaMedia fb-like .fb-like .pluginSkinLight table button[type=submit] {
  display: none;
}

.candidate-multi-icons {
  display: flex;
}

.candidate-multi-icons span, .candidate-multi-icons a, .candidate-multi-icons b {
  display: inline-block;
  margin: 1px;
}

app-datalistview .searchmoreinfo svg {
  width: 10px;
  height: 10px;
}

app-listcandidates-search .carousel .candidateDetails ul li a .dropdown-toggle svg {
  width: 18px;
  height: 18px;
}

.dropdown-toggle svg.dropdown-toggle {
  border: 0;
}

app-candidateapplicationstatuses-create .dropdown-menu a svg, app-candidateapplicationstatuses-create svg {
  width: 10px;
  height: 10px;
  margin-right: 3px;
}

app-referenceform .isHeading label {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 0;
  font-size: 1.8rem !important;
  font-weight: 600;
  display: block;
  text-align: left;
  margin-top: 20px;
}

.lu.form-control {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* number of lines to show */
  -webkit-box-orient: vertical;
}

app-appointmentconfirm .form-horizontal.col-lg-12.card {
  padding: 15px;
}

app-notes .notes .card {
  width: 99%;
}

app-referencesstep2 .tblsection {
  width: 100%;
}

app-referencesstep2 .tblsection tr th:first-child, app-referencesstep2 .tblsection tr td:first-child {
  width: 16.6667%;
  min-width: 16.6667%;
  max-width: 16.6667%;
  /*word-break: break-all;*/
  text-align: right;
  padding-right: 25px;
}

@media (max-width: 667px) {
  app-referencesstep2 .tblsection tr th:first-child, app-referencesstep2 .tblsection tr td:first-child {
    text-align: left;
    width: 50%;
    min-width: 50%;
    max-width: 50%;
  }
}
.printSection {
  font-size: 14px !important;
}

/*# csvparsingcomponent css*/
.parse-upload .form-control {
  max-height: 41px;
  overflow-y: auto;
}

/*End csvparsingcomponent css*/
/*fix tooltip issue content search*/
.search-results {
  height: auto !important;
  float: left;
  width: 100%;
}

/*script added by raees*/
.home-cards .card-5 .card-body, .home-cards .card-bottle-neck .card-body {
  height: 234px !important;
}

/*-----*/
.searchJobs .search-results {
  float: left;
  width: 100%;
  height: auto !important;
  overflow: inherit;
}

.sidenav-badge {
  position: relative;
}

.sidenav-badge b {
  float: left;
  font-weight: normal;
  margin-right: 2px;
  position: absolute;
  top: -5px;
  left: 55px;
}

.fdm_manual {
  width: 50%;
}

.hide {
  display: none !important;
  opacity: 0 !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-move {
  cursor: move;
}

/*Fix Random Chrcater showing when navigating system.This is caused by 'Howard' 3rd part pluign.Ticket #928585 */
#walkme-proxy-iframe ~ span {
  display: none;
}

.radian_form_h {
  color: red;
}

app-svg-icon div {
  display: inline-block !important;
}

.radianForm .check_list_h {
  width: 50%;
  font-weight: bold;
}

.user_icon[data-loc=bottleneck] {
  width: 60px;
}

.user_icon[data-loc=Initial_sift] {
  width: 55px;
}

.user_icon[data-loc=pipline] {
  width: 60px;
}

.user_icon[data-loc=Address_book] {
  width: 55px;
}

.user_icon[data-loc=School_locations] {
  width: 55px;
}

.user_icon[data-loc=inbox] {
  width: 52px;
}

.user_icon[data-loc=outbox] {
  width: 40px;
}

app-obStep1 hr {
  display: none;
}

app-obStep2 .tblsection {
  width: 100%;
}

app-obStep2 .tblsection tr th:first-child, app-obStep2 .tblsection tr td:first-child {
  width: 42%;
  min-width: 42%;
  max-width: 16.6667%;
  /*word-break: break-all;*/
  text-align: right;
  padding-right: 25px;
}

@media (max-width: 667px) {
  app-obStep2 .tblsection tr th:first-child, app-obStep2 .tblsection tr td:first-child {
    text-align: left;
    width: 50%;
    min-width: 50%;
    max-width: 50%;
  }
}
#collapseMore .ob_document .card {
  border: 0;
  height: 26vh !important;
  padding: 2px;
  min-height: 225px;
}

#collapseMore .order_OfImportance .card {
  border: 0;
  height: 6vh !important;
  padding: 2px;
}

#collapseMore .existing_document .card {
  border: 0;
  height: 18vh !important;
  padding: 2px;
}

.ob_document .card-body {
  padding: 2px !important;
}

.GeneralLable {
  text-decoration: underline;
}

span.circle {
  height: 20px;
  width: 20px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
  border-color: red;
  color: white;
  text-align: center;
  padding: 1px 3px;
}

.addJobApplicationFormTabsSection li.nav-item a .svg-completed {
  height: 15px !important;
  width: 15px !important;
}

app-history .app_history_modal li {
  width: 100% !important;
}

app-sentemails .app_sentEmail_Model li {
  width: 100% !important;
}

app-talenthistory .app-talenthistory_model li {
  width: 100% !important;
}

app-talentSentEmails .app_talentSentEmails_Model li {
  width: 100% !important;
}

.dot {
  background: #f00;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  float: right;
  margin-top: 10px;
}

.link {
  cursor: pointer;
}

.link:hover {
  text-decoration: underline;
}

.obHubStats .status-card.fullbox-status-card {
  background: #00637f;
  background-size: 100px;
  color: var(--white);
  float: left;
  padding: 0 15px !important;
}

.obHubStats .dashboard-statistics .status-card {
  position: relative;
  box-shadow: none;
  transition: transform 0.5s;
  cursor: auto;
}

app-overview .progress {
  font-size: 10px !important;
}

.refreshtoken-failed-modal div.modal-header {
  background: #da1818 !important;
}

app-overview .progress-bar {
  color: #05283e !important;
}

app-overview .bg-info {
  background-color: #60d7ff !important;
}

.rightArrow {
  text-align: right;
  padding-right: 25px;
  float: right;
}

.condidate-tabs .tab-contentCV {
  margin-top: -1px;
  background: none;
  padding: 15px;
}

#priorydocuments .card-header {
  background-color: #0091ae !important;
  padding: 0;
}

.document-comp .download-doc {
  width: 17px;
  height: 17px;
  fill: var(--jasmine-green);
  margin-left: 7px;
  cursor: pointer;
}

.cohortTable .table-container {
  min-height: 0vh !important;
}

.requiredFieldSign {
  color: red;
}

.assesmentform-inst {
  white-space: break-spaces;
}

.previewform-inst {
  white-space: break-spaces;
}

.invalid-red {
  width: 100%;
  margin-top: 0.25rem;
  font-size: var(--font-size-primary);
  color: rgb(255, 57, 57);
}

app-documentlibrarycomponent .zeroFont {
  font-size: 0px;
}

app-mylocumlocations .background_color th {
  background-color: #177e9c;
  text-transform: capitalize;
  color: var(--white) !important;
}

app-mylocumlocations #locum_table_scroll {
  height: 68vh;
  overflow-y: scroll;
}

app-createIom .dp-calendar-weekday {
  height: 25px !important;
  width: 30px !important;
  line-height: 25px !important;
  color: #7a7a7a !important;
  border: none;
  margin: 4px !important;
}

app-createIom .dp-calendar-day {
  margin-right: 8px !important;
  font-weight: 600 !important;
}

app-notes-ob li {
  width: 100% !important;
  margin: 0px 0px 0px 2px !important;
}

app-overview .home-statistics .status-card {
  min-width: 21.6% !important;
}

app-onboardingdetails .gap-concern-email-view {
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}

app-notes-ob .gap-concern-email-view a {
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}

app-onboardingdetails .marked-complete {
  color: green;
}

app-obHubReferences .ref-dot {
  background: #f00;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  float: left;
  margin-top: 10px;
}

app-ob-hub-references .ref-dot {
  background: #f00;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  float: left;
  margin-top: 10px;
}

app-onboardingdetails .gapConcern-email li {
  width: 100% !important;
}

app-compliance .ob-hub-dynamic {
  text-align: center !important;
}

app-compliance .table_cell_container {
  vertical-align: middle !important;
}

app-obhubonboarding .ob-hub-dynamic {
  text-align: center !important;
}

app-obhubonboarding .table_cell_container {
  /*  border: 1px solid #ccc !important;
  border-color: #e6e6e6 !important;*/
  vertical-align: middle !important;
}

app-obhubreferences .table_cell_container {
  /* border: 1px solid #ccc !important;
  border-color: #e6e6e6 !important;*/
}

.document-comp .submit-cross {
  width: 17px;
  height: 17px;
  fill: #f15a29;
}

.setFornt {
  font-size: var(--font-size-primary) !important;
}

app-assessmentformOB .table-container {
  min-height: 0vh !important;
}

app-datalistview .sort_ByColum {
  padding-top: 14px;
}

.postJobPermission {
  background-color: #dc3545 !important;
  color: white;
  margin-right: 10px !important;
  padding: 10px;
  text-align: center;
}

app-login .sso-login > .btn-cas-login {
  color: var(--white) !important;
  background-color: rgba(243, 96, 240, 0.9) !important;
  border-color: rgba(243, 96, 240, 0.9) !important;
}

div[data-header-columnname=BankDetails] {
  text-align: center !important;
}

.job-detail {
  color: var(--white);
}

.crfnotification-togglewording {
  text-align: justify;
}

.email-candidate-img .user-icon {
  width: 60px !important;
  height: 60px !important;
  fill: #000 !important;
}

.bank-details-not-started {
  font-weight: bold;
  color: red;
}

/* Asked by ejaz sab for JTGo start  */
body.jt-modal-window-open {
  padding-top: 0px !important;
}

/* Asked by ejaz sab for JTGo End  */
@media (max-width: 1157px) {
  .dropdown-menu {
    width: auto !important;
    max-width: 100%;
  }
}
@media (min-width: 812px) {
  .obHubStats .home-statistics .status-card.fullbox-status-card {
    min-height: 90px;
  }
}
.obHubStats {
  padding: 0 15px !important;
}

@media (min-width: 550px) {
  span.cap_menu.pull-right {
    float: initial !important;
  }
}
@media (min-width: 992px) {
  .modal-lg, .modal-xl .jtgo-post-job-modal {
    max-width: 1000px !important;
  }
}
/*for job detail-footer/bottom section*/
.job-detail {
  color: var(--white) !important;
  margin-left: 10px;
  text-align: left !important;
}

.job-action {
  padding-top: 11px !important;
}

.date-calendar-icon .icon {
  width: 18px;
  height: 18px;
  fill: #0d3f68;
}

/*Start Added By Sohail Latif*/
.jobtrain-calender-entry .fc-event-main {
  background-color: #f1bd75 !important;
}

.accept-calender-entry {
  --fc-event-bg-color: #3fc380;
  --fc-event-border-color: #3fc380;
}

.accept-calender-entry .fc-event-main {
  background-color: #3fc380 !important;
}

.booked-calender-entry {
  --fc-event-bg-color: #ffe819;
  --fc-event-border-color: #ffe819;
}

.booked-calender-entry .fc-event-main {
  background-color: #ffe819 !important;
}

/*Nylus Master Calender*/
app-mastercalendar .fc-today .fc-day-number {
  background-color: #ff8428;
  border-radius: 61px;
  width: 22px;
  text-align: center;
}

app-mastercalendar .fc-unthemed td.fc-today {
  background: #c0d0fe !important;
}

app-mastercalendar .fc-past .fc-day-number {
  color: #ced4da !important;
}

/*Nylus Persnal Calender*/
app-personalcalendar .fc-today .fc-day-number {
  background-color: #ff8428;
  border-radius: 61px;
  width: 19px;
  text-align: center;
}

app-personalcalendar .fc-unthemed td.fc-today {
  background: #F5F8FA !important;
}

app-personalcalendar .fc-past .fc-day-number {
  color: #ced4da !important;
}

/*Nylus Home Calender*/
app-nylusHomeCalendar .fc-today .fc-day-number {
  background-color: #ff8428;
  border-radius: 61px;
  width: 19px;
  text-align: center;
}

app-nylusHomeCalendar .fc-unthemed td.fc-today {
  background: #F5F8FA !important;
}

app-nylusHomeCalendar .fc-past .fc-day-number {
  color: #ced4da !important;
}

/*NTT-1672 Changes Done By Umar Instructon */
app-nylusHomeCalendar .table-container {
  min-height: 5vh !important;
}

app-jtgopostjobcomponent-create .action.addjob-action {
  z-index: 0 !important;
}

.jtgo-labels-size {
  font-size: 1.5rem !important;
}

.addJtgoPostJob .table .calendar-icon {
  position: absolute;
  right: 0px !important;
  top: 0px !important;
  width: 23px !important;
  height: 48px !important;
  fill: #2EA3D9;
}

.addJtgoPostJob .postjobForm .table-container .table_cell_container .date.datepicker-box .datepicker, .postjobForm .table-container .table_cell_container .date.datepicker-box .datebox {
  width: 120px !important;
}

.progress-bar-gb-color div {
  background-color: #e9ecef !important;
}

/*Tested on various screen sizes - working fine*/
.content-center {
  margin-left: auto;
  margin-right: auto;
  width: 137px;
}

.content-center .margin-left {
  margin-left: 15px;
}

.add-plus svg {
  height: 15px !important;
  width: 15px !important;
  cursor: pointer !important;
}

.labelWidth {
  width: 80%;
}

.tabWidth {
  width: 20%;
}

/*Charlie CSS 17028-Point-4 */
app-nylushomecalendar .fc-time-grid .fc-slats, .fc-time-grid > hr {
  position: relative;
  z-index: 2;
  max-height: 350px;
  overflow-y: scroll;
}

app-nylushomecalendar .scrollbar::-webkit-scrollbar {
  width: 9px;
  height: 5px;
}

#homepage app-nylushomecalendar .card.card-7 .card-body {
  height: 700px;
  overflow: auto;
}

/*for close btn reports*/
.close-btn svg {
  fill: var(--white);
  width: 15px;
  height: 15px;
}

.btn_action svg {
  fill: var(--white);
  width: 15px;
  height: 15px;
}

.loader svg {
  fill: #f1f2f3;
  width: 29px;
  height: 23px;
  margin-right: 5px !important;
  padding-top: 5px;
}

.greenRoomManagerCreate .cropped-img img {
  width: initial;
}

.mobilelink {
  font-weight: bold;
  color: mediumblue;
  margin-top: 17px !important;
}

.resetParagraphMargin {
  margin-top: 0px !important;
}

app-history .history-no-information {
  padding: 50px;
}

app-automation-detail .automation-card-body {
  max-height: 39vh;
  min-height: 5vh;
  overflow-x: auto;
}

.automation-card-height {
  min-height: 9vh !important;
  border: 1.7px solid #161414;
  border-radius: 2px;
}

.automation-stage-height {
  max-height: 50vh;
  min-height: 50vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.item-stages-sortable {
  width: 100%;
  border: 1.7px solid #161414;
  margin-left: 10px;
  padding: 10px;
  border-radius: 10px;
}

.automation-card-status {
  border: 1.7px solid #161414;
  border-radius: 2px;
}

.automation-statusess-container {
  border: 1.7px solid #161414;
  border-radius: 2px;
}

.automation-card-input-border {
  border: 1.7px solid #161414;
  border-radius: 2px;
}

.stages-card-element {
  text-align: center;
  height: auto;
  padding: 6px;
}

.arrow-icon, .arrow svg {
  fill: #2ea3d9;
  width: 20px;
  height: 15px;
}

.arrow svg {
  fill: var(--white);
  width: 15px !important;
  height: 15px !important;
}

.delete-Statuses {
  fill: #2ea3d9;
  width: 13px !important;
  height: 13px !important;
  margin-left: 5px;
}

.delete-Statuses:hover {
  cursor: pointer;
}

.header-tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: var(--white);
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
}

.header-tooltip:hover .tooltiptext {
  visibility: visible;
}

.admin-form-header {
  font-size: 16px;
}

.export-records-warning {
  color: red;
}

.marker {
  background-color: Yellow;
  color: #000;
}

.ref-search-bar {
  font-size: 1.4rem;
  border-bottom: 1px solid var(--bright-star);
  background-color: #e5f6fb;
  padding: 0 15px;
}

.tbl-resetummarybygroup {
  width: 500px;
  margin-left: 200px;
}

.refresh-svg-icon {
  fill: #0681d9 !important;
  width: 15px !important;
  height: 15px !important;
}

.QrCodeimg {
  margin-top: 0px !important;
  border: 0px solid rgba(0, 0, 0, 0.2392156863) !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  width: 55px;
  height: 60px;
  float: left;
  margin-left: -9px;
}

.twoFAtext {
  margin-top: 12px;
}

app-identity-check .cell-width-25-percent {
  width: 25%;
}

.w-100-percent {
  width: 100%;
}

app-identity-check-progress .download-report,
.trustId-rtw-check-detail .download-report {
  width: 17px;
  height: 17px;
  cursor: pointer;
}

#identity-check-progress {
  margin-top: 0;
}

#identity-check-progress li {
  width: auto;
}

.previewTemplate {
  font-weight: bold;
  color: mediumblue;
  margin-top: -12px !important;
}

@media only screen and (min-width: 1700px) {
  .previewTemplate {
    margin-top: 14px;
  }
}
/* ---------------------------------------------------
   End custome.css code
----------------------------------------------------- */
/* ---------------------------------------------------
   Start customce.css code
----------------------------------------------------- */
/*Start customce.css code*/
/* last update: 10/09/2020 12:11 */
/*:root {
  --blue: #177e9c;
  --lightblue: #eeeeee;
  --darkblue: #177e9c;
  --bluebutton: #177e9c;
  --orange: #f97f50;
  --green: #00b050;
  --grey: #f3f1f1;
  --lightgrey: #eeeeee;
}*/
.table-disclousre-Width {
  width: 50%;
}

.company-logo h4 {
  display: none;
}

/* buttons */
.back.btn {
  background-color: #00637f;
  border-color: #00637f;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  text-transform: initial;
}

h1, .page-heading h1 {
  font-size: 2.2rem;
}

.page-heading h1 {
  font-weight: var(--label-font-weight);
}

h2 {
  font-size: 2.2rem;
}

h4 {
  font-size: 1.4rem;
}

.collaps_tabs.card.card .collaps_tabs.card {
  border: 1px solid #177e9c;
  border-top: none;
}

.collaps_tabs .nav-tabs {
  font-size: 1.4rem;
}

#collapseMore .collaps_tabs .nav-item {
  padding: 0;
}

#collapseMore .close-details {
  top: 10px;
  right: 15px;
  left: auto;
}

#collapseMore #myTabContent {
  background-color: #e5f6fb;
  flex: 0 0 100%;
  max-width: 100%;
}

#collapseMore .card {
  box-shadow: none;
}

#collapseMore .card-herder:nth-child(1) {
  display: none;
}

#collapseMore .card-body {
  padding: 0;
}

#collapseMore .jobTraficLights label {
  margin-bottom: 0;
  width: 100%;
}

#collapseMore .jobTraficLights label span {
  margin-right: 5px;
}

/* notes */
#collapseMore #notes .form-horizontal {
  padding-top: 0;
}

/* table */
.table {
  width: 99.9%;
}

/* >> table list */
.user_table thead {
  background: #00637f;
  color: var(--white);
  text-transform: uppercase;
}

.table-container th {
  background: initial;
}

.table-container .table th {
  background: #00637f;
}

.table-hover tbody tr {
  border: 2px solid #f5f8fa;
}

.user_table .table-responsive .custom-control {
  left: -6px;
}

.user_table .table-responsive {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
}

.table td, .table th {
  vertical-align: middle;
}

.custom-control-label::before {
  border: var(--table-checkbox-border-color) solid 1px;
}

.user_table .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #00b050;
}

/* Reports */
.card.user_home_content {
  background-color: #f5f8fa;
  border: none;
}

.user_home_content {
  padding: 0;
}

/*Moved to _settings-tiles.scss - but not yet commented from here- will do later*/
.user_home_content .user_tab_hover .user_tab_Card {
  height: 180px;
  border: 1px solid #177e9c;
}

.user_home_content ul li {
  width: 20%;
}

/* Create a job */
.addJobJobDetailChoice .container_mian {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px !important;
}

.create_new_job_select1 h4 {
  margin-bottom: 0;
  text-transform: initial;
}

.create_new_job_select1 .heading.bg-primary.text-white.col-md-12.p-2 {
  background-color: #177e9c !important;
  padding: 10px;
}

.create_new_job_select1 .btn-warning {
  background-color: var(--jasmine-green);
  color: var(--white);
  border-color: var(--jasmine-green);
}

.step-menu {
  border-bottom: 2px solid lightgrey;
  padding-bottom: 10px !important;
  font-size: 1.4rem;
}

.addJobJobDetail .form-control {
  font-size: 1.4rem !important;
}

.addJobJobDetail .autocomplete-container .input-container input {
  font-size: 1.4rem !important;
}

.addJobJobDetail .mt-3 {
  margin-top: 0 !important;
}

.addJobJobDetail .row {
  margin-left: 0;
}

.addJobJobDetail .col-md-12.form-group:nth-child(1) {
  display: none;
}

.addJobJobDetail .form-group {
  margin-bottom: 0;
}

.addJobJobDetail .cohortTbl .col-md-6.form-group, .addJobPostJob .col-md-6.form-group {
  border-bottom: 0;
}

.text-danger {
  color: #dc3545 !important;
  padding: 10px;
  border-radius: 10px 0 0 10px;
}

jt-assessment hr {
  display: none;
}

jt-assessment .form-group {
  margin-bottom: 0;
}

.advertisejob {
  margin-left: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.addJobAssessment .advertisejob {
  display: none;
}

.addJobAssessment .tab-content.col-md-12.form-group {
  padding: 20px;
}

.addJobAssessment .form-horizontal {
  padding-top: 0;
}

.addJobAssessment .control-label .svg-icon {
  fill: #f97f50;
}

.addJobAssessment .collaps_tabs .nav-link {
  padding: 10px;
  color: var(--white) !important;
  border-radius: 0;
}

.addJobAssessment .nav-tabs .nav-link.active {
  background-color: #f97f50;
}

.addJobAssessment .tab-content.col-md-12.form-group {
  flex: 0 0 70%;
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
}

jt-assessment .form-group.row .col-md-1,
jt-assessment .form-group.row .col-md-9 {
  margin-top: auto;
  margin-bottom: auto;
  padding-right: 0;
}

jt-assessment .mt-3 {
  margin-top: 0 !important;
}

jt-assessment .form-group.row.mt-5 {
  margin-top: 0 !important;
}

jt-assessment .mx-auto {
  margin-left: 0 !important;
}

jt-assessment .col-md-10 {
  max-width: 100%;
  padding: 0;
}

jt-assessment .form-group.row label.switch.switch-icon {
  margin-bottom: initial;
}

/* Smart Match */
.addJobSmartSearch .concertina-container {
  background-color: var(--white);
}

.radiobuttons .radios label {
  margin-right: 5px;
}

div.facet-name, div.facetgroup-name {
  padding: 10px;
}

#sidebarsmart > .facet.closed strong, .facetgroup.closed strong {
  font-size: var(--font-size-primary) !important;
}

#sidebarsmart > .facet strong, strong.header, .facetgroup-name strong {
  font-size: var(--font-size-primary) !important;
}

.addJobApprovalForm hr {
  display: none;
}

.addJobApprovalForm .form-group {
  margin-bottom: 0;
}

.addJobApprovalForm .col-md-10.mx-auto {
  max-width: 100% !important;
  margin: 0 !important;
  flex: 0 0 100% !important;
  padding: 0;
}

.addJobApprovalForm .pr-3 {
  padding-right: 0 !important;
}

.addJobApprovalForm .col-md-12.mt-4.ml-2 {
  max-width: 85%;
  margin-left: auto !important;
  margin-right: auto;
}

.addJobJobAccess hr {
  display: none;
}

.addJobJobAccess .mx-auto {
  margin: 0;
}

.addJobJobAccess .col-md-10 {
  flex: 0 0 100%;
  max-width: 100%;
}

.addJobApprovalForm .card.p-3 {
  min-height: 100px;
}

.addJobPostJob .collaps_tabs .nav-link {
  padding: 10px;
  color: var(--white) !important;
}

.addJobPostJob .collaps_tabs .nav-item :focus, .addJobPostJob .collaps_tabs .nav-item :hover, .collaps_tabs .nav-item :visited, .collaps_tabs .nav-item :active, .collaps_tabs .nav-item .active {
  border-bottom: none !important;
}

.addJobPostJob .collaps_tabs .nav-item :focus, .addJobPostJob .collaps_tabs .nav-item :hover {
  color: #f97f50 !important;
}

.addJobPostJob .nav-tabs .nav-item.show .nav-link, .addJobPostJob .nav-tabs .nav-link.active {
  color: var(--white) !important;
  background-color: var(--add-job-step-menu-current-bg-color);
  border-radius: 0;
}

#myTabContent {
  flex: 0 0 85%;
  max-width: 85%;
  margin: auto;
}

#myTabContent .collaps_tabs .nav-tabs {
  background-color: var(--add-job-step-menu-current-bg-color);
}

#myTabContent .nav-tabs .nav-link.active {
  background-color: #177e9c;
}

#myTabContent .collaps_tabs .nav-item :hover {
  color: #177e9c !important;
}

#myTabContent .nav-tabs .nav-link.active:hover {
  color: var(--white) !important;
}

#myTabContent .collaps_tabs.card {
  background: #f0f9fc;
}

#myTabContent .collaps_tabs .tab-pane .tab-content {
  background: #f0f9fc;
}

#myTabContent .table {
  background-color: white;
}

.postjobForm .status_table thead th {
  background-color: #00637f;
}

.postjobForm .status_table tr {
  background-color: #f0f9fc;
}

.postjobForm .datebox tr {
  background-color: var(--white);
}

.postjobForm thead tr, #myTabContent thead tr {
  background-color: #177e9c;
  color: white;
}

.postjobForm .col-md-7 {
  max-width: 100%;
  flex: 0 0 100%;
  text-align: right;
  padding-right: 0;
}

.postjobForm .post-footer p {
  font-weight: 600;
  margin-right: 10px;
}

.postjobForm .post-footer ul li {
  float: right;
}

.postjobForm .col-md-4.form-group {
  padding: 10px;
  margin-left: 15px;
  flex: 0 0 30%;
  max-width: 50%;
}

.postjobForm .col-md-4.form-group input {
  background-color: #f0f9fc;
  border: 1px solid #177e9c;
}

.postjobForm .col-md-4.form-group label { /* color: var(--white); */ }

.postjobForm table tr {
  border-top: 2px solid var(--white);
}

/* job list */
.JATJobsList #collapseMore .collaps_tabs .nav-item :hover {
  border-bottom: none !important;
}

.JATJobsList #collapseMore .job-title p {
  margin-bottom: 0;
}

.JATJobsList .user_pagetitle h3 {
  margin-top: 0px !important;
}

.JATJobsList .grid-control.table tr td:nth-child(2) {
  font-weight: 600;
}

/* candidate list */
main.JATCandidateListList .table td {
  padding: 0;
}

.external-color {
  background: #177e9c;
}

.custom-control-label::before, .custom-control-label::after {
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
}

.grid-control .candidate-name-info .candidate-thumb {
  line-height: 24px;
  height: 32px;
  width: 32px;
}

.candidate-list-heading .page-heading {
  background-color: #177e9c;
}

.candidate-list-heading #Filtercollapse {
  margin-top: 10px;
}

.candidate-list-heading .form-group {
  margin-bottom: 0;
}

.candidate-list-heading #Filtercollapse .form-group {
  margin-bottom: 10px;
}

.candidate-list-heading .mt-3 {
  margin-top: 10px !important;
}

.candidate-list-heading .mt-2 {
  margin-bottom: 0 !important;
}

.candidate-list-heading .page-heading .pull-left {
  float: none;
}

.user_pagetitle h3 a {
  color: white;
  margin-left: 10px;
}

/* >> table list candidates */
.candidate-thumb {
  width: 40px;
  height: 40px;
  padding: 10px 0;
}

.grid-control .candidate-name-info .candidate-name-icon {
  padding-top: 0;
  line-height: 40px;
}

/* .date-time-cal span {line-height: 16px; font-size: 1.4rem;}*/
.candidate-list-dtl .list-group-item:hover,
.candidate-list-dtl .list-group-item:focus,
.candidate-list-dtl .list-group-item:active,
.candidate-list-dtl .list-group-item.active {
  background-color: rgba(63, 195, 128, 0.1);
  border-color: #00b050;
}

.available-items li:hover,
.available-items li:visited,
.available-items li:focus,
.available-items li:active,
.available-items li.active {
  background-color: rgba(63, 195, 128, 0.1);
  border: 1px solid #00b050;
}

.candidate-list-heading .page-heading {
  padding: 5px;
  margin-bottom: 5px;
}

.candidate-list-heading .nav-tabs .nav-link {
  border: none;
}

.candidate-list-heading label.col-md-3.my-auto {
  max-width: 180px;
}

.JATCandidateListList .collaps_tabs .nav-tabs.tablist.justify-content-end {
  margin-right: 12px;
}

/* Candidate card */
.JATCandidatesHistory ul {
  margin-top: 0;
}

.JATCandidatesHistory .timeline > li {
  padding-left: 5px;
}

.JATCandidatesHistory .fa-clock-o:before {
  margin-right: 5px;
}

@media (min-width: 1200px) {
  .candidate-list-show .col-xl-2 {
    flex: 0 0 14%;
    max-width: 14%;
    margin-right: 6px;
  }
}
.candidate-filter.mt-2.mb-2.dropdown, .candidate-filter.mt-2.mb-2.dropdown btn {
  margin: 0 !important;
}

.candidate-list-dtl ul .badge {
  padding: 5px;
  font-size: 1.1rem;
}

.candidate-list-show .candidate-list-dtl .list-group-item {
  font-weight: 600;
}

.candidate-list-show .candidate-list-dtl .list-group-item b {
  font-weight: 200;
}

.user_table .onlineClosure .table td {
  padding: 0.75rem !important;
}

/* pagination */
.pagination .page-link {
  border-radius: 0.25rem;
}

/* new starters */
.myStarterList td {
  border-right: 2px solid #dddddd;
}

/* calendar */
.fc-day-header.fc-widget-header {
  font-size: 1.4rem;
  background-color: #0091ae;
  color: var(--white);
}

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td,
.fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody,
.fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
  border-color: #000 !important;
}

.fc-content .fc-time, .fc-content .fc-title {
  color: #000 !important;
}

.fc-content .fc-time {
  font-size: var(--font-size-primary);
}

.fc-event, .fc-event-dot {
  background-color: #e1e8fd !important;
}

.fc-event {
  border: 1px solid #000 !important;
}

.fc-content {
  padding: 3px;
}

.fc-center button {
  background: #00637f;
}

.fc-icon-left-single-arrow:after {
  color: var(--white);
}

.fc-icon-right-single-arrow:after {
  color: var(--white);
}

.fc-state-active {
  background: #00637f !important;
  color: var(--white) !important;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: left !important;
  font-size: 1.4rem;
  font-weight: 600;
  margin-left: 5px;
}

/* week */
.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: none !important;
}

.fc-unthemed td.fc-today {
  /* background: #ffb559 !important*/
  background: var(--cylindrical-coordinate) !important;
}

.fc-day-header.fc-widget-header {
  word-spacing: 300px;
}

.fc-agenda-view .fc-day-grid {
  display: none;
}

.fc-unthemed .fc-agendaWeek-view td {
  border-color: #cccccc !important;
}

/* create event */
.CalendarEntryDecide .container_mian {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 13px;
}

.CalendarEntryDecide h4 {
  background-color: #177e9c;
  color: var(--white);
  padding: 0.5rem;
  line-height: 1.4rem;
}

/* reports */
/*.modal-content .card {
  box-shadow: none;
}*/
/* .modal-content .modal-footer {padding-bottom: 0;} */
.close, .close:hover {
  color: var(--white);
  font-size: 3.2rem;
  opacity: 1;
  font-weight: 500;
}

/* settings */
.setings_Index .user_home_content ul li {
  width: 200px;
}

.setings_Index .user_home_content .user_tab_hover p {
  display: none;
}

.setings_Index .user_home_content .user_tab_hover .user_tab_Card {
  height: 150px;
}

.setings_Index h5 {
  font-size: 1.4rem;
}

/* communication */
.emailOutBoxIndex .user_home_content ul li {
  width: 200px;
}

.emailOutBoxIndex .user_home_content .user_tab_hover p {
  display: none;
}

.emailOutBoxIndex .user_home_content .user_tab_hover .user_tab_Card {
  height: 150px;
}

.emailOutBoxIndex h5 {
  font-size: 1.4rem;
}

/* .bottom-solid-bar.ng-star-inserted {display: none;}*/
.dashboard-statistics .status-card .bottom-solid-bar {
  min-height: 0;
}

.home-statistics .status-numbers, .dashboard-statistics .status-card .status-title {
  /*color: white;*/
}

.home-statistics .status-card {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
  border: 0;
}

.obHubStats .status-title {
  font-size: 14px;
}

.job-stats li.status-card {
  width: 15.6%;
  margin: 0;
  margin-left: 0.9%;
}

.grid-control.table th {
  background: #00637f;
  color: var(--white);
}

/* TEMP HOG */
/* .form-horizontal {padding-top: 0;} */
.home-cards .card-5 .card-body, .home-cards .card-bottle-neck .card-body {
  height: initial;
}

app-searchappliedjobs .form-horizontal.col-lg-12.card {
  padding: 15px;
}

app-obStep1 hr {
  display: none;
}

.onbooardingProcessCard {
  border: 1px solid var(--input-border-color) !important;
  border-radius: 5px;
  margin-bottom: 20px;
}

.start_Onboarding_Process .action-area {
  padding: 0;
}

#priorydocuments .sectionsDetail .card .card-header .btn {
  color: var(--white);
  margin-left: 15px;
  padding: 10px;
}

.ie-warning-message {
  border: 1px solid yellow;
  margin-bottom: 10px;
  padding: 5px;
  background-color: #ececd5;
  font-size: 14px;
}

.greenRoomManagerCreate .cropped-img img {
  width: initial;
}

.is-invalid {
  border-color: #dc3545 !important;
}

.w-13 {
  width: 13%;
}

.w-16 {
  width: 16%;
}

.w-20 {
  width: 20%;
}

.w-30 {
  width: 30%;
}

.w-35 {
  width: 35%;
}

.w-40 {
  width: 40%;
}

.w-70 {
  width: 70%;
}

.cke_editable_inline h1 {
  font-size: 2em;
}

.cke_editable_inline h2 {
  font-size: 1.5em;
}

/* ---------------------------------------------------
   End customce.css code
----------------------------------------------------- */
.addJobAssesmentDetails .form-group label {
  color: var(--add-job-lable);
}

.addJobApprovalForm .form-group label {
  color: var(--add-job-lable);
}

.appointment_date_time_form #calendar {
  fill: var(--navalnight);
}

.ref-dropdown-menu {
  top: auto;
  width: 190px;
  left: auto !important;
  right: 10px;
}

.btn_refAction {
  float: right !important;
}

.ob-dropdown-menu {
  top: auto;
  width: 190px;
}

app-jobs-and-talent-list #homepage .home_search .btn-success {
  background-color: var(--page-list-search-btn-bg-color);
  border-color: var(--page-list-search-btn-bg-color);
}

.form-control:disabled {
  background-color: var(--input-readonly-bg-color) !important;
  opacity: 1;
}

.onboardingTemplateCreate .switch.switch-icon .switch-disable-label {
  background-color: #d0c7c7 !important;
  border: 1px solid #b9b0b0 !important;
}

.onboardingTemplateCreate .switch.switch-icon .switch-handle {
  border: 1px solid #ece7e7;
}

.starter-form-main .starter-form-sub-class-details .last-cancel-by {
  margin-left: 14.5rem;
}

.onboardingTemplateCreate .table_cell_container {
  vertical-align: middle;
}

.onboard-status-red-cross-svg {
  width: 20px;
  height: 20px;
  fill: #FF0000;
}

app-book-candidate-interview-create #emailEdit .modal-content {
  width: 110%;
}

.accept-calender-entry {
  --fc-event-bg-color: #3fc380;
  --fc-event-border-color: #3fc380;
}

.accept-calender-entry .fc-event-main {
  background-color: #3fc380 !important;
}

.booked-calender-entry {
  --fc-event-bg-color: #ffe819;
  --fc-event-border-color: #ffe819;
}

.booked-calender-entry .fc-event-main {
  background-color: #ffe819 !important;
}

.condidate-card .carousel-item svg#calendar-question,
.condidate-card .carousel-item svg#calendar-accepted,
.condidate-card .carousel-item svg#calendar-decline {
  fill: none;
}

.application-section {
  border: 1px solid #ced4da;
  height: 52px;
}

.app-template-section-placeholder {
  min-height: 72px;
  border: 1px dashed green;
  background-color: rgba(0, 0, 0, 0.1);
  height: 100px;
}

.icon-center-align {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.w-95 {
  width: 95%;
}

.rating-grey-star svg {
  fill: #bababa;
  width: 22px;
  height: 21px;
}

.office-form-textfield .cke_textarea_inline {
  min-height: 62px;
}

.rating-number-box {
  height: 35px;
  width: 55px;
  color: var(--input-color);
  background-color: transparent;
  box-shadow: 0 0 0 2px #d4d4d4 inset;
  border-radius: 3px;
  padding-top: 8px;
}

.rating-number-checkbox {
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
  position: absolute;
}

.custom-countdown {
  display: none;
}

.rating-question-star-labels {
  width: 20px;
}

.rating-question-number-labels {
  width: 52px;
}

.assessment-form-preview-modal {
  z-index: 1051 !important;
}

.rating-question-symbol {
  cursor: pointer;
}

.rating-question-symbol-selected {
  background-color: #177e9c;
  color: white !important;
}

.rating-question-star-selected svg {
  fill: #177e9c !important;
}

app-book-candidate-interview-create #emailEdit .modal-content {
  width: 110%;
}

.accept-calender-entry {
  --fc-event-bg-color: #3fc380;
  --fc-event-border-color: #3fc380;
}

.accept-calender-entry .fc-event-main {
  background-color: #3fc380 !important;
}

.booked-calender-entry {
  --fc-event-bg-color: #ffe819;
  --fc-event-border-color: #ffe819;
}

.booked-calender-entry .fc-event-main {
  background-color: #ffe819 !important;
}

.condidate-card .carousel-item svg#calendar-question,
.condidate-card .carousel-item svg#calendar-accepted,
.condidate-card .carousel-item svg#calendar-decline {
  fill: none;
}

.appointment_date_time_form .BookCandidate a {
  color: var(--label-color);
}

.applicatons-status-banner {
  background-color: #ecbdbc !important;
}

.switch-primary .switch-input:checked ~ .switch-label.switch-disable {
  background: #a8d0bc !important;
  border-color: #a8d0bc;
}

.applicatonStatus-table-container {
  min-height: 90vh;
}

.applicationStatus-header {
  margin-top: 30px;
}

.candidateApplicationStatusesCreate .container_mianhide {
  padding: 0 15px;
}

.print-application-header {
  margin-top: 30px;
}

.dynamic-starter-forms a, .dynamic-starter-forms a:hover {
  color: var(--label-color);
}

.proposed-start-date-fieldId.text-danger {
  padding-left: 0 !important;
}

.ai-media-library-image-container .selected {
  border: 5px solid var(--modal-header-bg-color);
}

.ai-media-library-image-container .offset-md-3.border,
.ai-media-library-image-container .offset-md-3.border,
.ai-media-library-image-container .offset-md-3.border {
  border-width: 3px !important;
}

.office-form-textfield .cke_textarea_inline {
  min-height: 62px;
}

.appointment_date_time_form .BookCandidate a {
  color: var(--label-color);
}

.form-container select {
  float: none;
}

textarea.job-describe.form-control {
  height: 150px;
}

.ai-job-describe-container textarea.job-describe {
  resize: vertical;
  overflow: auto;
}

a.more-questions, a.more-questions:hover {
  color: var(--label-color);
}

.question-type-header {
  width: 30px;
}

.top-0 {
  top: 0;
}

.end-0 {
  right: 0;
}

.rating-number-box {
  height: 35px;
  width: 55px;
  color: black;
  background-color: transparent;
  box-shadow: 0 0 0 2px #d4d4d4 inset;
  border-radius: 3px;
  padding-top: 8px;
  cursor: pointer;
}

.rating-number-checkbox {
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
  position: absolute;
}

.custom-countdown {
  display: none;
}

.rating-question-star-labels {
  width: 20px;
}

.rating-question-number-labels {
  width: 52px;
}

.assessment-form-preview-modal {
  z-index: 1051 !important;
}

.rating-question-symbol {
  cursor: pointer;
}

.rating-question-symbol-selected {
  background-color: #177e9c;
  color: white !important;
}

.rating-question-star-selected svg {
  fill: #177e9c !important;
}

.event_dashboard .table-container {
  min-height: 10vh;
}

.inline-question-text p {
  display: inline;
  margin: 0;
}

@media (min-width: 992px) {
  .modal-xxl {
    max-width: 900px;
  }
}
@media (min-width: 1200px) {
  .modal-xxl {
    max-width: 1350px;
  }
}
app-approved-job table tbody td {
  color: var(--label-color);
}

.assessmentForm-index-db-store-message b.col-md-12 {
  color: var(--txt-danger-text-color) !important;
}

.tab-panel .pills-list-container ul li .pill-close,
.search-hidden .pills-list-container ul li .pill-close,
.search-visible .pills-list-container ul li .pill-close {
  color: var(--calendar-search-cross-icon-color);
  font-size: 18px;
}

.main-pagination-container .page-link:disabled {
  cursor: not-allowed;
}

.application-template-section-name {
  text-align: left;
}

app-applicationtemplate-update .action.addjob-action .action-area {
  padding: 7px 10px;
  background: var(--add-job-footer-bg-color);
  background-size: 60px;
}

.template-actions {
  flex: auto;
}

.applicationTemplatesSection .card {
  margin: 0px;
}

.password-container input {
  padding: 5px !important;
  border-radius: 5px;
  margin-bottom: 15px;
}
.password-container .password-icon {
  float: right;
  margin-right: 17.5px;
  margin-top: -42.5px;
  position: relative;
  cursor: pointer;
  z-index: 3;
}
.password-container .new-password, .password-container .confirm-password, .password-container .old-password {
  margin-top: -44.5px;
}

.vonq-campaigns-list #collapseMore .collaps_tabs .tab-pane .tab-content {
  background-color: none !important;
}

.vonq-campaigns-list #collapseMore .campaigns-more-detail {
  border-bottom: none !important;
}

.video_preview {
  width: 100%;
  height: 240px;
  background-color: black;
}

.video_preview #player {
  width: 100%;
}

h3.welcomeemailtitle {
  font-weight: var(--label-font-weight);
}

.assessmentFormAdvanced .form-designer {
  width: 80% !important;
}

#form-designer-container .action.container-fluid {
  width: 80%;
}

.salaryBandsMapping .table-responsive {
  overflow: visible;
}

.salaryBandsMapping table th:last-child, .salaryBandsMapping table td:last-child {
  width: 320px;
  min-width: 320px;
}

.sona-doc-container .documents-grid {
  position: relative;
}
.sona-doc-container .documents-grid::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  background-color: #ccc;
  transform: translateX(-50%);
}
.sona-doc-container .sona-doc-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-bottom: 12px;
  background-color: var(--sona-document-background-color);
  transition: background-color 0.2s;
}
.sona-doc-container .sona-doc-row:hover {
  background-color: var(--sona-document-background-color-hover);
}
.sona-doc-container .doc-left {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 8px;
}
.sona-doc-container .toggle-icon {
  cursor: pointer;
  margin-right: 8px;
  margin-left: -2px;
  min-width: 16px;
  color: #007bff;
}
.sona-doc-container .toggle-icon app-svg-icon {
  fill: #007bff;
}
.sona-doc-container .toggle-icon app-svg-icon svg {
  transform: scale(1);
  filter: drop-shadow(0.3px 0 0 currentColor) drop-shadow(-0.3px 0 0 currentColor);
}
.sona-doc-container .doc-icon {
  color: #6c757d;
  min-width: 18px;
}
.sona-doc-container .doc-name {
  font-weight: 600;
  color: var(--label-color);
}
.sona-doc-container .doc-right {
  flex: 0 0 50px;
  text-align: right;
}
.sona-doc-container .sona-doc-children {
  margin-left: 20px;
  margin-top: 8px;
}
.sona-doc-container .sona-doc-children .sona-doc-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  border-left: 2px solid #007bff;
  margin-bottom: 8px;
  background-color: #f8f9fa;
  gap: 8px;
}
.sona-doc-container .sona-doc-children .child-indent {
  width: 20px;
}
.sona-doc-container .left-column {
  padding: 10px;
  border-right: 1px solid #ccc;
}
.sona-doc-container .right-column {
  padding: 10px;
}
.sona-doc-container .sona .padding-top-header {
  padding: 15px 0 20px;
}
.sona-doc-container .sona .header {
  color: #00637f;
}
.sona-doc-container .submit-cross {
  width: 17px;
  height: 17px;
  fill: #FF0000;
}
.sona-doc-container .submit-tick {
  width: 17px;
  height: 17px;
  fill: #3fc380;
}
.sona-doc-container .tick-align {
  padding-right: 12px;
}
.sona-doc-container .ptick-align {
  padding-right: 6px;
}
.sona-doc-container .badge-font {
  font-size: 12px;
}
.sona-doc-container .folder-open,
.sona-doc-container .file,
.sona-doc-container .document {
  width: 17px;
  height: 17px;
  fill: #3fc380;
}

.table_row_data {
  display: table-row-group;
}

.hidden {
  display: none !important;
}

.order_OfImportance .cdk-drop-list {
  display: flex;
  flex-direction: column;
}

#collapseMore .order_OfImportance .cdk-drag {
  height: inherit !important;
}

#refineTextModal .text-dark {
  color: var(--label-color) !important;
}

#refineTextModal .btn-close.text-danger {
  color: var(--refine-model-clos-btn-color) !important;
}

#reportBuilder .rb_columns {
  background-color: var(--report-builder-side-filter-bg-color) !important;
  /*height: 15vh;*/
  border: 1px solid var(--input-border-color);
}

#reportBuilder .rb_table_columns {
  /*height: 5vh !important;*/
  /*overflow: auto;*/
}

#reportBuilder .rb_columns .rb-badge {
  padding: 8px;
  background-color: var(--btn-info-bg-color);
  font-size: 85% !important;
  font-weight: 700 !important;
}

#reportBuilder .rb_columns .btn {
  font-size: 85% !important;
  font-weight: 700 !important;
}

#reportBuilder .rb_columns .dropdown-menu {
  top: 0px;
  width: 10%;
  margin-left: 20% !important;
}

#reportBuilder .rb_columns .rb-badge {
  padding: 8px;
  background-color: var(--btn-info-bg-color);
}

#reportBuilder .rb_filter {
  background-color: var(--report-builder-side-filter-bg-color);
  /*height: 10vh;
  overflow: auto;*/
  border: 1px solid var(--input-border-color);
}

#reportBuilder .rb_filter .rb_parameter_field {
  width: auto;
}

#reportBuilder .rb_filter input, #reportBuilder .rb_filter select {
  width: auto;
  height: 29px;
  display: inline-block;
  margin: 0.375rem 0.3rem 0.375rem 0;
  font-size: 1rem;
}

#reportBuilder .rb_filter .ngx-dropdown-container {
  width: 30%;
  height: 29px;
  display: inline;
  margin: 0.375rem 0.3rem;
  font-size: 1rem;
}

#reportBuilder .rb_filter .rb_filterOptions {
  display: inline;
}

#reportBuilder .rb_filter .rb_filterOptions .rb-badge {
  margin: 2px 1px;
  font-size: 1.1rem;
  /*background-color: #177e9c;*/
  border: 1px solid;
  color: #17a2b8;
  border-color: #17a2b8;
}

#reportBuilder .rb_filter .rb_filterOptions .rb-badge:hover {
  color: white;
  background-color: #177e9c;
  border-color: #177e9c;
}

#reportBuilder .rb_filter .rb_filterOptions .rb_selectedOption {
  color: white;
  background-color: #177e9c;
  border-color: #177e9c;
}

#reportBuilder .rb_filter input:focus {
  border-color: #3fc380;
  box-shadow: 0 0 0 0.2rem rgba(63, 195, 128, 0.15);
  background: rgba(63, 195, 128, 0.1);
}

#reportBuilder .rb_fields {
  background-color: var(--report-builder-side-filter-bg-color);
  height: 60vh;
  overflow: auto;
  border: 1px solid var(--input-border-color);
}

#reportBuilder .rb_list-group-item {
  position: relative;
  display: block;
  padding: 6px 4px;
}

#reportBuilder .rb-btn-filter {
  color: #17a2b8;
  border-color: #17a2b8;
}

#reportBuilder .rb-btn-icon {
  color: black;
  border-color: #17a2b8;
}

#reportBuilder .rb-btn-icon:hover {
  color: white;
  background-color: #177e9c;
  border-color: #177e9c;
}

#reportBuilder .rb-report-preview {
  background-color: rgba(0, 0, 0, 0.1176470588);
  border: 1px solid var(--input-border-color);
}

#reportBuilder .rb-report-preview .previewContent {
  overflow: auto;
}

#reportBuilder .previewContent img {
  width: 100%;
  height: 100%;
}

#reportBuilder .rb-report-preview-icon {
  min-height: 1px;
}

#reportBuilder .rb-data-source {
  color: #17a2b8;
  border-color: #17a2b8;
}

#reportBuilder .rb-btn-filter:hover {
  color: white;
  background-color: #177e9c;
  border-color: #177e9c;
}

.rp-icon {
  /*display: flex;*/
  align-items: center;
  flex-direction: column;
  border-color: black;
}

.rp-icon .rp-icon-label {
  /*font-size: 10px;*/
}

.rp-chart-icons {
  display: flex;
}

.rp-chart-icons {
  display: flex;
}

.rp-chart-icons {
  display: flex;
}

#reportBuilder .rb-graph-icon .svg-icon {
  height: 15px;
  width: 14px;
}

#reportBuilder .disable {
  pointer-events: auto !important;
}

#reportBuilder a {
  color: var(--label-color);
}

.my-report-container {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

.btn_action .meatballs-icon svg {
  width: 24px;
  height: 24px;
}

/*.container-rb-search-filter .btn {
  padding: 1.0rem 1.75rem 1.0rem 1.75rem;
  vertical-align: text-top;
}*/
.container-rb-search-filter h1.page-heading {
  font-size: 2.2rem;
}

.container-rb-search-filter .pblr-action-dropdown-menu {
  margin-top: 0px !important;
}

.my-report-container .mr-action-dropdown-menu {
  margin-top: 10px !important;
}

.my-report-container .dropdown-menu.show {
  border: 0px;
}

.my-report-container .dropdown-menu .dropdown-item {
  border: 1px solid #dee2e6;
}

.my-report-container .my-report-card {
  min-height: 180px;
  max-height: max-content;
  border: 1px solid var(--input-border-color);
}

.my-report-container .dropdown-menu .dropdown-item:hover {
  background: #dee2e6;
}

.my-report-container .rb-datepicker .btn-calendar {
  top: -4px;
}

.my-report-container .my-report-card h5.card-title > b {
  word-break: break-word;
}

.my-report-container .my-report-card h5.card-title.personal-report-title {
  max-width: 88%;
}

.securityrolesaddpublicReport .table-container {
  min-height: 10vh;
}

.container-rb-search-filter .pblr-action-dropdown-menu {
  margin: 0px 1.5rem 1.5rem 1.5rem !important;
}

.container-public-report-library .btn {
  padding: 1rem 1.75rem 1rem 1.75rem;
  vertical-align: text-top;
}

.container-rb-search-filter .active-reportdropdown {
  background-color: transparent !important;
}

#reportBuilder .stat-box, .reportPreview .stat-box {
  width: 200px;
  height: 100px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-bottom: 10px solid;
  border-bottom-width: 10px;
  border-bottom-style: solid;
}

#reportBuilder .averageStatBox .stat-box, .reportPreview .averageStatBox .stat-box {
  width: 150px !important;
  height: 53px !important;
}

#reportBuilder .stat-icon {
  flex: 0 0 auto;
  margin-right: 10px;
}

#reportBuilder .stat-icon img {
  width: 50px;
  height: 50px;
}

#reportBuilder .stat-content, .reportPreview .stat-content {
  flex: 1;
  text-align: center;
}

#reportBuilder .stat-value, .reportPreview .stat-value {
  font-size: 2.2rem;
  color: #212529;
  font-weight: 700;
  text-align: center;
}

#reportBuilder .optionBtn {
  background-color: #f97f50;
  color: #fff;
}

#reportBuilder .stat-label {
  font-size: 16px;
  color: #333;
  text-align: center;
  font-size: 1.4rem !important;
}

#reportBuilder .stat-container {
  padding: 25px;
}

.capitalize-stat-label {
  text-transform: lowercase;
}

.capitalize-stat-label:first-letter {
  text-transform: uppercase;
}

.container-rb-search-filter #btnDropdown {
  margin-left: -15px;
}

.disabled {
  background-color: rgba(0, 0, 0, 0.5); /* semi-transparent background only */
  pointer-events: none; /* to prevent clicks on the element */
}

.my-report-card {
  background-color: var(--system-settings-tiles-bg-color);
}

.meatballs-icon svg #Meatballs-Menu path {
  fill: var(--report-builder-card-icon-color);
}

app-jt-container h3 a, app-jt-container h3 a:hover {
  color: var(--label-color);
}

/*.rp-chart-icons .rp-icon app-svg-icon  svg path{
  fill: $label-color;
}*/
.rb-report-preview app-table-preview .user_table table {
  color: var(--label-color);
}

#reportBuilder .rb-report-preview .help-svg-icon {
  fill: var(--report-builder-preview-icon-color);
  height: 20px;
  width: 20px;
}

app-table-preview .table {
  color: var(--label-color);
}

@media (min-width: 768px) {
  .my-report-dropdown-menu {
    width: 170px;
  }
}
.preview-report-svg #exportReport, .preview-report-svg #close {
  width: 22px;
  margin-left: -2px;
  padding-bottom: 10px;
}

.preview-report-label-font {
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.preview-report-ml-9 {
  margin-left: -9px;
}

.reportPreview .report-preview-container {
  padding: 30px 0px 0px 25px;
}

@media only screen and (min-width: 1024px) {
  .table-preview-container {
    max-width: 98%;
    padding-left: 25px;
  }
}
.public-report-library-grid {
  padding-right: 28px;
}

.btn-add-report-to-dashboard {
  padding-right: 0px;
  padding-bottom: 5px;
}

.report-name-search-text {
  margin-right: 2px;
}

#reportBuilder .rb_ngx .dropdown-search-icon {
  top: -2px;
  right: 8px;
}

#reportBuilder .rb_ngx .svg-icon {
  top: -14px !important;
  right: -3px !important;
}

#reportBuilder .rb_ngx .ngx-dropdown-container .ngx-dropdown-list-container {
  right: 3px;
  width: 98%;
}

#reportBuilder .rb_ngx .ngx-dropdown-container .ngx-dropdown-list-container .selected-count {
  width: 6%;
  background-color: white;
  font-size: 1rem;
}

#reportBuilder .rb_ngx input {
  width: 43% !important;
}

#reportBuilder .rb_ngx .btn-primary {
  padding: 0px;
}

#reportBuilder .rb_ngx .btn-primary {
  width: 94% !important;
  height: 20px !important;
}

.my-report-container {
  position: relative;
}

.my-report-container .dropdown-menu {
  position: absolute;
  left: auto;
  right: 12px;
  top: 0%;
  transform: translateY(28px);
}

.container-public-report-library .dropdown-menu .dropdown-item, .dropdown-menu .dropdown-item:active {
  background: var(--select-bg-color) !important;
  color: var(--label-color);
}

.container-public-report-library .dropdown-menu .dropdown-item, .dropdown-menu .dropdown-item:hover {
  color: var(--label-color) !important;
}

#import path,
#import polyline,
#import line {
  stroke: var(--body-color);
  /* Change to your desired color */
}

#saveReport path,
#saveReport polyline,
#saveReport line {
  stroke: var(--body-color);
  /* Change to your desired color */
}

#trend path,
#trend polyline,
#trend line {
  stroke: var(--body-color);
  /* Change to your desired color */
}

#bar path,
#bar polyline,
#bar line {
  stroke: var(--body-color);
  /* Change to your desired color */
}

#pie path,
#pie polyline,
#pie line {
  stroke: var(--body-color);
  /* Change to your desired color */
}

#table path,
#table polyline,
#table line {
  stroke: var(--body-color);
  /* Change to your desired color */
}

#statReport path,
#statReport polyline,
#statReport line,
#statReport rect {
  stroke: var(--body-color);
  /* Change to your desired color */
}

#stat path,
#stat polyline,
#stat line {
  stroke: var(--body-color);
  /* Change to your desired color */
}

#exportReport path,
#exportReport polyline,
#exportReport line {
  stroke: var(--body-color);
  /* Change to your desired color */
}

#refreshReport path {
  fill: var(--body-color); /* Change to your desired color */
}

@media (max-width: 768px) {
  .report-builder-preview-section {
    padding-top: 15px;
  }
}
.customFields_group .dropdown-menu {
  color: var(--body-color);
  background: var(--main-bg-color);
  border: 1px solid var(--select-border-color);
}

.report-builder-table .table td, .table th {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid transparent;
}

.app-my-report-cards svg, .btn-search .icon {
  fill: var(--user-home-content-svg-color);
}

.svg-icon-report-medium {
  fill: var(--table-icon-svg-color);
  height: 50px;
  width: 50px;
  cursor: pointer;
}

.navbar-dark .navbar-nav .dropdown-menu .dropdown-item {
  border: 1px solid var(--input-border-color);
  color: var(--table-body-text-color);
}

#reportBuilder .rb_columns .aggregation-dropdown .dropdown-menu, #reportBuilder .rb_columns .stat-aggregation-dropdown .dropdown-menu, #reportBuilder .rb-report-preview .stat-aggregation-dropdown .dropdown-menu {
  top: 24px;
  /*width: 10%;*/
  margin-left: 14% !important;
  width: 140px !important;
}

#reportBuilder .rb_columns .stat-aggregation-dropdown .dropdown-menu {
  width: 200px !important;
}

#reportBuilder .rb_columns .trend-aggregation-dropdown .dropdown-menu {
  width: 20px !important;
}

#reportBuilder .rb_columns .aggregation-dropdown .dropdown-submenu {
  top: 100%;
  margin-left: 0% !important;
  width: 200px !important;
  left: 0;
}

.aggregation-dropdown .dropdown-menu li, .stat-aggregation-dropdown .dropdown-menu li {
  position: relative;
}

.aggregation-dropdown .dropdown-menu .dropdown-submenu {
  display: none;
  position: absolute;
  left: 100%;
  top: -7px;
}

.aggregation-dropdown .dropdown-menu .dropdown-submenu svg, .stat-aggregation-dropdown .dropdown-menu svg {
  width: 13px !important;
  height: 13px !important;
}

.aggregation-dropdown .dropdown-menu svg {
  width: 13px !important;
  height: 10px !important;
}

.aggregation-dropdown .dropdown-menu .dropdown-submenu .svg-icon {
  float: unset;
}

.aggregation-dropdown .dropdown-menu .svg-icon {
  float: right;
}

.aggregation-dropdown .dropdown-menu .dropdown-submenu-left {
  right: 100%;
  left: auto;
}

.aggregation-dropdown .dropdown-menu > .dropdown-item:hover > .dropdown-submenu {
  display: block;
}

.my-report-container svg#table, .my-report-container svg#bar, .my-report-container svg#pie, .my-report-container svg#trend {
  fill: var(--report-builder-svg-color) !important;
}

.my-report-container svg#pie path,
.my-report-container svg#pie polyline,
.my-report-container svg#pie line {
  stroke: var(--report-builder-svg-color) !important;
  /* Change to your desired color */
}

.my-report-container svg#trend path, .my-report-container svg#trend polyline, .my-report-container svg#trend line {
  stroke: var(--report-builder-svg-color) !important;
}

.my-report-container .dropdown-search-icon svg, .my-report-container .search-icon svg {
  fill: var(--ngx-select-svg-fill-color) !important;
}

#reportBuilder .aggregation-dropdown .dropdown-menu svg {
  fill: var(--candidate-listing-svg-fill-color) !important;
}

.my-report-container svg#statReport {
  fill: transparent;
}

#reportBuilder .rb_filter .rb_list-group-item {
  position: unset !important;
}

#reportBuilder .rb_filter .rb_list-group-item .myDpSelectorAbsolute {
  top: 148px !important;
  left: auto !important;
  width: 200px !important;
  height: 200px !important;
}

#reportBuilder .chart-icon-disabled, #reportBuilder .stop-icon {
  cursor: not-allowed;
}

#reportBuilder .chart-icon-disabled svg {
  cursor: not-allowed;
}

#reportBuilder .btn-search {
  top: 94px !important;
}

.navbar-dark .navbar-nav .dropdown-menu a.dropdown-item:hover {
  color: #fff !important;
  background-color: #00637f !important;
}

.table-preview-container .table {
  color: var(--body-color);
}

.table-preview-container table {
  color: var(--table-body-text-color) !important;
  border-collapse: collapse !important;
}

.table-preview-container thead th {
  background-color: var(--table-header-bg-color) !important;
  color: var(--table-header-text-color) !important;
}

.table-preview-container .table td, .table th {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid transparent;
}

.table-preview-container .table-bordered td, .table-bordered th {
  border: 1px solid transparent;
}

.table-preview-container .table tbody tr:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber), .table_row:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber):not(.tl-blue), .table_row:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber):not(.tl-blue) div.table_cell_container {
  background-color: var(--odd-row-bg-color);
}

.my-report-card .card-img-top {
  cursor: pointer;
}

.my-report #sidebar a p {
  margin-top: auto;
}

.container-rb-search-filter .start-datepicker .btn-calendar .svg-icon {
  padding-top: 30px;
}

.container-rb-search-filter .personal-report-title, .my-report-container .public-report-title {
  font-weight: var(--label-font-weight);
  padding-top: 10px;
}

.my-report-container #sidebar svg {
  fill: var(--left-menu-svg-fill-color);
}

.my-report-container #sidebar svg:hover {
  fill: var(--left-menu-svg-fill-color);
}

.my-report-container #sidebar svg#bar {
  fill: var(--left-menu-svg-fill-color) !important;
}

.my-report-container #sidebar #bar path, #bar polyline, #bar line {
  stroke: var(--left-menu-svg-fill-color) !important;
}

.my-report-card .cap_menu {
  padding: inherit;
}

.my-report-container .dropdown-menu {
  width: 80% !important;
}

.public-report-library .start-datepicker .btn-calendar .svg-icon, .my-report-container .start-datepicker .btn-calendar .svg-icon {
  padding-top: 30px;
}

.my-report #sidebar a p {
  margin-top: auto;
}

.reportPreview .user_pagetitle {
  padding-left: 24px;
}

.container-rb-search-filter .search-icon .icon {
  fill: var(--ngx-select-svg-fill-color);
}

.my-report-container .my-report-card h5.card-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-word;
}

@media (max-width: 1300px) and (min-width: 965px) {
  .my-report-container .user_home_content .user_tab_hover .user_tab_Card {
    min-height: 90% !important;
    border: 1px solid #177e9c;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto !important;
  }
}
#reportBuilder .customFields_group {
  flex-direction: row;
}

#reportBuilder .rb_table_columns .customFields_group {
  display: flex;
  flex-wrap: wrap;
  white-space: normal;
}

#reportBuilder .rb_fields .card-header {
  height: 30px;
  text-align: center;
  padding: 0;
}

#reportBuilder .rb_fields .panel .card {
  box-shadow: unset;
}

#reportBuilder .rb_fields ul svg {
  height: 14px;
  width: 14px;
  margin-top: 8px;
}

#reportBuilder .rb-report-icons .rb-btn-report {
  /* color: #17a2b8;
   border-color: #17a2b8;*/
}

/*#reportBuilder .rb-report-icons .rb-btn-report:hover {
  color: white;
  background-color: #177e9c;
  border-color: #177e9c;
}
#reportBuilder .rb-report-icons .rb-btn-report svg {
  height: 15px;
  width: 16px;
}
#reportBuilder .rb-report-icons .rb-btn-report svg:hover {
  color: white;
  background-color: #177e9c;
  border-color: #177e9c;
}*/
.btn-rb-reports {
  display: flex;
  gap: 8px;
}

.btn-rb-reports button {
  background: transparent;
  border: 1px solid #ccc;
  padding: 8px 12px;
  /*display: flex;*/
  align-items: center;
  gap: 5px;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  color: var(--label-color);
}

.btn-rb-reports button.active {
  color: #fff;
  background-color: var(--btn-info-bg-color);
  border-color: var(--btn-info-border-color);
}

.btn-rb-reports button.active:focus {
  outline: 0;
}

/*.btn-rb-reports button svg {
  fill: $report-builder-svg-color !important;
}*/
/*.btn-rb-reports button.active svg {
  fill: $white !important;
}*/
/*.btn-rb-reports button svg path, .btn-rb-reports button svg polyline, .btn-rb-reports button svg line {
  stroke: $body-color !important;*/
/*fill: $black !important;*/
/*}*/
/*.btn-rb-reports button.active svg path, .btn-rb-reports button.active svg polyline, .btn-rb-reports button.active svg line {
  stroke: #fff !important;
  fill: $white !important;
}*/
.btn-rb-reports button.active svg path,
.btn-rb-reports button.active svg polyline,
.btn-rb-reports button.active svg line {
  stroke: #fff !important;
}

.btn-rb-reports button.active svg:not(#statReport) path,
.btn-rb-reports button.active svg:not(#statReport) polyline,
.btn-rb-reports button.active svg:not(#statReport) line {
  fill: #fff !important;
}

.btn-rb-reports .svg-icon {
  height: 15px;
  width: 14px;
}

#reportBuilder .rb_fields .accordion-toggle {
  background-color: var(--rb-accordion-toggle-color);
  border: 1px solid var(--input-border-color);
}

#reportBuilder .rb_fields .accordion-toggle .btn-link {
  color: var(--print-preview-color);
}

.table-preview-container thead th:not(.myDpWeekDayTitle) {
  background-color: var(--print-preview-table-header-bg-color) !important;
  color: var(--print-preview-table-header-color) !important;
}

.report-builder-table .sort svg {
  fill: var(--sorting-svg-fill-color);
}

.reportPreview .stat-container .row {
  display: flex;
  justify-content: center;
  align-items: center;
}

.navbar-dark .navbar-nav .show > #headerReports:hover {
  color: #fff;
  border-top: 3px solid var(--header-active-color);
  background-color: var(--header-active-color);
}

.navbar-dark .navbar-nav .show > #headerReports {
  color: #fff;
  background: var(--header-active-color);
  border-top: 2px solid var(--header-active-color);
}

.btn-rb-reports .chart-icon-disabled {
  cursor: not-allowed;
}

.btn-rb-reports .chart-icon-disabled svg {
  cursor: not-allowed;
}

#reportBuilder .rb_filter app-jt-datepicker {
  display: inline-block !important;
  margin: 0.375rem 0.3rem 0.375rem 0;
  height: 29px;
  vertical-align: baseline;
}

:root, [data-jt-theme=light] {
  font-size: 10px;
  /* Start Colors */
  --summerblue: #177e9c;
  --white: #fff;
  --red-orange: #ff3939;
  --american-red: #bd2130;
  --esmeralda: #3fc380;
  --forestblues: #0d3f68;
  --durotarfire: #f15a29;
  --celestial: #00637f;
  --black: #000;
  --child-of-light: #F5F8FA;
  --searedgrey: #495057;
  --jasmine-green: #3fc380;
  --whitesmoke: #f6f6f6;
  --cinder: #212529;
  --satinwhite: #ced4da;
  --blue: #177e9c;
  --lightblue: #eeeeee;
  --darkblue: #177e9c;
  --bluebutton: #177e9c;
  --orange: #f97f50;
  --green: #00b050;
  --grey: #f3f1f1;
  --lightgrey: #eeeeee;
  --cape-pond: #0091AE;
  --bright-star: #dee2e6;
  --red: #FF0000;
  --rhapsodyinblue: #002A44;
  --sagittarius-amber: #f97f50;
  --black-glaze: #000b11;
  --instant-orange: #ff8428;
  --sky-blue: #80cff0;
  --odd-row-color: #f0f9fc;
  --fastBlue: #06A1E3;
  --cerulean: #009fe3;
  --halloween-orange: #F05A28;
  --cadmium-orange: #f68029;
  --seaweed-green: #34a76d;
  --clover-green: #319e67;
  --icewind-dale: #e9ecef;
  --faded-blue: #6696BC;
  --light-steel-blue: #7196bb;
  --gainsboro: #ddd;
  --davyGrey: #5B5B5B;
  --kodama-white: #e5f6fb;
  --french-manicure: #feeae5;
  --iceberg: #ddf1f7;
  --brainstem-grey: #b5b2b2;
  --off-green: #E5F6FB;
  --blue-whale: #0F2445;
  --december-sky: #d1d4d7;
  --light-grey-black: #0000003d;
  --astronaut-blue: #085483;
  --dusty-grey: #999;
  --jinzamomi-pink: #f56954;
  --calmWaters: #f0f9fc;
  --bluish-cyane-blue: #337ab7;
  --maui-mist: #f8f9fa;
  --aqua-spring: #ecf9fa;
  --silver: #c7c7c7;
  --golden: #bfa411;
  --white-lilac: #F8F8F8;
  --pastal-grey: #D1D1D1;
  --mint-tulip: #D0EFF8;
  --davy-grey: #555;
  --cylindrical-coordinate: #ffb559;
  --platinum: #E4E4E4;
  --jagged-ice: #bfe4e8;
  --light-yellow: #fff7bb;
  --light-gray: #d3d3d3;
  --xtra-light-gray: #f3f3f3;
  --mint-blue: #022852;
  --mint-grey: #F4F4F4;
  --mint-light-blue: #d5e7f5;
  --mint-sky-blue: #0270c5;
  --matrix-light-gray: #EAEAEA;
  --bay-wharf: #76808b;
  --rusty-red: #dc3545;
  --mint: #3fc380;
  --coral: #F97F50;
  --crimson-red: #E81111;
  --blue-gray: #64A2CA;
  --sea-green: #2A8457;
  --light-slate-gray: #7C939C;
  --auro-metal-saurus: #62717F;
  --transparent: transparent;
  --marengo: #405465;
  --spanish-gray: #969696;
  --linen: #fef1dc;
  --gray-900: #111827;
  --heat-wave: #FF7B00;
  --Teal: #006b7d;
  --Dark-Slate-Gray: #004455;
  --sky-mint-dark: #0d3f68;
  --sky-mint: #7bc7d3;
  /* End Colors*/
  /* ---------------------------------------------------
                 Body
  ----------------------------------------------------- */
  --main-bg-color: var(--whitesmoke);
  --body-color: var(--cinder);
  --body-font-size: 1.2rem;
  --body-font-family: 'Montserrat', Arial;
  --font-size-primary: 1.2rem;
  --modal-header-bg-color: var(--sky-blue);
  --static-body-text-color: var(--cinder);
  /* ---------------------------------------------------
                 JT Modals Light
  ----------------------------------------------------- */
  --modal-table-text-color: var(--black);
  --modal-table-fa-icon-color: var(--forestblues);
  /* ---------------------------------------------------
                 Header
  ----------------------------------------------------- */
  --header-font-size: 1.4rem;
  --header-font-weight: 700;
  --header-color: var(--white);
  --header-active-color: var(--sagittarius-amber);
  --main-notification-alert-bg-color: var(--durotarfire);
  --user-setting-header-bg-color: var(--cape-pond);
  --user-setting-header-li-color: var(--black);
  --user-setting-bottom-text-color: var(--black);
  --user-setting-svg-color: var(--black);
  --notification-alert-header-bg-color: var(--iceberg);
  --notification-body-bg-color: var(--odd-row-color);
  --notification-body-alert-bg-color: var(--white);
  --notification-alert-text-color: var(--black);
  --notification-top-nav-icon-color: var(--cinder);
  --notification-border-color: var(--darkblue);
  --user-setting-card-header-bg-color: var(--lightgrey);
  --user-setting-card-header-border-color: var(--brainstem-grey);
  --model-border-color: #001535;
  --refine-model-clos-btn-color: var(--rusty-red);
  /* ---------------------------------------------------
                 Top navigation
  ----------------------------------------------------- */
  --top-nav-bg-color: var(--celestial) url(../img/user_profile_bg.png) repeat top left;
  --talent-sub-menu-hover-bg-color: var(--summerblue);
  --top-nav-menu-inner-distance: 20px;
  --top-nav-user-bg-color: var(--white);
  --top-nav-user-color: var(--forestblues);
  /* ---------------------------------------------------
                 Quick Links
  ----------------------------------------------------- */
  --quick-link-color: var(--cinder);
  --quick-nav-bg-color: var(--white);
  --quick-nav-color: var(--summerblue);
  --quick-nav-li-hover-bg-color: var(--summerblue);
  --quick-nav-icon-color: var(--white);
  --quick-nav-close-btn-color: var(--summerblue);
  --quick-nav-scrollbar-color: var(--forestblues);
  --mian-quick-nav-color: var(--black);
  --mian-quick-nav-hover-color: var(--white);
  --quick-nav-svg-fill-color: var(--white);
  --quick-nav-font-size: 1.2rem;
  --quick-nav-company-logo-margin-left: 85px;
  /* ---------------------------------------------------
                 Left action menu
  ----------------------------------------------------- */
  --left-menu-color: var(--cinder);
  --left-menu-bg-color: var(--white);
  --left-menu-shadow-color: var(--celestial);
  --left-menu-color: var(--summerblue);
  --left-menu-li-hover-bg-color: var(--summerblue);
  --left-menu-icon-color: var(--white);
  --left-menu-close-btn-color: var(--summerblue);
  --left-menu-scrollbar-color: var(--forestblues);
  --left-menu-nav-color: var(--black);
  --left-menu-nav-hover-color: var(--white);
  --left-menu-item-color: var(--cinder);
  --left-menu-svg-fill-color: var(--white);
  --left-menu-btn-sidebar-collapse: var(--durotarfire);
  --left-menu-li-bg-color-hover: var(--celestial);
  /* ---------------------------------------------------
               Grid Control - Light
  ----------------------------------------------------- */
  --table-header-bg-color: var(--celestial);
  --table-header-active-bg-color: var(--summerblue);
  --table-header-active-text-color: var(--white);
  --table-header-text-color: var(--white);
  --table-header-report-text-color: var(--cinder);
  --table-header-report-text-bg-color: var(--bright-star);
  --table-header-border-right-color: var(--white);
  --table-body-text-color: var(--davyGrey);
  --pagination-active-bg-color: var(--summerblue);
  --pagination-border-color: var(--summerblue);
  --pagination-color: var(--white);
  --scrollbar-bg-color: var(--forestblues);
  --search-icon-color: var(--esmeralda);
  --smart-search-filter-bg-color: var(--white);
  --smart-search-filter-radio-bg-color: var(--platinum);
  --smart-search-filter-breadcrumb-bg-color: var(--jagged-ice);
  --page-title-color: var(--forestblues);
  --table-header-color: var(--white);
  --pagination-page-link-color: var(--cinder);
  --page-list-search-btn-border-color: var(--jasmine-green);
  --job-list-more-modal-header-bg-color: var(--darkblue);
  --even-row-bg-color: var(--white);
  --odd-row-bg-color: var(--odd-row-color);
  --row-border-color-top: unset;
  --row-border-color-bottom: unset;
  --row-hover-background-color: unset;
  --row-hover-border-color-top: unset;
  --row-hover-border-color-bottom: unset;
  --page-list-search-btn-bg-color: var(--white);
  --page-list-search-icon-color: var(--jasmine-green);
  /*  --page-list-search-btn-bg-color: var(--jasmine-green);*/
  --job-list-more-note-bg-color: var(--kodama-white);
  --cross-svg-icon-fill-color: var(--black);
  --sorting-svg-fill-color: var(--durotarfire);
  --ob-hub-gery-bg-color: gray;
  --table-row-hovor-over-border-color: inset 0px 2px 0px 0px rgba(63,195,128,1), inset 0px -2px 0px 0px rgba(63,195,128,1);
  --job-list-anonymous-warning-message: var(--celestial);
  --table-checkbox-border-color: var(--light-slate-gray);
  /* ---------------------------------------------------
                Input forms
  ----------------------------------------------------- */
  --input-color: var(--searedgrey);
  --input-bg-color: var(--white);
  --input-font-weight: 400;
  --input-border-color: var(--auro-metal-saurus);
  --input-focus-border-color: var(--esmeralda);
  --input-focus-bg-color: rgba(63, 195, 128, 0.1);
  --dropdown-search-icon-color: var(--forestblues);
  --label-color: var(--black);
  --form-control-font-size: 1.4rem;
  --form-control-bg-color: var(--white);
  --form-control-color: #495057;
  --form-control-focus-color: #495057;
  --label-font-size: 1.3rem;
  --label-font-weight: 600;
  --switch-icon-bg-color: var(--red-orange);
  --switch-icon-border-color: var(--red-orange);
  --switch-checked-color: var(--esmeralda);
  --nav-tab-color: var(--durotarfire);
  --input-required-border-color: var(--durotarfire);
  --input-required-focus-color: var(--jasmine-green);
  --input-required-focus-border-color: var(--jasmine-green);
  --bulk-upload-file-link: var(--rhapsodyinblue);
  --input-readonly-bg-color: var(--icewind-dale);
  --automation-status-head-bg-color: var(--forestblues);
  --table-icon-svg-color: var(--forestblues);
  --application-template-bg-color-hover: var(--december-sky);
  --sign-bg-color: var(--white);
  --sign-border-color: var(--light-grey-black);
  --two-fa-description-text-color: darkblue;
  --nylas-email-left-card-bg-color: var(--bluish-cyane-blue);
  --nylas-email-left-card-color: var(--bluish-cyane-blue);
  --nylas-back-btn-bg-color: var(--maui-mist);
  --vonq-filter-bg-color: var(--white);
  --vonq-location-bg-color: #e1e1e1;
  --vonq-basket-card-total-bg-color: #bee5eb;
  --green-room-card-body-bg-color: #EDEDED;
  --green-room-card-footer-bg-color: #EDEDED;
  --default-approver-category-bg-color: var(--white);
  --question-icon-fill-color: var(--cerulean);
  /*--------------select Start----------------------------*/
  --select-font-size: 1.4rem;
  --select-font-color: #495057;
  --select-option-font-color: #495057;
  --select-bg-color: var(--white);
  --select-border-color: var(--auro-metal-saurus);
  --select-focus-border-color: var(--esmeralda);
  --select-focus-bg-color: rgba(63, 195, 128, 0.1);
  /*--------------select End---------------------------*/
  /*--------------ngx-select-dropdown start----------------------*/
  --ngx-select-svg-fill-color: var(--forestblues);
  --ngx-select-available-items-background-color-hover: rgba(63, 195, 128, 0.1);
  --ngx-select-available-items-container-background-color: var(--white);
  --ngx-select-available-items-border-color-hover: #00b050;
  /*--ngx-select-available-items-border-color: #ced4da;*/
  --ngx-select-available-items-border-color: unset;
  --ngx-select-border-color: rgba(0,0,0,.15);
  --ngx-select-clear-all-button-bg-color: #0d3f68;
  --ngx-select-selected-item-bg-color: #0d3f68;
  --ngx-select-selected-count-bg-color: #0d3f68;
  --ngx-select-selected-count-fount-size: 15px;
  --ngx-select-clear-all-button-border-color: #0d3f68;
  --ngx-select-available-items-color: var(--black);
  --ngx-select-clear-all-button-color: var(--white);
  --add-job-detail-tab-ngx-select-svg-fill-color: var(--forestblues);
  /*--------------ngx-select-dropdown end----------------------*/
  /*-----------------------togle-colapse start----------------------*/
  --togle-colapse-h4-bg-color: var(--cape-pond);
  --togle-colapse-form-group-row: var(--odd-row-color);
  --togle-colapse-add-job-assessment-tab-nav-tab: var(--summerblue);
  /*-----------------------togle-colapse end----------------------*/
  /* ---------------------------------------------------
                Buttons
  ----------------------------------------------------- */
  --btn-success-bg-color: var(--esmeralda);
  --btn-success-border-color: var(--esmeralda);
  --btn-close-bg-color: var(--red-orange);
  --btn-close-border-color: var(--red-orange);
  --btn-danger-hovor-bg-color: var(--american-red);
  --btn-info-bg-color: var(--summerblue);
  --btn-info-border-color: var(--summerblue);
  --btn-primary-bg-color: rgba(13,63,104,0.9);
  --btn-primary-border-color: rgba(13,63,104,0.9);
  --btn-primary-hover-bg-color: rgba(13,63,104,1);
  --btn-primary-hover-border-color: rgba(13,63,104,1);
  --btn-text-color: var(--white);
  --btn-sucess-text-color-hover: var(--white);
  --btn-sucess-bg-color-hover: var(--seaweed-green);
  --btn-sucess-border-color-hover: var(--clover-green);
  --btn-font-size-primary: 1.2rem;
  --btn-preview-bg-color: var(--instant-orange);
  --btn-assessment-chose-file: var(--cinder);
  --svg-ai-fill-color: var(--white);
  --btn-preview-bg-color-hover: var(--halloween-orange);
  --btn-preview-border-color-hover: var(--cadmium-orange);
  --btn-danger-bg-color: var(--crimson-red);
  --btn-danger-text-color: var(--white);
  --txt-danger-text-color: var(--red-orange);
  --btn-border-radious: 0px;
  --user-setting-ul-bg-color-hover: var(--french-manicure);
  /* ---------------------------------------------------
                Dashboard
  ----------------------------------------------------- */
  /*------------State Tile start----------------*/
  --full-box-stats-tile-count-color: var(--white);
  --full-box-stats-tile-status-title-color: var(--white);
  --border-box-stats-tile-count-color: var(--cinder);
  --border-box-stats-tile-status-title-color: var(--cinder);
  --stats-tile-background-pattern: #ff8428 url(../img/user_profile_bg.png) repeat top left;
  --stats-tile-background-pattern-size: 100px;
  --stats-tile-background-color: var(--black);
  --model-boarder-color: var(--black);
  --stats-tile-border-color: var(--red);
  --home-font-size-primary: 1.2rem;
  --state-tile-status-title-font-size: 1.4rem;
  --stats-tile-count-font-size: 2.2rem;
  --stats-tile-count-text-align: left;
  --stats-cards-cap-menu-svg-color: var(--durotarfire);
  --home-todo-card-header-bg-color: var(--red);
  --home-todo-card-header-color: var(--black);
  --refine-model-clos-btn-color: var(--white);
  /*--------- State Tile End-----------------*/
  --dashboard-card-bg-color: var(--white);
  --dashboard-card-hr-border-color: rgba(0,0,0,.125);
  --card-header-bg-color: var(--lightgrey);
  --card-header-color: var(--black);
  --card-bottle-neck-content: var(--white);
  --dashboard-page-bg-color: #d9eef2;
  /*-------Home-Job Search Filter start---------------*/
  --home-job-searchType-border-color: #00b050;
  --home-job-searchby-border-color: #00b050;
  --home-job-search-icon-fill-color: #3fc380;
  --home-job-search-button-background-color: #3fc380;
  --home-job-search-button-border-color: #3fc380;
  --home-job-search-button-font-color: var(--white);
  /*-------Home-Job Search Filter End---------------*/
  /*-------Advanced Dashboard Widget Section Background---------------*/
  --advance-dashboard-widget-section-bg-color: #d9eef2;
  --advance-dashboard-widget-border-color: #E0E6EB;
  --advance-dashboard-widget-shadow: 0 1px 3px rgba(0,0,0,0.08);
  --advance-dashboard-card-header-text-color: #003366;
  --advance-dashboard-widget-body-text-color: #333333;
  /*-------Advanced Dashboard Widget Section Background End---------------*/
  --todo-expired-bg: var(--red);
  --todo-remaining-bg: var(--light-yellow);
  --todo-expired-text: var(--white);
  --todo-remaining-text: var(--black);
  /* ---------------------------------------------------
                Misc
  ----------------------------------------------------- */
  --svg-fill-color: var(--white);
  --user-home-content-svg-color: var(--black);
  --svg-fill-color-list: var(--forestblues);
  --inactive-svg-fill-color: var(--black);
  --svg-fill-saved-search: grey;
  --report-builder-svg-color: #82777700;
  /* ---------------------------------------------------
                System setting
  ----------------------------------------------------- */
  --system-tiles-color: var(--forestblues);
  --system-settings-tiles-border-color: var(--summerblue);
  --system-settings-tiles-bg-color: var(--white);
  --system-settings-svg-fill-color: var(--black);
  /* ---------------------------------------------------
                Add Job
  ----------------------------------------------------- */
  --add-job-lable: var(--black);
  --add-job-text-danger: var(--rusty-red);
  --add-job-fieldset-dynamic-starter-forms-text-danger: var(--rusty-red);
  --add-job-step-menu-complete-bg-color: var(--mint);
  --add-job-step-menu-current-bg-color: var(--coral);
  --bulk-recruitment-job-lable: var(--black);
  --add-job-detail-tab-bg-color: var(--odd-row-color);
  --add-job-detail-input-border-bottom: var(--white);
  --add-job-footer-bg-color: var(--celestial) url(../img/user_profile_bg.png) repeat top left;
  --add-job-arrow-bg-color: var(--gainsboro);
  --add-job-arrow-bg-color-befor: var(--white);
  /*--add-job-post-job-advert-bg-color: var(--cinder);*/
  --add-job-post-job-advert-bg-color: var(--white);
  --add-job-more-header-color-active: var(--cinder);
  --add-job-svg-fill-color: var(--forestblues);
  --add-job-card-info-bg-color: var(--light-yellow);
  --add-job-tab-fieldset-info-bg-color: var(--white);
  --add-job-notes-svg-fill-color: var(--orange);
  --transparent-color: var(--transparent);
  --text-gray-900: var(--gray-900);
  --job-card-title-color: var(--white);
  --job-list-card-hovor-over-color: var(--heat-wave);
  --home-job-list-card-bg-color: var(--white);
  --home-job-list-card-border-color: var(--cerulean);
  --home-job-list-card-tooltip-color: var(--black);
  --home-job-list-card-background-color: linear-gradient(to bottom right, #0091ae, #006b7d);
  --home-job-list-card-hover-color: linear-gradient(to bottom right, #00b7dd, #0088aa);
  --job-stat-tile-active-color: linear-gradient(to bottom right, #00687f, #004455);
  --home-job-list-card-hover-background-color: #00b7dd;
  /* ---------------------------------------------------
                Cadidate Profile Light
  ----------------------------------------------------- */
  --reference-tab-table-color: var(--cinder);
  --cadidate-profile-svg-color: var(--black);
  --tab-header-bg-color: var(--lightgrey);
  --tab-header-color: var(--rhapsodyinblue);
  --tab-header-active-bg-color: var(--cape-pond);
  --candidate-profile-dropdown-bg-color: var(--calmWaters);
  --candidate-profile-dropdown-border-color: var(--summerblue);
  --candidate-profile-dropdown-text-color: var(--black);
  --cadidate-profile-email-color: var(--cinder);
  --cadidate-profile-filter-color: var(--cinder);
  --lable-starter-form: var(--black);
  --candidate-pipeline-nav-tab-bg-color: var(--kodama-white);
  --candidate-pipeline-nav-tab-color: var(--cinder);
  --candidate-pipeline-card-header-bg-color: var(--sky-blue);
  --candidate-pipeline-card-bdy-bg-color: var(--white);
  --candidate-pipeline-card-head-bg-color: var(--sky-blue);
  --candidate-application-header-bg-color: var(--summerblue);
  --candidate-application-header-color: var(--white);
  --candidate-application-header-bg-color-hover: var(--orange);
  --candidate-application-cv-upload-bg-color: var(--odd-row-color);
  --candidate-profile-search-filter-bg-color: var(--white);
  --candidate-profile-search-filter-text-color: var(--black);
  --candidate-profile-search-filter-button-bg-color: var(--black-glaze);
  --candidate-profile-search-filter-button-border-color: var(--black-glaze);
  --candidate-profile-search-filter-border-color: var(--jasmine-green);
  --candidate-profile-search-filter-separator-bg-color: var(--lightgrey);
  --candidate-profile-tabs-header-bg-color: var(--lightgrey);
  --candidate-profile-tabs-header-active-bg-color: var(--cape-pond);
  --candidate-profile-tabs-header-separator-bg-color: var(--orange);
  --candidate-profile-tabs-header-text-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-content-bg-color: var(--white);
  --candidate-profile-tabs-content-border-color: unset;
  --candidate-profile-tabs-section-header-bg-color: var(--cape-pond);
  --candidate-profile-section-card-bg-color: var(--white);
  --candidate-profile-section-separator-bg-color: var(--lightgrey);
  --candidate-profile-section-card-text-color: var(--cinder);
  --candidate-profile-section-table-even-cell-bg-color: var(--navalnight);
  --candidate-profile-section-table-odd-cell-bg-color: var(--odd-row-color);
  --candidate-profile-more-menu-bg-color: var(--white);
  --candiadte-profile-more-menu-item-bg-color: var(--calmWaters);
  --candiadte-profile-more-menu-item-left-shadow-color: var(--celestial);
  --candidate-profile-more-menu-item-border-color: var(--satinwhite);
  --candidate-profile-more-menu-item-color: var(--black);
  --candidate-profile-equal-opps-caption-bg-color: none;
  --candidate-profile-refiscancelled-bg-color: var(--platinum);
  --candidate-profile-sign-color: var(--platinum);
  --candidate-profile-print-application-font-size: 20px;
  --candidate-profile-promot-job-banner-icon: var(--linen);
  /* ---------------------------------------------------
                History
  ----------------------------------------------------- */
  --history-timeline-item-bg-color: var(--white);
  --history-timeline-item-time-text-color: var(--dusty-grey);
  --history-timeline-item-header-text-color: var(--davy-grey);
  --history-timeline-item-header-link-text-color: var(--black);
  --history-timeline-time-label-bg-color: var(--jinzamomi-pink);
  --history-timeline-connector-bg-color: var(--gainsboro);
  /* ---------------------------------------------------
                Cadidate Listing
  ----------------------------------------------------- */
  --candidate-listing-candidate-card-bg-color: var(--white);
  --candidate-listing-candidate-card-carousel-bg-color: var(--jasmine-green);
  --candidate-listing-pipeline-switch-svg-bg-color: var(--black);
  --letter-listing-bg-color: var(--off-green);
  --letter-listing-font-color: var(--black);
  --candidate-listing-svg-fill-color: var(--black);
  --candidate-listing-calendar-svg-fill-color: var(--forestblues);
  --svg-icon-fill-color: var(--forestblues);
  /*--candidate-listing-svg-fill-color: #2EA3D9;*/
  --candidate-listing-gas-icon-svg-fill-color: #0000ff;
  /* ---------------------------------------------------
               Security Role
  ----------------------------------------------------- */
  --security-role-hover-color: var(--black);
  /* ---------------------------------------------------
               Reports
  ----------------------------------------------------- */
  --reports-label-color: var(--black);
  --report-builder-card-icon-color: var(--black);
  --report-builder-side-filter-bg-color: #ededed;
  /* ---------------------------------------------------
               Search Job
  ----------------------------------------------------- */
  --search-jobs-filter-title-color: var(--black);
  --panel-bg-color: var(--white);
  --panel-header-bg-color: var(--summerblue);
  --search-parameters-panel-header-bg-color: var(--lightgrey);
  --search-list-header-bg-clr: var(--aqua-spring);
  --search-list-body-bg-clr: var(--white);
  --search-list-border-color: var(--silver);
  --search-list-arrow-svg-fill-color: var(--black);
  --search-filter-tage-border-color: var(--whitesmoke);
  --search-filter-tage-border-color-redeployment: var(--white);
  --search-application-and-address-book-penel-header-bg-color: var(--kodama-white);
  /* ---------------------------------------------------
               print Preview
  ----------------------------------------------------- */
  --print-preview-color: var(--black);
  --print-preview-table-header-bg-color: var(--celestial);
  --print-preview-table-header-color: var(--white);
  /* ---------------------------------------------------
                Cadidate List
  ----------------------------------------------------- */
  --candidate-list-svg-color: var(--forestblues);
  --candidate-list-Carousel-link-color: var(--cinder);
  /* ---------------------------------------------------
                Card
  ----------------------------------------------------- */
  --tab-card-bg-color: var(--white);
  /*  --------------Alert-Setup--------------------*/
  --alert-setup-table-color: var(--cinder);
  /* ---------------------------------------------------
                Ck-Editor Light
  ----------------------------------------------------- */
  --ckEditor-editor-background-color: var(--white);
  --ckEditor-editor-text-color: var(--black);
  --ckEditor-top-background-color: var(--white-lilac);
  --ckEditor-bottom-background-color: var(--white-lilac);
  --ckEditor-border-top-color: var(--pastal-grey);
  --ckEditor-border-bottom-color: var(--pastal-grey);
  --ckEditor-border-color: var(--pastal-grey);
  /* ---------------------------------------------------
                Calendar Light
  ----------------------------------------------------- */
  --calendar-search-bar-card-header-bg-color: var(--kodama-white);
  --calendar-search-bar-card-header-border-color: var(--mint-tulip);
  --report-builder-preview-icon-color: var(--summerblue);
  --rb-accordion-toggle-color: var(--report-builder-side-filter-bg-color);
  --calendar-search-cross-icon-color: var(--black);
  /* ---------------------------------------------------
                Login Light
  ----------------------------------------------------- */
  --btn-login-bg-color-hover: var(--blue-gray);
  --login-input-focus-bg-color: var(--forestblues);
  --login-input-focus-border-color: var(--btn-primary-bg-color);
  --user-setting-logout-button-color: var(--sea-green);
  --user-setting-logout-button-border-color: var(--sea-green);
  /* ---------------------------------------------------
                Panel Shortlisting 
  ----------------------------------------------------- */
  --question-box-background-color: var(--white);
  --question-box-border-color: var(--light-gray);
  --question-box-label-color: var(--black);
  /* ---------------------------------------------------
                Assessment Form Light
  ----------------------------------------------------- */
  --question-container-bg-color: var(--mint-grey);
  --question-header-panel-bg-color: var(--mint-light-blue);
  --question-header-panel-text-color: var(--mint-sky-blue);
  --question-options-textbox-border-color: var(--input-border-color);
  --matrix-question-table-background-color: var(--lightgrey);
  --matrix-question-odd-row-background-color: var(--matrix-light-gray);
  --matrix-question-even-row-background-color: var(--gainsboro);
  --assessment-form-preview-modal-bg-color: var(--white);
  --question-mark-correct-color: var(--sky-mint-dark);
  --applicationinfo-backgroud-color: var(--white);
  --assessmentForm-backgroud-color: #ededed;
  --svg-fill-color-add-widget: var(--black);
  --widget-border-color: var (--summerblue);
  --widget-pill-button: var (--cyanblue);
  --widget-pill-button-border: var(--forestblues);
  --svg-fill-color-trend-widget: #EDEDED;
  /* ---------------------------------------------------
                Notification
  ----------------------------------------------------- */
  --myTask-label-color: var(--Teal);
  --myTask-label-color-hover: var(--Dark-Slate-Gray);
  --sona-document-background-color: var(--whitesmoke);
  --sona-document-background-color-hover: var(--icewind-dale);
}

[data-jt-theme=dark] {
  --scarlet: #FF1329;
  font-size: 10px;
  /* Start Colors */
  --summerblue: #177e9c;
  --white: #fff;
  --red-orange: #ff3939;
  --american-red: #bd2130;
  --esmeralda: #3fc380;
  --forestblues: #0d3f68;
  --durotarfire: #f15a29;
  --celestial: #00637f;
  --black: #000;
  --child-of-light: #F5F8FA;
  --searedgrey: #495057;
  --jasmine-green: #3fc380;
  --whitesmoke: #f6f6f6;
  --cinder: #212529;
  --satinwhite: #ced4da; /* Satin White */
  --golden: #bfa411;
  --gheeyellow: #dbc02a;
  --blue: #177e9c;
  --lightblue: #eeeeee;
  --darkblue: #177e9c;
  --bluebutton: #177e9c;
  --orange: #f97f50;
  --green: #00b050;
  --grey: #f3f1f1;
  --lightgrey: #eeeeee;
  --crowblackblue: #0b2738;
  --navalnight: #011534;
  --rhapsodyinblue: #002A44;
  --skyblue: #E6F5FC;
  --skybluedark: #0d4f62;
  --cyanblue: #177e9c;
  --bright-star: #dee2e6;
  --squid-ink-powder: #001535;
  --model-border-color: #1e58b1;
  --sagittarius-amber: #f97f50;
  --black-glaze: #000b11;
  --sky-blue: #80cff0;
  --screamish: #36a6d8;
  --fastBlue: #06A1E3;
  --dark-gray: #4C6A7C;
  --cerulean: #009fe3;
  --halloween-orange: #F05A28;
  --cadmium-orange: #f68029;
  --seaweed-green: #34a76d;
  --clover-green: #319e67;
  --icewind-dale: #e9ecef;
  --faded-blue: #6696BC;
  --light-steel-blue: #7196bb;
  --blueWhale: #0D354D;
  --pumpkinOrange: #ff741e;
  --kodama-white: #e5f6fb;
  --astronaut-blue: #085483;
  --dusty-grey: #999;
  --calmWaters: #f0f9fc;
  --cylindrical-coordinate: #ff741e;
  --platinum: #191f29;
  --blue-dianne: #174561;
  --glacier: #8baebd;
  --davy-grey: #4D565B;
  --lemon: #f6f900;
  --scarlet: #FF1329;
  --salem: #108147;
  --ruddybrown: #C35429;
  --ball-blue: #2ea3d9;
  --light-slate-gray: #7C939C;
  --blue-yonder: #4f79a5;
  --dark-blue: #1f3351;
  --mint-blue: #022852;
  --mint-grey: #F4F4F4;
  --mint-light-blue: #d5e7f5;
  --mint-sky-blue: #0270c5;
  --matrix-question-odd-row: #0d3b6e;
  --navy-blue: #153856;
  --linen: #fef1dc;
  --gray-900: #111827;
  --heat-wave: #FF7B00;
  --marengo: #405465;
  --spanish-gray: #969696;
  --marengo: #405465;
  --spanish-gray: #969696;
  --sky-mint-dark: #2ea3d9;
  /* End Colors*/
  /* ---------------------------------------------------
                 Body Dark
  ----------------------------------------------------- */
  --main-bg-color: var(--navalnight);
  --body-color: var(--white);
  --body-font-size: 1.2rem;
  --body-font-family: 'Montserrat', Arial;
  --font-size-primary: 1.2rem;
  --modal-header-bg-color: var(--forestblues);
  --static-body-text-color: var(--cinder);
  /* ---------------------------------------------------
                 JT Modals Dark
  ----------------------------------------------------- */
  --modal-table-text-color: var(--white);
  --modal-table-fa-icon-color: var(--white);
  /* ---------------------------------------------------
                 Header Dark
  ----------------------------------------------------- */
  --header-font-size: 1.4rem;
  --header-font-weight: 700;
  --header-color: var(--white);
  --header-active-color: var(--cerulean);
  /*--header-active-color: none;*/
  --main-notification-alert-bg-color: var(--durotarfire);
  --user-setting-header-bg-color: var(--navalnight);
  --user-setting-header-li-color: var(--white);
  --user-setting-bottom-text-color: var(--white);
  --user-setting-svg-color: var(--white);
  --notification-alert-header-bg-color: var(--rhapsodyinblue);
  --notification-body-bg-color: var(--rhapsodyinblue);
  --notification-body-alert-bg-color: var(--navalnight);
  --notification-alert-text-color: var(--white);
  --notification-top-nav-icon-color: var(--white);
  --notification-border-color: var(--cerulean);
  --user-setting-card-header-bg-color: var(--cerulean);
  --user-setting-card-header-border-color: var(--cerulean);
  /* ---------------------------------------------------
                 Top navigation Dark
  ----------------------------------------------------- */
  --top-nav-bg-color: var(--navalnight);
  --talent-sub-menu-hover-bg-color: var(--navalnight);
  --top-nav-menu-inner-distance: 20px;
  --top-nav-user-bg-color: var(--halloween-orange);
  --top-nav-user-color: var(--white);
  /* ---------------------------------------------------
                 Quick Links Dark
  ----------------------------------------------------- */
  --quick-link-color: var(--cerulean);
  --quick-nav-bg-color: var(--navalnight);
  --quick-nav-color: var(--navalnight);
  --quick-nav-li-hover-bg-color: var(--navalnight);
  --quick-nav-icon-color: var(--white);
  --quick-nav-close-btn-color: var(--white);
  --quick-nav-scrollbar-color: var(--cerulean);
  --mian-quick-nav-color: var(--white);
  --mian-quick-nav-hover-color: var(--cerulean);
  --quick-nav-svg-fill-color: var(--cyanblue);
  --quick-nav-font-size: 1.2rem;
  --quick-nav-company-logo-margin-left: 58px;
  /* ---------------------------------------------------
                 Left action menu Dark
  ----------------------------------------------------- */
  --left-menu-bg-color: radial-gradient(circle at top left, #1F4F83, #022A44 60% );
  --left-menu-shadow-color: var(--left-menu-bg-color);
  --left-menu-li-hover-bg-color: var(--navalnight);
  --left-menu-icon-color: var(--white);
  --left-menu-close-btn-color: var(--navalnight);
  --left-menu-scrollbar-color: var(--navalnight);
  --left-menu-nav-color: var(--black);
  --left-menu-nav-hover-color: var(--white);
  --left-menu-item-color: var(--white);
  --left-menu-svg-fill-color: var(--white);
  --left-menu-btn-sidebar-collapse: unset;
  --left-menu-li-bg-color-hover: var(--navalnight);
  /* ---------------------------------------------------
                List pages Dark
  ----------------------------------------------------- */
  --table-header-bg-color: var(--rhapsodyinblue);
  --table-header-active-bg-color: var(--rhapsodyinblue);
  --table-header-active-text-color: var(--fastBlue);
  --table-header-text-color: var(--light-steel-blue);
  --table-header-report-text-bg-color: var(--rhapsodyinblue);
  --table-header-report-text-color: var(--light-steel-blue);
  --table-header-border-right-color: var(--rhapsodyinblue);
  --table-body-text-color: var(--white);
  --pagination-active-bg-color: var(--navalnight);
  --pagination-border-color: var(--skyblue);
  --pagination-color: var(--pumpkinOrange);
  --scrollbar-bg-color: var(--fastBlue);
  --search-icon-color: var(--esmeralda);
  --smart-search-filter-bg-color: var(--blue-dianne);
  --smart-search-filter-radio-bg-color: var(--navalnight);
  --smart-search-filter-breadcrumb-bg-color: rgba(13,63,104,0.9);
  --page-title-color: var(--white);
  --table-header-color: var(--rhapsodyinblue);
  --pagination-page-link-color: var(--white);
  --page-list-search-btn-border-color: var(--input-border-color);
  --job-list-more-modal-header-bg-color: var(--forestblues);
  --even-row-bg-color: var(--rhapsodyinblue);
  --odd-row-bg-color: var(--rhapsodyinblue);
  --row-border-color-top: var(--blueWhale);
  --row-border-color-bottom: unset;
  --row-hover-background-color: var(--navalnight);
  --row-hover-border-color-top: var(--screamish);
  --row-hover-border-color-bottom: var(--screamish);
  --page-list-search-btn-bg-color: var(--cerulean);
  --page-list-search-icon-color: var(--white);
  /*  --page-list-search-btn-bg-color: var(--cerulean);*/
  --job-list-more-note-bg-color: var(--main-bg-color);
  --cross-svg-icon-fill-color: var(--orange);
  --sorting-svg-fill-color: var(--cyanblue);
  --ob-hub-gery-bg-color: #68afbf;
  --table-row-hovor-over-border-color: inset 0 2px 0 0 var(--row-hover-border-color-top), inset 0 -2px 0 0 var(--row-hover-border-color-bottom);
  --job-list-anonymous-warning-message: var(--gheeyellow);
  --table-checkbox-border-color: var(--light-slate-gray);
  /* ---------------------------------------------------
                Input forms Dark
  ----------------------------------------------------- */
  --input-color: var(--white);
  --input-bg-color: inhirit;
  --input-font-weight: 400;
  --input-border-color: #466376;
  --input-focus-border-color: var(--esmeralda);
  --input-focus-bg-color: inhirit;
  --form-control-bg-color: inhirit;
  /*--form-control-color: #495057;*/
  --form-control-color: var(--white);
  --form-control-focus-color: var(--white);
  --dropdown-search-icon-color: var(--forestblues);
  --label-color: var(--white);
  --form-control-font-size: 1.4rem;
  --label-font-size: 1.3rem;
  --label-font-weight: 600;
  --switch-icon-bg-color: var(--red-orange);
  --switch-icon-border-color: var(--red-orange);
  --switch-checked-color: var(--blue);
  --nav-tab-color: var(--durotarfire);
  --input-required-border-color: var(--durotarfire);
  --input-required-focus-color: var(--jasmine-green);
  --input-required-focus-border-color: var(--jasmine-green);
  --bulk-upload-file-link: var(--white);
  --input-readonly-bg-color: var(--davy-grey);
  --automation-status-head-bg-color: var(--cerulean);
  --table-icon-svg-color: var(--cerulean);
  --application-template-bg-color-hover: var(--cerulean);
  --sign-bg-color: var(--navalnight);
  --sign-border-color: var(--cerulean);
  --two-fa-description-text-color: var(--cerulean);
  --nylas-email-left-card-bg-color: var(--cerulean);
  --nylas-email-left-card-color: var(--white);
  --nylas-back-btn-bg-color: var(--cerulean);
  --vonq-filter-bg-color: var(--blue-whale);
  --vonq-location-bg-color: var(--cerulean);
  --vonq-basket-card-total-bg-color: var(--cerulean);
  --green-room-card-body-bg-color: var(--navalnight);
  --green-room-card-footer-bg-color: var(--cerulean);
  --default-approver-category-bg-color: var(--cerulean);
  --question-icon-fill-color: var(--cerulean);
  /*--------------select Start----------------------------*/
  --select-font-size: 1.4rem;
  --select-font-color: var(--white);
  --select-option-font-color: #495057;
  --select-bg-color: var(--navalnight);
  --select-border-color: #466376;
  --select-focus-border-color: var(--esmeralda);
  --select-focus-bg-color: inhirit;
  /*--------------select End---------------------------*/
  /*--------------ngx-select-dropdown  Dark start----------------------*/
  --ngx-select-svg-fill-color: #F05A28;
  --ngx-select-available-items-background-color-hover: var(--rhapsodyinblue);
  --ngx-select-available-items-container-background-color: var(--navalnight);
  --ngx-select-available-items-border-color-hover: var(--rhapsodyinblue);
  --ngx-select-available-items-border-color: unset;
  --ngx-select-border-color: #466376;
  --ngx-select-available-items-color: var(--glacier);
  --ngx-select-clear-all-button-bg-color: #0d3f68;
  --ngx-select-selected-item-bg-color: #0d3f68;
  --ngx-select-selected-count-bg-color: #0d3f68;
  --ngx-select-selected-count-fount-size: 15px;
  --ngx-select-clear-all-button-border-color: #0d3f68;
  --ngx-select-clear-all-button-color: var(--white);
  --add-job-detail-tab-ngx-select-svg-fill-color: var(--faded-blue);
  /*--------------ngx-select-dropdown end----------------------*/
  /*-----------------------togle-colapse  Dark start----------------------*/
  --togle-colapse-h4-bg-color: var(--cerulean);
  --togle-colapse-form-group-row: unset;
  --togle-colapse-add-job-assessment-tab-nav-tab: var(--cerulean);
  /*-----------------------togle-colapse end----------------------*/
  /* ---------------------------------------------------
                Buttons Dark
  ----------------------------------------------------- */
  --btn-success-bg-color: var(--salem);
  --btn-success-border-color: var(--salem);
  --btn-close-bg-color: var(--red-orange);
  --btn-close-border-color: var(--red-orange);
  --btn-danger-hovor-bg-color: var(--american-red);
  --btn-info-bg-color: var(--rhapsodyinblue);
  --btn-info-border-color: var(--summerblue);
  --btn-primary-bg-color: rgba(13,63,104,0.9);
  --btn-primary-border-color: rgba(13,63,104,0.9);
  --btn-primary-hover-bg-color: var(--forestblues);
  --btn-primary-hover-border-color: rgba(13,63,104,1);
  --btn-text-color: var(--white);
  --btn-sucess-text-color-hover: var(--white);
  --btn-sucess-bg-color-hover: var(--salem);
  --btn-sucess-border-color-hover: var(--salem);
  --btn-font-size-primary: 1.2rem;
  --btn-preview-bg-color: var(--instant-orange);
  --btn-assessment-chose-file: var(--white);
  --svg-ai-fill-color: var(#002a45);
  --btn-preview-bg-color-hover: var(--halloween-orange);
  --btn-preview-border-color-hover: var(--cadmium-orange);
  --btn-danger-bg-color: var(--scarlet);
  --btn-danger-text-color: var(--white);
  --btn-border-radious: 0px;
  --user-setting-ul-bg-color-hover: var(--rhapsodyinblue);
  /* ---------------------------------------------------
                Dashboard Dark
  ----------------------------------------------------- */
  /*------------ State Tile  Dark start----------------*/
  --full-box-stats-tile-count-color: #ff741e;
  --full-box-stats-tile-status-title-color: var(--white);
  --border-box-stats-tile-count-color: #ff741e;
  --border-box-stats-tile-status-title-color: var(--white);
  --stats-tile-background-pattern: linear-gradient(184deg, rgba(1,21,52,1) 24%, rgba(14,32,60,1) 33%, rgba(14,68,140,1) 100%);
  --stats-tile-background-pattern-size: unset;
  --stats-tile-background-color: var(--squid-ink-powder);
  --model-boarder-color: var(--model-border-color);
  --stats-tile-border-color: var(--cerulean);
  --home-font-size-primary: 1.2rem;
  --state-tile-status-title-font-size: 1.4rem;
  --stats-tile-count-font-size: 4rem;
  --stats-tile-count-text-align: center;
  --stats-cards-cap-menu-svg-color: var(--cyanblue);
  --home-todo-card-header-bg-color: var(--navalnight);
  --home-todo-card-header-color: var(--black);
  /*--------- State Tile End-----------------*/
  --dashboard-card-bg-color: #011534;
  --dashboard-card-hr-border-color: #466376;
  --card-header-bg-color: var(--navalnight);
  --card-header-color: var(--white);
  --card-bottle-neck-content: var(--white);
  --dashboard-page-bg-color: var(--rhapsodyinblue);
  /*-------Home-Job Search Filter Dark start---------------*/
  --home-job-searchType-border-color: #466376;
  --home-job-searchby-border-color: #466376;
  --home-job-search-icon-fill-color: #E55A34;
  --home-job-search-button-background-color: #E55A34;
  --home-job-search-button-border-color: #E55A34;
  --home-job-search-button-font-color: var(--white);
  /*-------Home-Job Search Filter Dark End---------------*/
  /*-------Advanced Dashboard Widget Section Background Dark---------------*/
  --advance-dashboard-widget-section-bg-color: var(--rhapsodyinblue);
  --advance-dashboard-widget-border-color: #466376;
  --advance-dashboard-widget-shadow: 0 1px 3px rgba(0,0,0,0.15);
  --advance-dashboard-card-header-text-color: var(--white);
  --advance-dashboard-widget-body-text-color: #cccccc;
  /*-------Advanced Dashboard Widget Section Background Dark End---------------*/
  /*--------- Todo List -----------------*/
  --todo-expired-bg: var(--red);
  --todo-remaining-bg: var(--light-yellow);
  --todo-expired-text: var(--white);
  --todo-remaining-text: var(--black);
  /* ---------------------------------------------------
                Misc Dark
  ----------------------------------------------------- */
  --svg-fill-color: var(--cyanblue);
  --user-home-content-svg-color: var(--white);
  --svg-fill-color-list: var(--cyanblue);
  --inactive-svg-fill-color: var(--white);
  --svg-fill-saved-search: var(--cyanblue);
  --report-builder-svg-color: var(--white);
  /* ---------------------------------------------------
                System setting Dark
  ----------------------------------------------------- */
  --system-tiles-color: var(--white);
  --system-settings-tiles-border-color: var(--white);
  --system-settings-tiles-bg-color: var(--rhapsodyinblue);
  --system-settings-svg-fill-color: var(--white);
  /* ---------------------------------------------------
                Add Job Dark
  ----------------------------------------------------- */
  --add-job-lable: var(--faded-blue);
  --add-job-text-danger: var(--lemon);
  --add-job-fieldset-dynamic-starter-forms-text-danger: var(--scarlet);
  --add-job-step-menu-complete-bg-color: var(--salem);
  --add-job-step-menu-current-bg-color: var(--ruddybrown);
  --bulk-recruitment-job-lable: var(--white);
  --add-job-detail-tab-bg-color: var(--navalnight);
  --add-job-detail-input-border-bottom: none;
  --add-job-footer-bg-color: var(--rhapsodyinblue);
  --add-job-arrow-bg-color: var(--blue-yonder);
  --add-job-arrow-bg-color-befor: var(--rhapsodyinblue);
  --add-job-post-job-advert-bg-color: var(--navalnight);
  --add-job-more-header-color-active: var(--durotarfire);
  --add-job-svg-fill-color: var(--cerulean);
  --add-job-card-info-bg-color: var(--navalnight);
  --add-job-tab-fieldset-info-bg-color: var(--navalnight);
  --add-job-notes-svg-fill-color: var(--orange);
  --transparent-color: var(--navalnight);
  --text-gray-900: var(--heat-wave);
  --job-card-title-color: #fb923c;
  --job-list-card-hovor-over-color: var(--heat-wave);
  --home-job-list-card-bg-color: var(--stats-tile-background-pattern);
  --home-job-list-card-border-color: var(--heat-wave);
  --home-job-list-card-tooltip-color: var(--heat-wave);
  --home-job-list-card-background-color: var(--stats-tile-background-pattern);
  --home-job-list-card-hover-color: linear-gradient(#00263a, #158bbf);
  --job-stat-tile-active-color: #009fe3;
  --home-job-list-card-hover-background-color: #00263a;
  /* ---------------------------------------------------
                Cadidate Profile Dark
  ----------------------------------------------------- */
  --reference-tab-table-color: var(--white);
  --cadidate-profile-svg-color: var(--cyanblue);
  --tab-header-bg-color: var(--skyblue);
  --tab-header-color: var(--rhapsodyinblue);
  --tab-header-active-bg-color: var(--rhapsodyinblue);
  --candidate-profile-dropdown-bg-color: var(--navalnight);
  --candidate-profile-dropdown-border-color: var(--cerulean);
  --candidate-profile-dropdown-text-color: var(--white);
  --cadidate-profile-email-color: var(--white);
  --cadidate-profile-filter-color: var(--white);
  --lable-starter-form: var(--white);
  --candidate-pipeline-nav-tab-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-nav-tab-color: var(--white);
  --candidate-pipeline-card-header-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-card-bdy-bg-color: var(--rhapsodyinblue);
  --candidate-pipeline-card-head-bg-color: var(--cerulean);
  --candidate-application-header-bg-color: var(--cerulean);
  --candidate-application-header-color: var(--white);
  --candidate-application-header-bg-color-hover: var(--orange);
  --candidate-application-cv-upload-bg-color: var(--navalnight);
  --candidate-profile-search-filter-bg-color: var(--rhapsodyinblue);
  --candidate-profile-search-filter-text-color: var(--white);
  --candidate-profile-search-filter-button-bg-color: var(--astronaut-blue);
  --candidate-profile-search-filter-button-border-color: var(--cerulean);
  --candidate-profile-search-filter-border-color: var(--cerulean);
  --candidate-profile-search-filter-separator-bg-color: var(--cerulean);
  --candidate-profile-tabs-header-bg-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-header-active-bg-color: var(--astronaut-blue);
  --candidate-profile-tabs-header-separator-bg-color: var(--cerulean);
  --candidate-profile-tabs-header-text-color: var(--light-steel-blue);
  --candidate-profile-tabs-content-bg-color: var(--navalnight);
  --candidate-profile-tabs-content-border-color: var(--rhapsodyinblue);
  --candidate-profile-tabs-section-header-bg-color: var(--cerulean);
  --candidate-profile-section-separator-bg-color: var(--cerulean);
  --candidate-profile-section-card-bg-color: var(--rhapsodyinblue);
  --candidate-profile-section-card-text-color: var(--white);
  --candidate-profile-section-table-even-cell-bg-color: var(--navalnight);
  --candidate-profile-section-table-odd-cell-bg-color: var(--navalnight);
  --candidate-profile-more-menu-bg-color: var(--left-menu-bg-color);
  --candiadte-profile-more-menu-item-bg-color: unset;
  --candiadte-profile-more-menu-item-left-shadow-color: var(--cerulean);
  --candidate-profile-more-menu-item-border-color: var(--cerulean);
  --candidate-profile-more-menu-item-color: var(--white);
  --candidate-profile-equal-opps-caption-bg-color: transparent;
  --candidate-profile-sign-color: invert(1);
  --candidate-profile-print-application-font-size: 20px;
  --candidate-profile-promot-job-banner-icon: var(--linen);
  /* ---------------------------------------------------
                History Dark
  ----------------------------------------------------- */
  --history-timeline-item-bg-color: var(--rhapsodyinblue);
  --history-timeline-item-time-text-color: var(--white);
  --history-timeline-item-header-text-color: var(--white);
  --history-timeline-item-header-link-text-color: var(--cerulean);
  --history-timeline-time-label-bg-color: var(--astronaut-blue);
  --history-timeline-connector-bg-color: var(--astronaut-blue);
  /* ---------------------------------------------------
                Cadidate Listing Dark
  ----------------------------------------------------- */
  --candidate-listing-candidate-card-bg-color: var(--rhapsodyinblue);
  --candidate-listing-candidate-card-carousel-bg-color: var(--jasmine-green);
  --candidate-listing-pipeline-switch-svg-bg-color: var(--white);
  --letter-listing-bg-color: var(--dashboard-card-bg-color);
  --letter-listing-font-color: var(--white);
  --candidate-listing-svg-fill-color: var(--white);
  --candidate-listing-calendar-svg-fill-color: var(--white);
  --svg-icon-fill-color: var(--white);
  --candidate-listing-gas-icon-svg-fill-color: #66B2FF;
  /* ---------------------------------------------------
               Security Role Dark
  ----------------------------------------------------- */
  --security-role-hover-color: var(--black);
  /* ---------------------------------------------------
               Reports Dark
  ----------------------------------------------------- */
  --reports-label-color: var(--white);
  --report-builder-card-icon-color: var(--white);
  --report-builder-side-filter-bg-color: var(--navalnight);
  /* ---------------------------------------------------
               Search Job Dark
  ----------------------------------------------------- */
  --search-jobs-filter-title-color: var(--white);
  --panel-bg-color: var(--blue-whale);
  --panel-header-bg-color: var(--navalnight);
  --search-parameters-panel-header-bg-color: var(--blue-whale);
  --search-list-header-bg-clr: var(--blue-whale);
  --search-list-body-bg-clr: var(--rhapsodyinblue);
  --search-list-border-color: var(--cerulean);
  --search-list-arrow-svg-fill-color: var(--cerulean);
  --search-filter-tage-border-color: var(--navalnight);
  --search-filter-tage-border-color-redeployment: var(--navalnight);
  --search-application-and-address-book-penel-header-bg-color: var(--blue-whale);
  /* ---------------------------------------------------
               print Preview Dark
  ----------------------------------------------------- */
  --print-preview-color: var(--white);
  /*--print-preview-color: var(--black);*/
  --print-preview-table-header-bg-color: var(--cerulean);
  --print-preview-table-header-color: var(--white);
  /* ---------------------------------------------------
                Cadidate List Dark
  ----------------------------------------------------- */
  --candidate-list-svg-color: var(--cyanblue);
  --candidate-list-Carousel-link-color: var(--white);
  /* ---------------------------------------------------
                Card Dark
  ----------------------------------------------------- */
  --tab-card-bg-color: var(--rhapsodyinblue);
  /*  --------------Alert-Setup Dark--------------------*/
  --alert-setup-table-color: var(--white);
  /* ---------------------------------------------------
                Ck-Editor Dark
  ----------------------------------------------------- */
  --ckEditor-editor-background-color: var(--navalnight);
  --ckEditor-editor-text-color: var(--white);
  --ckEditor-top-background-color: var(--cerulean);
  --ckEditor-bottom-background-color: var(--cerulean);
  --ckEditor-border-top-color: var(--cerulean);
  --ckEditor-border-bottom-color: var(--cerulean);
  --ckEditor-border-color: var(--cerulean);
  /* ---------------------------------------------------
                Calendar Dark
  ----------------------------------------------------- */
  --calendar-search-bar-card-header-bg-color: var(--blue-whale);
  --calendar-search-bar-card-header-border-color: var(--cerulean);
  --report-builder-preview-icon-color: var(--white);
  --rb-accordion-toggle-color: var(--cerulean);
  --txt-danger-text-color: var(--scarlet);
  --calendar-search-cross-icon-color: var(--ball-blue);
  /* ---------------------------------------------------
                Login Dark
  ----------------------------------------------------- */
  --btn-login-bg-color-hover: var(--forestblues);
  --login-input-focus-bg-color: var(--jasmine-green);
  --login-input-focus-border-color: var(--jasmine-green);
  --user-setting-logout-button-color: var(--green);
  --user-setting-logout-button-border-color: var(--sea-green);
  /* ---------------------------------------------------
                Panel Shortlisting 
  ----------------------------------------------------- */
  --question-box-background-color: var(--dark-blue);
  --question-box-border-color: var(--cerulean);
  --question-box-label-color: var(--white);
  /* ---------------------------------------------------
                Assessment Form Dark
  ----------------------------------------------------- */
  --question-container-bg-color: var(--mint-blue);
  --question-header-panel-bg-color: var(--cerulean);
  --question-header-panel-text-color: var(--white);
  --question-options-textbox-border-color: var(--input-border-color);
  --matrix-question-table-background-color: var(--mint-blue);
  --matrix-question-odd-row-background-color: var(--matrix-question-odd-row);
  --matrix-question-even-row-background-color: var(--navalnight);
  --assessment-form-preview-modal-bg-color: var(--main-bg-color);
  --question-mark-correct-color: var(--sky-mint);
  --applicationinfo-backgroud-color: var(--summerblue);
  --assessmentForm-backgroud-color: var(--main-bg-color);
  --svg-fill-color-add-widget: var(--white);
  --widget-border-color: var (--summerblue);
  --widget-pill-button: var(--cyanblue);
  --widget-pill-button-border: var(--forestblues);
  --svg-fill-color-trend-widget: var(--black);
  --sona-document-background-color: var(--stats-tile-background-pattern);
  --sona-document-background-color-hover: var(--stats-tile-background-pattern);
}

/*$page-list-search-btn-bg-color: var(--page-list-search-btn-bg-color);*/
/*--------------select Start----------------------------*/
/*--------------select End---------------------------*/
/*--------------ngx-select-dropdown start----------------------*/
/*--------------ngx-select-dropdown end----------------------*/
/*-----------------------togle-colapse----------------------*/
/*  --------------Alert-Setup--------------------*/
/*.panel-shortlisting-form .instructions {
  border: 1px solid lightgray;
}*/
.panel-shortlisting-form .question-box {
  background-color: var(--question-box-background-color);
}

.w-3 {
  width: 3% !important;
}

.w-1 {
  width: 1% !important;
}

.panel-shortlisting-form .custom-control-input:disabled ~ .custom-control-label {
  color: var(--question-box-label-color) !important;
}

.panel-shortlisting-form .btn:hover {
  color: var(--question-box-label-color) !important;
}

.preview-question-option {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  cursor: pointer;
  box-shadow: 0 0 0 2px black inset;
  border: none;
  background-color: transparent;
  color: black;
  border-top-left-radius: 90px;
  border-top-right-radius: 90px;
  border-bottom-left-radius: 90px;
  border-bottom-right-radius: 90px;
}

.jt-container .preview-container {
  margin: auto !important;
  background-color: var(--assessment-form-preview-modal-bg-color);
}

.jt-container .w-62 {
  width: 62% !important;
}

.jt-container .p-50 {
  padding: 50px;
}

.jt-container .preview-form {
  background-color: #333240 !important;
}

.jt-container .preview-form-vertical-height {
  height: auto;
  min-height: calc(100vh - 61px);
}

.jt-container .btn-outline {
  box-shadow: 0 0 0 2px black inset !important;
  font-size: 16px !important;
}

.jt-container .modal__subtitle,
.jt-container .modal__subtitle p {
  font-size: 18px;
}

.jt-container .form-group {
  margin-bottom: 1rem;
}

.jt-container .p-15 {
  padding: 15px !important;
}

.jt-container .sbtitle-size.modal__subtitle.pr-10 {
  font-size: 18px;
  font-weight: bolder;
}

.jt-container .action-required__light {
  /*background-color: #ececef !important;*/
}

.jt-container table {
  border-collapse: collapse;
}

.jt-container textarea {
  overflow: auto;
  resize: vertical;
}

/*Ends Here*/
.jt-container .table {
  width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}

.jt-container .table th,
.jt-container .table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.jt-container .table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.jt-container .table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.jt-container .table .table {
  background-color: #fff;
}

.jt-container .table-sm th,
.jt-container .table-sm td {
  padding: 0.3rem;
}

.jt-container .table-bordered {
  border: 1px solid #dee2e6;
}

.jt-container .table-bordered th,
.jt-container .table-bordered td {
  border: 1px solid #dee2e6;
}

.jt-container .table-bordered thead th,
.jt-container .table-bordered thead td {
  border-bottom-width: 2px;
}

.jt-container textarea.form-control {
  height: auto;
}

.jt-container .w-100 {
  width: 100% !important;
}

.jt-container .table th {
  background-color: transparent !important;
  color: var(--modal-table-text-color) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}

.jt-container .btn {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1.5px solid transparent;
  padding: 15px 25px;
  font-weight: 500;
  white-space: nowrap;
  word-break: break-word;
  flex-wrap: nowrap;
  font-size: 0.875rem;
  line-height: 1.3em;
  max-width: 100%;
}

.jt-container .btn-outline {
  box-shadow: 0 0 0 2px var(--color-black) inset;
  border: none;
  background-color: transparent;
  color: var(--color-black);
}

.jt-container .btn-wide {
  width: 100%;
}

@media (min-width: 768px) {
  .jt-container .btn-wide {
    max-width: 80%;
    padding: 15px 77px;
  }
}
.jt-container .btn-group-toggle--radio .btn,
.jt-container .btn-group-toggle--check .btn {
  font-size: 1rem;
  box-shadow: 0 0 0 2px #cfcfd7 inset !important;
}

.jt-container .btn-group-toggle--radio .btn:not(.btn-icon),
.jt-container .btn-group-toggle--check .btn:not(.btn-icon) {
  border-radius: 3px;
  padding-left: 20px;
  padding-right: 20px;
  justify-content: space-between;
}

.jt-container .btn-group-toggle--radio .btn:not(.btn-icon).preference-select,
.jt-container .btn-group-toggle--check .btn:not(.btn-icon).preference-select {
  box-shadow: 0 0 0 1px var(--color-black-25) inset;
}

.jt-container .btn-group-toggle--radio .btn span,
.jt-container .btn-group-toggle--check .btn span {
  white-space: normal;
  text-align: left;
}

.jt-container p, .jt-container > span {
  font-size: 13px;
}

.jt-container .btn-group-toggle--radio .btn:not(.btn-icon).active::after {
  transform: scale(1);
}

.jt-container .custom-control {
  text-align: center !important;
}

.jt-container .btn-group-toggle--check .btn .checkbox-number {
  height: 20px;
  min-width: 20px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: var(--color-primary-contrast);
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 400;
  transform-origin: center;
  transition-delay: 0.3s;
  transition: transform 0.3s ease-in-out;
  transform: scale(0);
}

.jt-container .btn-group-toggle--check .btn.active .checkbox-number {
  transform: scale(1);
}

.jt-container .btn-group-toggle small {
  font-weight: 500;
}

.jt-container .form-group label {
  font-size: 0.875rem;
  margin-bottom: 7px;
  color: var(--color-grey-dark);
}

@media (min-width: 992px) {
  .jt-container .form-group label {
    font-size: 0.875rem;
  }
}
.jt-container .form-group label.label--big {
  font-size: 1.125rem;
}

@media (min-width: 992px) {
  .jt-container .form-group label.label--big {
    font-size: 1.125rem;
  }
}
.jt-container .form-group label .optional {
  font-style: italic;
  color: var(--color-black-25);
}

.jt-container .form-group input {
  padding: 19px;
  height: auto;
}

@media (min-width: 992px) {
  .jt-container .form-group input.form-control--bb {
    padding: 9px 19px;
    line-height: 15px;
  }
}
.jt-container .form-group textarea {
  padding: 19px;
  height: auto;
}

@media (min-width: 992px) {
  .jt-container .form-group textarea.form-control--bb {
    padding: 9px 19px;
    line-height: 15px;
  }
}
.jt-container .form-group select {
  padding: 19px;
  min-height: 66px;
}

@media (min-width: 992px) {
  .jt-container .form-group select.form-control--bb {
    padding: 9px 19px;
    min-height: 40px;
    line-height: 15px;
  }
}
@media (min-width: 992px) {
  .jt-container .form-group input,
  .jt-container .form-group textarea,
  .jt-container .form-group select {
    font-size: 1rem;
  }
}
@media (min-width: 992px) {
  .jt-container .form-text {
    font-size: 0.8125rem;
  }
}
.jt-container .form-select {
  position: relative;
}

.jt-container .form-select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.jt-container .form-select-arrow {
  position: absolute;
  right: 5px;
  top: 0;
  height: 66px;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-font-feature-settings: "liga";
  pointer-events: none;
}

.jt-container .form-select-arrow::after {
  transition: transform 0.2s cubic-bezier(0.6, 0.2, 0.1, 1);
  color: var(--color-primary);
  font-family: "Material Icons";
  content: "arrow_drop_down";
  -webkit-font-feature-settings: "liga";
  transform: rotateX(0deg);
}

.jt-container .custom-checkbox, .jt-container .custom-radio {
  padding-left: 0;
}

.jt-container .custom-checkbox .custom-control-label, .jt-container .custom-radio .custom-control-label {
  padding-left: 32px;
  line-height: 21px;
}

.jt-container .custom-checkbox .custom-control-label::before, .jt-container .custom-radio .custom-control-label::before {
  top: 1px;
  left: 0;
  border: 1px solid;
  height: 20px;
  width: 20px;
  background-color: transparent;
  border-color: #cccccf !important;
}

.jt-container .custom-checkbox .custom-control-label::after, .jt-container .custom-radio .custom-control-label::after {
  height: 10px;
  width: 10px;
  left: 5px;
  top: 6px;
  transform: scale(0);
  transform-origin: center;
  transition-delay: 0.3s;
  transition: transform 0.3s ease-in-out;
}

.jt-container .custom-checkbox .custom-control-input:disabled ~ .custom-control-label:hover,
.jt-container .custom-radio .custom-control-input:disabled ~ .custom-control-label:hover {
  cursor: not-allowed;
}

.jt-container .custom-checkbox .custom-control-input:disabled ~ .custom-control-label:hover::before,
.jt-container .custom-radio .custom-control-input:disabled ~ .custom-control-label:hover::before {
  border: none;
}

.jt-container .custom-checkbox .custom-control-input:hover::before,
.jt-container .custom-radio .custom-control-input:hover::before {
  cursor: not-allowed;
}

.jt-container .custom-radio .custom-control-label::before {
  border-radius: 50%;
}

.form-name {
  font-size: 2.2rem;
  font-weight: 700;
}

.form-instructions {
  margin-top: 10px;
  font-size: 1.8rem !important;
  text-align: left;
}

.jt-container .custom-radio .custom-control-label::after {
  height: 10px;
  width: 10px;
  left: 5px;
  top: 6px;
  border-radius: 50%;
  background-color: var(--color-white);
}

.jt-container .custom-checkbox .custom-control-label::before {
  border-radius: 3px;
}

.jt-container .custom-checkbox .custom-control-label::after {
  transform: scale(0) rotate(-45deg);
  width: 10px;
  height: 6px;
  top: 7px;
  background-color: transparent;
  border-left: 2px solid;
  border-bottom: 2px solid;
  border-color: var(--color-primary-contrast);
}

.jt-container .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--color-primary);
}

.jt-container .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  transform: scale(1) rotate(-45deg);
}

.jt-container .order-of-importance .btn-group-toggle--radio .btn:not(.btn-icon)::after {
  content: "drag_indicator" !important;
  color: black !important;
}

.jt-container .order-of-importance .btn-group-toggle--radio .btn:not(.btn-icon)::after {
  transform: scale(1) !important;
}

.jt-container .order-of-importance .order-importance-option {
  cursor: move !important;
}

.jt-container .order-importance-option .btn-group-toggle .btn-outline.active {
  background-color: white !important;
  color: black !important;
}

.jt-container .assessment-form-matrix-question.mrl-4 {
  margin-left: -4px;
}

.jt-container .assessment-form-matrix-question .pd-l {
  padding: 20px !important;
}

.jt-container .mandatory-question {
  position: relative;
  top: 5px;
  font-size: 20px;
  color: #d72d30;
  padding-left: 4px;
  font-weight: 700;
}

.preview-question-no-container {
  display: flex;
}

.question-container .preview-question-inner-html-container p {
  display: inline;
}

.question-container .preview-question-introduction-inner-html-container {
  font-size: 16px;
  display: block;
  margin-top: 15px;
}

.preview-question-no {
  font-size: 18px;
  display: inline;
}

.question-dropdown {
  margin: auto !important;
  width: 80%;
  border-radius: 7px !important;
  font-size: 16px !important;
}

.mandatory-symbol {
  color: red;
  font-weight: bold;
}

.jt-container .preview-container .order-of-importance-1 svg path {
  fill: var(--table-icon-svg-color) !important;
}

.form-control.setting-instruction::placeholder {
  color: #a9a9a9 !important;
  opacity: 1;
}

.question-bank-advanced-heading {
  font-size: 18px !important;
}

/*compare shortlisting form*/
.compareShortlisting.body-compare-shortlisting-form-server-side .question-block {
  border: 1.5px solid var(--question-box-border-color) !important;
}

.compareShortlisting.body-compare-shortlisting-form-server-side .feedback-section {
  border: 1px solid var(--question-box-border-color) !important;
}

.compareShortlisting.body-compare-shortlisting-form-server-side .user-score {
  border-left: 1px solid var(--question-box-border-color) !important;
  border-bottom: 1px solid var(--question-box-border-color) !important;
}

.compareShortlisting.body-compare-shortlisting-form-server-side .choice-button {
  border: 1px solid var(--question-box-border-color) !important;
}

.compareShortlisting.body-compare-shortlisting-form-server-side .choice-button.selected-option-choice {
  border: 2px solid #4CAF50 !important;
}

.compareShortlisting.body-compare-shortlisting-form-server-side {
  background: var(--main-bg-color) !important;
  padding-right: 35px;
  padding-left: 35px;
}

/*new Assessment Formdesign*/
app-assessmentformtestpreview .new-assessment-design .rounded-btn {
  border-radius: 30px;
  border: 2px solid;
  position: relative;
  width: 100%;
  height: 100%;
  color: var(--body-color);
}

app-assessmentformtestpreview .new-assessment-design .correct-btn {
  border-color: #3fc380;
}

.new-assessment-design .rounded-btn:hover {
  color: var(--body-color);
}

.new-assessment-design .cls-21,
.new-assessment-design .cls-2 {
  fill: var(--candidate-profile-section-card-bg-color) !important;
}

.new-assessment-design .rounded-btn svg {
  position: absolute;
  right: -8px;
  top: -7px;
  height: 20px;
}

.new-assessment-design .correct-btn {
  border-color: #3fc380;
}

.new-assessment-design .incorrect-btn {
  border-color: rgba(255, 54, 0, 0.8509803922) !important;
}

.new-assessment-design .incorrect-btn svg {
  height: 30px;
  width: 20px;
  right: -9.2px;
  top: -12px;
  fill: rgba(255, 54, 0, 0.8509803922);
}

.new-assessment-design .no-data-image {
  width: 100%;
}

.new-assessment-design .pre-assessment-button {
  margin-bottom: 12px;
}

.new-order .rounded-btn {
  border-radius: 30px;
  border: 2px solid;
  position: relative;
  width: 100%;
  height: 100%;
  color: var(--body-color);
  margin-top: 12px;
  padding: 5px;
}

.new-order .correct-btn {
  border-color: #3fc380;
  margin-top: 12px;
  padding: 5px;
}

.new-order .incorrect-btn {
  border-color: rgba(255, 54, 0, 0.8509803922);
  margin-top: 12px;
  padding: 5px;
}

.new-order .correct-btn svg {
  height: 30px;
  width: 20px;
  right: -9.2px;
  top: -12px;
}

.new-order .rounded-btn svg {
  position: absolute;
}

.new-order .col-md-6 {
  max-width: 49%;
}

.body-overflow-x-hide {
  overflow-x: hidden;
}

.rating-container {
  max-width: max-content;
}

.rating-float-end {
  float: right;
}

.ButtonBlockQuestionnaire .btn-primary:hover {
  color: var(--btn-text-color) !important;
}

.assesment-form-not-allowed,
.assesment-form-not-allowed .rounded-btn {
  cursor: default;
}

.table_row svg .ai-icon-bg {
  fill: var(--even-row-bg-color);
}

.table_row:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber):not(.tl-blue) svg .ai-icon-bg {
  fill: var(--odd-row-bg-color);
}

.table_row:hover svg .ai-icon-bg {
  fill: #ebf9f2;
}

html[data-jt-theme=dark] svg .ai-icon-stroke {
  fill: #fff;
}

html[data-jt-theme=dark] .table_row:hover svg .ai-icon-bg {
  fill: #041733;
}

html[data-jt-theme=dark] .table_row:nth-of-type(odd):not(.tl-pink):not(.tl-green):not(.tl-red):not(.tl-amber):not(.tl-blue):hover svg .ai-icon-bg {
  fill: #041733;
}

.assessmentFormAdvanced .button-control, .assessmentFormAdvanced input[type=search] {
  -webkit-appearance: none;
}
.assessmentFormAdvanced .button-control, .assessmentFormAdvanced .office-form-unselectable, .assessmentFormAdvanced .rateit, .assessmentFormAdvanced .unselectable-text {
  -webkit-touch-callout: none;
}
.assessmentFormAdvanced .button-control, .assessmentFormAdvanced .rateit, .assessmentFormAdvanced .swBar, .assessmentFormAdvanced .unselectable-text {
  -khtml-user-select: none;
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.assessmentFormAdvanced .office a:link {
  text-decoration: none;
}
.assessmentFormAdvanced .office a:focus {
  outline: dotted thin;
}
.assessmentFormAdvanced .ms-Icon-added {
  font-family: Office365Icons !important;
}
@font-face {
  font-family: Symbola;
  /*src: url(font/Symbola.eot);*/
  /*src: local("Symbola Regular"),local("Symbola"),url(font/Symbola.woff2) format("woff2"),url(font/Symbola.woff) format("woff"),url(font/Symbola.ttf) format("truetype"),url(font/Symbola.otf) format("opentype"),url(font/Symbola.svg#Symbola) format("svg");*/
}
.assessmentFormAdvanced .rateit {
  display: -moz-inline-box;
  display: inline-block;
  position: relative;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.assessmentFormAdvanced .rateit .rateit-range {
  position: relative;
  display: -moz-inline-box;
  display: inline-block;
  outline: 0;
}
.assessmentFormAdvanced .rateit .rateit-range * {
  display: block;
}
.assessmentFormAdvanced * html .rateit, .assessmentFormAdvanced * html .rateit .rateit-range {
  display: inline;
}
.assessmentFormAdvanced .rateit .rateit-hover, .assessmentFormAdvanced .rateit .rateit-selected {
  position: absolute;
  left: 0;
}
.assessmentFormAdvanced .rateit .rateit-hover-rtl, .assessmentFormAdvanced .rateit .rateit-selected-rtl {
  left: auto;
  right: 0;
}
.assessmentFormAdvanced .rateit .rateit-hover-rtl {
  background-position: right -32px;
}
.assessmentFormAdvanced .rateit .rateit-selected-rtl {
  background-position: right -16px;
}
.assessmentFormAdvanced .rateit .rateit-preset, .assessmentFormAdvanced .rateit .rateit-preset-rtl {
  /*background: url(star.gif) left -48px;*/
}
.assessmentFormAdvanced .dropdown-menu-control, .assessmentFormAdvanced .menu-dropdown-control {
  position: absolute;
  z-index: 1000;
  -webkit-background-clip: padding-box;
  list-style: none;
}
.assessmentFormAdvanced .rateit button.rateit-reset {
  width: 16px;
  height: 16px;
  display: -moz-inline-box;
  display: inline-block;
  float: left;
  outline: 0;
  border: none;
  padding: 0;
}
.assessmentFormAdvanced .rateit button.rateit-reset:focus, .assessmentFormAdvanced .rateit button.rateit-reset:hover {
  background-position: 0 -16px;
}
@font-face {
  font-family: office365icons;
  /*src: url(assets/NewJT7/fonts/office365icons.eot?v=17904d6);
  src: url(assets/NewJT7/fonts/office365icons.eot?v=17904d6#iefix) format('embedded-opentype'),url(../../../assets/NewJT7/fonts/office365icons.woff?v=ae2e888) format('woff'),url(../../../assets/NewJT7/fonts/office365icons.ttf?v=7de718d) format('truetype'),url(assets/NewJT7/fonts/office365icons.svg?v=072a826#office365icons) format('svg');*/
  font-weight: 400;
  font-style: normal;
}
.assessmentFormAdvanced [class*=" ms-Icon--"]:before, .assessmentFormAdvanced [class^=ms-Icon--]:before {
  font-family: office365icons;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
}
.assessmentFormAdvanced .ms-Icon--minus:before {
  content: "\e005";
}
.assessmentFormAdvanced .ms-Icon--question:before {
  content: "\e006";
}
.assessmentFormAdvanced .ms-Icon--person:before {
  content: "\e008";
}
.assessmentFormAdvanced .ms-Icon--alert:before {
  content: "\e00b";
}
.assessmentFormAdvanced .ms-Icon--folder:before {
  content: "\e014";
}
.assessmentFormAdvanced .ms-Icon--refresh:before {
  content: "\e034";
}
.assessmentFormAdvanced .ms-Icon--tasks:before {
  content: "\e040";
}
.assessmentFormAdvanced .ms-Icon--check:before {
  content: "\e041";
}
.assessmentFormAdvanced ms-Icon--CheckMark::before {
  content: "\e041";
}
.assessmentFormAdvanced .ms-Icon--x:before {
  content: "\e042";
}
.assessmentFormAdvanced .ms-Icon--download:before {
  content: "\e04b";
}
.assessmentFormAdvanced .ms-Icon--directions:before {
  content: "\e04c";
}
.assessmentFormAdvanced .ms-Icon--caretDown:before {
  content: "\e052";
}
.assessmentFormAdvanced .ms-Icon--caretLeft:before {
  content: "\e053";
}
.assessmentFormAdvanced .ms-Icon--caretRight:before {
  content: "\e054";
}
.assessmentFormAdvanced .ms-Icon--share:before {
  content: "\e078";
}
.assessmentFormAdvanced .ms-Icon--sort:before {
  content: "\e085";
}
.assessmentFormAdvanced .ms-Icon--chevronDown:before {
  content: "\e088";
}
.assessmentFormAdvanced .ms-Icon--chevronLeft:before {
  content: "\e089";
}
.assessmentFormAdvanced .ms-Icon--chevronRight:before {
  content: "\e08a";
}
.assessmentFormAdvanced .ms-Icon--clock:before {
  content: "\e105";
}
.assessmentFormAdvanced .ms-Icon--waffle:before {
  content: "\e11f";
}
.assessmentFormAdvanced .ms-Icon--office:before {
  content: "\e160";
}
.assessmentFormAdvanced .ms-Icon--document:before {
  content: "\e182";
}
.assessmentFormAdvanced .ms-Icon--fieldText:before {
  content: "\e186";
}
.assessmentFormAdvanced .ms-Icon--fieldNumber:before {
  content: "\e187";
}
.assessmentFormAdvanced .ms-Icon--radioButton:before {
  content: "\e189";
}
.assessmentFormAdvanced .ms-Icon--frowny:before {
  content: "\e220";
}
.assessmentFormAdvanced .ms-Icon--chevronThinRight:before {
  content: "\e234";
}
.assessmentFormAdvanced .ms-Icon--circleExclamation:before {
  content: "\e28f";
}
.assessmentFormAdvanced .ms-Icon--officeForms:before {
  content: "\e333";
}
.assessmentFormAdvanced .ms-Icon--unpin:before {
  content: "\e334";
}
.assessmentFormAdvanced .ms-Icon--refresh2:before {
  content: "\e352";
}
.assessmentFormAdvanced .ms-Icon--check2:before {
  content: "\e35e";
}
.assessmentFormAdvanced .ms-Icon--circleCheck2:before {
  content: "\e35f";
}
.assessmentFormAdvanced .ms-Icon--word2:before {
  content: "\e387";
}
.assessmentFormAdvanced .ms-Icon--powerpoint2:before {
  content: "\e388";
}
.assessmentFormAdvanced .ms-Icon--excel2:before {
  content: "\e389";
}
.assessmentFormAdvanced .ms-Icon--onenote2:before {
  content: "\e38a";
}
.assessmentFormAdvanced .ms-Icon--alert3:before {
  content: "\e39a";
}
.assessmentFormAdvanced .ms-Icon--share3:before {
  content: "\e408";
}
.assessmentFormAdvanced .ms-Icon--ellipsis:before {
  width: 1.25em;
}
@font-face {
  font-family: "Forms Icons Regular";
  /*src: url('../../../assets/NewJT7/fonts/formsicon.woff') format('woff'),url(../../../assets/NewJT7/formsicon.ttf?v=21dcc35) format('truetype');*/
  font-weight: 400;
}
@font-face {
  font-family: "Forms Icons Light";
  /*src: url('../../../assets/NewJT7/fonts/formsiconl.woff?v=799e5c7') format('woff'),url(../../../assets/NewJT7/fonts/formsiconl.ttf?v=d1ecc7b) format('truetype');*/
  font-weight: 300;
}
@font-face {
  font-family: "Forms Icons Semilight";
  /*src: url('../../../assets/NewJT7/fonts/formsiconsl.woff?v=0e21d37') format('woff'),url(../../../assets/NewJT7/fonts/formsiconsl.ttf?v=23b18d6) format('truetype');*/
  font-weight: 400;
}
@font-face {
  font-family: "Forms Icons Semibold";
  /*src: url('../../../assets/NewJT7/fonts/formsiconsb.woff?v=4c6fc3d') format('woff'),url('../../../assets/NewJT7/fonts/formsiconsb.ttf?v=785b090') format('truetype');*/
  font-weight: 500;
}
@font-face {
  font-family: "Forms Icons Bold";
  /*src: url(../../../assets/NewJT7/fonts/formsiconb.woff?v=ed489d9) format('woff'),url(../../../assets/NewJT7/fonts/formsiconb.ttf?v=901c35b) format('truetype');*/
  font-weight: 600;
}
.assessmentFormAdvanced .forms-Icon--plus:before {
  content: "\e000";
}
.assessmentFormAdvanced .forms-Icon--ellipsis:before {
  content: "\e001";
}
.assessmentFormAdvanced .forms-Icon--copy:before {
  content: "\e002";
}
.assessmentFormAdvanced .forms-Icon--arrowUp:before {
  content: "\e003";
}
.assessmentFormAdvanced .forms-Icon--arrowDown:before {
  content: "\e004";
}
.assessmentFormAdvanced .forms-Icon--trash:before {
  content: "\e005";
}
.assessmentFormAdvanced .forms-Icon--calendar:before {
  content: "\e006";
}
.assessmentFormAdvanced .forms-Icon--star:before {
  content: "\e007";
}
.assessmentFormAdvanced .forms-Icon--checkBoxComposite:before {
  content: "\e008";
}
.assessmentFormAdvanced .forms-Icon--checkBoxEmpty:before {
  content: "\e009";
}
.assessmentFormAdvanced .forms-Icon--circle:before {
  content: "\e00a";
}
.assessmentFormAdvanced .forms-Icon--circleEmpty:before {
  content: "\e00b";
}
.assessmentFormAdvanced .forms-Icon--text:before {
  content: "\e00c";
}
.assessmentFormAdvanced .forms-Icon--paint:before {
  content: "\e00d";
}
.assessmentFormAdvanced .forms-Icon--eye:before {
  content: "\e00e";
}
.assessmentFormAdvanced .forms-Icon--tv:before {
  content: "\e00f";
}
.assessmentFormAdvanced .forms-Icon--mobile:before {
  content: "\e010";
}
.assessmentFormAdvanced .forms-Icon--arrowLeft:before {
  content: "\e011";
}
.assessmentFormAdvanced .forms-Icon--back:before {
  content: "\e012";
}
.assessmentFormAdvanced .forms-Icon--chevronDown:before {
  content: "\e013";
}
.assessmentFormAdvanced .forms-Icon--chevronUp:before {
  content: "\e014";
}
.assessmentFormAdvanced .forms-Icon--check:before {
  content: "\e015";
}
.assessmentFormAdvanced .forms-Icon--thumbUp:before {
  content: "\e016";
}
.assessmentFormAdvanced .forms-Icon--thumbUpEmpty:before {
  content: "\e017";
}
.assessmentFormAdvanced .forms-Icon--link:before {
  content: "\e018";
}
.assessmentFormAdvanced .forms-Icon--mail:before {
  content: "\e019";
}
.assessmentFormAdvanced .forms-Icon--embed:before {
  content: "\e01a";
}
.assessmentFormAdvanced .forms-Icon--picture:before {
  content: "\e01b";
}
.assessmentFormAdvanced .forms-Icon--chat:before {
  content: "\e01c";
}
.assessmentFormAdvanced .forms-Icon--pencil:before {
  content: "\e01d";
}
.assessmentFormAdvanced .forms-Icon--moderate:before {
  content: "\e01e";
}
.assessmentFormAdvanced .forms-Icon--intense:before {
  content: "\e01f";
}
.assessmentFormAdvanced .forms-Icon--smiley:before {
  content: "\e020";
}
.assessmentFormAdvanced .forms-Icon--frowny:before {
  content: "\e021";
}
.assessmentFormAdvanced .forms-Icon--search:before {
  content: "\e022";
}
.assessmentFormAdvanced .forms-Icon--upload:before {
  content: "\e023";
}
.assessmentFormAdvanced .forms-Icon--zoomIn:before {
  content: "\e024";
}
.assessmentFormAdvanced .forms-Icon--zoomOut:before {
  content: "\e025";
}
.assessmentFormAdvanced .forms-Icon--bing:before {
  content: "\e026";
}
.assessmentFormAdvanced .forms-Icon--onedrive:before {
  content: "\e027";
}
.assessmentFormAdvanced .forms-Icon--excel:before {
  content: "\e028";
}
.assessmentFormAdvanced .forms-Icon--sway:before {
  content: "\e029";
}
.assessmentFormAdvanced .forms-Icon--x:before {
  content: "\e02a";
}
.assessmentFormAdvanced .forms-Icon--play:before {
  content: "\e02b";
}
.assessmentFormAdvanced .forms-Icon--video:before {
  content: "\e02c";
}
.assessmentFormAdvanced .forms-Icon--camera:before {
  content: "\e02d";
}
@-webkit-keyframes load {
  0%, 100% {
    box-shadow: 0 -2.6em 0 0 #008272, 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2), 2.5em 0 0 0 rgba(0, 130, 114, 0.2), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.2), 0 2.5em 0 0 rgba(0, 130, 114, 0.2), -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.2), -2.6em 0 0 0 rgba(0, 130, 114, 0.5), -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.7);
  }
  12.5% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.7), 1.8em -1.8em 0 0 #008272, 2.5em 0 0 0 rgba(0, 130, 114, 0.2), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.2), 0 2.5em 0 0 rgba(0, 130, 114, 0.2), -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.2), -2.6em 0 0 0 rgba(0, 130, 114, 0.2), -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.5);
  }
  25% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.5), 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.7), 2.5em 0 0 0 #008272, 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.2), 0 2.5em 0 0 rgba(0, 130, 114, 0.2), -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.2), -2.6em 0 0 0 rgba(0, 130, 114, 0.2), -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2);
  }
  37.5% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.2), 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.5), 2.5em 0 0 0 rgba(0, 130, 114, 0.7), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.2), 0 2.5em 0 0 rgba(0, 130, 114, 0.2), -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.2), -2.6em 0 0 0 rgba(0, 130, 114, 0.2), -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2);
  }
  50% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.2), 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2), 2.5em 0 0 0 rgba(0, 130, 114, 0.5), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.7), 0 2.5em 0 0 #008272, -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.2), -2.6em 0 0 0 rgba(0, 130, 114, 0.2), -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2);
  }
  62.5% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.2), 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2), 2.5em 0 0 0 rgba(0, 130, 114, 0.2), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.5), 0 2.5em 0 0 rgba(0, 130, 114, 0.7), -1.8em 1.8em 0 0 #008272, -2.6em 0 0 0 rgba(0, 130, 114, 0.2), -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2);
  }
  75% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.2), 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2), 2.5em 0 0 0 rgba(0, 130, 114, 0.2), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.2), 0 2.5em 0 0 rgba(0, 130, 114, 0.5), -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.7), -2.6em 0 0 0 #008272, -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2);
  }
  87.5% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.2), 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2), 2.5em 0 0 0 rgba(0, 130, 114, 0.2), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.2), 0 2.5em 0 0 rgba(0, 130, 114, 0.2), -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.5), -2.6em 0 0 0 rgba(0, 130, 114, 0.7), -1.8em -1.8em 0 0 #008272;
  }
}
@-moz-keyframes load {
  0%, 100% {
    box-shadow: 0 -2.6em 0 0 #008272, 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2), 2.5em 0 0 0 rgba(0, 130, 114, 0.2), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.2), 0 2.5em 0 0 rgba(0, 130, 114, 0.2), -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.2), -2.6em 0 0 0 rgba(0, 130, 114, 0.5), -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.7);
  }
  12.5% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.7), 1.8em -1.8em 0 0 #008272, 2.5em 0 0 0 rgba(0, 130, 114, 0.2), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.2), 0 2.5em 0 0 rgba(0, 130, 114, 0.2), -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.2), -2.6em 0 0 0 rgba(0, 130, 114, 0.2), -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.5);
  }
  25% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.5), 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.7), 2.5em 0 0 0 #008272, 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.2), 0 2.5em 0 0 rgba(0, 130, 114, 0.2), -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.2), -2.6em 0 0 0 rgba(0, 130, 114, 0.2), -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2);
  }
  37.5% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.2), 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.5), 2.5em 0 0 0 rgba(0, 130, 114, 0.7), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.2), 0 2.5em 0 0 rgba(0, 130, 114, 0.2), -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.2), -2.6em 0 0 0 rgba(0, 130, 114, 0.2), -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2);
  }
  50% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.2), 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2), 2.5em 0 0 0 rgba(0, 130, 114, 0.5), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.7), 0 2.5em 0 0 #008272, -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.2), -2.6em 0 0 0 rgba(0, 130, 114, 0.2), -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2);
  }
  62.5% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.2), 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2), 2.5em 0 0 0 rgba(0, 130, 114, 0.2), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.5), 0 2.5em 0 0 rgba(0, 130, 114, 0.7), -1.8em 1.8em 0 0 #008272, -2.6em 0 0 0 rgba(0, 130, 114, 0.2), -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2);
  }
  75% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.2), 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2), 2.5em 0 0 0 rgba(0, 130, 114, 0.2), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.2), 0 2.5em 0 0 rgba(0, 130, 114, 0.5), -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.7), -2.6em 0 0 0 #008272, -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2);
  }
  87.5% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.2), 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2), 2.5em 0 0 0 rgba(0, 130, 114, 0.2), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.2), 0 2.5em 0 0 rgba(0, 130, 114, 0.2), -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.5), -2.6em 0 0 0 rgba(0, 130, 114, 0.7), -1.8em -1.8em 0 0 #008272;
  }
}
@-o-keyframes load {
  0%, 100% {
    box-shadow: 0 -2.6em 0 0 #008272, 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2), 2.5em 0 0 0 rgba(0, 130, 114, 0.2), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.2), 0 2.5em 0 0 rgba(0, 130, 114, 0.2), -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.2), -2.6em 0 0 0 rgba(0, 130, 114, 0.5), -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.7);
  }
  12.5% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.7), 1.8em -1.8em 0 0 #008272, 2.5em 0 0 0 rgba(0, 130, 114, 0.2), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.2), 0 2.5em 0 0 rgba(0, 130, 114, 0.2), -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.2), -2.6em 0 0 0 rgba(0, 130, 114, 0.2), -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.5);
  }
  25% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.5), 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.7), 2.5em 0 0 0 #008272, 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.2), 0 2.5em 0 0 rgba(0, 130, 114, 0.2), -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.2), -2.6em 0 0 0 rgba(0, 130, 114, 0.2), -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2);
  }
  37.5% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.2), 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.5), 2.5em 0 0 0 rgba(0, 130, 114, 0.7), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.2), 0 2.5em 0 0 rgba(0, 130, 114, 0.2), -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.2), -2.6em 0 0 0 rgba(0, 130, 114, 0.2), -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2);
  }
  50% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.2), 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2), 2.5em 0 0 0 rgba(0, 130, 114, 0.5), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.7), 0 2.5em 0 0 #008272, -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.2), -2.6em 0 0 0 rgba(0, 130, 114, 0.2), -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2);
  }
  62.5% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.2), 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2), 2.5em 0 0 0 rgba(0, 130, 114, 0.2), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.5), 0 2.5em 0 0 rgba(0, 130, 114, 0.7), -1.8em 1.8em 0 0 #008272, -2.6em 0 0 0 rgba(0, 130, 114, 0.2), -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2);
  }
  75% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.2), 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2), 2.5em 0 0 0 rgba(0, 130, 114, 0.2), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.2), 0 2.5em 0 0 rgba(0, 130, 114, 0.5), -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.7), -2.6em 0 0 0 #008272, -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2);
  }
  87.5% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.2), 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2), 2.5em 0 0 0 rgba(0, 130, 114, 0.2), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.2), 0 2.5em 0 0 rgba(0, 130, 114, 0.2), -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.5), -2.6em 0 0 0 rgba(0, 130, 114, 0.7), -1.8em -1.8em 0 0 #008272;
  }
}
@keyframes load {
  0%, 100% {
    box-shadow: 0 -2.6em 0 0 #008272, 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2), 2.5em 0 0 0 rgba(0, 130, 114, 0.2), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.2), 0 2.5em 0 0 rgba(0, 130, 114, 0.2), -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.2), -2.6em 0 0 0 rgba(0, 130, 114, 0.5), -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.7);
  }
  12.5% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.7), 1.8em -1.8em 0 0 #008272, 2.5em 0 0 0 rgba(0, 130, 114, 0.2), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.2), 0 2.5em 0 0 rgba(0, 130, 114, 0.2), -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.2), -2.6em 0 0 0 rgba(0, 130, 114, 0.2), -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.5);
  }
  25% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.5), 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.7), 2.5em 0 0 0 #008272, 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.2), 0 2.5em 0 0 rgba(0, 130, 114, 0.2), -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.2), -2.6em 0 0 0 rgba(0, 130, 114, 0.2), -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2);
  }
  37.5% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.2), 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.5), 2.5em 0 0 0 rgba(0, 130, 114, 0.7), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.2), 0 2.5em 0 0 rgba(0, 130, 114, 0.2), -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.2), -2.6em 0 0 0 rgba(0, 130, 114, 0.2), -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2);
  }
  50% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.2), 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2), 2.5em 0 0 0 rgba(0, 130, 114, 0.5), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.7), 0 2.5em 0 0 #008272, -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.2), -2.6em 0 0 0 rgba(0, 130, 114, 0.2), -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2);
  }
  62.5% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.2), 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2), 2.5em 0 0 0 rgba(0, 130, 114, 0.2), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.5), 0 2.5em 0 0 rgba(0, 130, 114, 0.7), -1.8em 1.8em 0 0 #008272, -2.6em 0 0 0 rgba(0, 130, 114, 0.2), -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2);
  }
  75% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.2), 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2), 2.5em 0 0 0 rgba(0, 130, 114, 0.2), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.2), 0 2.5em 0 0 rgba(0, 130, 114, 0.5), -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.7), -2.6em 0 0 0 #008272, -1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2);
  }
  87.5% {
    box-shadow: 0 -2.6em 0 0 rgba(0, 130, 114, 0.2), 1.8em -1.8em 0 0 rgba(0, 130, 114, 0.2), 2.5em 0 0 0 rgba(0, 130, 114, 0.2), 1.75em 1.75em 0 0 rgba(0, 130, 114, 0.2), 0 2.5em 0 0 rgba(0, 130, 114, 0.2), -1.8em 1.8em 0 0 rgba(0, 130, 114, 0.5), -2.6em 0 0 0 rgba(0, 130, 114, 0.7), -1.8em -1.8em 0 0 #008272;
  }
}
.assessmentFormAdvanced .forms-icon-size40x40 {
  font-size: 40px;
  font-style: normal;
  line-height: 40px;
  width: 40px;
  height: 40px;
  font-family: "Forms Icons Light", "Forms Icons Semilight", "Forms Icons Regular", "Forms Icons Semibold", "Forms Icons Bold";
}
.assessmentFormAdvanced .forms-icon-size32x32 {
  font-size: 32px;
  font-style: normal;
  line-height: 32px;
  width: 32px;
  height: 32px;
  font-family: "Forms Icons Semilight", "Forms Icons Light", "Forms Icons Regular", "Forms Icons Semibold", "Forms Icons Bold";
}
.assessmentFormAdvanced .forms-icon-size24x24, .assessmentFormAdvanced .forms-icon-size26x26, .assessmentFormAdvanced .forms-icon-size28x28 {
  font-style: normal;
  font-family: "Forms Icons Regular", "Forms Icons Semibold", "Forms Icons Bold", "Forms Icons Semilight", "Forms Icons Light";
}
.assessmentFormAdvanced .forms-icon-size28x28 {
  font-size: 28px;
  line-height: 28px;
  width: 28px;
  height: 28px;
}
.assessmentFormAdvanced .forms-icon-size26x26 {
  font-size: 26px;
  line-height: 26px;
  width: 26px;
  height: 26px;
}
.assessmentFormAdvanced .forms-icon-size24x24 {
  font-size: 24px;
  line-height: 24px;
  width: 24px;
  height: 24px;
}
.assessmentFormAdvanced .forms-icon-size20x20, .assessmentFormAdvanced .forms-icon-size22x22 {
  font-style: normal;
  font-family: "Forms Icons Semibold", "Forms Icons Bold", "Forms Icons Regular", "Forms Icons Semilight", "Forms Icons Light";
}
.assessmentFormAdvanced .forms-icon-size22x22 {
  font-size: 22px;
  line-height: 22px;
  width: 22px;
  height: 22px;
}
.assessmentFormAdvanced .forms-icon-size20x20 {
  font-size: 20px;
  line-height: 20px;
  width: 20px;
  height: 20px;
}
.assessmentFormAdvanced .forms-icon-size12x12, .assessmentFormAdvanced .forms-icon-size14x14, .assessmentFormAdvanced .forms-icon-size16x16, .assessmentFormAdvanced .forms-icon-size18x18 {
  font-style: normal;
  font-family: "Forms Icons Bold", "Forms Icons Semibold", "Forms Icons Regular", "Forms Icons Semilight", "Forms Icons Light";
}
.assessmentFormAdvanced .forms-icon-size18x18 {
  font-size: 18px;
  line-height: 18px;
  width: 18px;
  height: 18px;
}
.assessmentFormAdvanced .forms-icon-size16x16 {
  font-size: 16px;
  line-height: 16px;
  width: 16px;
  height: 16px;
}
.assessmentFormAdvanced .forms-icon-size14x14 {
  font-size: 14px;
  line-height: 14px;
  width: 14px;
  height: 14px;
}
.assessmentFormAdvanced .forms-icon-size12x12 {
  font-size: 12px;
  line-height: 12px;
  width: 12px;
  height: 12px;
}
.assessmentFormAdvanced {
  /*.button-control, .chart-control-stacked-detail-container, .stacked-control-legend-table, body {
    font-family: wf_segoe-ui_normal,"Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;
  }*/
}
.assessmentFormAdvanced body[dir=rtl] .forms-Icon--arrowLeft:before, .assessmentFormAdvanced body[dir=rtl] .forms-Icon--back:before, .assessmentFormAdvanced body[dir=rtl] .ms-Icon--arrowLeft:before, .assessmentFormAdvanced body[dir=rtl] .ms-Icon--arrowRight:before, .assessmentFormAdvanced body[dir=rtl] .ms-Icon--caretLeft:before, .assessmentFormAdvanced body[dir=rtl] .ms-Icon--caretRight:before, .assessmentFormAdvanced body[dir=rtl] .ms-Icon--chevronLeft:before, .assessmentFormAdvanced body[dir=rtl] .ms-Icon--chevronRight:before, .assessmentFormAdvanced body[dir=rtl] .ms-Icon--chevronThinRight:before {
  transform: rotate(180deg);
}
.assessmentFormAdvanced button {
  line-height: normal !important;
}
.assessmentFormAdvanced .button-control {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.002);
  outline: 0;
  cursor: pointer;
  -webkit-border-radius: 0;
  border-radius: 0;
  overflow: visible;
  vertical-align: top;
}
.assessmentFormAdvanced .button-common, .assessmentFormAdvanced .light-background-button {
  outline: transparent solid 1px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.002);
}
.assessmentFormAdvanced .button-content {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  display: flex;
  vertical-align: baseline;
}
.assessmentFormAdvanced .button-common {
  border: 1px solid transparent;
  box-sizing: border-box;
}
.assessmentFormAdvanced .button-common::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.assessmentFormAdvanced .light-background-button {
  border: 1px solid transparent;
  box-sizing: border-box;
}
.assessmentFormAdvanced .light-background-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.assessmentFormAdvanced .light-background-button:focus {
  outline: #000 dashed 1px;
}
@media screen and (-ms-high-contrast: active) {
  .assessmentFormAdvanced .light-background-button {
    border-style: solid;
    outline-width: 0;
    margin: 0 2px;
  }
  .assessmentFormAdvanced .light-background-button:focus, .assessmentFormAdvanced .light-background-button:hover {
    border-style: dashed;
  }
  .assessmentFormAdvanced .light-background-button:active, .assessmentFormAdvanced .light-background-button:disabled {
    border-style: solid;
  }
}
.assessmentFormAdvanced .menu-control-a:focus, .assessmentFormAdvanced .select-control:focus {
  outline: #000 dashed 1px;
}
.assessmentFormAdvanced .dropdown-menu-control {
  top: 100%;
  left: 0;
  display: none;
  float: left;
  margin: 2px 0 0;
  text-align: left;
  background-color: #FFF;
  background-clip: padding-box;
  border: 1px solid #EAEAEA;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.assessmentFormAdvanced .dropdown-menu-control > li > a {
  display: block;
  padding: 3px 20px;
  color: #333;
  white-space: nowrap;
}
.assessmentFormAdvanced .dropdown-menu-control > li > a:focus, .assessmentFormAdvanced .dropdown-menu-control > li > a:hover {
  color: #262626;
  text-decoration: none;
  background-color: #F4F4F4;
}
.assessmentFormAdvanced .dropdown-menu-control a.menu-control-a-disabled {
  cursor: not-allowed;
  color: rgba(0, 0, 0, 0.5);
}
.assessmentFormAdvanced .dropdown-menu-control a.menu-control-a-disabled:focus {
  background-color: #FFF;
  color: rgba(0, 0, 0, 0.5);
}
.assessmentFormAdvanced .dropdown-menu-control a.menu-control-a-disabled:hover {
  background-color: #FFF;
  color: rgba(0, 0, 0, 0.5);
  cursor: not-allowed;
}
.assessmentFormAdvanced .select-control {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  white-space: nowrap;
  position: relative;
}
.assessmentFormAdvanced .select-placeholder {
  padding-left: 5px;
  cursor: pointer;
}
.assessmentFormAdvanced .select-placeholder-text {
  line-height: 25px;
}
.assessmentFormAdvanced .select-placeholder-arrow {
  width: 25px;
  text-align: center;
  vertical-align: middle;
  margin-left: 15px;
  height: 25px;
  line-height: 25px;
}
.assessmentFormAdvanced .select-option-menu-container {
  background-color: #FFF;
  box-shadow: 0 0 20px #BBB;
  position: absolute;
  padding: 5px 0;
  z-index: 10;
  top: 100%;
}
.assessmentFormAdvanced .select-option-menu {
  width: 100%;
  position: absolute;
  overflow-x: hidden;
  white-space: pre-wrap;
  box-shadow: 0 0 20px #BBB;
  background: #FFF;
  list-style: none;
  min-width: 160px;
  margin-top: 3px;
  max-height: 400px;
}
.assessmentFormAdvanced .select-option {
  border: 1px solid transparent;
  outline: transparent solid 1px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 3px 20px 3px 0;
  background-color: #FFF;
  color: #333;
  text-decoration: none;
  cursor: pointer;
}
.assessmentFormAdvanced .select-option::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.assessmentFormAdvanced .select-option:focus {
  outline: #000 dashed 1px;
  outline-offset: -1px;
}
@media screen and (-ms-high-contrast: active) {
  .assessmentFormAdvanced .select-option {
    border-style: solid;
    outline-width: 0;
    margin: 0 2px;
  }
  .assessmentFormAdvanced .select-option:focus, .assessmentFormAdvanced .select-option:hover {
    border-style: dashed;
  }
  .assessmentFormAdvanced .select-option:active, .assessmentFormAdvanced .select-option:disabled {
    border-style: solid;
  }
}
.assessmentFormAdvanced .rateit .rateit-range:focus, .assessmentFormAdvanced .toggle-button:focus {
  outline: #000 dashed 1px;
}
.assessmentFormAdvanced .select-option:hover {
  background-color: #EAEAEA;
}
.assessmentFormAdvanced .select-option:focus, .assessmentFormAdvanced .select-option:hover {
  color: #333;
  text-decoration: none;
}
.assessmentFormAdvanced .select-option-state {
  width: 15px;
  font-size: 14px;
  padding: 0 5px;
  color: #333;
  visibility: hidden;
}
.assessmentFormAdvanced .select-option.selected .select-option-state {
  visibility: visible;
  vertical-align: middle;
}
.assessmentFormAdvanced .select-option-content {
  margin: 5px 0;
}
.assessmentFormAdvanced .simple-dialog-container {
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  z-index: 1;
  position: absolute;
  top: 0;
  height: 178px;
  text-align: center;
  cursor: default;
}
.assessmentFormAdvanced .loading-spinner-animation {
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: 10px;
  border-radius: 50%;
  -webkit-animation: load 1.1s infinite ease;
  -moz-animation: load 1.1s infinite ease;
  -o-animation: load 1.1s infinite ease;
  animation: load 1.1s infinite ease;
}
.assessmentFormAdvanced .rateit {
  margin-top: 10px;
}
.assessmentFormAdvanced .rateit .rateit-range {
  background: url("../../assets/NewJT7/JTForms/rating-star_grey.png");
  height: 28px;
}
.assessmentFormAdvanced .rateit .rateit-hover, .assessmentFormAdvanced .rateit .rateit-preset, .assessmentFormAdvanced .rateit .rateit-selected {
  /*background: url('../../../assets/NewJT7/JTForms/rating-star_teal.png');*/
}
.assessmentFormAdvanced .rateit button.rateit-reset {
  /*background: url('../../../assets/NewJT7/JTForms/rating-star_grey.png');*/
}
.assessmentFormAdvanced .has-error .rateit {
  border: 1px solid #a94442;
}
.assessmentFormAdvanced #content-root, .assessmentFormAdvanced body, .assessmentFormAdvanced html {
  height: 100%;
  min-width: 320px;
}
.assessmentFormAdvanced textarea {
  resize: none;
}
.assessmentFormAdvanced .image-spinner {
  position: absolute;
  left: calc(50% - 6px);
  top: calc(50% - 6px);
  width: 30px;
  height: 30px;
  transform: scale(0.8);
}
.assessmentFormAdvanced .submit-spinner {
  display: inline-block;
  margin-left: -50%;
  width: 10px;
  height: 10px;
  margin-top: 15px;
}
.assessmentFormAdvanced .submit-spinner > .spinner-tile-animation {
  transform: scale(0.4);
}
.assessmentFormAdvanced .required-star::after {
  color: red;
  content: " * ";
}
.assessmentFormAdvanced .question-suffix {
  margin-left: 2px;
  font-style: italic;
  font-size: 14px;
}
.assessmentFormAdvanced .question-edit-button {
  height: 30px;
  width: 50px;
  color: #666;
  font-size: 18px;
}
.assessmentFormAdvanced .question-edit-button:hover {
  color: #333;
}
.assessmentFormAdvanced .question-edit-button:disabled {
  color: #A6A6A6;
}
.assessmentFormAdvanced .image-button-answerkey {
  color: #008272;
}
.assessmentFormAdvanced .image-button-checked-answerkey-mobile, .assessmentFormAdvanced .image-button-checked-wrong-answer-mobile {
  color: #fff;
}
.assessmentFormAdvanced .image-button-checked-wrong-answer {
  color: red;
}
.assessmentFormAdvanced .border-no-radius {
  border-radius: 0;
}
.assessmentFormAdvanced .office-form-textfield {
  position: relative;
}
.assessmentFormAdvanced .office-form-textfield-input::-ms-clear {
  display: none;
}
.assessmentFormAdvanced input:disabled, .assessmentFormAdvanced textarea:disabled {
  cursor: default !important;
}
.assessmentFormAdvanced .office-form-textfield-counter {
  position: absolute;
  top: 100%;
  right: 2px;
  font-size: 10px;
  color: #aaa;
  line-height: 100%;
  font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  display: none;
}
.assessmentFormAdvanced input:focus + .office-form-textfield-counter, .assessmentFormAdvanced textarea:focus + .office-form-textfield-counter {
  display: block;
  z-index: 1;
}
.assessmentFormAdvanced .textfield-counter-warning {
  color: #E9001B;
}
.assessmentFormAdvanced .checkbox, .assessmentFormAdvanced .radio {
  position: relative;
  display: block;
  margin-top: 0;
  margin-bottom: 0;
}
.assessmentFormAdvanced .checkbox + .checkbox, .assessmentFormAdvanced .radio + .radio {
  margin-top: 20px;
}
.assessmentFormAdvanced .checkbox input[type=checkbox], .assessmentFormAdvanced .checkbox-inline input[type=checkbox], .assessmentFormAdvanced .radio input[type=radio], .assessmentFormAdvanced .radio-inline input[type=radio] {
  position: absolute;
  width: 18px;
  height: 18px;
  margin-top: 4px\9 ;
  margin-left: -20px;
}
.assessmentFormAdvanced #form-container, .assessmentFormAdvanced .form-content, .assessmentFormAdvanced .form-content-container, .assessmentFormAdvanced .office-form-content {
  height: 100%;
  width: 100%;
}
.assessmentFormAdvanced .btn .caret {
  margin-left: 10px;
}
.assessmentFormAdvanced .btn.disabled {
  cursor: auto;
}
.assessmentFormAdvanced .btn-primary {
  color: #000;
  background-color: #F4F4F4;
  border-color: #2e6da4;
  border-radius: 0;
}
.assessmentFormAdvanced .btn-primary.active, .assessmentFormAdvanced .btn-primary.focus, .assessmentFormAdvanced .btn-primary:active, .assessmentFormAdvanced .btn-primary:focus, .assessmentFormAdvanced .btn-primary:hover, .assessmentFormAdvanced .open > .dropdown-toggle.btn-primary {
  color: #000;
  background-color: #EAEAEA;
  border-color: #204d74;
}
.assessmentFormAdvanced #form-container {
  float: left;
}
.assessmentFormAdvanced .form-header-text-message {
  margin: 15px 0;
  font-weight: 600;
}
.assessmentFormAdvanced .office-form-content {
  padding-top: 50px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.assessmentFormAdvanced .office-form-progress-container {
  width: 100%;
  left: 0;
  z-index: 2;
  max-width: 850px;
  position: absolute;
}
.assessmentFormAdvanced .office-form-progress-bar {
  position: absolute;
  width: 100%;
  height: 8px;
  background-color: #008272;
  z-index: 2;
  max-width: 850px;
}
.assessmentFormAdvanced .office-form-progress {
  background-color: #004B50;
  height: 8px;
  position: absolute;
}
.assessmentFormAdvanced .office-form {
  width: 100%;
  outline: transparent solid 1px;
}
.assessmentFormAdvanced .office-form-title-container {
  width: 100%;
  color: #fff;
  padding: 20px;
  padding-left: 50px;
}
.assessmentFormAdvanced .office-form-title-container a:link, .assessmentFormAdvanced .office-form-title-container a:visited {
  color: #fff;
}
.assessmentFormAdvanced .office-form-title {
  font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  font-size: 38px;
}
.assessmentFormAdvanced .office-form-notice-container, .assessmentFormAdvanced .office-form-subtitle {
  font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
}
.assessmentFormAdvanced .office-form-subtitle {
  font-size: 15px;
  margin-top: 30px;
}
.assessmentFormAdvanced .office-form-bottom-bar {
  background-color: #F4F4F4;
  width: 100%;
  text-align: center;
}
.assessmentFormAdvanced .office-form-new-bottom-bar {
  width: 100%;
  text-align: center;
}
.assessmentFormAdvanced .office-form-theme-quiz-point {
  padding-left: 5px;
  color: #008272;
}
.assessmentFormAdvanced .office-form-bottom-bar-other {
  padding-top: 50px;
  padding-bottom: 30px;
  font-size: 14px;
}
.assessmentFormAdvanced .office-form-body {
  /*padding: 40px 30px 70px; old one*/
  background: #FFF;
  /*new one*/
  background: #FFF;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 72px;
}
.assessmentFormAdvanced .office-form-body a.linkified:link, .assessmentFormAdvanced .office-form-body a.linkified:visited {
  color: #0000D9;
  text-decoration: underline;
}
.assessmentFormAdvanced .office-form-notice-container {
  font-size: 14px;
  color: #333;
  line-height: 100%;
  margin-left: 20px;
}
.assessmentFormAdvanced .office-form-notice-container > div:not(:last-child) {
  margin-bottom: 20px;
}
.assessmentFormAdvanced .office-form-notice-long-text {
  line-height: 25px;
  vertical-align: bottom;
}
.assessmentFormAdvanced .office-form-notice-long-text:first-line {
  line-height: 100%;
  vertical-align: middle;
}
.assessmentFormAdvanced .office-form-required-notice-star::after {
  color: red;
  font-size: 17px;
  content: " * ";
  font-weight: 700;
}
.assessmentFormAdvanced .office-form-formcomment, .assessmentFormAdvanced .office-form-point-label {
  font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  font-size: 22px;
  padding-top: 40px;
  display: inline-block;
}
.assessmentFormAdvanced .office-form-result-container {
  width: 100%;
  min-height: 110px;
  background-color: #F4F4F4;
}
.assessmentFormAdvanced .office-form-formcomment-container {
  font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  display: inline-block;
  height: 100%;
  width: 64%;
  color: #008272;
}
.assessmentFormAdvanced .office-form-formcomment {
  vertical-align: middle;
  word-break: break-word;
  padding-left: 50px;
  padding-bottom: 40px;
}
.assessmentFormAdvanced .office-form-totalscore-bar {
  display: inline-block;
  height: 100%;
  float: right;
}
.assessmentFormAdvanced .office-form-point-label {
  color: #666;
  line-height: 22px;
  padding-left: 20px;
}
.assessmentFormAdvanced .office-form-score-label {
  font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  display: inline-block;
  font-size: 30px;
  color: #008272;
  line-height: 30px;
  padding-left: 10px;
  padding-right: 50px;
}
.assessmentFormAdvanced .office-form-unselectable {
  user-select: none;
}
.assessmentFormAdvanced .office-form-submit-button-div {
  display: inline-block;
  /*margin: 35px 0 0 20px; old one*/
  margin: 30px 0 0 2px; /*new one*/
  position: relative;
  vertical-align: middle;
  float: right;
}
.assessmentFormAdvanced .office-form-submit-button {
  width: 180px;
  height: 40px;
  text-align: center;
  font-size: 15px;
  background: #008272;
  color: #fff;
}
.assessmentFormAdvanced .office-form-submit-button:focus {
  background: #767676;
  color: #000;
}
.assessmentFormAdvanced .office-form-submit-button:hover {
  background-color: #004B50;
  color: #FFF;
}
.assessmentFormAdvanced .office-form-submit-button:disabled, .assessmentFormAdvanced .office-form-submit-button:disabled:hover {
  background-color: #cccccc;
  color: #666666;
  cursor: wait !important;
}
.assessmentFormAdvanced .office-form-submit-error {
  margin-left: 30px;
  display: inline-block;
  margin-top: 25px;
  vertical-align: middle;
}
.assessmentFormAdvanced .office-form-submit-error .office-form-alert-icon {
  color: red;
}
.assessmentFormAdvanced .office-form-submit-error .error-message {
  font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  font-size: 14px;
  color: #333;
}
.assessmentFormAdvanced .office-form-rating-description-container {
  display: none;
  background-color: #EAEAEA;
  padding: 10px 25px;
  margin-top: 10px;
}
.assessmentFormAdvanced .office-form-rating-description-label {
  padding: 5px 5px 2px 0;
  display: table-cell;
}
.assessmentFormAdvanced .office-form-rating-description-label-star {
  padding: 8px 5px 2px 0;
  display: table-cell;
  vertical-align: middle;
}
.assessmentFormAdvanced .office-form-rating-description-label-number {
  padding: 5px 5px 2px 10px;
  display: table-cell;
}
.assessmentFormAdvanced .rating-option-description {
  display: table-cell;
}
.assessmentFormAdvanced .rating-option-description-designer {
  display: table-cell;
  padding-top: 5px;
}
.assessmentFormAdvanced .office-form-question-rating-table {
  margin-top: 10px;
  display: inline-block;
}
.assessmentFormAdvanced .office-form-rating-container-star {
  margin-top: 15px;
  display: inline-block;
  max-width: 285px;
}
.assessmentFormAdvanced .office-form-rating-container-number {
  margin-top: 30px;
  display: inline-block;
  max-width: 272px;
}
.assessmentFormAdvanced .container-margin-left {
  margin-left: 10px;
}
.assessmentFormAdvanced .container-margin-right {
  margin-right: 10px;
  text-align: right;
}
.assessmentFormAdvanced .container-star-max-width {
  max-width: 215px;
}
.assessmentFormAdvanced .container-number-max-width {
  max-width: 188px;
}
.assessmentFormAdvanced .office-form-question-rating-container {
  width: 100%;
  display: flex;
}
.assessmentFormAdvanced .office-form-question-rating-description-number {
  padding-bottom: 8px;
  float: left;
}
.assessmentFormAdvanced .office-form-question-rating-description-star {
  padding-bottom: 4px;
  float: left;
}
.assessmentFormAdvanced .rating-description-container {
  margin: 10px 0 10px 50px;
}
.assessmentFormAdvanced .rating-description-div {
  display: table-row;
  margin-top: 4px;
}
.assessmentFormAdvanced .rating-description-div > .office-form-rating-description-label-number {
  padding: 10px 10px 5px;
  width: 15px;
  vertical-align: middle;
}
.assessmentFormAdvanced .rating-description-div > .office-form-rating-description-label-star {
  margin: 7px 0;
}
.assessmentFormAdvanced .office-form-question {
  padding-top: 35px;
  padding-bottom: 35px;
  position: relative;
  margin-top: 30px;
}
.assessmentFormAdvanced .office-form-question-content {
  padding-left: 20px;
  padding-right: 20px;
}
.assessmentFormAdvanced .validation-error-message-label, .assessmentFormAdvanced .validation-info-message-label {
  font-size: 14px;
  padding: 10px 0;
  font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
}
.assessmentFormAdvanced .office-form-error-question {
  background-color: #FFE9E9;
  position: relative;
  margin-top: 40px;
}
.assessmentFormAdvanced .office-form-error-question-mobile {
  background-color: #FFF;
}
.assessmentFormAdvanced .validation-error-message-label {
  color: #A80000;
}
.assessmentFormAdvanced .validation-info-message-label {
  color: #008272;
}
.assessmentFormAdvanced .validation-error {
  background-color: #FDE7E9;
}
.assessmentFormAdvanced .validation-error-mobile {
  color: red;
  background-color: #FFF;
}
.assessmentFormAdvanced .validation-success-mobile {
  color: #008272;
  background-color: #FFF;
}
.assessmentFormAdvanced .validation-error-circle-big {
  position: absolute;
  width: 64px;
  height: 64px;
  background: #FFF;
  border-radius: 32px;
  top: -32px;
  left: 20px;
}
.assessmentFormAdvanced .validation-error-circle-small {
  position: absolute;
  width: 54px;
  height: 54px;
  background: #FFE9E9;
  border-radius: 27px;
  top: -27px;
  left: 25px;
}
.assessmentFormAdvanced .validation-error-message-wrong-Icon {
  position: absolute;
  top: -5px;
  left: 30px;
  color: #F79BA1;
  font-size: 23px;
}
.assessmentFormAdvanced .office-form-question-ordinal {
  position: absolute;
  left: 20px;
  width: 30px;
  height: 30px;
  text-align: center;
}
.assessmentFormAdvanced .office-form-question-ordinal span {
  line-height: 30px;
  color: #fff;
}
.assessmentFormAdvanced .office-form-question-title {
  font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  font-size: 17px;
  color: #333;
  white-space: pre-wrap;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.assessmentFormAdvanced .office-form-question-title.with-image, .assessmentFormAdvanced .office-form-question-title.with-video {
  padding: 40px 20px 20px;
  zoom: 1;
}
.assessmentFormAdvanced .office-form-question-formula {
  margin-top: 10px;
  padding-left: 20px;
}
.assessmentFormAdvanced .question-title-container > .office-form-question-formula {
  margin-bottom: 20px;
}
.assessmentFormAdvanced .office-form-question-subtitle {
  color: #666;
  white-space: pre-wrap;
  font-style: italic;
  padding: 0 0 0 20px;
  word-wrap: break-word;
}
.assessmentFormAdvanced .office-form-question-subtitle.with-image {
  display: block;
  padding: 0 20px 20px;
}
.assessmentFormAdvanced .office-form-question-element {
  margin-left: 20px;
}
.assessmentFormAdvanced .office-form-question-label, .assessmentFormAdvanced .office-form-question-label-on-check {
  background: #EAEAEA;
  min-height: 30px;
}
.assessmentFormAdvanced label.office-form-question-label-without-margin {
  margin-top: 0;
}
.assessmentFormAdvanced label.office-form-question-label input[type=checkbox], .assessmentFormAdvanced label.office-form-question-label input[type=radio], .assessmentFormAdvanced label.office-form-question-label-on-check input[type=checkbox], .assessmentFormAdvanced label.office-form-question-label-on-check input[type=radio] {
  left: 35px;
  margin-top: 8.5px;
}
.assessmentFormAdvanced .office-form-question-textbox, .assessmentFormAdvanced .textbox-printview {
  font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  margin-top: 20px;
}
.assessmentFormAdvanced .textbox-printview {
  border: 1px solid #CCC;
  padding: 6px 12px;
  min-height: 32px;
}
.assessmentFormAdvanced .office-form-question-choice, .assessmentFormAdvanced .office-form-question-dropdown, .assessmentFormAdvanced .office-form-question-rating {
  margin: 20px 20px 0 0;
  -ms-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  flex: 0 0 100%;
}
.assessmentFormAdvanced .office-form-question-dropdown {
  outline: transparent solid 1px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  border: 1px solid #C8C8C8;
  background-color: #FFF;
  color: #333;
}
.assessmentFormAdvanced .office-form-question-dropdown::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.assessmentFormAdvanced .office-form-question-dropdown:focus {
  outline: #000 dashed 1px;
}
@media screen and (-ms-high-contrast: active) {
  .assessmentFormAdvanced .office-form-question-dropdown {
    border-style: solid;
    outline-width: 0;
    margin: 0 2px;
  }
  .assessmentFormAdvanced .office-form-question-dropdown:focus, .assessmentFormAdvanced .office-form-question-dropdown:hover {
    border-style: dashed;
  }
  .assessmentFormAdvanced .office-form-question-dropdown:active, .assessmentFormAdvanced .office-form-question-dropdown:disabled {
    border-style: solid;
  }
}
.assessmentFormAdvanced .office-form-question-dropdown > .select-placeholder {
  padding: 6px 12px;
}
.assessmentFormAdvanced .office-form-question-dropdown > .select-placeholder > .select-placeholder-arrow {
  color: #666;
}
.assessmentFormAdvanced label.office-form-question-choice-row {
  padding-left: 0;
  width: 100%;
}
.assessmentFormAdvanced .office-form-question-choice-row > * {
  display: inline-block;
  vertical-align: middle;
}
.assessmentFormAdvanced .office-form-question-choice-row > .office-form-question-choice-text-span {
  max-width: calc(100% - 28px);
  word-wrap: break-word;
}
.assessmentFormAdvanced .office-form-question-choice-row.office-form-question-choice-quiz-row > .office-form-question-choice-text-span {
  max-width: calc(100% - 56px);
}
.assessmentFormAdvanced .office-form-question-choice-row > input {
  position: relative !important;
  margin: 0 10px 0 0 !important;
}
.assessmentFormAdvanced body[dir=rtl] .office-form-question-choice-row > input {
  margin: 0 0 0 10px !important;
}
.assessmentFormAdvanced .office-form-question-choice-row > .office-form-question-choice-formula {
  max-width: calc(100% - 53px);
}
.assessmentFormAdvanced .office-form-question-dropdown > .btn.btn-primary.dropdown-toggle {
  background-color: #FFF;
  color: #333;
  border: thin solid;
  padding: 6px 12px;
}
.assessmentFormAdvanced .office-form-question-choice-marginleft {
  margin-left: 20px;
}
.assessmentFormAdvanced .office-form-question-choice.btn-group-vertical {
  -ms-flex: 1 1 100%;
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
}
.assessmentFormAdvanced .office-form-question-defaultcheck {
  margin-left: 15px;
}
.assessmentFormAdvanced .office-form-other-answer {
  margin-top: 10px;
  margin-left: 20px;
}
.assessmentFormAdvanced .office-form-other-answer input[type=checkbox], .assessmentFormAdvanced .office-form-other-answer input[type=radio] {
  width: 18px;
  height: 18px;
}
.assessmentFormAdvanced .office-form-other-answer .office-form-other-answer-textbox {
  min-width: 150px;
  width: 50%;
  display: inline;
  margin-left: 8px;
}
.assessmentFormAdvanced .office-form-question-choice-mobile {
  border: none;
  background-color: #F4F4F4;
  width: 100%;
  min-height: 40px;
  line-height: 20px;
  margin-top: 10px;
  text-align: left;
  font-size: 13px;
}
.assessmentFormAdvanced .office-form-mobile-sort-item .office-form-sort-list-item, .assessmentFormAdvanced .office-form-sort-list-item {
  line-height: 19px;
  min-height: 19px;
  font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  word-wrap: break-word;
}
.assessmentFormAdvanced .office-form-question-choice-mobile.active {
  background-color: #008272;
  color: #fff;
}
.assessmentFormAdvanced .office-form-question-choice-mobile.active a:link, .assessmentFormAdvanced .office-form-question-choice-mobile.active a:visited {
  color: #fff;
  text-decoration: none;
}
.assessmentFormAdvanced .office-form-question-choice-mobile.active a:hover {
  text-decoration: underline;
}
.assessmentFormAdvanced .office-form-question-choice-mobile > label {
  width: 100%;
  padding: 10px 20px;
}
.assessmentFormAdvanced .office-form-other-answer-mobile {
  margin: 10px 0 0 20px;
}
.assessmentFormAdvanced .office-form-other-answer-mobile input[type=checkbox], .assessmentFormAdvanced .office-form-other-answer-mobile input[type=radio] {
  width: 18px;
  height: 18px;
}
.assessmentFormAdvanced .office-form-other-answer-mobile .office-form-other-answer-textbox {
  width: 92%;
  width: calc(100% - 26px);
  display: inline-block;
  margin-left: 10px;
  height: 40px;
}
.assessmentFormAdvanced .question-coAuthor-notification-container-design-mode {
  position: absolute;
  left: -45px;
}
.assessmentFormAdvanced .question-coAuthor-notification-container-render-mode {
  position: absolute;
  left: -65px;
}
.assessmentFormAdvanced .author-notification-content {
  cursor: default;
  font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  font-size: 12px;
  height: 30px;
  width: 30px;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  padding-bottom: 5px;
  padding-top: 5px;
  margin-bottom: 10px;
}
.assessmentFormAdvanced .office-form-mobile-sort-list .office-form-mobile-sort-item:hover, .assessmentFormAdvanced .office-form-sort-list .office-form-sort-item:hover {
  cursor: pointer;
}
.assessmentFormAdvanced .author-notification-icon {
  font-size: 20px;
  margin-top: -5px;
}
.assessmentFormAdvanced .question-title-box {
  position: relative;
}
.assessmentFormAdvanced .question-title-container {
  position: relative;
  overflow: hidden;
  zoom: 1;
}
.assessmentFormAdvanced .question-title-container + .office-form-question-element {
  margin-left: 0;
}
.assessmentFormAdvanced .office-form-question-image-container {
  position: relative;
  float: right;
  margin-left: 15px;
}
.assessmentFormAdvanced .office-form-question-horizontal-large-image-container {
  position: relative;
}
.assessmentFormAdvanced .office-form-question-horizontal-large-image-container > img, .assessmentFormAdvanced .office-form-question-image-container > img {
  overflow: hidden;
  display: block;
  position: relative;
  -ms-high-contrast-adjust: none;
}
.assessmentFormAdvanced .office-form-question-horizontal-large-image-container > img *, .assessmentFormAdvanced .office-form-question-image-container > img * {
  -ms-high-contrast-adjust: auto;
}
.assessmentFormAdvanced .office-form-question-horizontal-large-image-container > canvas, .assessmentFormAdvanced .office-form-question-image-container > canvas {
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
.assessmentFormAdvanced .office-form-question-rating-tr {
  margin: 5px;
}
.assessmentFormAdvanced .office-form-question-rating-td, .assessmentFormAdvanced .office-form-question-rating-title-td {
  padding: 0 10px;
  text-align: center;
}
.assessmentFormAdvanced .office-form-question-rating-td {
  padding: 0 10px;
}
.assessmentFormAdvanced .office-form-question-content .file-upload-question-file-reader {
  display: none;
}
.assessmentFormAdvanced .dropdown-toggle {
  background-color: #FFF;
}
.assessmentFormAdvanced .office-form-mobile-sort-list .office-form-sortable-chosen .office-form-theme-sort-item {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-transition: transform 0.2s;
  -moz-transition: transform 0.2s;
  -ms-transition: transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
}
.assessmentFormAdvanced .office-form-sort-list .office-form-sort-item {
  margin-left: 20px;
  margin-bottom: 12px;
  display: inline-block;
  width: calc(100% - 40px);
  border: 1px solid #F4F4F4;
  outline: 0;
}
.assessmentFormAdvanced .office-form-sort-item.office-form-nonselected-item-color:hover {
  background: #EAEAEA;
}
.assessmentFormAdvanced .office-form-sort-list {
  margin-top: 20px;
}
.assessmentFormAdvanced .office-form-mobile-sort-list {
  margin-top: 10px;
}
.assessmentFormAdvanced .office-form-mobile-sort-list .office-form-mobile-sort-item {
  margin-bottom: 12px;
  display: inline-block;
  width: 100%;
  border: 1px solid #F4F4F4;
  outline: 0;
}
.assessmentFormAdvanced .office-form-item-color, .assessmentFormAdvanced .office-form-nonselected-item-color {
  background: #F4F4F4;
}
.assessmentFormAdvanced .office-form-sort-item-leftNum {
  font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  display: inline-block;
  width: 29px;
  font-size: 14px;
  text-align: center;
  vertical-align: top;
  margin-top: 11px;
}
.assessmentFormAdvanced .office-form-mobile-sort-item .office-form-sort-item-leftNum {
  font-size: 15px;
}
.assessmentFormAdvanced .office-form-selected-item-color .office-form-sort-item-leftNum, .assessmentFormAdvanced .office-form-selected-item-color .office-form-sort-list-item {
  color: #F4F4F4;
}
.assessmentFormAdvanced .office-form-sort-list-item {
  margin: 12px 0;
  display: inline-block;
  width: calc(100% - 100px);
  font-size: 14px;
  vertical-align: middle;
}
.assessmentFormAdvanced .office-form-sort-list-judge-icon, .assessmentFormAdvanced .office-form-sort-list-no-icon {
  width: calc(100% - 120px);
}
.assessmentFormAdvanced .office-form-mobile-sort-item-parents .office-form-sort-list-judge-icon {
  width: calc(100% - 115px);
}
.assessmentFormAdvanced .office-form-nonselected-item-color .office-form-sort-list-item {
  color: #333;
}
.assessmentFormAdvanced .office-form-sort-list-arrows {
  float: right;
  margin-right: 10px;
}
.assessmentFormAdvanced .office-form-ranking-arrow {
  font-size: 18px;
  vertical-align: top;
  margin-top: 5px;
  width: 32px;
  height: 32px;
  color: #666;
}
.assessmentFormAdvanced .office-form-active-arrow:hover {
  color: #333;
}
.assessmentFormAdvanced .office-form-sort-item:focus .office-form-ranking-arrow {
  display: inline-block;
}
.assessmentFormAdvanced .office-form-mobile-sort-item .office-form-sort-list-item {
  margin: 12px 0;
  display: inline-block;
  width: calc(100% - 120px);
  font-size: 15px;
  vertical-align: middle;
}
.assessmentFormAdvanced .office-form-mobile-sort-list .office-form-sort-list-sign, .assessmentFormAdvanced .office-form-sort-list .office-form-sort-list-sign {
  margin: 2px 25px 10px 20px;
  display: inline-block;
}
.assessmentFormAdvanced .office-form-selected-item-color .office-form-sort-list-arrows {
  float: right;
  margin-right: 10px;
}
.assessmentFormAdvanced .office-form-selected-item-color .office-form-active-arrow, .assessmentFormAdvanced .office-form-selected-item-color .office-form-sort-item-leftNum, .assessmentFormAdvanced .office-form-selected-item-color .office-form-sort-list-item {
  color: #F4F4F4;
}
.assessmentFormAdvanced .office-form-selected-item-color .office-form-sort-list-arrows .office-form-active-arrow:hover {
  color: rgba(255, 255, 255, 0.8);
}
.assessmentFormAdvanced .office-form-selected-item-color .office-sort-disabled-arrow {
  color: rgba(255, 255, 255, 0.3);
}
.assessmentFormAdvanced .office-form-sort-item.office-form-selected-item-color {
  border: 1px solid;
}
.assessmentFormAdvanced .office-sort-disabled-arrow {
  color: #A6A6A6;
}
.assessmentFormAdvanced .office-form-sort-item:hover .office-form-sort-list-arrows {
  display: inline-block;
}
.assessmentFormAdvanced .office-form-judge-icon {
  display: inline-block;
  margin-left: 6px;
  vertical-align: top;
  margin-top: 15px;
}
.assessmentFormAdvanced .office-form-submission-succeeded {
  text-align: center;
  margin: 30px 0 -15px;
}
.assessmentFormAdvanced .office-form-info-icon {
  margin-bottom: 30px;
  font-size: 60px;
  line-height: 100%;
}
.assessmentFormAdvanced .office-form-info-tasks {
  color: #548635;
}
.assessmentFormAdvanced .office-form-info-frowny, .assessmentFormAdvanced .office-form-info-infoCircle {
  color: #767676;
}
.assessmentFormAdvanced .office-form-info-help {
  display: inline-block;
}
.assessmentFormAdvanced .office-form-info-register:hover {
  background-color: #004B50;
}
.assessmentFormAdvanced .thank-you-page-container:focus {
  outline: 0;
}
.assessmentFormAdvanced .office-form-info-other {
  margin-top: 60px;
  font-size: 14px;
  line-height: 100%;
}
.assessmentFormAdvanced .office-form-header-container {
  background-color: transparent;
  width: 100%;
  color: #008272;
  padding: 40px 50px;
}
.assessmentFormAdvanced .office-form-header-title {
  margin: 100px auto 0;
  text-align: center;
  font-size: 24px;
}
.assessmentFormAdvanced .office-form-header-subtitle {
  font-size: 14px;
  font-style: italic;
  color: #767676;
}
.assessmentFormAdvanced .office-form-message-container {
  text-align: center;
}
.assessmentFormAdvanced .office-form-info-error-detail-container {
  margin: 10px auto;
  padding: 0 10px;
}
.assessmentFormAdvanced .office-form-info-error-detail-container a {
  text-decoration: none;
}
.assessmentFormAdvanced .office-form-info-error-detail-button {
  position: relative;
  left: -0.5em;
  width: unset;
}
.assessmentFormAdvanced .office-form-info-error-detail {
  padding: 10px;
  background: #F3F3F3;
  max-width: 500px;
  margin: 10px auto;
}
.assessmentFormAdvanced .office-form-loading-error {
  text-align: center;
}
.assessmentFormAdvanced .office-form-info-reload {
  margin-top: 10px;
}
.assessmentFormAdvanced .office-form-info-premotion {
  margin-top: 30px;
}
.assessmentFormAdvanced .office-form-report-title {
  font-family: wf_segoe-ui_semibold, "Segoe UI Semibold", "Segoe WP Semibold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  font-size: 20px;
}
.assessmentFormAdvanced .office-form-report-title > a {
  color: #008272;
  text-decoration: underline;
}
.assessmentFormAdvanced .office-form-comments-container {
  margin: 20px;
}
.assessmentFormAdvanced .office-form-comments-title {
  margin-bottom: 10px;
}
.assessmentFormAdvanced .office-form-notice-contaienr {
  margin: 20px;
}
.assessmentFormAdvanced .office-form-privacy-link {
  margin: 10px 0;
}
.assessmentFormAdvanced .office-form-theme-primary-background {
  background-color: #2ea3d9; /*old #008272;*/
}
.assessmentFormAdvanced .office-form-theme-secondary-background {
  background: #004B50;
}
.assessmentFormAdvanced .office-form-theme-primary-foreground, .assessmentFormAdvanced .office-form-theme-primary-foreground a {
  color: #2ea3d9; /*old #008272;*/
}
.assessmentFormAdvanced .office-form-theme-button {
  background: #2ea3d9; /*old #008272;*/
}
.assessmentFormAdvanced .office-form-theme-button:hover {
  background: #086f9e; /*old #004B50;*/
}
.assessmentFormAdvanced .office-form-theme-border-top {
  border-top: solid 5px;
  border-top-color: #338cd0; /*old #008272;*/
}
.assessmentFormAdvanced .office-form-theme-page-background-active.active {
  background: #008272;
}
.assessmentFormAdvanced .office-form-theme-quiz-totalPoints-bar {
  padding-left: 5px;
  color: #008272;
}
.assessmentFormAdvanced .office-form-theme-shadow {
  box-shadow: 0 0 20px #bbb;
}
.assessmentFormAdvanced {
  /*.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
  }*/
  /*.form-control:focus {
    border-color: #008272;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .form-control::-moz-placeholder {
    color: #969696;
    opacity: 1;
  }

  .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder {
    color: #969696;
  }

  .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: transparent;
    opacity: 1;
  }

  .form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed;
  }*/
}
.assessmentFormAdvanced textarea.form-control {
  height: auto;
  overflow: hidden;
}
.assessmentFormAdvanced .office-form-answerhint {
  padding-top: 15px;
  padding-left: 20px;
}
.assessmentFormAdvanced .office-form-answerkey {
  padding-left: 10px;
}
.assessmentFormAdvanced .office-form-right-answerkey {
  color: green;
}
.assessmentFormAdvanced .office-form-wrong-answerkey {
  color: red;
}
.assessmentFormAdvanced .office-form-feedback-box {
  background-color: #f4f4f4;
  margin-top: 35px;
  display: inline-flex;
  width: 100%;
}
.assessmentFormAdvanced .office-form-feedback-content {
  font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  word-break: break-word;
  font-size: 18px;
  color: #333;
  padding: 20px 20px 20px 10px;
}
.assessmentFormAdvanced .office-form-feedback-marginbottom-box {
  background: #fff;
  height: 30px;
}
.assessmentFormAdvanced .office-form-feedback-content::before {
  content: "“";
}
.assessmentFormAdvanced .office-form-feedback-content::after {
  content: "”";
}
.assessmentFormAdvanced .folderBeak::before, .assessmentFormAdvanced .folderFooter::before {
  content: "";
}
.assessmentFormAdvanced .office-form-feedback-box .feedback-icon {
  font-size: 20px;
  padding-top: 25px;
  margin-left: 20px;
}
.assessmentFormAdvanced .has-success .btn {
  color: #3c763d;
}
.assessmentFormAdvanced .has-warning .btn {
  color: #8a6d3b;
}
.assessmentFormAdvanced .has-error .btn {
  color: #a94442;
}
.assessmentFormAdvanced .inline-block-display, .assessmentFormAdvanced .inline-display {
  display: inline-block;
}
.assessmentFormAdvanced .none-display, .assessmentFormAdvanced iframe[id^=adalRenewFrame], .assessmentFormAdvanced iframe[id^=adalIdTokenFrame] {
  display: none;
}
.assessmentFormAdvanced .small-screen .checkbox + .checkbox, .assessmentFormAdvanced .small-screen .radio + .radio {
  margin-top: 10px;
}
.assessmentFormAdvanced .small-screen .office-form {
  box-shadow: none;
}
.assessmentFormAdvanced .small-screen.office-form-content {
  padding-top: 0;
  padding-left: 0;
  -webkit-overflow-scrolling: touch;
}
.assessmentFormAdvanced .small-screen .office-form-title-container {
  padding: 20px 10px 40px;
}
.assessmentFormAdvanced .small-screen .office-form-title {
  font-size: 28px;
}
.assessmentFormAdvanced .small-screen .office-form-subtitle {
  font-size: 14px;
  margin-top: 20px;
}
.assessmentFormAdvanced .small-screen .office-form-body {
  padding: 30px 0;
}
.assessmentFormAdvanced .small-screen .office-form-formcomment {
  font-size: 18px;
  padding-left: 20px;
}
.assessmentFormAdvanced .small-screen .office-form-point-label {
  font-size: 18px;
  line-height: 18px;
  padding-left: 0;
}
.assessmentFormAdvanced .small-screen .office-form-score-label {
  font-size: 20px;
  line-height: 20px;
  padding-left: 1px;
  padding-right: 15px;
}
.assessmentFormAdvanced .small-screen .office-form-notice-container, .assessmentFormAdvanced .small-screen .office-form-submit-button {
  font-size: 13px;
  font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
}
.assessmentFormAdvanced .small-screen .office-form-notice-container {
  padding: 0 10px;
  margin: 0 0 15px;
}
.assessmentFormAdvanced .small-screen .office-form-notice-container > div:not(:last-child) {
  margin-bottom: 30px;
}
.assessmentFormAdvanced .small-screen .office-form-notice-long-text {
  line-height: 20px;
  vertical-align: bottom;
}
.assessmentFormAdvanced .small-screen .office-form-notice-long-text:first-line {
  line-height: 100%;
  vertical-align: middle;
}
.assessmentFormAdvanced .small-screen .office-form-submit-button-div {
  display: block;
  padding: 0 10px;
  width: 100%;
  margin: 45px 0 10px;
}
.assessmentFormAdvanced .small-screen .office-form-submit-button {
  width: 100%;
  height: 44px;
}
.assessmentFormAdvanced .small-screen .office-form-submit-error {
  margin: 0;
  padding: 0 10px;
}
.assessmentFormAdvanced .small-screen .office-form-question {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 10px;
}
.assessmentFormAdvanced .small-screen .validation-error-circle-big {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  top: -20px;
}
.assessmentFormAdvanced .small-screen .validation-error-circle-small {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  top: -15px;
}
.assessmentFormAdvanced .small-screen .validation-error-message-wrong-Icon {
  top: -8px;
  left: 22px;
  font-size: 16px;
}
.assessmentFormAdvanced .small-screen .office-form-studentview-question {
  padding-bottom: 0;
}
.assessmentFormAdvanced .small-screen .office-form-question-content {
  padding-left: 15px;
  padding-right: 15px;
}
.assessmentFormAdvanced .small-screen .office-form-question-title {
  font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  font-size: 15px;
}
.assessmentFormAdvanced .office-form-mobile-matrix-title, .assessmentFormAdvanced .office-form-upload-allowTypes {
  font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
}
.assessmentFormAdvanced .small-screen .office-form-question-label-on-check {
  color: #fff;
  background-color: #008272;
}
.assessmentFormAdvanced .small-screen label.office-form-question-label input[type=checkbox], .assessmentFormAdvanced .small-screen label.office-form-question-label input[type=radio], .assessmentFormAdvanced .small-screen label.office-form-question-label-on-check input[type=checkbox], .assessmentFormAdvanced .small-screen label.office-form-question-label-on-check input[type=radio] {
  left: 25px;
}
.assessmentFormAdvanced .small-screen .office-form-image-question-element > .office-form-question-choice {
  -ms-flex: 0 0 45%;
  -webkit-flex: 0 0 45%;
  flex: 0 0 45%;
}
.assessmentFormAdvanced .small-screen .office-form-question-image-container, .assessmentFormAdvanced .small-screen .office-form-question-video-container {
  margin-left: 0;
  float: none;
}
.assessmentFormAdvanced .small-screen .office-form-question-choice, .assessmentFormAdvanced .small-screen .office-form-question-dropdown, .assessmentFormAdvanced .small-screen .office-form-question-rating {
  margin: 10px 10px 0 20px;
  -ms-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  flex: 0 0 100%;
}
.assessmentFormAdvanced .small-screen .office-form-question-rating-td, .assessmentFormAdvanced .small-screen .office-form-question-rating-title-td {
  padding: 2.5px 5px;
}
.assessmentFormAdvanced .small-screen .office-form-answerhint {
  padding-top: 7px;
  padding-bottom: 5px;
}
.assessmentFormAdvanced .small-screen .office-form-rating-container-number, .assessmentFormAdvanced .small-screen .office-form-rating-container-star {
  display: none;
}
.assessmentFormAdvanced .small-screen .office-form-rating-description-container {
  padding-left: 5px;
  display: block;
}
.assessmentFormAdvanced .office-form-matrix-table {
  width: 100%;
  margin: 20px 25px 20px 0;
}
.assessmentFormAdvanced .office-form-matrix-ptr {
  background: #fff;
}
.assessmentFormAdvanced .office-form-matrix-str:nth-child(odd) {
  background: #F4F4F4;
}
.assessmentFormAdvanced .office-form-matrix-str:nth-child(even) {
  background: #EAEAEA;
}
.assessmentFormAdvanced .office-form-matrix-stbody .office-form-matrix-str {
  height: 45px;
}
.assessmentFormAdvanced .office-form-matrix-table tr {
  text-align: center;
}
.assessmentFormAdvanced .office-form-matrix-ptd {
  word-wrap: break-word;
  padding-bottom: 10px;
  padding-top: 10px;
  vertical-align: bottom;
}
.assessmentFormAdvanced .office-form-matrix-ptd span {
  line-height: 18px;
}
.assessmentFormAdvanced .office-form-matrix-std {
  width: 180px;
  padding: 10px 16px;
  text-align: left;
  word-wrap: break-word;
  word-break: break-word;
}
.assessmentFormAdvanced .office-form-matrix-ptd span, .assessmentFormAdvanced .office-form-matrix-std span {
  display: inline-block;
  font-size: 14px;
}
.assessmentFormAdvanced .office-form-mobile-matrix-container {
  margin-top: 10px;
}
.assessmentFormAdvanced .office-form-mobile-matrix-point {
  height: 45px;
  font-size: 15px;
  margin-left: 10px;
}
.assessmentFormAdvanced .office-form-mobile-matrix-point .office-form-mobile-matrix-point-text {
  margin-left: 10px;
}
.assessmentFormAdvanced .office-form-mobile-matrix-point .office-form-question-matrix-row {
  width: 100%;
}
.assessmentFormAdvanced .office-form-mobile-matrix-points {
  border-bottom: 1px solid #EAEAEA;
  overflow: hidden;
  transition: height 0.3s ease-in-out;
}
.assessmentFormAdvanced .office-form-mobile-matrix-points:last-child {
  border-bottom: none;
}
.assessmentFormAdvanced .office-form-mobile-matrix-choices {
  padding: 10px 0;
}
.assessmentFormAdvanced .office-form-mobile-matrix-choices .office-form-question-choice-mobile:first-child {
  margin-top: 0;
}
.assessmentFormAdvanced .office-form-mobile-matrix-title {
  font-size: 16px;
  padding: 15px 5px 5px 10px;
  color: #43464d;
}
.assessmentFormAdvanced .office-form-mobile-matrix-title .office-form-mobile-matrix-title-header {
  position: relative;
  padding-right: 26px;
}
.assessmentFormAdvanced .office-form-mobile-matrix-title .office-form-mobile-matrix-title-header .select-dropdown-arrow {
  position: absolute;
  right: 2px;
  top: 50%;
  margin-top: -12px;
}
.assessmentFormAdvanced .office-form-mobile-matrix-title .office-form-mobile-matrix-answered-indicator {
  opacity: 0.75;
  font-size: 90%;
  padding-top: 0.4em;
  overflow: hidden;
  height: 25px;
}
.assessmentFormAdvanced .office-form-mobile-matrix-title .office-form-mobile-matrix-answered-indicator span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.assessmentFormAdvanced .office-form-matrix-label {
  margin-bottom: 0;
  cursor: pointer;
}
.assessmentFormAdvanced .office-form-matrix-label input {
  margin-top: 5px;
  width: 18px;
  height: 18px;
}
.assessmentFormAdvanced .office-form-upload-container {
  background: #F4F4F4;
  height: 40px;
  display: inline-flex;
  align-items: center;
  margin: 20px 15px 0 20px;
  padding: 0 20px 0 15px;
}
.assessmentFormAdvanced .office-form-upload-container .office-form-upload-text {
  margin-left: 10px;
}
.assessmentFormAdvanced .office-form-upload-allowTypes {
  font-size: 12px;
  color: #666;
  display: inline-flex;
  margin-top: 20px;
  height: 40px;
  align-items: center;
}
.assessmentFormAdvanced .mobile-view .office-form-upload-allowTypes {
  margin-left: 20px;
  margin-top: 8px;
  height: unset;
  display: flex;
}
.assessmentFormAdvanced .mobile-view .office-form-uploadFile-container {
  width: 100%;
}
.assessmentFormAdvanced .mobile-view .office-form-uploadFile-container .office-form-uploadFile {
  max-width: calc(100% - 80px);
}
.assessmentFormAdvanced .mobile-view .office-form-uploadFile-container .office-form-uploadFile .office-form-uploadFile-text {
  max-width: unset;
}
.assessmentFormAdvanced .ms-Icon--CheckMark::before {
  content: "";
}
.assessmentFormAdvanced .chart-control-legend-table-row .chart-control-legend-table-correct.ms-Icon--CheckMark {
  color: green;
}
.assessmentFormAdvanced .analysis-table-row .analysis-table-correct.ms-Icon--CheckMark {
  color: green;
}
.assessmentFormAdvanced .office-form-upload-file-container .ms-Icon--document {
  display: inline-flex;
}
.assessmentFormAdvanced .office-form-upload-file-container .forms-Icon--video, .assessmentFormAdvanced .office-form-upload-file-container .ms-Icon--document {
  color: #666;
}
.assessmentFormAdvanced .office-form-upload-file-error-message-container {
  color: red;
  font-size: small;
  margin: 10px 0 0 20px;
}
.assessmentFormAdvanced .small-screen .office-form-info-icon {
  margin-bottom: 20px;
  font-size: 46px;
}
.assessmentFormAdvanced .small-screen .office-form-info-other {
  font-size: 13px;
}
.assessmentFormAdvanced .small-screen .office-form-bottom-bar-title {
  padding-top: 20px;
  font-size: 16px;
}
.assessmentFormAdvanced .small-screen .office-form-bottom-bar-content {
  padding-top: 10px;
  font-size: 13px;
}
.assessmentFormAdvanced .small-screen .office-form-bottom-bar-other {
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 13px;
}
.assessmentFormAdvanced .small-screen .office-form-info-error-detail {
  margin: 8px auto;
}
.assessmentFormAdvanced .small-screen .office-form-info-reload {
  margin-top: 8px;
}
.assessmentFormAdvanced .small-screen .office-form-footer-container {
  padding: 10px;
}
.assessmentFormAdvanced .small-screen .office-form-footer-block {
  margin: 7.5px auto;
}
.assessmentFormAdvanced .small-screen .submit-spinner {
  margin-left: calc(-50% - 5px);
}
.assessmentFormAdvanced .small-screen .office-form-other-answer {
  margin-left: 0;
}
.assessmentFormAdvanced .mobile-view .form-control {
  font-size: 16px;
}
.assessmentFormAdvanced .mobile-view .office-form-question-title {
  font-size: 17px;
}
.assessmentFormAdvanced .mobile-view .office-form-question-choice-mobile {
  font-size: 16px;
}
.assessmentFormAdvanced .mobile-view .office-form-other-answer-margin-left-mobile {
  margin-left: -2px;
}
.assessmentFormAdvanced .mobile-view .office-form-question-textbox {
  height: 40px;
}
.assessmentFormAdvanced .mobile-view .office-form-rating-container-number, .assessmentFormAdvanced .mobile-view .office-form-rating-container-star {
  display: none;
}
.assessmentFormAdvanced .mobile-view .office-form-rating-description-container {
  padding: 10px 22px;
  display: block;
}
.assessmentFormAdvanced .mobile-view .rateit.margin-left {
  margin-left: 20px;
}
.assessmentFormAdvanced .mobile-view .office-form-question-rating-table {
  margin-left: -20px;
  display: table;
  width: calc(100% + 20px);
  table-layout: fixed;
}
@media screen and (max-width: 850px) {
  .assessmentFormAdvanced #form-container {
    padding: 0;
  }
  .assessmentFormAdvanced .office-form-page-padding {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .assessmentFormAdvanced .office-form-info-text {
    font-size: 14px;
  }
  .assessmentFormAdvanced .office-form-info-button {
    width: calc(100% - 20px);
  }
  .assessmentFormAdvanced .office-form-info-other {
    font-size: 12px;
  }
}
.assessmentFormAdvanced .embed-view, .assessmentFormAdvanced .embed-view-spo {
  height: 100%;
  width: 100%;
}
.assessmentFormAdvanced .embed-view {
  background: #008272;
  color: #fff;
}
.assessmentFormAdvanced .embed-view-container {
  color: #fff;
  text-align: center;
  position: absolute;
  top: calc(50% - 86px);
  left: calc(50% - 73px);
}
.assessmentFormAdvanced .embed-view-icon {
  font-size: 64px;
  display: block;
}
.assessmentFormAdvanced .embed-view-content {
  font-size: 20px;
  display: block;
}
.assessmentFormAdvanced a.embed-view-content {
  font-size: 15px;
  text-decoration: underline;
  color: #fff;
  cursor: pointer;
  margin-top: 30px;
}
.assessmentFormAdvanced .office-form-spo-embed.office-form-error-page-container .office-form-info-subtitle {
  color: #666;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-page-padding > div {
  max-width: none;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-page-padding {
  padding-left: 0;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-content {
  padding-top: 0;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-info-other {
  margin-top: 40px;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-info-title {
  color: #666;
  margin-top: 10px;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-title {
  font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  color: #333;
  font-size: 24px;
  font-weight: 100;
  line-height: 32px;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-title-container {
  background: #FFF;
  color: #333;
  font-size: 21px;
  padding: 0 0 25px;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-body {
  padding: 0;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-subtitle {
  margin-top: 15px;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-question-element {
  margin-left: 20px;
  margin-right: 20px;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-question-element .office-form-textfield {
  max-width: 810px;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-sort-list .office-form-sort-item {
  max-width: 810px;
  margin-left: 20px;
  margin-right: 20px;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-thankyou-page-container {
  height: 100%;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-theme-shadow {
  box-shadow: none;
  background: #F8F8F8;
  height: 100%;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-footer {
  padding-top: 10px;
  padding-bottom: 20px;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-footer-container {
  background-color: #FFF;
  display: block;
  margin-bottom: 0;
  padding: 0;
  color: #666;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-footer-block {
  width: auto;
  display: inline-block;
  margin: 0 7px 0 0;
  text-align: left;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-footer-block > a {
  color: #666;
  text-decoration: underline;
}
.assessmentFormAdvanced .navbar-link, .assessmentFormAdvanced .navbar-link:focus, .assessmentFormAdvanced .navbar-link:hover, .assessmentFormAdvanced .office-poll-vote-detail-container a {
  text-decoration: none;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-notice-container {
  margin: 0;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-question {
  padding-top: 0;
  padding-bottom: 20px;
  margin-bottom: 0;
  border-bottom: 1px #EAEAEA solid;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-question + .office-form-question, .assessmentFormAdvanced .office-form-spo-embed .office-form-question.office-form-error-question {
  padding-top: 20px;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-question.office-form-error-question:first-child {
  margin-top: 0;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-question-content {
  padding-left: 0;
  padding-right: 0;
}
.assessmentFormAdvanced .office-form-spo-embed .validation-error-circle-big {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  top: -20px;
}
.assessmentFormAdvanced .office-form-spo-embed .validation-error-circle-small {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  top: -15px;
}
.assessmentFormAdvanced .office-form-spo-embed .validation-error-message-wrong-Icon {
  top: -8px;
  left: 22px;
  font-size: 16px;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-submit-button-div {
  margin: 20px 0 0;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-submit-button:disabled, .assessmentFormAdvanced .office-form-spo-embed .office-form-submit-button:disabled:hover {
  background-color: #F4F4F4;
  color: #A6A6A6;
  cursor: pointer;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-notice-password {
  margin: 10px 0 0;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-notice-container > div {
  margin-bottom: 20px;
}
.assessmentFormAdvanced .office-form-spo-embed .office-form-result-container {
  background-color: #FFF;
}
.assessmentFormAdvanced .office-form-spo-embed .small-screen .office-form-notice-container {
  padding: 30px 0 10px;
}
.assessmentFormAdvanced .office-form-spo-embed .small-screen .office-form-submit-error, .assessmentFormAdvanced .office-form-spo-embed .small-screen .office-form-title-container {
  padding: 0;
}
.assessmentFormAdvanced .office-form-spo-embed .small-screen .office-form-notice-container > div {
  margin-bottom: 15px;
}
.assessmentFormAdvanced .office-form-spo-embed .small-screen .office-form-submit-button-div {
  padding: 0;
  width: 180px;
}
.assessmentFormAdvanced .office-form-spo-embed .small-screen .office-form-title {
  font-size: 24px;
  width: 100%;
}
.assessmentFormAdvanced .office-form-spo-embed .small-screen .office-form-submit-button {
  width: 180px;
  height: 40px;
  font-size: 15px;
}
.assessmentFormAdvanced .office-form-spo-embed .small-screen.mobile-view .office-form-submit-button {
  font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  width: 100%;
  height: 44px;
  font-size: 13px;
}
.assessmentFormAdvanced .office-form-spo-embed .student-feedback-view-short-text-correctness-icon-container {
  left: 0;
  padding-left: 32px;
}
@font-face {
  font-family: Symbola;
  /*src: url(../vendors/mathquill/font/Symbola.eot);*/
  /*src: local("Symbola Regular"),local("Symbola"),url(../vendors/mathquill/font/Symbola.woff2) format("woff2"),url(../vendors/mathquill/font/Symbola.woff) format("woff"),url(../vendors/mathquill/font/Symbola.ttf) format("truetype"),url(../vendors/mathquill/font/Symbola.otf) format("opentype"),url(../vendors/mathquill/font/Symbola.svg#Symbola) format("svg");*/
}
.assessmentFormAdvanced .question-detail-page-next-button, .assessmentFormAdvanced .question-detail-page-previous-button {
  border: 1px solid #000;
  width: 20px;
  height: 20px;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1px;
}
.assessmentFormAdvanced .question-detail-page-next-button:disabled, .assessmentFormAdvanced .question-detail-page-previous-button:disabled {
  border-color: #B1B1B1;
  color: #B1B1B1;
}
.assessmentFormAdvanced .question-detail-page-next-button:focus, .assessmentFormAdvanced .question-detail-page-previous-button:focus {
  background-color: #F5F5F5;
  outline: #000 dashed 1px;
}
.assessmentFormAdvanced .question-detail-page-next-button:hover, .assessmentFormAdvanced .question-detail-page-previous-button:hover {
  background-color: #E6E6E6;
}
.assessmentFormAdvanced .question-detail-page-previous-button {
  margin-right: 2px;
}
.assessmentFormAdvanced .question-detail-page-next-button {
  margin-right: 0;
}
.assessmentFormAdvanced .question-view-detail-label {
  top: 0;
  width: 100%;
  text-align: left;
  margin-left: -2px;
}
.assessmentFormAdvanced .question-view-background-image {
  width: 100%;
}
.assessmentFormAdvanced .question-view-loading-content-container {
  position: relative;
  padding-left: 2px;
  width: 100%;
}
.assessmentFormAdvanced .question-view-loading-spinner-container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  -ms-flex-flow: column nowrap;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.assessmentFormAdvanced .question-view-loading-spinner-container .loading-spinner-animation {
  position: relative;
  margin-left: -36px;
  margin-top: 15px;
  transform: scale(0.6);
}
@media screen and (max-width: 768px) {
  .assessmentFormAdvanced .question-view-loading-spinner-container .loading-spinner-animation {
    margin-left: 0;
  }
}
.assessmentFormAdvanced .question-view-loading-spinner-container .loading-control-description {
  font-size: 14px;
  position: relative;
  margin-left: -36px;
  margin-top: 17px;
  color: #008272;
}
.assessmentFormAdvanced .question-view-content-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: row wrap;
  width: 100%;
}
.assessmentFormAdvanced .question-view-content-container .chart-control-container {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .assessmentFormAdvanced .question-view-loading-spinner-container .loading-control-description {
    margin-left: 0;
  }
  .assessmentFormAdvanced .question-view-content-container {
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
  .assessmentFormAdvanced .question-view-content-container .chart-control-container {
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
  }
}
.assessmentFormAdvanced .question-view-content-container .chart-control-container .chart-control-legend {
  padding: 0;
  margin-left: 1px;
  -ms-flex: 0 0 40%;
  -webkit-flex: 0 0 40%;
  flex: 0 0 40%;
}
@media screen and (max-width: 768px) {
  .assessmentFormAdvanced .question-view-content-container .chart-control-container .chart-control-legend {
    padding: 10px;
    margin: 0;
    flex-basis: auto;
  }
}
.assessmentFormAdvanced .question-view-content-container .chart-control-container .chart-control {
  padding: 0;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.assessmentFormAdvanced .question-view-content-container .simple-data-control-container {
  -ms-flex: 0 0 40%;
  -webkit-flex: 0 0 40%;
  flex: 0 0 40%;
  height: 61px;
}
.assessmentFormAdvanced .question-view-content-container .simple-data-control-container .simple-data-control-content, .assessmentFormAdvanced .question-view-content-container .simple-data-control-container .simple-data-control-description {
  margin-right: 99px;
}
@media screen and (max-width: 768px) {
  .assessmentFormAdvanced .question-view-content-container .simple-data-control-container {
    flex-basis: auto;
  }
  .assessmentFormAdvanced .question-view-content-container .simple-data-control-container .simple-data-control-content, .assessmentFormAdvanced .question-view-content-container .simple-data-control-container .simple-data-control-description {
    margin-right: 0;
  }
}
.assessmentFormAdvanced .question-view-content-container .question-view-number-text {
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.assessmentFormAdvanced .question-view-content-container .question-view-number-text .simple-data-control-content, .assessmentFormAdvanced .question-view-content-container .question-view-number-text .simple-data-control-description {
  margin-right: 0;
}
.assessmentFormAdvanced .download-excel-progress-description {
  vertical-align: middle;
}
.assessmentFormAdvanced .download-excel-loading-container {
  width: 25px;
  height: 100%;
  display: inline-block;
  justify-content: flex-start;
  align-items: flex-start;
  vertical-align: middle;
  margin-top: -5px;
  margin-right: -5px;
}
.assessmentFormAdvanced .download-excel-loading-container .loading-spinner-animation {
  margin-right: 5px;
  font-size: 3px;
}
.assessmentFormAdvanced .page-container {
  height: 100%;
}
.assessmentFormAdvanced .error-message-bar {
  background-color: #FED9CC;
  color: #333;
  display: none;
  min-height: 50px;
  position: absolute;
  top: 50px;
  width: 100%;
  z-index: 2;
}
.assessmentFormAdvanced .error-message-bar-message {
  padding: 15px 30px;
  text-align: center;
}
.assessmentFormAdvanced .tip-bar-icon-red {
  color: #BB200D;
}
.assessmentFormAdvanced .tip-bar-icon-yellow {
  color: #FFB900;
}
.assessmentFormAdvanced .designer-more-options-menu {
  top: 0;
  right: 0;
  width: 220px;
  z-index: 299;
  border: 1px solid #EAEAEA;
  border-top: none;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: -webkit-calc(100vh - 50px);
  max-height: calc(100vh - 50px);
  -ms-overflow-style: -ms-autohiding-scrollbar;
  float: right;
  position: absolute;
  padding: 1px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}
.assessmentFormAdvanced .menu-control-dropup .designer-more-options-menu {
  top: 100%;
}
.assessmentFormAdvanced .designer-more-options-menu-button {
  width: 100%;
  outline: 0;
  text-align: left;
  font-size: 12px;
  padding-left: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  margin: 0;
  color: #505050;
  background-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-appearance: none;
  overflow: visible;
}
.assessmentFormAdvanced .designer-more-options-menu-button:hover {
  background-color: #E6E6E6;
  color: #505050;
}
.assessmentFormAdvanced .designer-more-options-menu-button:focus {
  outline: #000 dashed 1px;
  color: #262626;
  text-decoration: none;
  background-color: #F5F5F5;
}
.assessmentFormAdvanced .designer-more-options-upgrade-button {
  background-color: #008272;
  font-size: 15px;
  color: #FFF;
  height: 40px;
  width: 188px;
  margin: 20px 15px;
}
.assessmentFormAdvanced .designer-more-options-menu-button p {
  margin-bottom: 0;
}
.assessmentFormAdvanced .designer-more-options-menu-separator {
  height: 1px;
  background-color: #EAEAEA;
}
.assessmentFormAdvanced .design-body-container {
  position: fixed;
  top: 50px;
  bottom: 0;
  width: 100%;
  outline: transparent solid 1px;
}
.assessmentFormAdvanced .design-portal-container {
  height: 100%;
}
.assessmentFormAdvanced .error-message-bar + .design-body-container {
  top: 100px;
}
.assessmentFormAdvanced .body-content {
  height: 100%;
  overflow: hidden;
  background-color: #eee;
}
.assessmentFormAdvanced .navbar-content {
  height: 60px;
  line-height: 50px;
  top: 50px;
  overflow: hidden;
  padding-top: 10px;
}
.assessmentFormAdvanced .navbar-items {
  padding: 0;
  margin: 0;
  height: 50px;
}
.assessmentFormAdvanced .navbar-item {
  font-size: 17px;
  display: inline-block;
  width: 50%;
  max-width: 425px;
  text-align: center;
  position: relative;
  background: rgba(255, 255, 255, 0.5);
}
.assessmentFormAdvanced .custom-navbar-item {
  font-size: 17px;
  display: inline-block;
  width: 100%;
  max-width: 850px;
  text-align: center;
  position: relative;
  background: rgba(255, 255, 255, 0.5);
}
.assessmentFormAdvanced .navbar-item:hover {
  background: rgba(255, 255, 255, 0.6);
}
.assessmentFormAdvanced .navbar-item:hover > a {
  color: #000;
}
.assessmentFormAdvanced .navbar-item.is-active {
  background: #FFF;
  z-index: 1;
  outline: transparent solid 1px;
}
.assessmentFormAdvanced .navbar-link {
  display: block;
  height: 45px;
  line-height: 45px;
  padding: 0;
  cursor: pointer;
  color: #666;
}
.assessmentFormAdvanced .saving-state {
  position: fixed; /*old absolute*/
  text-align: center;
  top: 10px;
  right: 50px;
  z-index: 0;
}
.assessmentFormAdvanced .saving-state .auto-saving-icon {
  -webkit-animation: rotate-progress 1.1s infinite linear;
  -moz-animation: rotate-progress 1.1s infinite linear;
  -o-animation: rotate-progress 1.1s infinite linear;
  animation: rotate-progress 1.1s infinite linear;
}
@-webkit-keyframes rotate-progress {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate-progress {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate-progress {
  from {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.assessmentFormAdvanced .design-page-image-container {
  position: relative;
  float: right;
  vertical-align: middle;
  display: inline-block;
  z-index: 1;
  white-space: nowrap;
}
.assessmentFormAdvanced .design-image-error {
  font-size: 15px;
  border: 1px solid;
  width: 320px;
  height: 240px;
}
.assessmentFormAdvanced .design-image-error .errorPictureIcon {
  margin-right: 5px;
}
.assessmentFormAdvanced .design-image-error > div {
  width: 260px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.assessmentFormAdvanced .design-image-error > .image-error-frowny-icon {
  display: inline-block;
  font-size: 36px;
  color: #666;
  margin-top: 40px;
  width: 100%;
  height: unset;
  line-height: unset;
}
.assessmentFormAdvanced .design-image-error > .error-message {
  margin-top: 20px;
  margin-bottom: 30px;
  color: #363636;
}
.assessmentFormAdvanced #body-scrollable-content {
  height: calc(100% - 60px);
  overflow-y: auto;
}
.assessmentFormAdvanced .onedrive-indicator ~ #body-scrollable-content {
  height: calc(100% - 250px);
}
.assessmentFormAdvanced .design-content {
  overflow-x: visible;
  outline: transparent solid 1px;
}
.assessmentFormAdvanced #design-view > div {
  /*height: 100%;*/
  float: left;
}
.assessmentFormAdvanced #form-designer-container {
  width: 100%;
  overflow-x: visible;
  overflow-y: visible;
  background-color: var(--main-bg-color);
  /*  padding-left: 30px;
  padding-right: 30px;*/
  padding-bottom: 30px;
  height: auto;
  min-height: calc(100vh - 61px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  background-image: linear-gradient(180deg, rgba(2, 112, 197, 0.3) 0%, rgba(2, 112, 197, 0.3) 100%);
}
.assessmentFormAdvanced #form-designer {
  /*margin-bottom: 120px;*/
}
.assessmentFormAdvanced .form-designer-title-designer {
  padding: 20px;
  background: var(--dashboard-card-bg-color);
}
.assessmentFormAdvanced .form-designer-title-designer > input {
  width: 100%;
  border: 1px solid transparent;
  padding: 6px 12px;
}
.assessmentFormAdvanced .form-designer-title-designer > input:hover {
  border-color: #ccc;
}
.assessmentFormAdvanced .form-designer-title-designer > input.active {
  border-color: #66afe9;
}
.assessmentFormAdvanced .form-designer-title-designer > .design-page-image-container {
  float: left;
  margin-left: 10px;
}
.assessmentFormAdvanced .form-designer-title-editor {
  font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  line-height: 40px;
  margin: 0 0 6px 10px;
}
.assessmentFormAdvanced .form-designer-title-editor.image {
  display: inline-block;
  margin-right: 0;
  width: calc(100% - 50px);
  vertical-align: middle;
}
.assessmentFormAdvanced .design-page-image-container ~ .form-designer-title-editor {
  display: inline-block;
  margin-left: 0;
}
.assessmentFormAdvanced .form-designer-title-editor .form-control {
  font-size: 19px;
  border: 1px solid transparent;
  box-shadow: none;
}
.assessmentFormAdvanced .form-designer-subtitle-editor {
  line-height: 30px;
  margin: 5px 0 0 10px;
}
.assessmentFormAdvanced .form-designer-subtitle-editor .form-control {
  font-size: 14px;
  border: 1px solid transparent;
  box-shadow: none;
  padding: 8px 12px;
}
.assessmentFormAdvanced .form-designer-subtitle-editor:hover textarea, .assessmentFormAdvanced .form-designer-title-editor:hover textarea {
  border: 1px solid #CCC;
}
.assessmentFormAdvanced .form-designer-title {
  padding: 20px 0;
  display: inline-block;
  width: 100%;
  color: #333;
  white-space: pre-wrap;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.assessmentFormAdvanced .office-form-branching-icon {
  display: inline;
  margin-left: 20px;
  cursor: default;
}
.assessmentFormAdvanced .office-form-branching-icon > * {
  display: table-cell;
  vertical-align: middle;
}
.assessmentFormAdvanced .design-view-insert-panel-container {
  /*font-family: wf_segoe-ui_semilight,"Segoe UI Semilight","Segoe WP Semilight","Segoe UI","Segoe WP",Tahoma,Arial,sans-serif;*/
  font-size: 17px;
  display: block;
  position: relative;
  min-height: 50px;
  margin-top: 10px;
  color: #FFF;
}
.assessmentFormAdvanced .design-view-insert-panel-img {
  display: inline-block;
  width: 50px;
}
.assessmentFormAdvanced .design-view-insert-panel-expand-or-collapse {
  height: 50px;
  margin-left: -52px;
  position: absolute;
}
.assessmentFormAdvanced .design-view-insert-panel-expand-or-collapse:hover {
  background-color: #086f9e; /*old #004B50;*/
  color: #FFF;
}
.assessmentFormAdvanced .design-view-insert-panel-expand-or-collapse .button-text {
  margin-right: 20px;
}
.assessmentFormAdvanced .add-question-button-disabled, .assessmentFormAdvanced .add-question-button-disabled:hover {
  color: #969696;
  background-color: #F3F3F3;
}
.assessmentFormAdvanced .design-view-insert-button-group {
  display: inline-block;
  min-height: 50px;
  margin-left: 52px;
  margin-bottom: 50px;
  outline: transparent solid 1px;
}
.assessmentFormAdvanced .option-edit-button {
  display: inline-block !important;
  height: 30px;
  font-size: 18px;
  margin: 5px 0px 0;
  color: #666;
}
.assessmentFormAdvanced .option-edit-button:hover {
  color: #333;
}
.assessmentFormAdvanced .option-edit-button.active {
  color: var(--question-mark-correct-color);
}
.assessmentFormAdvanced .option-edit-button.active:hover {
  color: #004B50;
}
.assessmentFormAdvanced .option-edit-button.active-choice, .assessmentFormAdvanced :hover > .option-edit-button {
  display: inline-block;
}
.assessmentFormAdvanced .option-edit-button-img {
  width: 30px;
}
.assessmentFormAdvanced .design-formula-mixer {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  padding: 10px 14px;
  background: #FFF;
  overflow: hidden;
  cursor: text;
  border: 1px solid transparent;
}
.assessmentFormAdvanced .design-formula-mixer.placeholder {
  color: #969696;
}
.assessmentFormAdvanced .design-formula-mixer.active, .assessmentFormAdvanced :hover > .design-formula-mixer {
  border-color: #CCC;
  padding-right: 45px;
}
.assessmentFormAdvanced .design-question-choice-label > .design-formula-mixer {
  margin: 0;
  width: 50%;
  min-height: 40px;
  line-height: inherit;
}
.assessmentFormAdvanced .design-question-choice-to-math-button {
  display: none;
  height: 30px;
  margin: 5px 0 0 -40px;
  cursor: pointer;
  width: 39px;
  position: relative;
  line-height: 100%;
  background: #FFF;
  font-size: 20px;
  color: #4A4A4A;
}
.assessmentFormAdvanced .design-question-choice-to-math-button:hover {
  color: #333;
}
.assessmentFormAdvanced .design-question-choice-to-math-button.active {
  color: #008272;
}
.assessmentFormAdvanced .design-question-choice-to-math-button.active:hover {
  color: #004B50;
}
.assessmentFormAdvanced .design-question-choice-to-math-button.active-choice, .assessmentFormAdvanced :hover > .design-question-choice-to-math-button {
  display: inline-block;
}
.assessmentFormAdvanced .design-question-choice-to-math-button-icon {
  margin-top: 1px;
  width: 30px;
}
.assessmentFormAdvanced .design-keyboard-container {
  display: inline-block;
}
.assessmentFormAdvanced .design-question-math-container > .design-keyboard-container {
  margin: 0;
  vertical-align: inherit;
  width: 100%;
}
.assessmentFormAdvanced .design-question-choice-label > .design-keyboard-container {
  width: 560px;
  margin: 0;
  vertical-align: inherit;
}
.assessmentFormAdvanced .design-question-choice-to-math-button-text {
  font-family: Arial-BoldMT;
  font-size: 16px;
  color: #FFF;
}
.assessmentFormAdvanced .design-question-add-ansewer-container, .assessmentFormAdvanced .design-question-add-option-container, .assessmentFormAdvanced .design-question-candidate-bar, .assessmentFormAdvanced .design-question-textbox {
  font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
}
.assessmentFormAdvanced .office-form-question-designer {
  /*margin-top: 20px;*/
  padding-bottom: 5px;
  background: var(--question-container-bg-color);
  position: relative;
}
.assessmentFormAdvanced .question-designer-action-bar {
  position: absolute;
  top: 5px;
  right: 12px;
}
.assessmentFormAdvanced .question-designer-action-bar > .image-button {
  color: #666;
  font-size: 18px;
  width: 50px;
}
.assessmentFormAdvanced .question-designer-action-bar > .image-button:hover {
  color: #333;
}
.assessmentFormAdvanced .question-designer-action-bar > .image-button:disabled {
  color: #A6A6A6;
}
.assessmentFormAdvanced .design-question-subtitle {
  width: 100%;
  border-width: 1px;
  margin-top: -10px;
}
.assessmentFormAdvanced .design-question-subtitle.active {
  background-color: #EAEAEA;
  border-color: #66afe9;
}
.assessmentFormAdvanced .design-question-subtitle > .editing {
  border-color: #66afe9;
}
.assessmentFormAdvanced .design-question-math-container, .assessmentFormAdvanced .design-question-math-plaintext {
  display: inline-block;
  padding: 0 25px 0 46px;
  width: 100%;
}
.assessmentFormAdvanced .design-question-math-plaintext-text {
  display: inline-block;
  vertical-align: middle;
  min-height: 40px;
  width: 100%;
}
.assessmentFormAdvanced .design-question-date-snapshot {
  position: relative;
}
.assessmentFormAdvanced .design-question-date-snapshot .form-control, .assessmentFormAdvanced .design-question-text-snapshot input.form-control {
  height: 40px;
}
.assessmentFormAdvanced .design-question-text-snapshot textarea.form-control {
  height: 68px;
  padding-top: 10px;
}
.assessmentFormAdvanced .design-question-date-snapshot > .date-snapshot-event-icon {
  position: absolute;
  font-size: 20px;
  right: 0;
  color: #666;
  margin-right: 10px;
  margin-top: 10px;
}
.assessmentFormAdvanced .design-question-button {
  padding: 0 2px;
  color: #32655E;
  /*  background: #F4F4F4;*/
  height: 30px;
}
.assessmentFormAdvanced .design-question-button.office-form-theme-button-color .design-question-plus-icon {
  color: #666;
}
.assessmentFormAdvanced .design-question-addonemore {
  padding-left: 8px;
  /* background: #F4F4F4;*/
}
.assessmentFormAdvanced .design-question-addonemore, .assessmentFormAdvanced .design-question-addothermore {
  color: #2ea3d9; /*old #008272;*/
}
.assessmentFormAdvanced .design-question-addonemore:hover, .assessmentFormAdvanced .design-question-addothermore:hover {
  /*color: #004850;*/
}
.assessmentFormAdvanced .design-question-add-ansewer-container, .assessmentFormAdvanced .design-question-add-option-container {
  font-size: 15px;
  margin: 20px 10px 0;
  display: inline-block;
}
.assessmentFormAdvanced .design-question-add-option-element {
  margin-right: 20px;
  display: inline-block;
}
.assessmentFormAdvanced .design-question-hr {
  margin-top: 0;
  margin-bottom: 0;
  border-color: #C8C8C8;
}
.assessmentFormAdvanced .design-question-bottombar-container {
  min-height: 49px;
}
.assessmentFormAdvanced .design-question-bottombar {
  display: inline-block;
  float: right;
}
@media (max-width: 1300px) {
  .assessmentFormAdvanced .design-question-bottombar {
    display: inline-block;
    float: unset;
    padding: 0 46px;
  }
}
.assessmentFormAdvanced .design-question-bottombar-element {
  margin: 17px 20px 12px 0;
  display: inline-block;
  height: 20px;
}
.assessmentFormAdvanced .design-question-bottombar-element > * {
  vertical-align: middle;
}
.assessmentFormAdvanced .design-question-toggle-label {
  margin: -1px 36px 0 14px;
}
.assessmentFormAdvanced .toggle-label-margin-right {
  margin-right: 16px;
}
.assessmentFormAdvanced .design-question-more-options {
  border: none;
  text-decoration: none;
  background: #F4F4F4;
  color: #666;
}
.assessmentFormAdvanced .design-question-more-options:hover {
  color: #333;
}
.assessmentFormAdvanced .design-question-menu {
  white-space: nowrap;
  min-width: inherit;
  padding: 0;
  left: auto;
  right: 0;
}
.assessmentFormAdvanced .design-question-menu > li.separator {
  border-top: solid 1px #C8C8C8;
}
.assessmentFormAdvanced .design-question-menu > li.separator:first-child {
  border-top: none;
}
.assessmentFormAdvanced .design-question-menu > li > a {
  height: 38px;
  padding: 5px 10px;
}
.assessmentFormAdvanced .design-question-menu > li > a:hover {
  background-color: #EAEAEA;
}
.assessmentFormAdvanced .design-question-menu > li > a > * {
  vertical-align: middle;
}
.assessmentFormAdvanced .design-question-menu.checked > li > a {
  padding-left: 35px;
}
.assessmentFormAdvanced .design-question-menu.checked > li.checked > a {
  padding-left: 5px;
}
.assessmentFormAdvanced .design-question-menu.checked > li.checked > a > .question-menu-check-icon {
  margin-right: 10px;
}
.assessmentFormAdvanced input.design-question-choice-icon {
  margin: 0 22px 0 16px;
  width: 18px;
  height: 18px;
}
.assessmentFormAdvanced .design-question-choice-option-textbox {
  width: 50%;
  min-width: 140px;
  display: inline-block;
  /* vertical-align: middle;*/
}
.assessmentFormAdvanced .other-option > .office-form-textfield > input {
  border-color: #CCC;
  background-color: transparent;
}
.assessmentFormAdvanced .design-question-all-choices.with-image .design-question-choice-option-textbox {
  width: auto;
}
.assessmentFormAdvanced .design-question-all-choices.with-image .design-question-choice-option-textbox input {
  background-color: #fff;
  box-shadow: none !important;
  border: none;
}
.assessmentFormAdvanced .design-question-image-upload-button {
  height: 30px;
  padding: 0;
}
.assessmentFormAdvanced .design-question-image-upload-hint {
  margin-left: 5px;
}
.assessmentFormAdvanced .design-question-image-title-container {
  display: inline-block;
  width: calc(100% - 23px);
  position: relative;
}
.assessmentFormAdvanced .design-question-image-title-container .image-edit-pane-container {
  right: 0;
}
.assessmentFormAdvanced input.design-question-rating-input {
  display: inline-block;
  width: 30%;
  margin: 20px 20px 0;
}
.assessmentFormAdvanced .design-question-range-input {
  margin: 20px 20px 0;
}
.assessmentFormAdvanced .design-question-type-icon {
  padding-right: 10px;
}
.assessmentFormAdvanced .design-question-type-button {
  width: 150px;
}
.assessmentFormAdvanced .design-question-candidate-bar {
  margin: 12px 50px;
  font-size: 14px;
  line-height: 35px;
}
.assessmentFormAdvanced .design-question-choice-candidate {
  display: inline-block;
  background: #FFF;
  padding: 2px 5px;
  font-size: 12px;
  margin: 2px 6px;
  border-radius: 2px;
  line-height: 17px;
  color: #FFF;
  vertical-align: middle;
}
.assessmentFormAdvanced .question-setting-container {
  margin: 20px auto 20px 50px;
}
.assessmentFormAdvanced .number-validation-between-label, .assessmentFormAdvanced .number-validation-boundary-div, .assessmentFormAdvanced .question-setting-dropdown {
  margin-left: 10px;
  display: inline-block;
}
.assessmentFormAdvanced .question-setting-label {
  display: inline-block;
}
.assessmentFormAdvanced .question-setting-dropdown .select-placeholder {
  position: relative;
  height: 40px;
  padding: 6px 12px;
  border: 1px solid #C8C8C8;
  background: #FFF;
}
.assessmentFormAdvanced .question-setting-dropdown > .dropdown > button {
  position: relative;
  height: 32px;
  top: -3px;
  padding: 4px 12px 6px;
  border: 1px solid #2E6DA4;
}
.assessmentFormAdvanced .design-question-choice-answer-hint .office-form-textfield-input, .assessmentFormAdvanced .design-question-image-title-big-horizontal .form-control, .assessmentFormAdvanced .design-question-subtitle .form-control, .assessmentFormAdvanced .design-question-title .form-control, .assessmentFormAdvanced .design-question-title-with-image .form-control {
  padding: 9px 12px;
}
.assessmentFormAdvanced .number-validation-content {
  display: inline-block;
  width: 100px;
}
.assessmentFormAdvanced .validation-design-error-message-label {
  color: #A94442;
  margin-left: 20px;
}
.assessmentFormAdvanced .rating-question-dropdown-container {
  display: inline-block;
}
.assessmentFormAdvanced .rating-question-dropdown-container + .rating-question-dropdown-container {
  margin-left: 40px;
}
.assessmentFormAdvanced .design-question-choice {
  margin-top: 14px;
}
.assessmentFormAdvanced .design-question-choice .form-control {
  height: 40px;
}
.assessmentFormAdvanced .form-designer-title-designer .office-form-textfield-input, .assessmentFormAdvanced .office-form-question-designer .office-form-textfield-input,
.assessmentFormAdvanced .office-form-textfield .cke_textarea_inline {
  border: 1px solid var(--question-options-textbox-border-color);
  box-shadow: none;
}
.assessmentFormAdvanced .design-question-choice-label:hover .office-form-textfield-input, .assessmentFormAdvanced .design-question-subtitle:hover .office-form-textfield-input, .assessmentFormAdvanced .design-question-title-bar:hover .office-form-textfield-input, .assessmentFormAdvanced .design-quiz-point-box:hover .office-form-textfield-input, .assessmentFormAdvanced .design-sort-item-parents:hover .office-form-textfield-input, .assessmentFormAdvanced .number-validation-boundary-div:hover .office-form-textfield-input {
  border: 1px solid #CCC;
}
.assessmentFormAdvanced .office-form-textfield-input:disabled, .assessmentFormAdvanced .picker__input:disabled {
  border-color: #CCC;
}
.assessmentFormAdvanced .design-question-rating {
  margin: 0 20px;
}
.assessmentFormAdvanced .design-question-choice-answer-hint {
  margin: 10px 25px 0 51px;
  position: static;
  display: block;
}
.assessmentFormAdvanced .design-question-origional-option {
  position: relative;
  left: 0;
  top: 20px;
}
.assessmentFormAdvanced .design-question-image-title, .assessmentFormAdvanced .design-question-title, .assessmentFormAdvanced .design-question-title-with-image, .assessmentFormAdvanced .design-quiz-point-box {
  font-family: wf_segoe-ui_semibold, "Segoe UI Semibold", "Segoe WP Semibold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
}
.assessmentFormAdvanced .design-question-ordinal {
  margin-right: 0;
  width: 23px;
  display: inline-block;
  font-weight: 700;
  line-height: 34px;
  float: left;
}
.assessmentFormAdvanced .design-question-title {
  display: inline-block;
  width: calc(100% - 23px);
  vertical-align: middle;
}
.assessmentFormAdvanced .design-question-title-with-image {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.assessmentFormAdvanced .design-question-image-title-container:hover .design-question-title-with-image, .assessmentFormAdvanced .design-question-title-with-image.active {
  width: calc(100% - 40px);
}
.assessmentFormAdvanced .design-question-image-title {
  display: inline-block;
  vertical-align: middle;
}
.assessmentFormAdvanced .design-question-image-title-big-horizontal {
  width: 100%;
  clear: both;
}
.assessmentFormAdvanced .design-question-element {
  margin: 10px 25px 14px 46px;
}
.assessmentFormAdvanced .rateit.design-question-element, .assessmentFormAdvanced table.design-question-element {
  display: block;
  margin: 14px 20px 0 50px;
}
.assessmentFormAdvanced table.design-question-element + .inline-block-display {
  margin-left: 50px;
  margin-right: 36px;
}
.assessmentFormAdvanced .design-question-title-bar {
  display: inline-block;
  width: 100%;
  margin-top: 53px;
  margin-bottom: 10px;
  padding-left: 23px;
  padding-right: 25px;
}
.assessmentFormAdvanced .design-quiz-point-label {
  margin-right: 10px;
  display: inline-block;
  line-height: 34px;
  float: left;
}
.assessmentFormAdvanced .design-quiz-point-box {
  display: inline-block;
  width: 49px;
  height: 26px;
}
.assessmentFormAdvanced .design-sort-item-leftNum, .assessmentFormAdvanced .designer-quiz-option-correct, .assessmentFormAdvanced .feature-preview-container, .assessmentFormAdvanced .portal-headerbar-text {
  font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
}
.assessmentFormAdvanced .design-quiz-point-box-input {
  text-align: center;
  color: var(--input-color);
  height: 32px;
}
.assessmentFormAdvanced .design-quiz-point-bar {
  display: inline-block;
  margin-top: 13px;
  padding: 0 46px;
}
.assessmentFormAdvanced .design-sort-list {
  display: inline-block;
  width: 88%;
}
.assessmentFormAdvanced .design-sort-list .design-sort-list-sign {
  margin: 2px 25px 10px 46px;
}
.assessmentFormAdvanced .design-sort-list .design-sort-list-item {
  display: inline-block;
  /* vertical-align: middle;*/
  width: 100%;
}
.assessmentFormAdvanced .design-sort-list .design-sort-list-item .form-control {
  height: 40px;
}
.assessmentFormAdvanced .design-sort-item-parents {
  margin: 2px 10px 10px 8px;
  background: var(--input-bg-color);
  display: inline-block;
  width: calc(90% - 152px);
}
.assessmentFormAdvanced .design-sort-item-leftNum {
  color: #008272;
  font-size: 14px;
  display: inline-block;
  width: 29px;
  text-align: center;
  vertical-align: top;
  margin-top: 11px;
}
.assessmentFormAdvanced .design-sort-item-button {
  height: 30px;
  width: 30px;
  margin-left: 6px;
  font-size: 18px;
  color: #666;
  margin-top: 7px;
}
.assessmentFormAdvanced .design-arrow-color {
  height: 30px;
  margin-left: 6px;
  font-size: 18px;
  color: #A6A6A6;
}
.assessmentFormAdvanced .design-sort-item:hover .design-sort-item-button {
  display: inline-block;
}
.assessmentFormAdvanced .design-sort-list-container {
  display: inline-block;
  width: 35%;
  vertical-align: top;
}
.assessmentFormAdvanced .design-question-addbutton-container {
  margin: 10px 0 20px 42px;
}
.assessmentFormAdvanced .design-sort-tip-container .design-sort-list-tip {
  color: #008272;
  display: inline-block;
  margin: 2px 5px 10px 46px;
}
.assessmentFormAdvanced {
  /* original was without !important */
}
.assessmentFormAdvanced .design-question-matrix-table {
  width: calc(100% - 100px) !important;
  background: var(--matrix-question-table-background-color) !important;
  border-spacing: 0px !important;
  margin: 10px 25px 0 46px !important;
}
.assessmentFormAdvanced .design-question-matrix-pr, .assessmentFormAdvanced .design-question-matrix-str {
  height: 45px;
}
.assessmentFormAdvanced .design-question-matrix-stbody .design-question-matrix-str:nth-child(2n+1) {
  background: var(--matrix-question-odd-row-background-color);
}
.assessmentFormAdvanced .design-question-matrix-stbody .design-question-matrix-str:nth-child(2n+1) .design-question-matrix-std .office-form-textfield-input:focus {
  border-color: var(--matrix-question-odd-row-background-color);
}
.assessmentFormAdvanced .design-question-matrix-stbody .design-question-matrix-str:nth-child(2n) {
  background: var(--matrix-question-even-row-background-color);
}
.assessmentFormAdvanced .design-question-matrix-stbody .design-question-matrix-str:nth-child(2n) .design-question-matrix-std .office-form-textfield-input:focus {
  border-color: var(--matrix-question-even-row-background-color);
}
.assessmentFormAdvanced .design-question-matrix-subquestion .office-form-textfield-input {
  background: inherit;
  padding: 10px 12px 6px;
  text-align: left;
}
.assessmentFormAdvanced .design-question-matrix-point {
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  border: 2px solid #FFF;
}
.assessmentFormAdvanced .design-question-matrix-tds {
  display: inline-block;
  position: relative;
  text-align: center;
}
.assessmentFormAdvanced .design-question-matrix-tds .office-form-textfield-input {
  padding: 6px 2px;
}
.assessmentFormAdvanced .design-question-matrix-ptd {
  padding: 5px 0;
  vertical-align: bottom;
}
.assessmentFormAdvanced .design-question-matrix-ptd .office-form-textfield-input {
  border: none;
  padding-top: 10px;
  padding-bottom: 10px;
  /*text-align: center;*/
}
.assessmentFormAdvanced .design-question-matrix-remove-icon {
  width: 30px;
  height: 30px;
}
.assessmentFormAdvanced .design-question-matrix-remove-icon:focus {
  border: 1px dashed #000;
}
.assessmentFormAdvanced .design-question-matrix-remove-container {
  font-size: 18px;
  /*display: none;*/
  border-radius: 3px;
  color: #FFF;
}
.assessmentFormAdvanced .design-question-matrix-remove-container .option-remove-button-img {
  height: 40px;
  line-height: 40px;
}
.assessmentFormAdvanced .design-question-matrix-pr .design-question-matrix-remove-container {
  position: absolute;
  z-index: 999;
  height: 29px;
  vertical-align: middle;
  top: 0;
  right: 0px;
}
.assessmentFormAdvanced .design-question-matrix-stbody .design-question-matrix-str .design-question-matrix-std {
  position: relative;
  width: 180px;
  padding: 2px 0 2px 4px;
}
.assessmentFormAdvanced .design-question-matrix-stbody .design-question-matrix-str .design-question-matrix-std .office-form-textfield-input:hover {
  /*    border: 1px solid #CCC;
  background: #FFF;*/
}
.assessmentFormAdvanced .design-question-matrix-stbody .design-question-matrix-str .design-question-matrix-std .office-form-textfield-input:focus {
  border-bottom: 2px solid #338cd0 !important;
  background: var(--input-bg-color);
}
.assessmentFormAdvanced .design-question-matrix-str .design-question-matrix-remove-container {
  position: absolute;
  width: 30px;
  height: 30px;
  text-align: center;
  right: 5px;
  top: 5px;
  cursor: pointer;
}
.assessmentFormAdvanced .design-question-matrix-str .design-question-matrix-subquestion.design-question-theme-border {
  border-width: 2px;
  border-style: solid;
}
.assessmentFormAdvanced .design-question-matrix-str .design-question-matrix-subquestion {
  border: 2px solid transparent;
}
.assessmentFormAdvanced .design-question-matrix-remove-container.active-choice {
  display: inline-block;
}
.assessmentFormAdvanced .design-question-matrix-radio {
  text-align: center;
}
.assessmentFormAdvanced {
  /*.design-question-matrix-radio input {
        width: 18px;
        height: 18px;
    }*/
}
.assessmentFormAdvanced .design-question-add-option {
  width: 40px;
  text-align: center;
  vertical-align: bottom;
}
.assessmentFormAdvanced .design-question-add-option button {
  width: 30px;
  height: 30px;
  margin-bottom: 12px;
}
.assessmentFormAdvanced .design-question-add-option button:focus {
  border: 1px dashed #000;
}
.assessmentFormAdvanced .design-question-upload-container {
  color: #CCC;
  margin: 10px 0 14px 46px;
  display: inline-flex;
  align-items: center;
}
.assessmentFormAdvanced .design-question-upload-container .design-question-upload-button {
  border: 1px solid #CCC;
  height: 40px;
  display: inline-flex;
  align-items: center;
  padding: 0 20px 0 15px;
}
.assessmentFormAdvanced .design-question-upload-container .design-question-upload-button .design-question-upload-text {
  margin-left: 10px;
}
.assessmentFormAdvanced .design-question-restrictions-title {
  margin-bottom: 15px;
}
.assessmentFormAdvanced .design-question-upload-checkbox {
  width: 100px;
  margin-left: 35px;
}
.assessmentFormAdvanced .design-question-upload-checkbox .design-question-file-type {
  margin-left: 10px;
}
.assessmentFormAdvanced .design-question-file-type {
  vertical-align: middle;
}
.assessmentFormAdvanced .design-question-restrictions-container {
  margin: 11px 0 20px 46px;
}
.assessmentFormAdvanced .design-question-restrictions-container .design-question-fileUpload-fileType-container {
  margin-left: -35px;
}
.assessmentFormAdvanced .design-question-restrictions-container .design-question-fileUpload-fileType-container .design-question-fileUpload-fileType {
  margin-top: 20px;
}
.assessmentFormAdvanced .design-question-title-image-picking {
  background-color: #F4F4F4;
  width: 300px;
  height: 200px;
}
.assessmentFormAdvanced .design-question-title-image-button, .assessmentFormAdvanced .design-question-title-video {
  border: none;
  cursor: auto;
  vertical-align: middle;
}
.assessmentFormAdvanced .design-question-title-image-button-placeholder {
  border: 1px solid #008272;
}
.assessmentFormAdvanced .design-question-title-image, .assessmentFormAdvanced .design-question-title-image-hidden, .assessmentFormAdvanced .design-question-title-video-frame {
  max-height: inherit;
  max-width: inherit;
}
.assessmentFormAdvanced .design-question-title-image-button > .design-question-title-image-hidden {
  visibility: hidden;
}
.assessmentFormAdvanced .branch-design-question-card.active .branch-design-card > .branch-selector .select-arrow, .assessmentFormAdvanced .branch-design-question-card.active > .branch-design-card > .branch-selector.default-value {
  visibility: visible;
}
.assessmentFormAdvanced .design-question-title-image-gray {
  opacity: 0.3;
}
.assessmentFormAdvanced .design-question-title-image-delete {
  height: 30px;
  width: 30px;
  border: none;
  cursor: pointer;
  z-index: 2;
  position: absolute;
  margin-left: -30px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  padding: 0;
}
.assessmentFormAdvanced .design-question-choice-options-div:first-child {
  margin-top: 10px;
}
.assessmentFormAdvanced .designer-quiz-option-correct {
  font-size: 12px;
  padding-left: 5px;
}
.assessmentFormAdvanced .design-question-all-choices {
  margin: 10px 0 20px 30px;
}
.assessmentFormAdvanced .large-size {
  font-size: 28px;
  line-height: 28px;
}
.assessmentFormAdvanced .middle-size {
  font-size: 24px;
  line-height: 24px;
}
.assessmentFormAdvanced .small-size {
  font-size: 21px;
  line-height: 26px;
}
.assessmentFormAdvanced .form-introduction-dialog-div {
  transition: opacity 0.3s ease;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.4);
}
.assessmentFormAdvanced .form-introduction-dialog-get-start-container {
  position: relative;
  top: calc(50% - 240px);
  max-width: 750px;
  background-color: #FFF;
  margin: 0 auto;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
  text-align: center;
}
.assessmentFormAdvanced .form-introduction-dialog-close-button {
  position: absolute;
  top: 0;
  right: 0;
  color: #666;
  font-size: 16px;
  margin: 20px;
}
.assessmentFormAdvanced .form-introduction-dialog-close-button:hover {
  color: #333;
}
.assessmentFormAdvanced .form-introduction-dialog-title-container {
  font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  padding-top: 35px;
}
.assessmentFormAdvanced .form-introduction-dialog-image-text, .assessmentFormAdvanced .form-introduction-dialog-text {
  font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
}
.assessmentFormAdvanced .form-introduction-dialog-title {
  font-size: 35px;
  color: #333;
  line-height: 47px;
  padding-bottom: 8px;
}
.assessmentFormAdvanced .form-introduction-dialog-subtitle {
  font-size: 21px;
  line-height: 28px;
  color: #666;
  padding-bottom: 35px;
}
.assessmentFormAdvanced .form-introduction-dialog-container {
  background-color: #E7F2F4;
}
.assessmentFormAdvanced .form-introduction-dialog-image-container {
  padding: 40px 0;
}
.assessmentFormAdvanced .form-introduction-dialog-msa-image-container {
  padding: 25px 0 30px;
}
.assessmentFormAdvanced .form-introduction-dialog-image {
  display: inline-block;
  margin: 0 45px;
}
.assessmentFormAdvanced .form-introduction-dialog-image-text {
  font-size: 15px;
  line-height: 19px;
  color: #666;
  margin-top: 8px;
}
.assessmentFormAdvanced .form-introduction-dialog-image-text-container {
  margin-top: 25px;
  margin-bottom: 15px;
  padding: 0 20px;
}
.assessmentFormAdvanced .form-introduction-dialog-text {
  font-size: 14px;
  line-height: 23px;
  color: #666;
}
.assessmentFormAdvanced .form-introduction-dialog-image-text-container .form-introduction-dialog-text span {
  font-family: wf_segoe-ui_semibold, "Segoe UI Semibold", "Segoe WP Semibold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  color: #008272;
}
.assessmentFormAdvanced .form-introduction-dialog-upgrade-action-text {
  margin-left: 3px;
  cursor: pointer;
  color: #337AB7;
}
.assessmentFormAdvanced .form-introduction-dialog-upgrade-action-text:active, .assessmentFormAdvanced .form-introduction-dialog-upgrade-action-text:hover, .assessmentFormAdvanced .form-introduction-dialog-upgrade-action-text:visited {
  color: #335DD7;
}
.assessmentFormAdvanced .form-introduction-dialog-button {
  background-color: #008272;
  color: #FFF;
  font-size: 15px;
  line-height: 15px;
  height: 40px;
  padding: 5px 30px;
  margin-bottom: 39px;
}
.assessmentFormAdvanced .form-introduction-dialog-button:hover {
  background-color: #004B50;
}
.assessmentFormAdvanced .loading-square-wave-container {
  width: 100%;
  margin-left: 34px;
  margin-top: 5px;
}
.assessmentFormAdvanced .fl-menu-text {
  font-size: 14px;
  margin-top: 15px;
}
.assessmentFormAdvanced .fl-menu-confirm-delete {
  font-size: 15px;
  line-height: 15px;
  color: #333;
  margin: 10px;
  background-color: #FFF;
  height: 40px;
  width: 90px;
  outline: transparent solid 1px;
}
.assessmentFormAdvanced .fl-menu-confirm-delete:hover {
  background-color: #EAEAEA;
}
.assessmentFormAdvanced .fl-menu-confirm-delete:focus {
  outline: #FFF dashed 1px;
}
.assessmentFormAdvanced .left-label {
  text-align: right;
  padding-right: 9px;
}
.assessmentFormAdvanced .right-label {
  text-align: left;
}
.assessmentFormAdvanced .new-quiz-ellipsis-button-container {
  position: absolute;
  right: 0;
  top: 0;
}
.assessmentFormAdvanced .new-quiz-ellipsis-button {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  background-color: transparent;
  width: 40px;
  height: 30px;
}
.assessmentFormAdvanced .new-quiz-ellipsis-button:hover {
  background-color: #C8C8C8;
}
.assessmentFormAdvanced .lor-picker-modal {
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.assessmentFormAdvanced .lor-picker-frame {
  width: 100%;
  height: 100%;
  border: 0;
}
.assessmentFormAdvanced .close-lor-picker:focus, .assessmentFormAdvanced .close-lor-picker:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.assessmentFormAdvanced .preview-student-feedback-view-student-name-label {
  margin: 15px 0;
  font-weight: 600;
}
.assessmentFormAdvanced .design-question-short-correct-answer-box {
  display: inline-block;
  background-color: #ebebeb;
  border: 1px solid #bababa;
  padding: 6px 40px 6px 14px;
  margin-right: 5px;
  margin-top: 8px;
  white-space: pre-wrap;
  line-height: 22px;
  cursor: default;
  vertical-align: top;
  position: relative;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
}
.assessmentFormAdvanced .design-question-short-correct-answer-box:focus, .assessmentFormAdvanced .design-question-short-correct-answer-box:hover {
  background-color: #F8F8F8;
  border-color: #898989;
}
.assessmentFormAdvanced .design-question-short-correct-answer-box .office-form-right-answerkey, .assessmentFormAdvanced .design-question-short-correct-answer-delete-button {
  border: 0;
  height: 22px;
  max-height: 22px;
  font-size: 17px;
  position: absolute;
  right: 10px;
}
.assessmentFormAdvanced .design-question-short-correct-answer-box .office-form-right-answerkey {
  top: 9px;
}
.assessmentFormAdvanced .design-question-short-correct-answer-delete-button {
  top: 3px;
  color: #666;
}
.assessmentFormAdvanced .design-question-short-correct-answer-delete-button:hover {
  color: #333;
}
.assessmentFormAdvanced .design-question-short-add-answer-button {
  padding: 0;
  border: 0;
  margin-top: 11px;
}
.assessmentFormAdvanced .design-question-short-add-answer-button .design-question-plus-icon:before {
  margin-left: 0;
}
.assessmentFormAdvanced .design-question-short-correct-answer-container {
  display: inline-block;
  width: 100%;
  max-width: 300px;
  vertical-align: top;
  margin-top: 7px;
  height: 36px;
}
.assessmentFormAdvanced .design-question-short-correct-answer-input {
  height: 36px;
}
.assessmentFormAdvanced .design-question-short-correct-answer-box-margin:nth-last-child(2) {
  margin-right: 20px;
}
.assessmentFormAdvanced .screenReaderVisible {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.assessmentFormAdvanced .results-view-container {
  padding-top: 20px;
  background-color: #fff;
}
.assessmentFormAdvanced .back-to-normal-view-button {
  font-size: 17px;
  display: table;
  margin-top: 5px;
}
.assessmentFormAdvanced .back-to-normal-view-button:active, .assessmentFormAdvanced .back-to-normal-view-button:hover, .assessmentFormAdvanced .back-to-normal-view-button:link, .assessmentFormAdvanced .back-to-normal-view-button:visited {
  color: #000;
  text-decoration: none;
  border: 0;
}
.assessmentFormAdvanced .back-to-normal-view-button .back-to-normal-view-text {
  display: table-cell;
  vertical-align: middle;
}
.assessmentFormAdvanced .back-to-normal-view-button .back-to-normal-view-text:active, .assessmentFormAdvanced .back-to-normal-view-button .back-to-normal-view-text:hover, .assessmentFormAdvanced .back-to-normal-view-button .back-to-normal-view-text:link, .assessmentFormAdvanced .back-to-normal-view-button .back-to-normal-view-text:visited {
  text-decoration: underline;
}
.assessmentFormAdvanced .swBar a, .assessmentFormAdvanced .swTileLink:focus, .assessmentFormAdvanced .swTileLink:hover, .assessmentFormAdvanced .upgrade-pane-buy-link:active, .assessmentFormAdvanced .upgrade-pane-buy-link:focus, .assessmentFormAdvanced .upgrade-pane-buy-link:hover {
  text-decoration: none;
}
.assessmentFormAdvanced .back-to-normal-view-button .back-to-normal-view-chevron {
  font-size: 20px;
}
.assessmentFormAdvanced .slideLeftIn {
  animation-name: fadeIn, slideLeftInKeyFrames;
  -webkit-animation-duration: 367ms;
  -moz-animation-duration: 367ms;
  -ms-animation-duration: 367ms;
  -o-animation-duration: 367ms;
  animation-timing-function: cubic-bezier(0.1, 0.9, 0.2, 1);
  animation-fill-mode: both;
}
.assessmentFormAdvanced body[dir=rtl] .slideLeftIn {
  animation-name: fadeIn, slideRightInKeyFrames;
}
.assessmentFormAdvanced .slideRightOut {
  animation-name: fadeOut, slideRightOutKeyFrames;
  -webkit-animation-duration: 167ms;
  -moz-animation-duration: 167ms;
  -ms-animation-duration: 167ms;
  -o-animation-duration: 167ms;
  animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  animation-fill-mode: both;
}
.assessmentFormAdvanced body[dir=rtl] .slideRightOut {
  animation-name: fadeOut, slideLeftOutKeyFrames;
}
@keyframes slideRightOutKeyFrames {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideLeftInKeyFrames {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideLeftOutKeyFrames {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideRightInKeyFrames {
  from {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
    animation-timing-function: cubic-bezier(0.1, 0.25, 0.75, 0.9);
  }
  to {
    opacity: 0;
  }
}
.assessmentFormAdvanced .list-control-contanier .list-control-ul {
  text-align: left;
  list-style-type: none;
  padding-left: 0;
}
.assessmentFormAdvanced .list-control-contanier .list-control-ul li {
  display: inline;
  margin-left: auto;
  margin-right: auto;
}
.assessmentFormAdvanced .list-control-contanier .list-control-item {
  margin-bottom: 5px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.assessmentFormAdvanced .list-control-contanier .list-control-item .list-control-icon {
  color: #008272;
  font-size: 16px;
  margin-right: 10px;
  vertical-align: middle;
}
.assessmentFormAdvanced .list-control-contanier .list-control-item .list-control-item-text {
  width: 180px;
  color: #333;
}
.assessmentFormAdvanced .setting-page-title {
  color: #333;
  line-height: 22px;
  margin-left: 20px;
  margin-top: 30px;
  margin-bottom: 20px;
}
.assessmentFormAdvanced .setting-pane-checkbox, .assessmentFormAdvanced .setting-pane-toggle-group {
  margin-top: 10px;
}
.assessmentFormAdvanced .setting-pane-group {
  background-color: #F4F4F4;
  padding: 10px 25px;
  display: inline-block;
  width: 100%;
}
.assessmentFormAdvanced .setting-pane-group .setting-group-title {
  color: #333;
}
.assessmentFormAdvanced .setting-group-title {
  font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  font-size: 17px;
  color: #008272;
}
.assessmentFormAdvanced .setting-pane-toggle-item-notification, .assessmentFormAdvanced .setting-pane-toggle-item-title {
  font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
}
.assessmentFormAdvanced .setting-group-title:last-child {
  margin-bottom: 10px;
}
.assessmentFormAdvanced .setting-group-title > span {
  display: inline-block;
  max-width: calc(100% - 60px);
  vertical-align: middle;
}
.assessmentFormAdvanced .setting-pane-toggle-item-title {
  font-size: 16px;
  color: #333;
  line-height: 16px;
  padding-bottom: 4px;
}
.assessmentFormAdvanced .setting-pane-toggle-button {
  border-radius: 100px;
  float: right;
}
.assessmentFormAdvanced .setting-pane-toggle-item-notification {
  font-size: 14px;
  color: #666;
  line-height: 20px;
  padding-top: 10px;
  width: 320px;
}
.assessmentFormAdvanced .setting-pane-checkbox .setting-pane-checkbox {
  margin-left: 20px;
}
.assessmentFormAdvanced .form-setting-inner-board .office-form-date-time-picker {
  width: 120px;
}
.assessmentFormAdvanced .form-setting-inner-board > :not(:first-child) {
  margin-top: 10px;
  padding-left: 10px;
}
.assessmentFormAdvanced .form-setting-inner-board .picker {
  left: -50px;
  min-width: 350px;
}
.assessmentFormAdvanced .form-setting-inner-board .picker--time {
  left: -25px;
  min-width: 100px;
}
.assessmentFormAdvanced .customized-theme-error, .assessmentFormAdvanced .image-picker-switch-button-wrapper {
  font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
}
.assessmentFormAdvanced .theme-designer-container {
  padding: 15px 13.5px;
  width: 400px;
}
.assessmentFormAdvanced .theme-icon-container {
  position: relative;
  box-sizing: content-box;
  display: inline-block;
  width: 64px;
  height: 64px;
  margin: 10px 11.5px;
}
.assessmentFormAdvanced .theme-icon-container:disabled > .customized-theme-pictureAdd-icon {
  color: #A6A6A6;
}
.assessmentFormAdvanced .theme-icon-button {
  width: 66px;
  height: 66px;
  padding: 1px;
  border: 2px solid transparent;
}
.assessmentFormAdvanced .theme-icon-button.active {
  border: 2px solid #000;
}
.assessmentFormAdvanced .theme-icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 60px;
  height: 60px;
  display: block;
}
.assessmentFormAdvanced .customized-theme-delete-button {
  position: absolute;
  margin-right: 2px;
  margin-bottom: 2px;
  bottom: 0;
  right: 0;
  background: #FFF;
  border: 1px solid #008272;
}
.assessmentFormAdvanced .customized-theme-delete-button:hover {
  color: #EAEAEA;
  background: #008272;
}
.assessmentFormAdvanced .customized-theme-delete-button .paneThemeTrash {
  margin: 4px;
}
.assessmentFormAdvanced .customized-theme-pictureAdd-icon {
  height: 60px;
  width: 60px;
  line-height: 60px;
  color: #008272;
  background: #EAEAEA;
}
.assessmentFormAdvanced .customized-theme-spinner-container {
  position: absolute;
  top: 2px;
  left: 2px;
  height: 60px;
  width: 60px;
  background: rgba(255, 255, 255, 0.5);
}
.assessmentFormAdvanced .customized-theme-spinner {
  position: absolute;
  transform: scale(0.5);
  left: calc(50% - 3px);
  top: calc(50% - 3px);
}
.assessmentFormAdvanced .customized-theme-error {
  font-size: 15px;
  width: 100%;
  min-height: 100px;
  text-align: center;
  padding: 10px;
}
.assessmentFormAdvanced .customized-theme-error-frowny-icon {
  font-size: 36px;
  color: #666;
}
.assessmentFormAdvanced .image-picker-container, .assessmentFormAdvanced .media-select-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  width: 600px;
  height: 100%;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 600px) {
  .assessmentFormAdvanced .image-picker-container, .assessmentFormAdvanced .media-select-container {
    width: 100%;
  }
}
.assessmentFormAdvanced .image-picker-switch-button-container {
  min-height: 65px;
}
.assessmentFormAdvanced .image-picker-switch-button-wrapper {
  font-size: 17px;
  display: inline-block;
  padding: 0 30px;
  height: 60px;
  line-height: 60px;
  color: #363636;
}
.assessmentFormAdvanced .image-picker-switch-button {
  height: 55px;
  border-bottom: 3px solid transparent;
}
.assessmentFormAdvanced .image-picker-switch-button.active {
  border-bottom-color: #008272;
  color: #008272;
}
.assessmentFormAdvanced .image-picker-back-button-text, .assessmentFormAdvanced .media-select-button-text {
  font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  font-size: 15px;
  padding-left: 20px;
  padding-right: 5px;
}
.assessmentFormAdvanced .image-picker-back-button {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  color: #363636;
  width: 120px;
  margin-left: 8px;
}
.assessmentFormAdvanced .image-picker-back-button .image-picker-back-button-text {
  padding-bottom: 2px;
}
.assessmentFormAdvanced .image-picker-loading-container {
  background-color: rgba(255, 255, 255, 0.7);
  height: 100px;
  width: 100%;
  position: absolute;
  padding: 50px 50%;
  top: calc(50% - 50px);
}
.assessmentFormAdvanced .image-picker-loading {
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}
.assessmentFormAdvanced .media-select-container {
  width: 400px;
}
.assessmentFormAdvanced .media-select-label {
  font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  font-size: 21px;
  margin: 30px 0 15px 30px;
}
.assessmentFormAdvanced .media-select-button {
  line-height: 25px;
  font-size: 18px;
  color: #363636;
  width: 100px;
  margin-left: 22px;
  margin-top: 30px;
}
.assessmentFormAdvanced .top-view-container {
  position: fixed;
  background: #eee;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  float: left;
  overflow: hidden;
}
.assessmentFormAdvanced .top-view-header {
  position: absolute;
  height: 50px;
  width: 100%;
  background-color: #F8F8F8;
  z-index: 3;
  outline: transparent solid 1px;
}
.assessmentFormAdvanced .top-view-content {
  width: 100%;
  height: calc(100% - 50px);
  margin-top: 50px;
  overflow-y: auto;
}
.assessmentFormAdvanced .top-view-content .office-form-content {
  padding-top: 0;
}
.assessmentFormAdvanced #preview-setting-pane {
  position: absolute;
  right: calc(50% - 425px);
  top: 2px;
}
.assessmentFormAdvanced .top-view-back-button {
  position: absolute;
  left: calc(50% - 425px);
  top: 2px;
  height: 46px;
  color: #666;
}
.assessmentFormAdvanced .top-view-back-button .top-view-back-icon {
  margin-top: 1px;
}
.assessmentFormAdvanced .preview-mode-button {
  height: 46px;
  line-height: 46px;
  padding: 0;
  color: #666;
  overflow: hidden;
}
.assessmentFormAdvanced .preview-mode-button + .preview-mode-button {
  margin-left: 20px;
}
.assessmentFormAdvanced .preview-mode-button-text, .assessmentFormAdvanced .top-view-back-text {
  font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  font-size: 15px;
  margin: 0 20px;
  text-align: left;
}
.assessmentFormAdvanced .preview-mode-button-text {
  color: #333;
}
.assessmentFormAdvanced .preview-mobile-container {
  margin: 30px auto;
  width: 360px;
  height: 640px;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border-radius: 20px;
  border: 7px solid #000;
  border-top: solid 40px #000;
  border-bottom: solid 60px #000;
  overflow: auto;
  position: relative;
}
.assessmentFormAdvanced .preview-mobile-container .office-form-progress-bar {
  left: calc(50% - 180px);
}
.assessmentFormAdvanced .preview-mobile-container .office-form {
  height: auto;
}
.assessmentFormAdvanced .preview-mobile-container .small-screen.mobile-view {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.assessmentFormAdvanced .preview-mobile-container .office-form-page-padding {
  padding-left: 0;
}
.assessmentFormAdvanced .branch-design-view-container {
  height: 100%;
  width: 100%;
}
.assessmentFormAdvanced .branch-design-view {
  background-color: #FFF;
  min-height: 100%;
  width: 100%;
  padding: 29px 30px 40px;
}
.assessmentFormAdvanced .branch-design-view-title-bar {
  font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  margin-bottom: 46px;
}
.assessmentFormAdvanced .branch-design-view-title {
  float: left;
  font-size: 21px;
}
.assessmentFormAdvanced .branch-design-view-options {
  float: right;
  line-height: 100%;
  height: 100%;
  width: 50%;
  text-align: center;
  position: relative;
}
.assessmentFormAdvanced .branch-design-view-options-button {
  float: right;
  width: 40px;
  height: 100%;
  line-height: 100%;
  font-size: 14px;
}
.assessmentFormAdvanced .branch-design-view-options-menu-container {
  position: absolute;
  height: 0;
  top: calc(100% + 1px);
  right: 0;
}
.assessmentFormAdvanced .branch-design-view-options-menu {
  box-shadow: rgba(0, 0, 0, 0.4) 0 0 20px;
  font-size: 14px;
  background-color: #FFF;
  overflow: visible;
  float: right;
}
.assessmentFormAdvanced .branch-design-view-options-menu-item {
  padding: 5px 15px;
  min-height: 30px;
  width: 100%;
}
.assessmentFormAdvanced .branch-selector {
  margin: 10px 20px 0 50px;
  line-height: 25px;
}
.assessmentFormAdvanced .branch-selector > div {
  display: inline-block;
  padding-top: 5px;
  vertical-align: top;
}
.assessmentFormAdvanced .branch-selector .branch-selector-guide {
  padding-right: 10px;
  padding-left: 5px;
  font-size: 15px;
}
.assessmentFormAdvanced .branch-selector .select-placeholder-text {
  display: inline-block;
  width: calc(100% - 46px);
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  float: left;
}
.assessmentFormAdvanced .branch-selector .select-option-content {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.assessmentFormAdvanced .branch-selector .select-placeholder-arrow {
  float: right;
  width: 40px;
  margin-left: 6px;
}
.assessmentFormAdvanced .branch-selector .select-option-menu-container {
  margin-top: 3px;
  width: 100%;
}
.assessmentFormAdvanced .branch-selector .select-option {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.assessmentFormAdvanced .design-question-choice .branch-selector {
  margin-top: 5px;
}
.assessmentFormAdvanced .branch-selector-option-ordinal {
  padding-right: 5px;
}
.assessmentFormAdvanced .branch-selector-option-title {
  position: relative;
  width: 100%;
}
.assessmentFormAdvanced .branch-selector-option-title > div {
  position: absolute;
  top: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.assessmentFormAdvanced .branch-design-question-card {
  display: flex;
  align-items: flex-start;
  padding: 10px 15px 15px;
  width: 100%;
  margin-bottom: 20px;
}
.assessmentFormAdvanced .branch-design-question-card:hover {
  /*   background-color: #e6e6e6;*/
}
.assessmentFormAdvanced .branch-design-question-card.active {
  padding-top: 5px;
  /* background-color: #f3f3f3;*/
}
.assessmentFormAdvanced .branch-design-question-card.active .branch-design-card .branch-selector .select-control {
  border-bottom: 1px solid #C8C8C8;
}
.assessmentFormAdvanced .branch-design-question-card > .office-form-question {
  padding-top: 5px;
  padding-bottom: 5px;
  width: 50%;
  overflow: hidden;
}
.assessmentFormAdvanced .branch-design-question-card .office-form-question-choice-formula, .assessmentFormAdvanced .branch-design-question-card > .office-form-question .office-form-question-choice-text-row .office-form-question-choice-text-span, .assessmentFormAdvanced .branch-design-question-card > .office-form-question .office-form-question-subtitle .office-form-question-choice-text-span, .assessmentFormAdvanced .branch-design-question-card > .office-form-question .office-form-question-title .office-form-question-choice-text-span {
  width: calc(100% - 56px);
  overflow: hidden;
}
.assessmentFormAdvanced .branch-design-question-card > .office-form-question .office-form-question-choice-text-row, .assessmentFormAdvanced .branch-design-question-card > .office-form-question .office-form-question-subtitle, .assessmentFormAdvanced .branch-design-question-card > .office-form-question .office-form-question-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.assessmentFormAdvanced .branch-design-question-card .office-form-question-content {
  padding-left: 5px;
  padding-right: 5px;
}
.assessmentFormAdvanced .branch-design-question-card .branch-design-card {
  padding-left: 5px;
  padding-right: 25px;
  width: 100%;
  overflow: visible;
  position: relative;
}
.assessmentFormAdvanced .branch-design-question-card > .branch-design-card .branch-selector {
  margin: 0;
  height: 40px;
  width: 100%;
  position: absolute;
}
.assessmentFormAdvanced .branch-design-question-card .branch-design-card .branch-selector .select-control {
  background-color: rgba(0, 0, 0, 0.002);
  border: 1px solid transparent;
  outline: transparent solid 1px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid transparent;
}
.assessmentFormAdvanced .branch-design-question-card .branch-design-card .branch-selector .select-control::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.assessmentFormAdvanced .branch-design-question-card .branch-design-card .branch-selector .select-control:focus {
  outline: #000 dashed 1px;
}
.assessmentFormAdvanced .swBar, .assessmentFormAdvanced .swBar:focus, .assessmentFormAdvanced .swTileLink:focus {
  outline: 0;
}
@media screen and (-ms-high-contrast: active) {
  .assessmentFormAdvanced .branch-design-question-card > .branch-design-card .branch-selector .select-control {
    border-style: solid;
    outline-width: 0;
    margin: 0 2px;
  }
  .assessmentFormAdvanced .branch-design-question-card > .branch-design-card .branch-selector .select-control:focus, .assessmentFormAdvanced .branch-design-question-card > .branch-design-card .branch-selector .select-control:hover {
    border-style: dashed;
  }
  .assessmentFormAdvanced .branch-design-question-card > .branch-design-card .branch-selector .select-control:active, .assessmentFormAdvanced .branch-design-question-card > .branch-design-card .branch-selector .select-control:disabled {
    border-style: solid;
  }
}
.assessmentFormAdvanced .branch-design-question-card > .branch-design-card .branch-selector .select-arrow {
  visibility: hidden;
}
.assessmentFormAdvanced .branch-design-question-card .office-form-question-title {
  height: 30px;
}
.assessmentFormAdvanced .branch-design-question-card .office-form-question-subtitle {
  height: 25px;
}
.assessmentFormAdvanced .branch-design-question-card .office-form-other-answer, .assessmentFormAdvanced .branch-design-question-card .office-form-question-choice {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 40px;
}
@media only screen and (max-width: 768px) {
  .assessmentFormAdvanced .qrcode-view-copy-status {
    left: 20px;
    bottom: 5px;
  }
}
@media screen and (max-width: 1024px) {
  .assessmentFormAdvanced .headbar-button-text {
    display: none;
  }
  .assessmentFormAdvanced .design-content {
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
  }
  .assessmentFormAdvanced .design-insert-card {
    min-width: 58px;
  }
  .assessmentFormAdvanced .design-insert-card-img {
    width: 58px;
  }
  .assessmentFormAdvanced .design-insert-card-more-menu {
    min-width: 55px;
  }
  .assessmentFormAdvanced .design-insert-card-dropdown-img {
    padding: 0 12px;
  }
  .assessmentFormAdvanced .design-insert-card-dropdown-text, .assessmentFormAdvanced .design-insert-card-text {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .assessmentFormAdvanced .designer-quiz-option-correct, .assessmentFormAdvanced .headbar-waffle-container, .assessmentFormAdvanced .optional-button, .assessmentFormAdvanced .optional-cell, .assessmentFormAdvanced .preview-mode-button-text, .assessmentFormAdvanced html > body .saving-state {
    display: none;
  }
  .assessmentFormAdvanced #form-designer-container {
    padding: 0;
  }
  .assessmentFormAdvanced #form-designer {
    margin-bottom: 100px;
  }
  .assessmentFormAdvanced .design-question-all-choices {
    margin: 10px 0;
  }
  .assessmentFormAdvanced .branch-selector {
    margin: 0 20px;
  }
  .assessmentFormAdvanced .form-setting-date-time-picker .picker {
    left: -80px;
    min-width: 295px;
  }
  .assessmentFormAdvanced .theme-designer-container {
    width: 300px;
  }
  .assessmentFormAdvanced .preview-mode-button {
    margin: 0 20px 0 0;
  }
}
@media screen and (max-width: 760px) {
  .assessmentFormAdvanced .design-insert-card {
    min-width: 48px;
  }
  .assessmentFormAdvanced .design-insert-card-more-button {
    min-width: 50px;
  }
  .assessmentFormAdvanced .design-insert-card-img {
    width: 48px;
  }
  .assessmentFormAdvanced .design-insert-card-dropdown-option {
    width: 50px;
  }
}
@media screen and (max-width: 3960px) {
  .assessmentFormAdvanced .portal-tiles {
    width: 3680px;
  }
  .assessmentFormAdvanced .portal-headerbar-content {
    width: 3640px;
  }
}
@media screen and (max-width: 3680px) {
  .assessmentFormAdvanced .portal-tiles {
    width: 3400px;
  }
  .assessmentFormAdvanced .portal-headerbar-content {
    width: 3360px;
  }
}
@media screen and (max-width: 3400px) {
  .assessmentFormAdvanced .portal-tiles {
    width: 3120px;
  }
  .assessmentFormAdvanced .portal-headerbar-content {
    width: 3080px;
  }
}
@media screen and (max-width: 3120px) {
  .assessmentFormAdvanced .portal-tiles {
    width: 2840px;
  }
  .assessmentFormAdvanced .portal-headerbar-content {
    width: 2800px;
  }
}
@media screen and (max-width: 2840px) {
  .assessmentFormAdvanced .portal-tiles {
    width: 2560px;
  }
  .assessmentFormAdvanced .portal-headerbar-content {
    width: 2520px;
  }
}
@media screen and (max-width: 2560px) {
  .assessmentFormAdvanced .portal-tiles {
    width: 2280px;
  }
  .assessmentFormAdvanced .portal-headerbar-content {
    width: 2240px;
  }
}
@media screen and (max-width: 2280px) {
  .assessmentFormAdvanced .portal-tiles {
    width: 2000px;
  }
  .assessmentFormAdvanced .portal-headerbar-content {
    width: 1960px;
  }
}
@media screen and (max-width: 2000px) {
  .assessmentFormAdvanced .portal-tiles {
    width: 1720px;
  }
  .assessmentFormAdvanced .portal-headerbar-content {
    width: 1680px;
  }
}
@media screen and (max-width: 1720px) {
  .assessmentFormAdvanced .portal-tiles {
    width: 1440px;
  }
  .assessmentFormAdvanced .portal-headerbar-content {
    width: 1400px;
  }
}
@media screen and (max-width: 1440px) {
  .assessmentFormAdvanced .portal-tiles {
    width: 1160px;
  }
  .assessmentFormAdvanced .portal-headerbar-content {
    width: 1120px;
  }
}
@media screen and (max-width: 1160px) {
  .assessmentFormAdvanced .portal-tiles {
    width: 880px;
  }
  .assessmentFormAdvanced .portal-headerbar-content {
    width: 840px;
  }
  .assessmentFormAdvanced .portal-search-container .portal-search-element {
    width: 200px;
  }
}
@media screen and (max-width: 850px) {
  .assessmentFormAdvanced .design-content {
    box-shadow: none;
  }
  .assessmentFormAdvanced .top-view-content {
    padding: 0;
  }
  .assessmentFormAdvanced .top-view-back-button {
    left: 5px;
  }
  .assessmentFormAdvanced #preview-setting-pane {
    right: 0;
  }
  .assessmentFormAdvanced .form-introduction-dialog-image {
    margin: 0 17.5px;
  }
  .assessmentFormAdvanced .form-introduction-dialog-title {
    font-size: 28px;
    line-height: 37px;
  }
  .assessmentFormAdvanced .form-introduction-dialog-subtitle {
    font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
    font-size: 17px;
    line-height: 22px;
  }
}
@media screen and (max-width: 800px) {
  .assessmentFormAdvanced .headbar-button {
    padding: 0 10px;
  }
  .assessmentFormAdvanced .headbar-button.highlighted {
    padding: 0 10px;
    font-size: 16px;
  }
  .assessmentFormAdvanced .firstrun-callout {
    left: -200px;
  }
}
@media screen and (max-width: 520px) {
  .assessmentFormAdvanced .form-introduction-dialog-get-start-container {
    top: 0;
    height: 100%;
    overflow-y: auto;
  }
  .assessmentFormAdvanced .form-introduction-dialog-image-container {
    padding-bottom: 0;
  }
  .assessmentFormAdvanced .form-introduction-dialog-image {
    display: block;
    margin: 0 0 40px;
  }
  .assessmentFormAdvanced .form-introduction-dialog-title {
    font-size: 21px;
    line-height: 28px;
  }
  .assessmentFormAdvanced .form-introduction-dialog-subtitle {
    font-size: 12px;
    line-height: 16px;
  }
  .assessmentFormAdvanced .form-introduction-dialog-close-button {
    margin: 15px;
  }
  .assessmentFormAdvanced .form-introduction-dialog-title-container {
    padding-top: 40px;
  }
}
.assessmentFormAdvanced .swErrorTitle, .assessmentFormAdvanced .swLoadingText {
  font-size: 20px;
}
@media screen and (max-width: 470px) {
  .assessmentFormAdvanced .portal-headerbar-content {
    width: 380px;
  }
  .assessmentFormAdvanced .portal-new-form-button-with-icon {
    padding-left: 0;
  }
}
@media screen and (max-height: 480px) {
  .assessmentFormAdvanced .form-introduction-dialog-get-start-container {
    height: 100%;
    top: 0;
    overflow-y: auto;
  }
}
.assessmentFormAdvanced #formLauncher {
  top: 50px;
  opacity: 1;
}
.assessmentFormAdvanced .headerBarBG, .assessmentFormAdvanced .swBar {
  background-color: #fff;
  opacity: 0;
}
.assessmentFormAdvanced #formLauncher .hide {
  display: none;
}
.assessmentFormAdvanced .footbar-container {
  right: 50px;
}
.assessmentFormAdvanced .ms-Icon--likert:before, .assessmentFormAdvanced .ms-Icon--ranking:before {
  content: ".";
  font-size: 18px;
  color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.assessmentFormAdvanced .ms-Icon--likert:before {
  /*background-image: url(../../AssessmentForms/Scripts/Likert.png);*/
}
.assessmentFormAdvanced .ms-Icon--ranking:before {
  /*background-image: url(../../AssessmentForms/Scripts/Ranking.png);*/
}
.assessmentFormAdvanced .segoeUI {
  font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
}
.assessmentFormAdvanced .segoeUILight {
  font-family: wf_segoe-ui_light, "Segoe UI Light", "Segoe WP Light", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
}
.assessmentFormAdvanced .segoeUISemilight {
  font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
}
.assessmentFormAdvanced .segoeUISemibold {
  font-family: wf_segoe-ui_semibold, "Segoe UI Semibold", "Segoe WP Semibold", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
}
.assessmentFormAdvanced .segoeUIPrint {
  font-family: "Segoe Print", "Segoe UI", "Segoe UI Web", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, sans-serif;
}
.assessmentFormAdvanced .office-form-footer-container {
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  margin-bottom: 10px;
}
.assessmentFormAdvanced .office-form-footer-block {
  margin: 10px auto;
  text-align: center;
  width: 100%;
  line-height: 100%;
  font-size: 12px;
  color: #414141;
}
.assessmentFormAdvanced .office-form-footer-block > a {
  color: #004D86;
}
.assessmentFormAdvanced .office-form-notice-report {
  margin-left: 5px;
}
.assessmentFormAdvanced .office-form-footer-block .office-form-notice-report {
  margin-left: 35px;
}
.assessmentFormAdvanced .office-form-notice-password {
  margin: 20px 0 0 20px;
  font-size: 12px;
  color: #414141;
}
.assessmentFormAdvanced .office-form-page-padding {
  padding-left: calc(50% - 425px);
}
.assessmentFormAdvanced .office-form-page-padding > div {
  max-width: 850px;
}
.assessmentFormAdvanced .office-form-theme-page-background {
  /*background-color: #EAEAEA; old one*/
  background-color: #fffdfd;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.assessmentFormAdvanced .spinner-tile-animation {
  width: 1em;
  height: 1em;
  font-size: 10px;
  border-radius: 50%;
  -webkit-animation: load 1.1s infinite ease;
  -moz-animation: load 1.1s infinite ease;
  -o-animation: load 1.1s infinite ease;
  animation: load 1.1s infinite ease;
}
.assessmentFormAdvanced .office-form-info-container {
  font-family: wf_segoe-ui_normal, "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
  text-align: center;
  font-size: 12px;
  color: #666;
  padding: 100px 0 120px;
  line-height: 100%;
  background: rgba(255, 255, 255, 0.92);
}
.assessmentFormAdvanced .office-form-info-subtitle, .assessmentFormAdvanced .office-form-info-title, .assessmentFormAdvanced .surveyResultsView .surveyResultsTitle {
  font-family: wf_segoe-ui_semilight, "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
}
.assessmentFormAdvanced .office-form-info-container .office-form-info-children, .assessmentFormAdvanced .office-form-info-container .office-form-info-error-children {
  display: inline-block;
  color: #106ebe;
  cursor: pointer;
}
.assessmentFormAdvanced .office-form-error-page-container {
  /*background-image: url(../../Images/register-bg.png);*/
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 50px;
  min-height: 100%;
  overflow: auto;
}
.assessmentFormAdvanced .office-form-error-page-container .office-form-info-container {
  background: 0 0;
}
.assessmentFormAdvanced .office-form-error-page-container .office-form-info-title {
  color: #008272;
}
.assessmentFormAdvanced .office-form-error-page-container .office-form-info-subtitle {
  color: #000;
}
.assessmentFormAdvanced .office-form-info-title {
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 100%;
}
.assessmentFormAdvanced .office-form-info-subtitle {
  white-space: pre-wrap;
  padding: 0 30px;
  font-size: 16px;
  line-height: 150%;
}
.assessmentFormAdvanced .small-screen .office-form-info-title {
  font-size: 16px;
  margin-bottom: 8px;
}
.assessmentFormAdvanced .small-screen .office-form-info-subtitle {
  font-size: 13px;
  padding: 0 10px;
}
.assessmentFormAdvanced .office-form-error-page-container.office-form-spo-embed {
  background: #F8F8F8;
  padding: 0;
}
.assessmentFormAdvanced .office-form-error-page-container.office-form-spo-embed .office-form-info-container {
  padding: 120px 0;
  max-width: none;
}
.assessmentFormAdvanced .office-form-theme-page-background.office-form-spo-embed {
  background: 0 0;
}
@media screen and (max-width: 768px) {
  .assessmentFormAdvanced .office-form-error-page-container .office-form-info-title {
    font-size: 16px;
    margin: 5px 10px;
  }
  .assessmentFormAdvanced .office-form-error-page-container .office-form-info-subtitle {
    font-size: 13px;
    margin: 5px 10px;
  }
}
.assessmentFormAdvanced div:focus {
  outline-style: none;
}
.assessmentFormAdvanced .design-question-matrix-table tbody tr td {
  /*  border: 1px solid #c8c8c8;*/
  padding: 2px 10px;
}
.assessmentFormAdvanced .design-question-matrix-table thead tr td {
  /*border: 1px solid #c8c8c8;*/
  padding: 0px;
  margin: 0px;
  vertical-align: top !important;
}
.assessmentFormAdvanced .design-question-matrix-table thead td.design-question-matrix-ptd textarea.office-form-textfield-input {
  background-color: var(--matrix-question-table-background-color);
  /*border: 1px solid #bfbfbf;*/
}
.assessmentFormAdvanced .design-question-matrix-table thead td.design-question-matrix-ptd textarea.office-form-textfield-input:hover {
  /*background-color: white;*/
  /*border: 1px solid #bfbfbf;*/
}
.assessmentFormAdvanced .design-question-matrix-table thead td.design-question-matrix-ptd textarea.office-form-textfield-input:focus {
  background-color: var(--input-bg-color);
  border-bottom: 2px solid #338cd0;
  /*border: 1px solid #bfbfbf;*/
}
.assessmentFormAdvanced .tdspan-left {
  float: left;
  font-weight: bold;
  padding: 2px 5px;
}
.assessmentFormAdvanced .tdspan-right {
  padding: 2px 5px;
  float: right;
  font-weight: bold;
}
.assessmentFormAdvanced .design-question-matrix-table thead .design-question-matrix-point {
  border: none !important;
}
.assessmentFormAdvanced .select-placeholder > .select-placeholder-arrow {
  width: 25px;
  height: 25px;
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -12px;
}
.assessmentFormAdvanced {
  /*.design-question-matrix-radio input.option-points {
      width: 40%;
      height: 30px;
  }

  .design-question-matrix-radio input.defined-option {
      width: 100%;
      height: 30px;
      margin-bottom: 5px;
  }*/
  /* form style classes */
}
.assessmentFormAdvanced .hide {
  display: none !important;
}
.assessmentFormAdvanced .text-left {
  text-align: left;
}
.assessmentFormAdvanced .custom-select {
  height: 39px;
  width: 160px;
  text-indent: 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  /*background: url(down.png) no-repeat 130px center;*/
  background-color: white;
  padding: 0 0 0 5px;
}
.assessmentFormAdvanced .scrollToTop {
  width: 64px;
  height: 64px;
  background: whiteSmoke;
  position: fixed;
  bottom: 50px;
  right: 15px;
  display: block;
  /*background: url(../../../assets/NewJT7/JTForms/up-arrow.png) no-repeat;*/
  border-radius: 50%;
  box-shadow: 0 0px 28px 0 rgba(0, 0, 0, 0.2), 0 0 0 7px rgba(218, 213, 213, 0.08);
  opacity: 0.2;
}
.assessmentFormAdvanced .scrollToTop:hover {
  opacity: 1;
}
.assessmentFormAdvanced .content {
  padding: 16px;
}
.assessmentFormAdvanced .tabs-container .tabs-inner {
  border-top: 5px solid #fff !important;
}
.assessmentFormAdvanced .design-option-point-bar {
  display: inline-block;
  padding: 0px 5px 0px 25px;
  /*width: 70px;*/
}
.assessmentFormAdvanced .design-option-point-box {
  display: inline-block;
  width: 70px;
  height: 26px;
}
.assessmentFormAdvanced .msgBox {
  margin-top: 60px;
  margin-right: 35px;
  font-size: 20px;
  background-color: #4CAF50;
  color: #fff;
  box-shadow: 2px 2px 2px 2px lightgrey;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.assessmentFormAdvanced .assign-btn-top {
  display: none;
}
.assessmentFormAdvanced .tabs-inner table th, .assessmentFormAdvanced .tabs-inner table td {
  vertical-align: middle !important;
}
.assessmentFormAdvanced .loading {
  position: relative;
  z-index: 1;
  height: 100vh;
}
.assessmentFormAdvanced .loadergif {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.assessmentFormAdvanced .tdspan-left {
  font-weight: normal !important;
}
.assessmentFormAdvanced .tdspan-right {
  font-weight: normal !important;
}
.assessmentFormAdvanced .branch-enabled {
  width: 50%;
  pointer-events: none;
  opacity: 0.4;
}
.assessmentFormAdvanced .option-branch-enabled {
  pointer-events: none;
  opacity: 0.4;
}
.assessmentFormAdvanced .option-branching {
  width: 100%;
  pointer-events: all !important;
  opacity: 1 !important;
}
.assessmentFormAdvanced .assessmentForm-content {
  /*padding-top: 50px;*/
}
.assessmentFormAdvanced .assessmentForm-content .assessmentForm-leftnav {
  display: block;
}
.assessmentFormAdvanced .assessmentForm-content .assessmentForm-leftnav .panel-group .panel {
  background: var(--question-container-bg-color);
  border: 1px solid #338cd0;
  margin-bottom: 5px;
}
.assessmentFormAdvanced .assessmentForm-content .assessmentForm-leftnav .panel-group .panel .panel-heading {
  background: var(--question-header-panel-bg-color);
  padding: 15px;
}
.assessmentFormAdvanced .assessmentForm-content .assessmentForm-leftnav .panel-group .panel .panel-body {
  /*padding: 20px;*/
}
.assessmentFormAdvanced .assessmentForm-content .assessmentForm-leftnav .panel-group .panel .panel-heading .panel-title, .assessmentFormAdvanced .assessmentForm-leftnav .panel-group .panel .panel-heading .panel-title a {
  color: var(--question-header-panel-text-color);
  text-decoration: none;
  display: block;
  font-weight: bold;
}
.assessmentFormAdvanced .assessmentForm-content .assessmentForm-leftnav .panel-group .panel .panel-heading .panel-title {
  color: #fff;
  margin-bottom: 0;
  display: block;
  text-decoration: none;
}
.assessmentFormAdvanced .assessmentForm-content .assessmentForm-leftnav .panel-heading .accordion-toggle:after {
  font-family: "FontAwesome";
  content: "\f078";
  float: right;
  font-weight: 200 !important;
  font-size: 1.2rem;
}
.assessmentFormAdvanced .assessmentForm-content .assessmentForm-leftnav .panel-heading .accordion-toggle.collapsed:after {
  content: "\f054";
}
.assessmentFormAdvanced .assessmentForm-content .assessmentForm-leftcontent {
  display: block;
}
.assessmentFormAdvanced .dropbtn {
  background-color: #04AA6D;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}
.assessmentFormAdvanced .dropdown {
  position: relative;
  display: inline-block;
}
.assessmentFormAdvanced .dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  min-width: 300px;
  /*  box-shadow: 0px 1px 16px 0px rgba(0 0 0 / 20%);*/
  z-index: 1;
  color: #3f3f3f;
}
.assessmentFormAdvanced .dropdown-content a {
  color: black;
  padding: 2px 6px;
  text-decoration: none;
  display: block;
  cursor: pointer;
  font-size: 15px;
  border-top: 1px solid #eaeaea;
}
.assessmentFormAdvanced .dropdown-content a:hover {
  background-color: #ddd;
}
.assessmentFormAdvanced .dropdown:hover .dropdown-content {
  display: block;
}
.assessmentFormAdvanced .dropdown:hover .dropbtn {
  background-color: #3e8e41;
}
.assessmentFormAdvanced .adv-exit-button {
  position: absolute;
  right: 45px;
  bottom: 0;
}
.assessmentFormAdvanced .all-question-container {
  width: 92%;
  margin: auto;
}
.assessmentFormAdvanced .form-designer {
  width: 62%;
  margin: auto;
  background-color: var(--dashboard-card-bg-color);
  margin-top: 25px;
}
.assessmentFormAdvanced .btn-add-question {
  width: 92%;
  margin: auto;
}
.assessmentFormAdvanced .disable-toggle {
  pointer-events: none;
  opacity: 0.4;
}
.assessmentFormAdvanced .fit-image-to-parent {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
}
.assessmentFormAdvanced .media-delete-button {
  position: absolute;
  width: 50px;
  height: 48px;
  background: rgb(255, 255, 255);
  border: 0px;
  opacity: 0.7;
  right: 0px;
  top: 78px;
}
.assessmentFormAdvanced .office-form-textfield .arrow-icon {
  fill: #000000 !important;
  display: block !important;
  margin: auto;
  cursor: pointer;
  margin-top: 14px;
}
.assessmentFormAdvanced app-video-library .modal-dialog,
.assessmentFormAdvanced app-image-library .modal-dialog {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 100px 20px 0 rgba(0, 0, 0, 0.19);
}
.assessmentFormAdvanced .matrix-question-radio-button-scale {
  width: 20px;
  height: 20px;
  transform: scale(1);
}
.assessmentFormAdvanced .arrow-plus, .assessmentFormAdvanced .arrow svg {
  fill: #2ea3d9;
  width: 15px;
  height: 15px;
}
.assessmentFormAdvanced {
  /*all inline styling moved here*/
}
.assessmentFormAdvanced .cursor-pointer {
  cursor: pointer;
}
.assessmentFormAdvanced .question-input-min-height {
  min-height: 40px;
}
.assessmentFormAdvanced .h-35 {
  height: 35px;
}
.assessmentFormAdvanced .w-100 {
  width: 100%;
}
.assessmentFormAdvanced .fw-500 {
  font-weight: 500;
}
.assessmentFormAdvanced .branch-selector-top-margin {
  top: 72px;
}
.assessmentFormAdvanced .w-200 {
  width: calc(100% - 200px);
}
.assessmentFormAdvanced .w-32 {
  width: calc(100% - 32px);
}
.assessmentFormAdvanced .w-99 {
  width: 99.8px;
}
.assessmentFormAdvanced .text-color-red {
  color: red;
}
.assessmentFormAdvanced .question-text-field {
  height: 40px !important;
  min-height: 40px;
  font-weight: bold;
}
.assessmentFormAdvanced .max-points-input {
  height: undefinedpx;
  overflow-y: none;
}
.assessmentFormAdvanced .restrictions {
  text-decoration: none;
}
.assessmentFormAdvanced .design-word-count-box {
  display: inline-block;
  height: 26px;
}
.assessmentFormAdvanced .setting-instruction {
  height: auto !important;
  overflow: auto !important;
}
.assessmentFormAdvanced {
  /* Tooltip container */
}
.assessmentFormAdvanced .tooltip-container {
  position: relative;
  display: inline-block;
}
.assessmentFormAdvanced {
  /* Tooltip text */
}
.assessmentFormAdvanced .tooltip-text {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
  opacity: 0;
  transition: opacity 0.3s;
}
.assessmentFormAdvanced {
  /* Tooltip container hover */
}
.assessmentFormAdvanced .tooltip-container:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}
.assessmentFormAdvanced .w-140 {
  width: 140% !important;
}
.assessmentFormAdvanced .w-60 {
  width: 60%;
}
.assessmentFormAdvanced .w-100 {
  width: 100%;
}

.assessmentFormAdvanced .design-sort-list .design-sort-item svg path {
  fill: var(--table-icon-svg-color) !important;
}

.assessmentFormAdvanced .design-question-addbutton-container svg path {
  fill: var(--table-icon-svg-color) !important;
}

app-assessmentformsadvanced .form-preview-modal {
  background-color: var(--assessment-form-preview-modal-bg-color) !important;
}

.assessmentFormAdvanced .text-Type-question input::placeholder {
  color: var(--question-box-label-color) !important;
}

.assessmentFormAdvanced .heading-label {
  height: 40px;
  padding-left: 25px;
}

.assessmentFormAdvanced .mt-9 {
  margin-top: 9px;
}

.question-bank-advanced-heading {
  font-weight: normal;
  color: var(--page-title-color) !important;
}

.assessmentFormAdvanced .design-question-choice-options-div .arrow-icon, .arrow svg {
  fill: var(--question-mark-correct-color) !important;
}

.assessmentFormAdvanced form textarea.form-control {
  overflow: visible;
}

.assessment_Form-sidetable {
  overflow-x: hidden;
}

.rating-container .rating-question-symbol {
  margin-right: 10px !important;
}

.Q-bank, .J-type, .A-type, .Q-type {
  text-align: left;
}

.choose-file-btn {
  padding: 8px;
}

.used-template-custom-field b {
  color: white !important;
}

.adv-custom-field .all-question-container {
  width: 100% !important;
}

.used-customfield-model .formId-header,
.used-customfield-model .link-header {
  width: 10%;
}

.applicationTemplateInfo {
  background-color: var(--applicationinfo-backgroud-color);
}

/*.assessmentFormAdvanced #form-designer-container {
  background-image: linear-gradient(180deg, rgba(237, 237, 237,1) 0%, rgba(237, 237, 237, 1) 100%);
}*/
.assessmentFormAdvanced .assessmentForm-content .assessmentForm-leftnav .panel-group .panel .panel-heading {
  background: #0d3f68;
}

.assessmentFormAdvanced .assessmentForm-leftnav .panel-group .panel .panel-heading .panel-title a {
  color: white;
}

.assessmentFormAdvanced .office-form-theme-border-top {
  border-top: 5px solid #0d3f68;
}

.btn-add-from-question-bank:hover,
.btn-new-question:hover,
.btn-recommended-question:hover {
  color: white;
  background-color: #0d3f68;
  border-color: #0d3f68;
}

.assessmentForms-create-questions .btn-outline-info svg:hover {
  fill: white !important;
}

.assessmentFormAdvanced .assessmentForm-content .assessmentForm-leftnav .panel-group .panel {
  border-color: #0d3f68;
}

.assessmentFormAdvanced .design-quiz-point-box-input {
  height: 40px;
}

/*.assessmentFormAdvanced .design-question-choice-options-div .arrow-icon, .arrow svg {
  fill: #0d3f68 !important;
}*/
.question-edit-button .arrow-icon svg,
.question-edit-button .arrow-icon {
  fill: var(--question-mark-correct-color) !important;
}

.btn-preview-image,
.btn-preview-video,
.btn-preview-image:active,
.btn-preview-video:active {
  background-color: #0d3f68;
  border-color: #0d3f68;
}

.add-question-type-section {
  display: flex;
  justify-content: space-between;
}

.btn-question-type {
  margin-right: 10px;
  height: 35px;
  white-space: nowrap;
  display: inline-block;
  text-align: center;
  padding: 8px 16px;
  border: 1px solid white;
  color: white;
  background-color: #003b66;
  font-size: 16px;
}

.order-importance-option,
.question-container .btn-wide,
.question-dropdown {
  max-width: 100% !important;
}

.question-dropdown {
  width: 100% !important;
}

.total-options {
  display: contents !important;
}

app-image-library app-common-table .table-container,
app-video-library app-common-table .table-container {
  min-height: auto !important;
}

.question-option .card-content {
  width: 98%;
}

.assessmentFormAdvanced .design-question-addonemore, .assessmentFormAdvanced .design-question-addothermore {
  color: #003b66 !important;
}

.assessmentFormAdvanced .all-question-container {
  width: 100% !important;
}

.used-template-custom-field {
  background-color: #0d3f68 !important;
}

#accordion .rightArrow svg {
  fill: white;
}

.assessmentForms-create-questions .btn-outline-info svg {
  fill: #17A2B8;
}

.add-question-type-section,
.office-form-textfield .cke_textarea_inline,
.assessmentFormAdvanced .form-designer-title-designer .office-form-textfield-input,
.assessmentFormAdvanced .office-form-question-designer .office-form-textfield-input,
.assessmentFormAdvanced .designer-quiz-option-correct,
.assessmentFormAdvanced .design-question-addonemore,
.assessmentFormAdvanced .design-question-addothermore,
.setting-assfrom,
.setting-instruction,
.question-header-text {
  font-size: 16px !important;
}

.assessmentForm-content .question-designer-action-bar .delete-question .svg-icon,
app-svg-icon .svg-icon #up #arrow-top {
  fill: var(--question-mark-correct-color) !important;
  stroke: var(--question-mark-correct-color) !important;
}

.preview-question-num-container {
  font-weight: bold;
  display: ruby;
}

.assessment-form-matrix-question th, .assessment-form-matrix-question td {
  border-color: #4c4c4c !important;
  text-align: center;
}

.jt-container .preview-container .btn-group-toggle--radio .btn:not(.btn-icon),
.jt-container .preview-container .btn-group-toggle--radio .btn:not(.btn-icon),
.jt-container .free-text-question, .jt-container .word-counter,
.jt-container .question-dropdown {
  box-shadow: 0 0 0 1px #4c4c4c !important;
}

.assessmentFormAdvanced #btn-add-option {
  color: #17a2b8 !important;
  border-color: #17a2b8 !important;
}

.assessmentFormAdvanced .design-question-addonemore {
  color: #17a2b8 !important;
}

.assessmentFormAdvanced .design-question-addbutton-container svg path {
  fill: #17a2b8 !important;
}

.assessmentFormAdvanced #btn-add-option:hover {
  color: white;
  background-color: #0d3f68;
  border-color: #0d3f68;
}

.assessmentFormAdvanced #btn-add-option:hover .design-question-addonemore {
  color: white !important;
}

.assessment-test-candidate-Detail .candiadate-detail-order-importance-option {
  width: 90% !important;
}

.assessment-test-candidate-Detail .candidate-detail-six-dot {
  position: absolute;
  top: 20px;
}

.assessmentFormAdvanced .btn-js-add-linkert-statement {
  border-color: #17a2b8 !important;
}

.assessmentFormAdvanced .btn-js-add-linkert-statement:hover {
  color: white;
  background-color: #0d3f68;
  border-color: #0d3f68;
}

.assessmentFormAdvanced .btn-js-add-linkert-statement:hover .design-question-addonemore {
  color: white !important;
}

.assessmentFormAdvanced .btn-js-add-linkert-statement svg path {
  fill: #17a2b8 !important;
}

.choicequestion .option-text {
  display: inline;
}

.assessmentFormAdvanced .branch-design-question-card.active .select-GoTo-Question, .assessmentFormAdvanced .branch-selector-guide {
  font-weight: bold;
}

.assessmentFormAdvanced .design-question-ordinal {
  width: 15px;
}

.assessmentFormAdvanced .media-delete-button {
  top: 165px;
}

.assessmentFormAdvanced textarea.design-question-textbox.form-control {
  height: 34px;
}

.assessmentFormAdvanced .designer-quiz-option-correct {
  font-family: inherit;
}

.question-correct-order, .candidate-answer-order {
  font-size: 12px;
  font-weight: bold;
}

.total-option-validation {
  padding-right: 5px;
}

.instruction-placeholder-text {
  font-size: 16px;
}

.rating-container fieldset {
  text-align: center;
}

.min-rating-label, .max-rating-label {
  margin-right: 20px;
}

app-candidate-detail app-assessmentformtest .question-option {
  display: -webkit-box;
  right: 2px;
}

app-candidate-detail app-assessmentformtest .candidate-detail-six-dot {
  position: absolute;
  top: 20px;
  right: 2px;
}

.question-instruction-detail li {
  width: 100%;
}

.question-setting-label .max-rating-adjust-label {
  padding-right: 9px;
}

.adjust-rating-max-label, .adjust-rating-min-label {
  width: 130%;
}

.matrix-options-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.std-matrix-statement {
  position: sticky;
  left: 0;
  background: var(--main-bg-color);
  z-index: 2;
  min-width: 190px;
  max-width: 190px;
}

.assessmentFormAdvanced .branch-design-question-card.active .branch-design-card .branch-selector .select-control {
  font-size: 14px;
}

.assessmentFormAdvanced .office-form-question-designer.office-form-theme-focus-border {
  min-width: -webkit-fill-available;
}

.question-instruction-detail p {
  margin: 0;
  padding: 0;
}

.question-instruction-detail ul,
.question-instruction-detail ol {
  margin-top: 0 !important;
  margin-bottom: 0;
}

.assessmentFormAdvanced textarea.design-question-textbox.form-control {
  font-family: Montserrat, Arial !important;
}

.adv-custom-field .add-question-type-section {
  word-break: break-word;
}

.card {
  margin: 0.5rem 1rem 1rem 0;
}

.candiadate-detail-order-importance-option {
  padding: 10px;
  margin-bottom: 6px;
}

.question-option .card-content {
  width: 96%;
}

.candidate-detail-six-dot {
  position: absolute;
  top: 15px;
  right: 8px;
}

.question-box .table-container {
  min-height: 20vh;
}

.question-edit-button svg#up {
  stroke: var(--question-mark-correct-color) !important;
}

#form-designer-container .action.container-fluid {
  width: 80%;
  float: inline-end;
}

.JATJobsList .h1,
.JATJobsList .h2,
.JATJobsList .h3,
.JATJobsList .h4,
.JATJobsList .h5,
.JATJobsList .h6,
.JATJobsList h3,
.JATJobsList #sidebar li a,
.JATJobsList .table_row .table_cell_container .table_cell,
.JATJobsList .showing_result,
.JATJobsList .showing_result select,
.JATJobsList .pagination .page-link {
  font-weight: var(--label-font-weight);
}

.anonymous-warning-message {
  color: var(--job-list-anonymous-warning-message);
}

.JATJobsList .table_cell .load-speaker-icon {
  float: right;
  margin-right: auto;
}
.JATJobsList .table_cell .load-speaker-icon svg {
  height: 20px !important;
  width: 20px !important;
}

@media (max-width: 767px) {
  .job-list-stats-tiles-contianer .card.job-stat-tile-container {
    margin-top: 10px;
  }
}
.job-list-stats-tiles-contianer .card.job-stat-tile-container {
  color: var(--text-gray-900);
  width: 97.2%;
  min-height: 92px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: medium;
  background: var(--home-job-list-card-background-color);
}

.job-list-stats-tiles-contianer .card.job-stat-tile-container .stats-title {
  color: #fff;
  font-size: 11px;
  line-height: 1.25rem;
}

.job-list-stats-tiles-contianer .card.job-stat-tile-container .stats-count {
  color: var(--job-card-title-color);
  font-weight: 600;
  font-size: 19px;
  line-height: 33px;
}

.job-list-stats-tiles-contianer .card.job-stat-tile-container:hover {
  background: var(--home-job-list-card-hover-color);
  box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 4px;
}

.job-list-stats-tiles-contianer .card.job-stat-tile-container.active .stats-title {
  color: var(--input-bg-color);
}

.job-list-stats-tiles-contianer .card.job-stat-tile-container.active .selected-stat {
  top: 0.5rem;
  right: 0.5rem;
  position: absolute;
}

.job-list-stats-tiles-contianer .card.job-stat-tile-container.active {
  background: var(--job-stat-tile-active-color);
  color: var(--input-bg-color);
  /*border: 2px solid $home-job-list-card-tooltip-color;*/
  border-left: 0;
  border-right: 0;
  border-bottom: 6px solid #fff;
  border-radius: 0.25rem;
}

.job-list-stats-tiles-contianer .card.job-stat-tile-container.active .stats-count {
  color: #fff;
}

.job-list-stats-tiles-contianer .card.job-stat-tile-container {
  position: relative;
  cursor: pointer;
}

.job-list-stats-tiles-contianer .custom-tooltip {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 12px;
  position: absolute;
  z-index: 100;
  opacity: 0;
  transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 90%;
  box-sizing: border-box;
  transform: translateY(5px);
}

.job-list-stats-tiles-contianer .custom-tooltip.top-center {
  bottom: 100%;
  left: 0;
  right: 0;
  margin: 0 auto 14px auto;
}

.job-list-stats-tiles-contianer .card.job-stat-tile-container:hover .custom-tooltip {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  z-index: 9999;
}

.job-list-stats-tiles-contianer .custom-tooltip.top-center::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.JATJobsList .job-list-info-icon svg {
  fill: var(--report-builder-preview-icon-color);
  height: 19px;
  width: 19px;
}

.email-notfound {
  font-size: 14px;
}

.inbox-threads {
  max-height: 500px;
  min-height: 500px;
  overflow-y: auto;
}

.description-container {
  display: flex;
}

.description-title {
  margin-right: 5px;
}

.convert-to-candidate.modal-header {
  justify-content: left !important;
}

.master-account-container .pagination-container {
  display: none;
}

.ViewCalendarList .fc-toolbar-chunk {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 10px;
}
.ViewCalendarList .fc-toolbar-title {
  margin: 0 10px !important;
}
.ViewCalendarList .fc-scrollgrid table, .ViewCalendarList .fc-daygrid-body.fc-daygrid-body-unbalanced {
  width: 100% !important;
}

app-assign-to-job .assign-btn {
  margin-left: 24%;
}

app-assign-to-job .redeployment-form-btn {
  margin-left: 34%;
}

app-assign-to-job .cofirm-action-button {
  margin-left: 84%;
}

/*--filter_tags--*/
.filter-tags {
  position: relative;
}

.filter-tags .filter-tag {
  display: inline-block;
  background: #3fc380;
  color: var(--white);
  padding: 5px 10px;
  margin: 2px 2px 2px 20px;
  position: relative;
  cursor: default;
  -webkit-transform-origin: 0% 50%;
  -webkit-animation: swing 1s;
  -o-animation: swing 1s;
  animation: swing 1s;
}

.filter-tags .filter-tag:before {
  content: "";
  position: absolute;
  width: 0;
  /*background: inherit;*/
  height: 14px;
  border: 14px solid transparent;
  border-right-color: #3fc380;
  left: -28px;
  top: 0;
}

.filter-tags .filter-tag:after {
  content: "";
  width: 6px;
  height: 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: var(--white);
  position: absolute;
  left: -3px;
  top: 12px;
}

.redeployment-history .timeline .time-label,
.redeployment-history .timeline .bg-aqua {
  z-index: 1;
}

.filter-tags .filter-tag .filter_close {
  position: absolute;
  background: inherit;
  left: -4px;
  font-size: 2rem;
  line-height: 18px;
  z-index: 3;
  visibility: hidden;
}

.redeployment-history .timeline:before {
  top: 115px;
  z-index: unset;
}

.filter-tags .filter-tag:hover .filter_close {
  visibility: visible;
}

.redeployment-history#collapseMore,
.redeployment-history#collapseMore .card,
.redeployment-history#collapseMore .tab-content {
  background-color: var(--candidate-profile-tabs-content-bg-color);
}

.redeployeeUser .user_table .table-container {
  min-height: 0 !important;
}

.filter-tags .filter_close:hover {
  color: rgba(0, 0, 0, 0.5);
}

app-assign-to-job app-common-table .table-container {
  min-height: 0 !important;
}

app-assign-to-job .top-margin {
  margin-top: 20px;
}

.redeployeePreviousRecord .user_table .table-container {
  min-height: 0;
}

.redeployment-case-search .search-icon .icon {
  fill: var(--home-job-search-icon-fill-color);
}

.redeployment-case-search.home_search .search-icon {
  top: 14px;
}

app-cases-list app-talent-pool-search-filter .btn_filter {
  margin-top: -46px;
}

.required-class {
  color: red;
}

.caseload-list #Filtercollapse .filter_tags .filter_tag:before {
  border: 14px solid var(--search-filter-tage-border-color-redeployment);
  border-right-color: #F95;
}

.view-redeployement-form .border {
  border: 2px solid var(--model-boarder-color) !important;
}

redeployee-jobs-table .redeployment-text-center {
  margin-left: 10%;
  min-width: 100%;
  margin-top: 2%;
}

#home-dashboard {
  padding: 20px;
  /*height:73vh;*/
}

/**********************************************************************/
/*Stats*/
/**********************************************************************/
#dashboardBuilder .stats {
  margin-top: 20px;
  display: flex;
  /*justify-content: space-between;*/
  margin-bottom: 20px;
}

#dashboardBuilder .stat-item {
  background-color: white;
  border: 1px solid;
  padding: 20px;
  border-radius: 8px;
  text-align: center;
  width: 16%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  position: relative;
}

#dashboardBuilder .stat-item span {
  display: block;
  font-size: 24px;
  margin-top: 10px;
}

#dashboardBuilder .close-btn {
  background: none;
  border: none;
  font-size: 20px;
  cursor: pointer;
  position: absolute;
  top: -3px;
  right: 4px;
}

/**********************************************************************/
/*Widgets*/
/**********************************************************************/
/*#home-dashboard .dashboard-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
  width: 100%;
  height: 100%;
}*/
#home-dashboard .dashboard-container {
  display: grid;
  grid-template-columns: repeat(6, 1fr); /* 6 equal columns */
  grid-auto-rows: 320px; /* Set a base height for each row */
  gap: 10px;
  width: 100%;
  height: 100%;
}

#home-dashboard .widget {
  display: flex;
  flex-direction: column;
  border: 1px solid;
  background-color: #f9f9f9;
  position: relative;
  border-radius: 4px;
}

#home-dashboard .widget-header {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #eee;
  border-bottom: 1px solid;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  height: 30px;
}

#home-dashboard .widget-header button {
  background: none;
  border: none;
  cursor: pointer;
}

#home-dashboard .widget-content {
  padding: 10px;
  text-align: center;
  flex-grow: 1;
  overflow: auto;
}

/*#home-dashboard .widget-1x1 {
  grid-column: span 1;
  grid-row: span 1;
}

#home-dashboard .widget-1x2 {
  grid-column: span 1;
  grid-row: span 2;
}

#home-dashboard .widget-2x2 {
  grid-column: span 2;
  grid-row: span 2;
}

#home-dashboard .widget-1x3 {
  grid-column: span 1;
  grid-row: span 3;
}

#home-dashboard .widget-3x1 {
  grid-column: span 3;
  grid-row: span 1;
}*/
#home-dashboard .widget-1x1 {
  grid-column: span 1;
  grid-row: span 1;
}

#home-dashboard .widget-1x2 {
  grid-column: span 1;
  grid-row: span 2;
}

#home-dashboard .widget-2x2 {
  grid-column: span 2;
  grid-row: span 2;
}

#home-dashboard .widget-1x3 {
  grid-column: span 1;
  grid-row: span 3;
}

#home-dashboard .widget-3x1 {
  grid-column: span 3;
  grid-row: span 1;
}

@media (max-width: 1200px) {
  #home-dashboard .dashboard-container {
    grid-template-columns: repeat(4, 1fr); /* Adjust to 4 columns on smaller screens */
  }
}
@media (max-width: 800px) {
  #home-dashboard .dashboard-container {
    grid-template-columns: repeat(2, 1fr); /* Adjust to 2 columns */
  }
}
@media (max-width: 600px) {
  #home-dashboard .dashboard-container {
    grid-template-columns: 1fr; /* Adjust to 1 column on mobile */
  }
}
/**********************************************************************/
/*Choose Widgets*/
/**********************************************************************/
/*.component-header {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px;
}*/
/*.tab {
  margin-right: 10px;
  padding: 10px 20px;
  cursor: pointer;
}*/
.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  grid-gap: 15px;
}

/*.grid-item {
  background: #f4f4f4;
  border: 1px solid #ccc;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}*/
.widget-box {
  width: 100%;
  height: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--sky-blue);
  margin-bottom: 10px;
}

/*.widget-content {
  width: 80%;
  height: 80%;
  border: 1px solid #000;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}*/
.widget-label {
  text-align: center;
  font-size: 14px;
}

.widget-box svg {
  height: 120px !important;
  width: 120px !important;
}

/*.widget-box1 {
  width: 60%;
  height: 60%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #000;
  margin-bottom: 10px;
}*/
/**********************************************************************/
/*Selected Widgets*/
/**********************************************************************/
.emails {
  grid-row: span 2;
}

.email-list {
  max-height: 400px;
  overflow-y: auto;
}

.email-item {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.plus-icon {
  font-size: 50px;
  color: #ccc;
}

.close-btn svg {
  fill: #f15a29 !important;
  width: 20px !important;
  height: 20px !important;
}

.email-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.email-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

.email-item:last-child {
  border-bottom: none;
}

.email-content {
  flex-grow: 1;
  margin-right: 10px;
}

.email-name {
  font-weight: bold;
  margin: 0;
}

.email-subject {
  color: #666;
}

.email-time {
  flex-shrink: 0;
  text-align: right;
}

.task-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.task-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  margin-bottom: 10px;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  color: #333;
  font-size: 18px;
}

.task-item.yellow {
  background-color: #f5f59e;
}

.task-item.red {
  background-color: #ff4c4c;
  color: white;
}

.task-date {
  font-size: 16px;
}

.candidate-per-stage {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.chart-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #888;
  font-size: 16px;
  background-color: #f0f0f0;
}

.close-widget-action svg, .edit-widget-action svg {
  width: 20px !important;
  height: 20px !important;
}

.close-widget-action svg {
  fill: #f15a29 !important;
}

/* .add-widget-container - styling handled by child elements */
.add-widget-container svg {
  width: 35px !important;
  height: 35px !important;
}

.widget-content2 {
  padding: 10px;
  text-align: center;
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.widget-tabs {
  padding: 16px;
}

.pill-tabs {
  display: flex;
  border-radius: 25px;
  overflow: hidden;
  border: 1px solid #ccc;
  width: 30%;
}

.pill-tabs button {
  flex: 1;
  padding: 10px 20px;
  border: none;
  background-color: #f1f1f1;
  color: #333;
  cursor: pointer;
  outline: none;
}

.pill-tabs button.active {
  background-color: #d3d3d3;
  color: #000;
}

.pill-tabs button:not(:last-child) {
  border-right: 1px solid #ccc;
}

.pill-tabs button:hover {
  background-color: #ddd;
}

.tab-content {
  padding: 20px;
  border-top: none;
}

#home-dashboard .dashboard-container .widget .card {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

/* Adjust card-body to take the available space */
#home-dashboard .dashboard-container .widget .card-body {
  /*display: flex;*/
  justify-content: center;
  align-items: center;
  padding: 10px;
  flex-direction: column;
  height: 100%;
  text-align: center;
}

#home-dashboard .dashboard-container .widget-1x1.widget .card-body {
  display: flex;
}

#home-dashboard .dashboard-container .widget .ethnicityChart {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

#home-dashboard .dashboard-container .widget .ethnicityChart.diversityReportTwoByOne,
#home-dashboard .dashboard-container .widget .timeToApprove.timeToApproveReportTwoByOne {
  flex-direction: row !important;
  display: flex;
}

#home-dashboard .dashboard-container .widget .ethnicityChart #ethnicityChart,
#home-dashboard .dashboard-container .widget .ethnicityChart #genderChart {
  width: 100%;
  height: 200px;
  transform: none;
}

#home-dashboard .dashboard-container .widget-todolist .card-body {
  max-height: 600px;
  overflow-y: auto;
}

#home-dashboard .dashboard-container .widget #mainCalender.card-body {
  height: 500px;
  overflow: auto;
}

#home-dashboard .dashboard-container .widget .awaiting-offer-authorisation .card-body {
  padding: 0px;
}

/* General canvas positioning for all charts (original working rule) */
#home-dashboard .dashboard-container .widget .card-body canvas {
  width: 100% !important;
  max-height: 85%;
  position: absolute;
  left: 0;
}

/* Specific canvas positioning for the two charts that needed layout fixes */
#home-dashboard .dashboard-container .widget .card-body canvas#dashboard-builder-chart-view-over-time,
#home-dashboard .dashboard-container .widget .card-body canvas#dashboard-builder-chart-view-candidate-over-time {
  width: calc(100% - 20px) !important;
  height: calc(100% - 40px) !important;
  position: absolute;
  left: 10px;
  top: 30px;
}

#chooseDashboardWidget .widget-tabs .backArrow {
  width: 21px;
}

#chooseDashboardWidget .widget-tabs .backArrow .app-svg-icon div {
  display: unset;
}

.widget-tabs .pill-tabs button {
  background-color: var(--widget-pill-button);
  color: var(--label-color);
}

.pill-tabs button.active {
  background-color: var(--sky-blue);
}

.widget-tabs .pill-tabs {
  border: 1px solid var(--widget-pill-button-border);
}

@media only screen and (max-width: 440px) {
  #dashboardBuilder .stat-item {
    width: 100%;
  }
}
.dashboard-grid-container {
  height: 100%;
}

gridster-item {
  background: none !important;
}

gridster .gridster-column {
  border-left: none !important;
  border-right: none !important;
}

gridster .gridster-row {
  border-top: none !important;
  border-bottom: none !important;
}

@media only screen and (min-width: 1600px) {
  .card.bottel-neck-widget {
    justify-content: space-between !important;
  }
  .days_per_status {
    margin-top: 4px;
  }
}
#advance-home-dashboard .stats .stat-tile-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#dashboard-builder-chart-view {
  height: 230px;
}

#dashboard-builder-chart-view-over-time {
  height: 250px;
}

#dashboard-builder-chart-view-candidate-over-time {
  height: 250px;
}

#advance-home-dashboard .view-as-user-dashboard {
  width: 19.8% !important;
}

.assign-interviewer-form h4 {
  background-color: #0091AE;
  color: #fff;
}

.assign-interviewer-modal .modal-body {
  padding-top: 0px;
  margin: 0px;
  margin-top: 0px;
}

.assign-interviewer, .email-interviewer, .email-candidate {
  margin-right: -10px;
  margin-left: -10px;
}

.assign-interviewer h4 {
  padding: 10px;
}

.email-interviewer h4 {
  padding: 7px;
  padding-bottom: 2px;
}

.email-candidate h4 {
  padding: 7px;
  padding-bottom: 2px;
}

.team-signin-warnings-model {
  background-color: rgba(0, 0, 0, 0.7);
  float: left;
  width: 100%;
  position: fixed;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 99999;
}

.appointment_date_time_form form-actions {
  margin-right: 10px;
}

.fc .fc-button-primary {
  background-color: #20647d !important;
  border-color: #20647d !important;
}
.fc .fc-button-primary:hover, .fc .fc-button-primary:focus {
  background-color: #0091AE !important;
  border-color: #0091AE !important;
}
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
  background-color: #0091AE !important;
  border-color: #0091AE !important;
}
.fc .fc-button-primary:focus, .fc .fc-button-primary:not(:disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgba(32, 100, 125, 0.5) !important;
}

.fc .fc-day-today:not(.fc-col-header-cell) {
  background-color: var(--cylindrical-coordinate) !important;
}

.fc .fc-col-header-cell.fc-day-today {
  background-color: #002A44 !important;
}
.fc .fc-col-header-cell.fc-day-today .fc-col-header-cell-cushion {
  color: #fff !important;
}

.fc .fc-timegrid-event .fc-event-main,
.fc .fc-daygrid-event .fc-event-main,
.fc .fc-list-event .fc-list-event-title,
.fc .fc-list-event-time {
  color: #002A44 !important;
}

.fc-event-main-frame {
  display: flex;
  padding: 2px 0px;
  font-weight: 600 !important;
}

/*# sourceMappingURL=cleanCustom.css.map */