@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;
  --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;
  --linen: #fef1dc;
  /* 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;
  /* ---------------------------------------------------
               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);
  --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);
  /*--------- 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);
  /*-------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---------------*/
  /* ---------------------------------------------------
              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);
  /* ---------------------------------------------------
              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;*/
  /* ---------------------------------------------------
             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); }

[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;
  --linen: #fef1dc;
  /* 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: unset;
  --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);
  --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);
  /*-------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---------------*/
  /* ---------------------------------------------------
              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);
  /* ---------------------------------------------------
              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);
  /* ---------------------------------------------------
             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); }

/*$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 {
    margin-left: 40px; }
    .navbar-dark .navbar-brand img {
      width: 20px; } }

.navbar-dark .navbar-nav .nav-link.show {
  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 .show > .nav-link:hover {
    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: .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: .6em;
  padding-left: .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); }

#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; } }

#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 {
  background-color: var(--card-header-bg-color);
  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: .75rem .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: 0px auto 6px; }

.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); }

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

/* 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: .5rem .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;
  --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;
  --linen: #fef1dc;
  /* 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;
  /* ---------------------------------------------------
               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);
  --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);
  /*--------- 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);
  /*-------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---------------*/
  /* ---------------------------------------------------
              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);
  /* ---------------------------------------------------
              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;*/
  /* ---------------------------------------------------
             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); }

[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;
  --linen: #fef1dc;
  /* 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: unset;
  --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);
  --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);
  /*-------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---------------*/
  /* ---------------------------------------------------
              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);
  /* ---------------------------------------------------
              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);
  /* ---------------------------------------------------
             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); }

/*$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: .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;
  --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;
  --linen: #fef1dc;
  /* 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;
  /* ---------------------------------------------------
               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);
  --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);
  /*--------- 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);
  /*-------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---------------*/
  /* ---------------------------------------------------
              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);
  /* ---------------------------------------------------
              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;*/
  /* ---------------------------------------------------
             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); }

[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;
  --linen: #fef1dc;
  /* 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: unset;
  --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);
  --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);
  /*-------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---------------*/
  /* ---------------------------------------------------
              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);
  /* ---------------------------------------------------
              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);
  /* ---------------------------------------------------
             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); }

/*$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: .375rem .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: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .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: -.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: -.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: -.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: -.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 {
  /* #myTabModalContent {
    .tab-pane {
      .tab-content {
        background: $white;
      }
    }
  }*/ }
  app-alert-create .alertsSetupCreate .table {
    color: var(--alert-setup-table-color); }

/*--------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: .375rem .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: .25rem !important;
  transition: border-color .15s ease-in-out,box-shadow .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: .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: .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: .25rem;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.file-upload-wrapper:hover:before {
  background: #0d3f68 !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: .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: .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: .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: .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: .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: .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 {
  background-color: var(--vonq-basket-card-total-bg-color); }

app-vonq-products .btn-link,
app-vonq-products .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); }

#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: 0;
    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); }

#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 1.0rem;
  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: #ff3600d9; }

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: #ff3600d9; }

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); }

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; }

: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;
  --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;
  --linen: #fef1dc;
  /* 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;
  /* ---------------------------------------------------
               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);
  --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);
  /*--------- 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);
  /*-------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---------------*/
  /* ---------------------------------------------------
              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);
  /* ---------------------------------------------------
              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;*/
  /* ---------------------------------------------------
             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); }

[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;
  --linen: #fef1dc;
  /* 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: unset;
  --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);
  --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);
  /*-------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---------------*/
  /* ---------------------------------------------------
              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);
  /* ---------------------------------------------------
              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);
  /* ---------------------------------------------------
             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); }

/*$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); } }

.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: .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; }

.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 1.0rem;
  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: .25rem;
  font-size: 1.4rem !important; }

.parentSectormain .card .card-header {
  padding: .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; }

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.0%;
    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; }

.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; }

.datebox.closing-date-container .btn-reset-date {
  z-index: 999;
  height: 20px; }

.datebox.closing-date-container .btn-reset-date,
.datebox.closing-date-container .calendar-icon {
  top: 0; }

.postdurationclose .closing-date-container .confirm-job-posting-calender-icon {
  width: 16px;
  height: 16px; }

.add-job-fieldset .ngx-dropdown-container .ngx-dropdown-list-container {
  z-index: 999999999 !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; }

.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: .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: .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; }

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: #e6e6e6 !important;
  border-right-color: #e6e6e6 !important;
  border-bottom-color: #e6e6e6 !important;
  border-left-color: #e6e6e6 !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); }

.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: .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); }

/* 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: .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: .375rem .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: .375rem .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: .375rem .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); }

.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: .2rem;
  border-top-right-radius: .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; }

#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 .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;
  --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;
  --linen: #fef1dc;
  /* 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;
  /* ---------------------------------------------------
               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);
  --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);
  /*--------- 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);
  /*-------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---------------*/
  /* ---------------------------------------------------
              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);
  /* ---------------------------------------------------
              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;*/
  /* ---------------------------------------------------
             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); }

[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;
  --linen: #fef1dc;
  /* 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: unset;
  --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);
  --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);
  /*-------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---------------*/
  /* ---------------------------------------------------
              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);
  /* ---------------------------------------------------
              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);
  /* ---------------------------------------------------
             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); }

/*$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); }

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;
  --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;
  --linen: #fef1dc;
  /* 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;
  /* ---------------------------------------------------
               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);
  --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);
  /*--------- 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);
  /*-------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---------------*/
  /* ---------------------------------------------------
              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);
  /* ---------------------------------------------------
              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;*/
  /* ---------------------------------------------------
             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); }

[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;
  --linen: #fef1dc;
  /* 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: unset;
  --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);
  --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);
  /*-------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---------------*/
  /* ---------------------------------------------------
              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);
  /* ---------------------------------------------------
              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);
  /* ---------------------------------------------------
             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); }

/*$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: #ff8428; }

.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: .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: .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: .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: #ffff; }
      .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: .375rem .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: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .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: .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); }

.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 .75rem;
  border: 1px solid var(--btn-primary-hover-bg-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: .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);
  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;
  --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;
  --linen: #fef1dc;
  /* 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;
  /* ---------------------------------------------------
               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);
  --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);
  /*--------- 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);
  /*-------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---------------*/
  /* ---------------------------------------------------
              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);
  /* ---------------------------------------------------
              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;*/
  /* ---------------------------------------------------
             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); }

[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;
  --linen: #fef1dc;
  /* 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: unset;
  --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);
  --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);
  /*-------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---------------*/
  /* ---------------------------------------------------
              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);
  /* ---------------------------------------------------
              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);
  /* ---------------------------------------------------
             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); }

/*$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; }

/*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: .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 #0000003d;
  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); }

: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;
  --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;
  --linen: #fef1dc;
  /* 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;
  /* ---------------------------------------------------
               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);
  --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);
  /*--------- 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);
  /*-------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---------------*/
  /* ---------------------------------------------------
              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);
  /* ---------------------------------------------------
              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;*/
  /* ---------------------------------------------------
             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); }

[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;
  --linen: #fef1dc;
  /* 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: unset;
  --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);
  --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);
  /*-------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---------------*/
  /* ---------------------------------------------------
              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);
  /* ---------------------------------------------------
              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);
  /* ---------------------------------------------------
             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); }

/*$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; }

.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: white;
  border-color: white;
  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 .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: .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: .255em;
  margin-top: 10px;
  float: right;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .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: .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: .8rem .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: '\2713';
  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: .375rem .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 .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: .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 .75s;
  animation: shine .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: .15rem .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: .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; }

/* 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: .5em .8em;
  font-size: var(--font-size-primary); }

.jobapproval .badge i {
  margin-right: 5px; }

.attacheddocuments .badge {
  margin-top: 0;
  margin-right: 5px;
  padding: .5em .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: .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 .4s ease; }

.active .fa-caret-right {
  transform: rotate(90deg); }

.panel-title a {
  text-decoration: none; }

.search_list .search_header {
  background-color: #e5f6fb;
  padding: .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: .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: .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 + .75rem + 2px);
  padding: .375rem .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: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .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: .4rem .5rem;
  float: left;
  width: 100%; }

.candidate-list-dtl ul .badge {
  padding: .7em .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 .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: .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: .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 .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: .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; }

.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 1.0rem; }

.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: .375rem .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 #212121;
  -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 .15s linear;
  -o-transition: -o-transform .15s linear;
  -webkit-transition: -webkit-transform .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 .ng5-slider .ng5-slider-bubble {
  cursor: default;
  bottom: 4px;
  padding: 1px 3px;
  color: #55637d;
  font-size: 1.4rem; }

.miles-slider .ng5-slider .ng5-slider-pointer {
  width: 20px;
  height: 20px;
  top: -9px;
  background-color: #ff8428; }

.miles-slider .ng5-slider .ng5-slider-pointer:focus {
  outline: none;
  box-shadow: none; }

.miles-slider .ng5-slider .ng5-slider-pointer:after {
  width: 8px;
  height: 8px;
  top: 6px;
  left: 6px;
  background: var(--white); }

.miles-slider .ng5-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: .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; }

/*#chartdiv2 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 .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: .75rem !important; }

#identityCheckTabContent table tr td {
  padding: .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 .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; }

.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) !important; }

.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: .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: lighter; }

.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 .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: .25rem;
  font-size: var(--font-size-primary);
  color: #ff3939; }

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-content {
  background-color: #f1bd75; }

.accept-calender-entry .fc-content {
  background-color: #3fc380; }

.booked-calender-entry .fc-content {
  background-color: #ffe819; }

/*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 #0000003d !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 {
  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; }

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: .75rem !important; }

/* pagination */
.pagination .page-link {
  border-radius: .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; }

.CalendarEntryDecide h4 {
  background-color: #177e9c;
  color: var(--white);
  padding: .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-content {
  background-color: #3fc380; }

.booked-calender-entry .fc-content {
  background-color: #ffe819; }

.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; }

.top-0 {
  top: 0; }

.end-0 {
  right: 0; }

.event_dashboard .table-container {
  min-height: 10vh; }

@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; }

#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, .rb_filter select {
  width: auto;
  height: 29px;
  display: inline;
  margin: .375rem .30rem;
  font-size: 1rem; }

#reportBuilder .rb_filter .ngx-dropdown-container {
  width: 30%;
  height: 29px;
  display: inline;
  margin: .375rem .30rem;
  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: #0000001e;
  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: 1.0rem 1.75rem 1.0rem 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 {
  opacity: 0.5;
  /* or any other styling to indicate it's disabled */
  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); }

.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); }

.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; }

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; }

.filter-tags .filter_close:hover {
  color: rgba(0, 0, 0, 0.5); }

app-assign-to-job app-common-table .table-container {
  min-height: 0; }

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%; }