@import url('https://fonts.googleapis.com/css?family=Muli:400,600,700,800');
/*****************************
  Base styles
*****************************/
html { min-height: 100%; height: 100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-weight: 400; -ms-overflow-style: -ms-autohiding-scrollbar; }
body { font-family: 'Muli', sans-serif; box-sizing: border-box; margin: 0; padding: 0; border: 0; -webkit-font-smoothing: antialiased; overflow-y: hidden; overflow-x: hidden; display: flex; flex-direction: column; height: 100%; background-color: var(--primary-03); }
body.invoicebody { overflow-y: auto !important; }
#gh-page-box { height: 100%; flex: 1; display: block; flex-direction: column; min-height: 100%; width: 100%; }
#gh-page-box-sml { background-color: var(--primary-03); height: 100%; flex: 1; border-radius: 4px; display: flex; flex-direction: column; min-height: 240px; max-width: 1040px; margin-bottom: 30px; box-shadow: 0 2px 8px rgba(31,45,61,.05); margin: 0 auto; }
.no-text-highlight { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.transition { transition: all 0.5s; }
/*****************************
  Colours
*****************************/
.overlay-popout-google { right: 11px!important; width: 45px!important; height: 45px!important; background-color: white!important;
background: #a7a7a7; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #a7a7a7 0%,#d1d1d1 40%,#d1d1d1 40%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 }
.cv-skeleton { height: 80vh; display: flex; align-items: center; justify-content: center; }
.cv-image { max-width: 100%; height: auto; display: block; margin: 0 auto; border-radius: 6px; box-shadow: 0 2px 8px rgba(31,45,61,.08); }
.cv-scroll { max-height: 80vh; height: 80vh; overflow: auto; border-radius: 6px; border: solid 1px var(--border); background-color: #fff; }
.cv-doc { width: 100%; min-height: 80vh; display: block; border: none; }
/*****************************
  Colours
*****************************/
:root {

    /*** Primary ***/
    /* --primary-01: #006400; */
    /* --primary-01: #257BFF; */
    --primary-01: #3859ff;
    --primary-02: #202123;
    --primary-03: #ffffff;

    /*** Dark neutrals ***/

    --dark-neutral-01: #091E42;
    --dark-neutral-02: #172B4D;
    --dark-neutral-03: #253858;
    --dark-neutral-04: #344563;
    --dark-neutral-05: #42526E;

    /*** Mid neutrals ***/

    --mid-neutral-01: #505F79;
    --mid-neutral-02: #5E6C84;
    --mid-neutral-03: #6B778C;
    --mid-neutral-04: #7A869A;
    --mid-neutral-05: #8993A4;
    --mid-neutral-06: #97A0AF;
    --mid-neutral-07: #A5ADBA;
    --mid-neutral-08: #B3BAC5;

    /*** Light neutrals ***/

    --light-neutral-01: #C1C7D0;
    --light-neutral-02: #DCE0E8;
    --light-neutral-03: #EBEDF5;
    --light-neutral-04: #F5F7FB;
    --light-neutral-05: #fafbfd;
    --light-neutral-06: #FFFFFF;

    /*** Reds ***/

    --red-01: #BF2600;
    --red-02: #DE350B;
    --red-03: #FF5630;
    --red-04: #FF7452;
    --red-05: #FF8F73;
    --red-06: #FFBDAD;
    --red-07: #FFEBE6;

    /*** Yellows ***/

    --yellow-01: #FF8B00;
    --yellow-02: #FF991F;
    --yellow-03: #FFAB00;
    --yellow-04: #FFC400;
    --yellow-05: #FFE380;
    --yellow-06: #FFF0B3;
    --yellow-07: #FFFAE6;

    /*** Greens ***/

    --green-01: #006644;
    --green-02: #00875A;
    --green-03: #36B37E;
    --green-04: #57D9A3;
    --green-05: #79F2C0;
    --green-06: #ABF5D1;
    --green-07: #E3FCEF;

    /*** Teals ***/

    --teal-01: #008DA6;
    --teal-02: #00A3BF;
    --teal-03: #00B8D9;
    --teal-04: #00C7E6;
    --teal-05: #79E2F2;
    --teal-06: #B3F5FF;
    --teal-07: #E6FCFF;

    /*** Blues ***/

    --blue-01: #0747A6;
    --blue-02: #0052CC;
    --blue-03: #0065FF;
    --blue-04: #2684FF;
    --blue-05: #4C9AFF;
    --blue-06: #B3D4FF;
    --blue-07: #DEEBFF;

    /*** Purples ***/

    --purple-01: #403294;
    --purple-02: #5243AA;
    --purple-03: #6554C0;
    --purple-04: #8777D9;
    --purple-05: #998DD9;
    --purple-06: #C0B6F2;
    --purple-07: #EAE6FF;

		/*** Pink ***/

		--pink-02: #ff7dc7;
		--pink-07: #ffeaf6;

		/*** Orange ***/

		--orange-02: #ff9d65;
		--orange-07: #ffefe6;

    /*** Typography ***/


    --mid-dark-font: #505F79; /* Mid neutral 1 */
    --mid-light-font: #7A869A; /* Mid neutral 4 */
    --light-font: #A5ADBA; /* Mid neutral 7 */

    /*** Iconography ***/

    /* --icon-lightest: #C1C7D0; */
    /* --icon-light: #353740;  */
    --icon-mid: #7A869A; /* Mid neutral 4 */
    --icon-dark: #505F79; /* Mid neutral 1 */
    --icon-darkest: #091E42; /* Primary 02 */
    --icon-positive: #36B37E; /* Green 3 */
    --icon-red: #FF5630; /* Red 3 */

    /*** Backgrounds ***/

    --light-background: #fafbfd; /* Light neutral 5 */
    --mid-background: #F5F7FB; /* Light neutral 4 */
    --mid-dark-background: #ececf1; /* Light neutral 2 */
    --dark-background: #7A869A; /* Mid neutral 4 */
    --light-hover: #F5F7FB; /* Light neutral 4 */
		--mid-hover: #EBEDF5; /* Light neutral 3 */
    --dark-nav: #0b2556; /* Alternative navigation color */

    /*** Avatars ***/

    --avatar-01: #C1C7D0; /* Light neutral 1 */

    /*** Other ***/

    --green-success: #36B37E; /* Green 3 */
    --red-alert: #DE350B; /* Red 1 */
    --notification: #DE350B; /* Red 2 */

    /*** Social colors ***/

    --linkedin: #007bb6;
    --facebook: #3b5998;
    --twitter: #50aee1;
    --google: #4285F4;

    /*** Ratings ***/

    --strong-no: #DE350B; /* Red 1 */
    --no: #FFC400; /* Yellow 4 */
    --neutral: #97A0AF; /* Mid neutral 6 */
    --yes: #0065FF; /* Primary 1 */
    --strong-yes: #36B37E; /* Green 3 */

		 /*** Upsell ***/

		--upsell-background: #822af0;
		--upsell-light-background: #f6f0ff;
		--upsell-light-border: #e7d7ff;


    /*** Borders ***/

    --border: #EBEDF5; /* Light neutral 3 */




    /* NEW COLORS */

    --white: #FFFFFF;
    --black: #000000;


    --default-btn-bg: #ebebef;
    --default-btn-bg-hover: #e2e2e7;

    --trial-banner-bg: #191a1f;

    --background-nav-hover: #f4f5f7;

    --icon-load-spinner: #c0c0c5;

    --form-field: #ffffff;


    /*** Fonts colors ***/

    --dark-font: #212428;
    --subtle-font: #686B81;


    --ai-colour: #212428;
    --ai-colour-light: #32363b;


    --ai-colour-dark: #4226a9;


    /*** Icon colors ***/

    --icon-light: #353740;
    --icon-lighter: #a0a0b4;
    --icon-lightest: #a0a0b4;
    --icon-dark: #383a43;
    --icon-standard: var(--icon-light);

    /*** Banner colors ***/

    --light-grey: #e8e9f2;
    --dark-grey: #3c425b;
    --light-green: #d3f4d3;
    --dark-green: #0b530b;
    --light-red: #ffeae4;
    --dark-red: #bf3715;
    --light-yellow: #ffeecf;
    --mid-yellow: #f9c86d;
    --dark-yellow: #5c4008;
    --light-blue: #d9e3ff;
    --dark-blue: #0a205c;
    --light-purple: #ead8ff;
    --dark-purple: #42117b;

}
/*** Typography colors ***/
h1,h2,h3,h4,h5,h6, p, li, select { color: var(--dark-font); }
a { color: var(--dark-font); }
.svg-inline--fa { color: var(--icon-standard); }
/* Ensure automation bolt icons use the correct colors globally */
.fa-bolt.fa-solid, .fa-bolt.fas { color: var(--yellow-03) !important; }
.fa-bolt.fa-regular, .fa-bolt.far { color: var(--icon-lighter) !important; }
.subtle-help-text { color: var(--mid-light-font); }
.subtle-help-text a { font-size: 0.77rem !important; }
/*** Social colors ***/
.linkedin { background-color: var(--linkedin); }
.facebook { background-color: var(--facebook); }
.twitter { background-color: var(--twitter); }
.google { background-color: var(--google); }
/*****************************
  Typography
*****************************/
h1,h2,h3,h4,h5,h6, p, li, select { margin: 0; padding: 0; }
h1 { font-size: 2rem; font-weight: 600; }
h2 { font-size: 1.8rem; font-weight: 600; }
h3 { font-size: 1.6rem; font-weight: 800; }
h4 { font-size: 1.4rem; font-weight: 600; }
h5 { font-size: 1.02rem; font-weight: 700; letter-spacing: 0.02rem; }
h6 { font-size: 1.02rem; font-weight: 700; letter-spacing: 0.02rem; }
.text-overflow-hidden { overflow: hidden; text-overflow: ellipsis; max-width: 100%; white-space: nowrap; }
/*****************************
  Dashboard shell layout
*****************************/
.dashboard-active { height: 100%; margin: 0 15px; }
.dash-nav { min-height: 110px; height: 110px; display: flex; flex-direction: column; align-items: stretch; justify-content: center; }
.dash-nav-actions { width: 100%; display: flex; align-items: center; }
.jobs-nav-actions-inner { display: flex; flex-direction: row; align-items: center; margin-left: auto; }
.dash-container { height: calc(100% - 127px); display: flex; flex-direction: row; min-height: 0; }
.dash-middle-section { display: flex; flex-direction: column; height: 100%; width: 100%; }
.candidate-list-wrapper { height: calc(100% - 56px); display: flex; flex-direction: column; width: 100%; }
.candidate-list-filter { display: flex; align-items: center; flex-direction: row; min-height: 50px; height: 50px; border-bottom: solid 1px var(--border); padding: 0 15px 0 8px; }
p, a, li, button, label, input, textarea, select, option, span { font-weight: 600; font-size: 0.77rem; letter-spacing: 0.02rem; }
.ql-editor p, .ql-editor span { font-weight: normal; }
/* DB: above line breaks wysiwyg editor making all text bold, this line fixes */
a { text-decoration: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; cursor: pointer; font-size: 0.77rem; }
.message-content-container a,
.message-preview a { font-weight: 700; text-decoration: underline; color: var(--primary-02); }
.message-content-container a:hover,
.message-preview a:hover { color: var(--primary-02); opacity: 0.8; }
.gh-strong-font { font-weight: 700; }
strong { font-weight: 800 !important; }
.subtle-text { color: var(--mid-light-font); }
.bold-text { font-weight: 700 !important; }
.readable-text { font-size: .82rem; line-height: 1.6; }
/*****************************
  Billing job list
*****************************/
.manage-billing-modal.modal-sml { min-width: 750px; max-width: 900px; max-height: 96vh; min-height: 540px; }
.manage-billing-modal .modal-inner { max-height: 70vh; overflow: auto; }
.manage-billing-modal .list { max-height: 50vh; overflow: auto; }
/*****************************
  Buttons
*****************************/
.btn { height: 40px; padding: 0 15px; display: flex; align-items: center; justify-content: center; white-space: nowrap; border-radius: 4px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; transition: all 0.5s; position: relative; }
.btn p { font-weight: 700 !important; font-size: .82rem; }
.btn .svg-inline--fa { transition: all 0.5s; color: var(--primary-03); font-size: 0.7rem; padding: 0 5px 0 0 !important; }
.primary-03-class { color: var(--primary-01); text-decoration: underline; }
/*** Primary button ***/
.primary-btn { background-color: var(--primary-01); color: var(--primary-03); }
.primary-btn p { color: var(--primary-03); font-size: .8rem; }
.primary-btn:hover { box-shadow: inset 0 -2px 0 rgba(31,45,61,.15); }
/* Generic button spinner component */
.btn .gh-inline-spinner { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; pointer-events: none; }
.btn .gh-inline-spinner .fa-spinner, .btn .gh-inline-spinner .svg-inline--fa { color: inherit !important; padding: 0 !important; font-size: 1.05em; line-height: 1; height: 1em; width: 1em; display: block; transform-origin: 50% 50%; }
.btn.btn--loading p { visibility: hidden; }
.btn.btn--loading .gh-inline-spinner { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.gh-welcome-ai-btn .gh-inline-spinner { position: absolute; left: 22px; right: auto; top: 50%; transform: translateY(-50%); margin: 0; }
.gh-welcome-ai-btn { position: relative; }
.gh-welcome-ai-btn p { margin: 0; width: 100%; text-align: center; }
.gh-welcome-divider { margin: 40px 0 38px; display: flex; align-items: center; }
.gh-welcome-divider hr { background-color: var(--border); border: none; height: 1px; width: 100%; }
.gh-welcome-divider p { text-transform: uppercase; margin: 0 18px; white-space: nowrap; text-align: center; color: var(--mid-light-font); }
.gh-welcome-secondary-text { margin-top: 12px; font-size: .8rem; color: var(--mid-light-font); }
.gh-welcome-secondary-link { font-weight: 600; }
/*** Default button ***/
.default-btn { max-width: -moz-fit-content; max-width: fit-content; background-color: var(--default-btn-bg); color: var(--dark-font); }
.default-btn p { color: var(--dark-font); font-size: .77rem; }
.default-btn .svg-inline--fa { color: var(--dark-font) !important; }
.default-btn:hover { background-color: var(--default-btn-bg-hover); }
.default-btn:hover .svg-inline--fa { color: var(--dark-font) !important; }
.svg-inline--fa.icon-orange { color: var(--yellow-03) !important; }
/*** Dashed button ***/
.dashed-btn { max-width: -moz-fit-content; max-width: fit-content; border: dashed 2px var(--border); }
.dashed-btn p { color: var(--dark-font); font-size: .77rem; }
.dashed-btn .svg-inline--fa { color: var(--dark-font) !important; }
.dashed-btn-sml { height: 26px; padding: 0 12px; }
.dashed-btn-sml p { font-size: .78rem; }
.dashed-btn-sml .svg-inline--fa { font-size: .58rem; }
/*** Dropdown button ***/
.dropdown-btn .svg-inline--fa { padding: 1px 0 0 5px !important; }
/*** Important button ***/
.important-btn { background-color: var(--red-07); }
.important-btn p { color: var(--red-02); }
.important-btn:hover { box-shadow: inset 0 -2px 0 var(--red-06); }
/*** Disabled button ***/
.disabled-btn { background-color: var(--light-neutral-05); cursor: default !important; box-shadow: inset 0px 0px 0px 1px var(--border); }
.disabled-btn p { color: var(--light-font) !important; }
.disabled-btn .svg-inline--fa { color: var(--light-font) !important; }
.gh-btn-faded { background-color: var(--light-neutral-05); }
.gh-btn-faded p, .gh-btn-faded .svg-inline--fa { color: var(--light-font) !important; }
/*** On button ***/
.on-btn { background-color: var(--green-03); }
.on-btn p { color: var(--primary-03); }
.on-btn:hover { box-shadow: inset 0 -2px 0 rgba(31,45,61,.15); }
/*** Off button ***/
.off-btn { background-color: var(--red-02); }
.off-btn p { color: var(--primary-03); }
.off-btn:hover { box-shadow: inset 0 -2px 0 rgba(31,45,61,.15); }
/*** Upsell button ***/
.upsell-btn { background-color: var(--upsell-background) }
.upsell-btn p { color: var(--primary-03); }
.upsell-btn:hover { box-shadow: inset 0 -2px 0 rgba(31,45,61,.15); }
/*** Upsell link ***/
.upsell-link-container .svg-inline--fa { color: var(--upsell-background) !important; }
.upsell-link { color: var(--upsell-background) !important; }
/*** Subtle button ***/
.subtle-btn { background-color: var(--red-07); }
.subtle-btn .svg-inline--fa { color: var(--red-01); }
.subtle-btn p { color: var(--red-01); }
/*** Lone button ***/
.lone-btn { width: 40px !important; padding: 0 !important; max-width: none !important; }
.lone-btn .svg-inline--fa { padding: 0 !important; font-size: 0.85rem; }
.lone-btn-margin-left { margin-left: 10px; }
/*** Lone button small ***/
.lone-btn-small { width: 29px !important; min-width: 29px !important; min-height: 29px !important;  height: 29px !important; padding: 0 !important; }
.lone-btn-small .svg-inline--fa { padding: 0 !important; font-size: 0.7rem; }
/*** Lone button small ***/
.lone-icon { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; transition: all 0.5s; padding: 7px; display: flex; justify-content: center; align-items: center; }
.lone-icon .svg-inline--fa { transition: all 0.5s; color: var(--icon-dark); font-size: 0.9rem; }
.lone-icon-light .svg-inline--fa { color: var(--icon-nav) !important; }
.lone-icon:hover .svg-inline--fa { color: var(--icon-darkest); }
.lone-icon-margin-right { margin-right: 5px; }
.lone-icon-med { padding: 9px !important; }
.lone-icon-med .svg-inline--fa { color: var(--icon-nav); font-size: 1.05rem !important; }
.lone-icon-large { padding: 9px !important; }
.lone-icon-large .svg-inline--fa { color: var(--icon-nav); font-size: 1.25rem !important; }
.lone-icon-primary .svg-inline--fa { color: var(--primary-01) !important; }
.lone-icon-primary:hover .svg-inline--fa { opacity: 0.7; }
.section-toggle-icon { display: inline-block; color: var(--mid-light-font); font-size: .9rem; transition: transform 0.2s ease; transform: rotate(0deg); }
.section-toggle-icon-closed { transform: rotate(-90deg); }
/*** Primary link button with icon ***/
.primary-link-icon-outer { display: flex; flex-direction: row; align-items: center; }
.primary-link-icon-outer .svg-inline--fa { color: var(--primary-01); transition: all 0.5s; font-size: .6rem; margin-right: 4px; }
.primary-link-icon-outer:hover .svg-inline--fa { color: var(--dark-neutral-03); }
.primary-link-icon-outer:hover a { color: var(--dark-neutral-03); }
.primary-link-alt .svg-inline--fa { margin: 0 0 0 4px !important; }
/*** Primary link button ***/
.primary-link { font-weight: 700 !important; color: var(--primary-01); text-decoration: underline; white-space: nowrap; font-size: .82rem; cursor: pointer; line-height: 1; transition: all 0.5s; white-space: normal; }
.primary-link:hover { color: var(--dark-neutral-03); }
/*** Primary link button ***/
.primary-link-small { font-size: .7rem !important; }
/*** Subtle link button ***/
.subtle-link { color: var(--mid-light-font); text-decoration: underline; transition: all 0.5s; font-size: .82rem; font-weight: 700; }
.subtle-link:hover { color: var(--dark-neutral-03); }
/*** Subtle link button ***/
.subtle-link-small { font-size: .7rem !important; }
/*** Text link ***/
.text-link { text-decoration: underline; }
/*** Form link ***/
.form-link-container { display: flex; flex-direction: row; align-items: center; margin-left: auto; }
.form-link-container .svg-inline--fa { color: var(--primary-01); transition: all 0.5s; font-size: .6rem; margin: 1px 0 0 3px; }
.form-link-container:hover .svg-inline--fa { color: var(--dark-neutral-03); }
.form-link-container:hover a { color: var(--dark-neutral-03); }
.form-link { font-weight: 700 !important; color: var(--dark-font); text-decoration: underline; white-space: nowrap; font-size: .7rem; cursor: pointer; line-height: 1; transition: all 0.5s; }
.form-link:hover { color: var(--dark-neutral-03); }
/*** Main navigation button ***/
.nav-link { display: flex; align-items: center; justify-content: center; color: var(--mid-light-font); transition: all 0.5s; font-size: .82rem; font-weight: 700; white-space: nowrap; }
.nav-link:hover { color: var(--primary-01); }
.nav-link-active { color: var(--primary-01); }
.nav-link-active:hover { color: var(--primary-01); }
/*** Large button ***/
.btn-large { height: 50px; padding: 0 30px; }
.btn-large p { font-size: .85rem; }
/*** Small button ***/
.btn-small { height: 29px; padding: 0 12px; }
.btn-small p { font-size: .78rem; }
.btn-small .svg-inline--fa { font-size: .58rem; }
/*** Small button ***/
.btn-x-small { height: 22px; padding: 0 6px; }
.btn-x-small p { font-size: .7rem; }
.btn-x-small .svg-inline--fa { font-size: .6rem; padding: 0 3px 0 0 !important; }
/*** Button menu ***/
.btn-menu { display: flex; flex-direction: row; min-height: 50px; }
.btn-menu-item { cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 5px; transition-duration: .5s; transition-property: box-shadow, color; height: 50px; min-height: 50px; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.btn-menu-item:hover { box-shadow: inset 0 -3px var(--primary-01); }
.btn-menu-item:hover p { color: var(--dark-font); }
.btn-menu-item h6 { color: var(--mid-light-font); transition: all .5s; font-size: 1.1rem; line-height: 1; }
.btn-menu-item:hover h6 { color: var(--dark-font); }
.btn-menu-item-active { box-shadow: inset 0 -3px var(--primary-01); }
.btn-menu-item p { font-size: 0.82rem; font-weight: 700; padding: 0 10px; color: var(--mid-light-font); transition: all 0.5s; }
.btn-menu-item-active p { color: var(--dark-font); }
.btn-menu-item-active h6 { color: var(--dark-font); }
/*** Button menu stacked ***/
.btn-menu-stacked { display: flex; flex-direction: row; justify-content: space-between; min-height: 68px; }
.btn-menu-stacked .btn-menu-item { min-height: 68px; }
.btn-menu-stacked .btn-menu-item p { font-size: .65rem; text-transform: uppercase; font-weight: 800; padding: 0 0 4px; line-height: 1; }
/*** Button menu with 4 equal items ***/
.btn-menu-item-25 { width: 25%; }
/*** Button with a count ***/
.btn-count .svg-inline--fa { padding: 0 5px 0 0 !important; }
.btn-count-inner { border-left: solid 1px var(--light-neutral-02); padding-left: 8px; margin-left: 8px; }
/*** Button inactive ***/
.inactive-btn { opacity: .4; cursor: default; pointer-events: none; }
/*** New form button ***/
.disabled { color: var(--primary-03); background: var(--primary-01); cursor: pointer; height: 40px; display: flex; align-items: center; justify-content: center; white-space: nowrap; border-radius: 4px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; transition: all 0.5s; font-size: 0.8rem; }
.anchor-disabled { cursor: default !important; background-color: var(--light-neutral-01); opacity: .6 !important; color: var(--primary-03); height: 40px; padding: 0 15px; display: flex; align-items: center; justify-content: center; white-space: nowrap; border-radius: 4px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; transition: all 0.5s; font-size: 0.8rem; }
/*** Back button ***/
.btn-back-container-margin-btm { margin-bottom: 20px; }
.btn-back-container .btn { max-width: -moz-fit-content; max-width: fit-content; }
/*** AI Button ***/
.ai-btn { max-width: -moz-fit-content; max-width: fit-content; background-color: var(--ai-colour); color: var(--primary-03); transition: all 0.5s; position: relative; }
.ai-btn:hover { background-color: var(--ai-colour-light); }
.ai-btn p { color: var(--primary-03); display: flex; align-items: center; justify-content: center; font-size: 0.8rem; }
.ai-btn .svg-inline--fa { font-size: .7rem; color: var(--primary-03) !important; }
.ai-btn__label { display: inline-flex; align-items: center; margin: 0; }
/*****************************
  Iconography
*****************************/
.fa-heart { color: var(--icon-red) !important; }
.fa-star { color: var(--yellow-04); }
.fa-square { color: var(--icon-light) !important; }
/* Checkbox standard: unchecked uses check-square (solid), checked uses square-check (regular) */
.fa-check-square { color: var(--icon-light) !important; }
.fa-square-check { color: var(--icon-nav) !important; }
.fa-minus-square { color: var(--icon-nav) !important; }
.fa-circle { color: var(--icon-light) !important; }
.fa-dot-circle { color: var(--primary-01) !important; }
.fa-spinner { color: var(--icon-load-spinner) !important; }
.fa-duotone.fa-spinner { --fa-primary-color: var(--icon-load-spinner); --fa-secondary-color: var(--icon-load-spinner); }
.fad.fa-spinner { --fa-primary-color: var(--icon-load-spinner); --fa-secondary-color: var(--icon-load-spinner); }
.gh-login-btn-overlay .fa-spinner, .gh-login-btn-overlay .svg-inline--fa { color: var(--primary-03) !important; }
.gh-login-btn-wrapper .default-btn + .gh-login-btn-overlay { color: var(--dark-font); }
.gh-login-btn-wrapper .default-btn + .gh-login-btn-overlay .fa-spinner, .gh-login-btn-wrapper .default-btn + .gh-login-btn-overlay .svg-inline--fa { color: var(--dark-font) !important; }
.gh-login-btn-wrapper .primary-btn + .gh-login-btn-overlay span { font-size: .8rem; font-weight: 600; }
.gh-login-btn-wrapper .default-btn + .gh-login-btn-overlay span { font-size: .77rem; font-weight: 600; }
.gh-login-btn-wrapper .gh-login-btn + .gh-login-btn-overlay { font-family: 'Muli', sans-serif; font-weight: 700; font-size: .9rem; }
.gh-login-btn-wrapper { position: relative; }
.gh-login-btn-wrapper .gh-login-btn { color: transparent !important; -webkit-text-fill-color: transparent; text-shadow: none; }
.gh-login-btn-wrapper .btn, .gh-login-btn-wrapper .btn p { color: transparent !important; -webkit-text-fill-color: transparent; text-shadow: none; }
.gh-login-btn-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; pointer-events: none; color: var(--primary-03); line-height: 1; }
.gh-login-btn-overlay span { font-weight: inherit; font-size: inherit; }
.gh-login-btn-overlay .gh-login-spinner { display: none; font-size: 1.05em; }
.gh-login-btn-overlay.is-loading .gh-login-spinner { display: inline-block; }
.gh-login-btn-overlay.is-loading span { display: none; }
.gh-login-btn-overlay .fa-spinner, .gh-login-btn-overlay .svg-inline--fa { color: var(--primary-03) !important; }
.fa-check-circle { color: var(--green-04) !important; }
/*****************************
  Icons / empty state
*****************************/
.gh-empty-icon { display: flex; align-items: center; flex-direction: column; justify-content: center; text-align: center; }
.gh-empty-icon p { font-weight: 600 !important; }
.gh-empty-icon-wrapper { display: flex; align-items: center; justify-content: center; height: 66px; width: 66px; border-radius: 50%; background-color: #F9FAFC; color: #C0CCDA; font-size: 1.2rem; line-height: 1; margin-bottom: 6px; }
.gh-empty-btn { margin-top: 20px; }
.gh-touch-scroll { -webkit-overflow-scrolling: touch; }
/*** Empty state 01 ***/
.empty-state { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding: 150px 15px; }
.empty-state .svg-inline--fa { font-size: 3rem; padding-bottom: 5px; }
.empty-state h6 { margin: 15px 0 8px; font-size: 1.2rem; }
.empty-state p { font-size: 0.8rem; line-height: 1.6; max-width: 400px; }
.empty-state-btn { margin-top: 20px; }
.empty-state .btn { margin-top: 10px; }
.empty-state .btn .svg-inline--fa { font-size: .58rem !important; }
/*** Empty state 02 / Just icon ***/
.empty-state-02 { margin: 0 auto; display: flex; justify-content: center; align-items: center; background-color: var(--mid-background); border-radius: 50%; height: 110px; width: 110px; }
.empty-state-02 .svg-inline--fa { font-size: 2.5rem !important; }
/*****************************
  Box shadows, backgrounds, & borders
*****************************/
/*** Menu box shadow ***/
.box-shadow-01 { background-color: var(--primary-03); border-radius: 6px; box-shadow: 0 0 0 1px rgba(136,152,170,.1), 0 15px 35px 0 rgba(49,49,93,.1), 0 5px 15px 0 rgba(0,0,0,.08); }
/*** Default app box shadow ***/
.box-shadow-02 { background-color: var(--primary-03); border-radius: 4px; border: solid 1px var(--border); box-shadow: 0px 2px 4px rgba(73, 85, 103, 0.04); }
/*** Sign up box shadow ***/
.box-shadow-03 { background-color: var(--primary-03); border-radius: 30px; box-shadow: 0 4px 16px rgba(235, 237, 245); }
/*** Sign up logo box shadow ***/
.box-shadow-04 { box-shadow: 0 2px 10px 0 rgba(12,16,20,.12); border: solid 3px var(--primary-03); }
/*** Divider border ***/
.gh-divider { height: 17px; margin: 0 10px; border-right: solid 2px var(--border); }
/*****************************
  Nav
******************************/
/*** Main nav ***/
nav { height: 100vh; left: 0; width: 60px; max-width: 60px; position: fixed; z-index: 2000; display: flex; flex-direction: column; background-color: var(--primary-03); border-right: solid 1px var(--border);}
.nav-container { display: flex; flex-direction: column; height: 100%; width: 100%; }
.nav-col { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 61px; }
.nav-small { display: none; }
.nav-btn-small-wrapper { display: none; }
.nav-small-menu-icon { display: none; }
.navigation-menu-sml-close { display: none; }
.gh-logo-sml { display: none !important; }
.gh-global-search-sml { display: none; }
/*** Main nav / Top section ***/
.gh-logo { height: 60px; width: 60px; display: flex; justify-content: center; align-items: center; }
.gh-logo img { cursor: pointer; height: 33px; width: 33px; border-radius: 50%; display: block; border: none !important; }
.nav-item { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center !important; cursor: pointer; }
.nav-item-icon .svg-inline--fa { transition: all 0.5s; font-size: .97rem !important; color: var(--mid-neutral-06); }
.nav-item-icon-gift { background: var(--upsell-light-border); border-radius: 50%; padding: 12px !important; }
.nav-item-icon-gift .svg-inline--fa { color: var(--upsell-background) !important; font-size: .9rem !important; }
.nav-item-active .tooltip-light-01-inner { background-color: var(--white); border: solid 1px var(--border); }
.nav-item .tooltip-light-01-inner { border-radius: 4px; }
.nav-item .tooltip-light-01-inner:hover { background-color: var(--background-nav-hover); }
.nav-item-no-hover .tooltip-light-01-inner:hover { background-color: transparent; }
.tooltip-light-01-inner:hover .nav-item-icon .svg-inline--fa { color: var(--dark-font) !important; }
.nav-item-hover-replacement .tooltip-light-01-inner:hover .nav-item-icon .svg-inline--fa { color: var(--dark-font); }
.nav-item-no-hover .tooltip-light-01-inner:hover .nav-item-icon .svg-inline--fa { color: var(--upsell-background) !important; }
.nav-item-hover-replacement .tooltip-light-01-inner { display: flex; justify-content: center; align-items: center !important; cursor: pointer; }
.nav-item-notification-wrapper { display: block; position: relative; }
.nav-item-inbox-notification { position: absolute; top: 6px; right: 2px; }
/*** Main nav / Bottom section ***/
.nav-bottom { margin-top: auto; }
/*** Main nav / Bottom section / Setup guide ***/
.setup-guide { position: relative; }
.setup-guide-btn-wrapper { display: flex; align-items: center; position: relative; cursor: pointer; }
.setup-guide-notification { background-color: var(--red-02); padding: 2px 3px; display: flex; align-items: center; justify-content: center; border-radius: 8px; text-align: center; border: solid 2px var(--mid-background); position: absolute; top: 5px !important; right: 0px !important; }
.setup-guide-notification p { color: var(--primary-03); font-weight: 800; font-size: .61rem; line-height: 1; }
.setup-guide-notification span { font-size: .55rem; }
.setup-guide-menu { max-height: 560px; overflow: auto; padding: 0px !important; width: 390px; bottom: 0; left: 47px; display: flex; flex-direction: column; }
.setup-guide-menu { height: calc(100vh - 250px)!important; max-height: 700px; overflow: auto; padding: 0px !important; width: 390px; bottom: 0; left: 47px; display: flex; flex-direction: column; }
.job-setup-guide-menu { max-height: calc(100vh - 235px) !important; overflow: auto; padding: 0px !important; width: 390px; top: 36px; display: flex; flex-direction: column; }
.setup-guide-header-wrapper { padding: 22px 0; }
.setup-guide-header-wrapper h6 { text-align: center; font-size: 1.25rem; }
.account-setup-progress-bar { margin: 20px 15px 0; background-color:var(--mid-background); display: flex; align-items: center; border-radius: 30px; }
.account-setup-progress-bar-inner { background-color: var(--green-04); display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 28px 0 0 28px; }
.account-setup-progress-bar-inner p { color: var(--primary-03); font-weight: 700; padding: 3px 0; }
.progress-bar-full { border-radius: 28px !important; }
.setup-guide-items { padding-top: 10px; }
.setup-guide-item { position: relative; margin: 0 15px 20px 15px; border-radius: 4px; background-color: var(--primary-03); }
.setup-guide-item-header { font-weight: 700; padding-bottom: 8px; font-size: 0.9rem; }
.setup-guide-item-text { line-height: 1.6; font-size: .8rem; color: var(--mid-light-font); }
.setup-guide-item-text a { line-height: 1.6; font-size: .8rem; }
.setup-guide-item-wrapper { padding: 20px 15px; display: flex; flex-direction: column; }
.setup-guide-btns { margin-top: 15px; display: flex; align-items: center; }
.mark-complete-link { margin-left: 8px; }
.setup-guide-item .setup-guide-icon { display: none; }
.setup-guide-item-completed { margin: 0 15px 20px 15px; border-radius: 4px; background-color: var(--light-background); }
.setup-guide-item-completed .setup-guide-item-wrapper { padding: 15px; align-items: center; flex-direction: row; }
.setup-guide-item-completed .setup-guide-item-header { padding-bottom: 0; font-size: 0.8rem; color: var(--mid-light-font); }
.setup-guide-item-completed .setup-guide-btns { display: none; }
.setup-guide-item-completed .setup-guide-item-text { display: none; }
.setup-guide-icon { font-size: 0.85rem; margin-right: 5px; min-width: 20px; }
.setup-guide-to-do-ticket{ top: 11px; right: 0; position: absolute; background-color: var(--red-03); display: none; align-items: center; justify-content: center; text-transform: uppercase; border-radius: 0; width: 55px; border-radius: 2px 0 0 2px; }
.setup-guide-to-do-ticket p { letter-spacing: 0.4px; font-size: .7rem; font-weight: 800; line-height: 2; color: var(--primary-03); text-align: right; }
/*** Main nav / Bottom section / Notifications menu ***/
.notification-menu { position: relative; }
.nav-notification { background-color: var(--red-02); padding: 2px 3px; min-width: 14px; display: flex; align-items: center; justify-content: center; border-radius: 8px; text-align: center; border: solid 2px var(--mid-background); }
.nav-notification p { color: var(--primary-03); font-weight: 800; font-size: .61rem; line-height: 1; }
.nav-item-alerts-notification { position: absolute; top: 5px !important; right: 3px !important; }
.notification-menu-inner { bottom: 0; left: 47px; min-width: 380px; }
.notifications-outer-wrapper { display: flex; flex-direction: column; height: 460px; max-height: 460px; }
.notifications-header { display: flex; align-items: center; min-height: 50px; padding: 0 15px; border-radius: 4px 4px 0 0; border-bottom: solid 1px var(--border) }
.notifications-header p { font-weight: 700; font-size: 1.05rem; }
.notifications-wrapper { height: calc(100% - 88px); overflow: auto; }
.notification { min-height: 56px; border-bottom: solid 1px var(--border); display: flex; align-items: center; padding: 0 15px; }
.notification:last-child { border-bottom: none; }
.notification:hover { background-color: var(--light-hover); }
.notification p { max-width: 280px; line-height: 1.6; }
.alert-time { margin-left: auto; }
.alert-time p { color: var(--mid-light-font); line-height: 1; }
.notifications-empty { height: 100%; display: flex; align-items: center; justify-content: center; }
.notifications-footer { margin-top: auto; display: flex; align-items: center; justify-content: space-between !important; min-height: 44px; padding: 0 15px; border-radius: 0 0 4px 4px; border-top: solid 1px var(--border); }
.notification-count { text-align: center; font-weight: 600; color: var(--mid-light-font); }
.notification-footer-btn-02 { margin-left: auto; }
/*** Support menu ***/
.help-menu-wrapper { position: relative; }
.help-menu { min-width: 300px !important; left: 47px; bottom: 0; }
.help-menu-item { display: flex; flex-direction: row; align-items: center; transition: all 0.4s; padding: 10px 20px; }
.help-menu-item:hover { background-color: var(--light-hover); }
.help-menu-item img { display: block; width: 80px; height: auto; }
.help-menu-item-inner { margin-left: 10px; }
.help-menu-item-inner-title { font-weight: 700; font-size: .8rem; }
.help-menu-item-inner-sub { color: var(--mid-light-font); }
.help-menu-demo { padding: 10px 20px; display: flex; flex-direction: column;  }
.help-menu-demo img { border-radius: 50%; height: 38px; width: 38px; min-height: 38px; min-width: 38px;max-height: 38px; max-width: 38px; }
.help-menu-demo-top { display: flex; flex-direction: row; align-items: flex-start; }
.help-menu-demo-inner { margin-right: 20px; }
.help-menu-demo-inner .help-menu-item-inner-sub { padding-top: 5px; line-height: 1.5; }
.help-menu-demo .btn { margin-top: 15px; }
.help-menu-demo .btn .svg-inline--fa { padding: 0 0 0 5px !important; }
/*** Large modal layout ***/
.modal-lrg { background-color: var(--primary-03); max-width: 900px; max-height: 96vh; min-width: 700px; position: relative; border-radius: 4px; display: flex; flex-direction: column; }
.modal-lrg .modal-body { flex: 1 1 auto; min-height: 0; overflow: auto; }
/*** Referral menu ***/
.referral-outer { display: block; position: relative; }
.referral-dot { position: absolute; top: 8px !important; right: 7px !important; background-color: var(--green-03); height: 7px; width: 7px; border-radius: 50%; }
.referral-menu { left: 47px; bottom: 0; min-width: 350px; }
.referral-menu-wrapper { padding: 30px; }
.referral-menu-copy { text-align: center; }
.referral-menu-copy .svg-inline--fa { font-size: 2.6rem; margin-bottom: 8px; }
.referral-menu-copy p { color: var(--mid-dark-font); font-size: .75rem; }
.referral-menu-email-field { margin: 28px 0 0; display: flex; flex-direction: column; }
.referral-menu-email-field input { margin: 0 0 15px 0; padding: 16px 14px; }
.referral-menu-email-field .btn { height: 42px; }
.referral-menu-sub-detail { margin-top: 30px; border-top: solid 1px var(--border); padding-top: 30px; line-height: 1.6; color: var(--mid-light-font); font-size: .7rem; text-align: center; }
/*** Navigation main menu ***/
.navigation-menu { min-height: 150px; min-width: 300px; max-height: calc(100vh - 150px); bottom: 0; left: 40px }
.navigation-menu-inner { display: flex; flex-direction: column; max-height: calc(100vh - 150px); overflow: auto; -webkit-overflow-scrolling: touch; }
.nav-menu-wrapper { height: 60px; width: 60px; display: flex; align-items: center; justify-content: center; }
.nav-menu { display: flex; align-items: center; cursor: pointer; position: relative; transition: all 0.5s; }
.nav-menu-avatar { height: 32px; width: 32px; }
.nav-menu-avatar-inner { height: 32px; width: 32px; margin-right: 7px; }
.nav-user-details { max-width: 200px; }
.nav-company { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; color: var(--mid-dark-font); font-size: .82rem; font-weight: 700; transition: all 0.5s; }
.nav-menu-arrow .svg-inline--fa { color: var(--icon-dark); padding: 0 0 0 5px !important; font-size: .7rem; transition: all 0.5s; }
.menu-item-active .svg-inline--fa { color: var(--green-03) !important; font-size: .55rem !important; opacity: 1 !important; }
/*** Navigation secondary ***/
.nav-secondary-outer { margin-left: 60px; }
.nav-secondary { height: 60px; display: flex; flex-direction: row; align-items: center; padding: 0 20px; border-bottom: solid 1px var(--border); }
.nav-secondary-right { margin-left: auto; display: flex; flex-direction: row; align-items: center; }
/*** Navigation secondary / global search ***/
.gh-global-search { margin-right: 15px; position: relative; }
.gh-global-search input { margin-right: 0!important; line-height: 1.5; background-image: url(https://gohire-app.s3.amazonaws.com/img/search-icon.png); background-repeat: no-repeat; background-size: 14px 14px; background-position: 8px; height: 44px; padding: 0 7px 0 30px; min-width: 400px; border-radius: 8px; border: solid 1px var(--primary-03); font-size: .82rem; }
.gh-global-search input:focus { border: solid 1px var(--mid-background); background-color: var(--mid-background); }
.gh-global-search-menu { min-width: 400px; max-width: 400px; top: 48px; left: 0; }
.gh-global-search-items { padding: 5px 0; }
.gh-global-search-item { cursor: pointer; display: flex; flex-direction: row; }
.gh-global-search-item:hover,.gh-global-search-item-hovered { background-color: var(--light-hover); }
.gh-global-search-item-inner { width: calc(100% - 30px); display: flex; flex-direction: row; align-items: center; padding: 10px 0; margin: 0 15px; }
.gh-global-search-item-details { max-width: calc(100% - 70px); }
.gh-global-search-item-name { font-weight: 700;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 2px; }
.gh-global-search-item-location {  color: var(--mid-light-font); overflow: hidden; text-overflow: ellipsis; }
.gh-global-search-empty-inner { padding: 30px; display: flex; flex-direction: column; justify-content: center; text-align: center; }
.gh-global-search-empty-inner .svg-inline--fa { color: var(--icon-dark); font-size: 2rem; }
.gh-global-search-empty-inner p { max-width: 150px; margin: 10px auto 0; line-height: 1.5; }
/*** Navigation secondary / add new btn ***/
.nav-btn-wrapper { position: relative; }
.nav-btn { padding: 0 23px !important; margin-left: 15px; border-radius: 100px !important; }
.add-new-menu { min-width: 140px; top: 45px; right: 0; padding: 8px 0; }
.add-new-menu .svg-inline--fa { min-width: 22px; margin-right: 10px; color: var(--icon-dark); }
.add-new-menu .menu-item { height: 38px; }
/*** Navigation containers active / inactive ***/
.nav-banner-active .gh-container { height: calc(100vh - 96px); width: calc(100% - 60px); left: 60px; position: relative; }
.nav-banner-inactive .gh-container { height: calc(100% - 62px); width: calc(100% - 60px); left: 60px; position: relative; }
.nav-banner-active.nav-hidden .gh-container, .nav-banner-inactive.nav-hidden .gh-container { height: 100vh; width: 100%; left: 0; margin-top: 0; }
.nav-hidden nav { display: none; }
/*****************************
  Menus
*****************************/
.menu { display: none; position: absolute; z-index: 3; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.menu-modal { z-index: 1000000 !important; }
.menu-show { display: block; }
.menu-01 { min-width: 260px; top: 40px; right: 0; }
/*** Main navigation menu ***/
.menu-section { padding: 10px 0; }
.menu-divider { border-bottom: solid 1px var(--border); margin: 0 20px; }
.menu-top-section { display: flex; align-items: center; min-height: 65px; padding: 0 20px; margin: 5px 0 0; }
.menu-wrapper { display: flex; flex-direction: column; }
.menu-name { max-width: 140px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: 700; font-size: 0.82rem; color: var(--dark-font) !important; padding-bottom: 2px; }
.menu-sub-name { max-width: 140px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: var(--mid-light-font) !important; }
.menu-item { display: flex; align-items: center; height: 33px; padding: 0 20px; }
.menu-item:hover { background-color: var(--light-hover); }
.menu-item p { font-size: .8rem; white-space: nowrap; }
.menu-item .svg-inline--fa { color: var(--icon-light); font-size: .9rem; }
.menu-item-right { margin-left: auto; }
.menu-item-right .svg-inline--fa { padding-left: 10px; }
.menu-company { display: flex; align-items: center; }
.menu-company p { max-width: 140px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.menu-logo { width: 20px; height: 20px; margin-right: 8px; border-radius: 2px; }
.menu-02 { padding: 0px !important; min-width: 380px; top: 40px; right: 0; min-height: 460px; max-height: 460px; }
/*** Select menu ***/
.menu-select-min-width-01 { min-width: 200px; }
.menu-select-align-bottom { margin-bottom: 40px; bottom: 0; }
.menu-select-btn {display: flex; align-items: center; justify-content: space-between; cursor: pointer; min-height: 35px; padding: 8px 12px; border: 1px solid var(--border); border-radius: 4px; }
.menu-select-btn .svg-inline--fa { font-size: .75rem; }
.menu-select { margin-top: 10px; min-width: 265px; }
.menu.menu-select { z-index: 10001; }
.menu-select-wrapper { padding: 20px 0 0; }
.menu-select-search { margin: 0 15px; }
.menu-select-search input { height: 45px; }
.menu-select-items { margin: 15px 0; }
.menu-select-item { display: flex; align-items: center; height: 33px; padding: 0 15px; }
.menu-select-item p { font-size: .8rem; }
.menu-select-item:hover { background-color: var(--light-hover); }
.menu-select-item.active { background-color: var(--light-hover); }
.menu-select-wrapper .gh-pagination-01 { margin: 0 15px; height: 45px; border-top: solid 1px var(--border); }
.menu-select-wrapper .gh-pagination-01 .btn { height: 25px; padding: 0 8px !important; }
.menu-select-wrapper .gh-pagination-01 .btn .svg-inline--fa { padding: 0 !important; }
.menu-select-empty { text-align: center; padding: 70px 40px; }
/*****************************
  Main admin nav
******************************/
.main-admin-nav { background-color: var(--primary-02); height: 100vh; display: flex; flex-direction: column; position: fixed; left: 0; width: 60px; z-index: 10000; }
.main-admin-nav-container { display: flex; flex-direction: column; height: 100%; }
.main-admin-nav-container-top { display: flex; flex-direction: column; justify-content: center; align-items: center; }
/*** Admin nav logo ***/
.main-admin-logo { height: 60px; width: 60px; display: flex; justify-content: center; align-items: center; }
.main-admin-logo .svg-inline--fa { color: var(--primary-03); font-size: 1.4rem; }
/*** Admin nav items ***/
.main-admin-nav-item { width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.main-admin-nav-item .svg-inline--fa { transition: all 0.5s; color: var(--primary-03); opacity: 0.4; font-size: 1rem; }
.main-admin-nav-item:hover .svg-inline--fa { opacity: 1; }
.main-admin-nav-item-active .svg-inline--fa { opacity: 1; }
.main-admin-nav-container-bottom { margin: auto auto 15px; }
.main-admin-nav-avatar { border: solid 2px var(--primary-03); height: 27px; width: 27px; border-radius: 50%; cursor: pointer; }
.main-admin-nav-avatar img { height: 27px; width: 27px; border-radius: 50%; }
/*** Admin nav menu ***/
.main-admin-menu-03 { min-width: 0; bottom: 10px; left: 55px; }
.admin-nav-small-item { display: none; }
.admin-menu-section-btm { padding: 10px 0 !important; border-top: none !important; }
.admin-navigation-menu-inner-small { display: none; }
/*****************************
  Banners
*****************************/
.nav-banner { display: flex; justify-content: center; align-items: center; min-height: 35px; }
.trial-banner { background-color: var(--purple-07); text-align: center; }
.trial-banner p { color: var(--purple-01); font-weight: 600; padding: 0 20px; font-size: .8rem; }
.trial-banner a { color: var(--purple-01); text-decoration: underline; font-weight: 600; font-size: .8rem; }
.referral-banner { background-color: var(--purple-04); text-align: center; }
.referral-banner p { color: var(--primary-03); font-weight: 600; padding: 0 20px; font-size: .8rem; }
.referral-banner a { color: var(--primary-03); text-decoration: underline; font-weight: 600; font-size: .8rem; }
/*
.nav-banner-inactive .nav-banner { display: none; }
*/
.nav-banner-inactive {
   overflow: scroll;
   height: 100vh;
}
.nav-banner-inactive-custom {
   overflow: inherit !important;
   height: 100vh;
}
.nav-banner-active .menu-02 { top: 84px; }
/*** Success and error banners ***/
.banner-wrapper { opacity:0; transition: opacity .15s ease-in-out; pointer-events: none; width: 100%; display: flex; align-items: center; justify-content: center; position: fixed; z-index: 9999; }
.banner-wrapper-active { opacity:1; }
.banner { padding: 0px 17px 0px 17px;min-height: 44px; margin: 30px auto 0 auto; min-height: 44px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 1px rgba(136,152,170,.1),0 15px 35px 0 rgba(49,49,93,.1),0 5px 15px 0 rgba(0,0,0,.08); min-width: 716px; border-radius: 3px; }
.banner p { font-weight: 600; color: var(--primary-03); }
.success-banner { background-color: var(--green-success); }
.error-banner { background-color: var(--red-alert); }
/*** Miscellaneous banner ***/
.banner-03 { display: flex; flex-direction: row; align-items: center; min-height: 30px; text-align: center; padding: 3px 12px; border-radius: 3px; }
.banner-03 .svg-inline--fa { margin-right: 7px; }
.banner-03 p { font-weight: 600; line-height: 1.6; }
.banner-03-right { margin-left: auto; display: flex; flex-direction: row; align-items: center; }
.banner-03-btn { cursor: pointer; }
/*** Miscellaneous banner / small ***/
.banner-03-small { min-height: 18px !important; }
.banner-03-small .svg-inline--fa { font-size: .8rem; }
/*** Note banner ***/
.note-banner { text-align: left !important; background-color: var(--yellow-07); }
.note-banner .svg-inline--fa { color: var(--icon-dark); }
/*** Tip banner ***/
.tip-banner { text-align: left !important; background-color: var(--green-07); }
.tip-banner .svg-inline--fa { color: var(--icon-dark); }
/*** Required / recommended banners ***/
.required-banner { text-align: left !important; background-color: var(--red-07); }
.required-banner .svg-inline--fa { color: var(--red-02); }
.recommended-banner { text-align: left !important; background-color: var(--yellow-07); }
.recommended-banner .svg-inline--fa { color: var(--icon-dark); }
/*** Banner 06 / Help banner ***/
.help-banner { text-align: left !important; background-color: var(--teal-07); }
.help-banner .svg-inline--fa { color: var(--teal-01); }
/*** File banner ***/
.file-banner { background-color: var(--light-neutral-04); }
.file-banner-inc-date { min-height: 40px; }
.file-banner .svg-inline--fa { color: var(--icon-dark); transition: all 0.5s; }
.file-banner .banner-03-right { max-width: 90px; }
.file-banner .banner-03-right .svg-inline--fa { margin: 0 0 0 10px; }
.file-banner .banner-03-right .svg-inline--fa:hover { color: var(--primary-02); }
.file-banner-inner { max-width: calc(100% - 90px); display: flex; flex-direction: column; text-align: left; justify-content: flex-start; }
.file-banner-inner p { font-size: .77rem !important; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 10px; }
.file-banner-date { color: var(--mid-light-font); }
.message-attachments { display: none; flex-direction: row; flex-wrap: wrap; padding: 15px 0; border-top: solid 1px #E0E6ED; }
.has-attachments .message-attachments { display: flex; }
.message-attachments .file-banner { margin: 0 10px 10px 0; max-width: -moz-fit-content; max-width: fit-content; }
.message-attachments .file-banner-inner { max-width: none; }
/*** Candidate profile banner ***/
.banner-04 { display: flex; flex-direction: row; align-items: center; justify-content: center; height: 30px; min-height: 30px; text-align: center; }
.banner-04 .svg-inline--fa { margin-right: 5px; font-size: .74rem; }
.banner-04 p { text-transform: uppercase; font-weight: 700 !important; font-size: .7rem !important; }
.banner-sent-outer { border-top: solid 1px var(--yellow-07); }
.banner-sent { background-color: var(--yellow-07); }
.banner-sent .svg-inline--fa { color: var(--yellow-01); }
.banner-sent p { color: var(--yellow-01); }
.banner-accepted-outer { border-top: solid 1px var(--green-07); }
.banner-accepted { background-color: var(--green-07); }
.banner-accepted .svg-inline--fa { color: var(--green-02) !important; }
.banner-accepted p { color: var(--green-02); }
.banner-rejected-outer { border-top: solid 1px var(--red-07); }
.banner-rejected { background-color: var(--red-07); }
.banner-rejected .svg-inline--fa { color: var(--red-02); }
.banner-rejected p { color: var(--red-02); }
.banner-hired-outer { border-top: solid 1px var(--green-07); }
.banner-hired { background-color: var(--green-07); }
.banner-hired .svg-inline--fa { color: var(--green-01) !important; }
.banner-hired p { color: var(--green-01); }
/*** Candidate tab banner ***/
.candidate-tab-banner { margin-top: -1px; position: absolute; width: 100%; text-align: center; line-height: 0; }
.candidate-tab-banner .banner-04 { height: auto; min-height: auto; position: relative; display: inline-block; padding: 3px 15px;border-radius: 0 0 2px 2px; }
.candidate-tab-banner .banner-04 p { font-size: 0.6rem !important; line-height: 1; white-space: nowrap; font-weight: 700; }
.candidate-tab-banner .banner-04 .svg-inline--fa { font-size: inherit; margin-right: 0; }
/*** Job status banner ***/
.job-banner { display: flex; flex-direction: row; justify-content: center; align-items: center; min-height: 18px; width: calc(100% - 20px); text-align: center; text-align: center; padding: 6px 10px; }
.job-banner a { text-decoration: underline; }
/*** Banner 05 / Simple banner ***/
.banner-05 { display: flex; flex-direction: row; justify-content: center; align-items: center; min-height: 18px; width: calc(100% - 20px); text-align: center; text-align: center; padding: 6px 15px; background-color: var(--light-neutral-03); }
.banner-05 .svg-inline--fa { padding-right: 5px; }
.banner-05 p { text-transform: uppercase; font-weight: 700; font-size: .7rem; }
/*** Banner 06 / Small banner ***/
.banner-06 { display: flex; flex-direction: row; justify-content: center; align-items: center; min-height: 18px; text-align: center; text-align: center; padding: 2px 10px; background-color: var(--default-btn-bg); border-radius: 30px; }
.banner-06 p { color: var(--dark-font); text-transform: uppercase; font-weight: 800 !important; font-size: .65rem; line-height: 1; }
/* Role tags (teammates) */
/* Use brand-accented, non-status colours for roles */
.banner-06.role-admin { background-color: var(--purple-07); }
.banner-06.role-admin p { color: var(--purple-02); }
.banner-06.role-manager { background-color: var(--blue-07); }
.banner-06.role-manager p { color: var(--primary-02); }
/*** Banner 07 / Dashed banner ***/
.banner-07 { display: flex; flex-direction: row; align-items: center; min-height: 30px; padding: 3px 12px; border-radius: 3px; border: dashed 2px var(--border); width: calc(100% - 28px); }
.banner-07 p { color: var(--mid-neutral-02); }
/*** Modal warning banner ***/
.modal-warning-banner-container { margin-bottom: 40px; }
.modal-warning-banner { background-color: var(--light-grey); border-radius: 5px; padding: 7px 10px; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.modal-warning-banner .svg-inline--fa { color: var(--icon-light); margin-right: 5px; }
.modal-warning-banner p { font-weight: 700; color: var(--dark-grey) }
/*****************************
  Status'
*****************************/
.job-active { background-color: var(--green-03); }
.job-active p { color: var(--primary-03); }
.job-active a { color: var(--primary-03); }
.job-closed { background-color: var(--light-neutral-01); }
.job-archived { background-color: var(--light-neutral-01); }
.job-draft { background-color: var(--light-neutral-03); }
.job-draft-dark { background-color: var(--light-neutral-01); }
.job-pending { background-color: var(--light-yellow); }
.job-pending p { color: var(--dark-yellow); }
.job-pending-dark { background-color: var(--dark-yellow); }
.job-rejected { background-color: var(--red-01); }
.job-rejected p { color: var(--primary-03); }
.job-rejected a { color: var(--primary-03); }
/*****************************
  Tooltips
*****************************/
.tooltip { border: none !important; transition-delay: 0.2s; visibility: hidden; background-color: var(--primary-02); color: var(--primary-03); border-radius: 4px; position: absolute; z-index: 2 !important; left: 50%; transform: translateX(-50%); }
/*** Tooltip used for short text in nav items ***/
.tooltip-01 { position: relative; white-space: nowrap; display: flex; align-items: center; flex-direction: column; }
.tooltip-01-inner:hover .tooltip-01-text { visibility: visible; }
.tooltip-01-text { padding: 4px 6px; top: 34px; white-space: nowrap; text-align: center; font-size: .7rem; }
/*** Tooltip used for longer text with detailed information ***/
.tooltip-02 { position: relative; }
.tooltip-02-inner:hover .tooltip-02-text { visibility: visible; }
.tooltip-02-text { line-height: 1.6; padding: 8px 10px; min-width: 180px; max-width: 180px; }
.tooltip-02-text a { color: var(--primary-03); text-decoration: underline; }
.tooltip-02 .svg-inline--fa { color: var(--icon-light); }
/*** Tooltip used for short text in nav items with greater distance ***/
.tooltip-03-text { top: 50px; }
/*** Tooltip used for main navigation items ***/
.tooltip-light { border: none !important; transition-delay: 0.1s; visibility: hidden; background-color: var(--primary-03); color: var(--primary-02); border-radius: 4px; position: absolute; z-index: 9 !important; left: 50%; transform: translateX(-50%); }
.tooltip-light-01 { position: relative; white-space: nowrap; display: flex; align-items: flex-start; }
.tooltip-light-01-inner:hover .tooltip-light-01-text { visibility: visible; }
.tooltip-light-01-text { line-height: 1; padding: 12px 10px; top: 50%; transform: translatey(-50%); left: 47px; white-space: nowrap; text-align: left; font-size: .8rem; font-weight: 700; }
.tooltip-modal-fix  { left: 27px !important; }
.tooltip-modal-fix-lg  { left: 60px !important; }
/*** Tooltip when merged right ***/
.tooltip-right { left: 0 !important; transform: none !important; }
/*****************************
  Empty avatars
*****************************/
.avatar { background-color: pink; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 50%; position: relative; }
.md-avatar { width: 35px; min-width: 35px; height: 35px; margin-right: 12px; border-radius: 50%; }
.md-avatar p { margin-top: 1px !important; }
.small-avatar { width: 28px; min-width: 28px; height: 28px; margin-right: 12px; border-radius: 50%; }
.small-avatar p { margin-top: 1px !important; }
.extra-small-avatar { width: 24px; min-width: 24px; height: 24px; margin-right: 8px; border-radius: 50%; }
.extra-small-avatar p { margin-top: 1px !important; }
.empty-avatar { position: relative; display: flex; align-items: center; justify-content: center; color: var(--primary-03); background-image: none; border-radius: 50%; }
.empty-avatar-text { font-weight: 700; text-transform: uppercase; color: var(--primary-03) !important; font-size: 0.62rem !important; line-height: 1; }
.empty-avatar-text-lg { font-weight: 700; text-transform: uppercase; color: var(--primary-03) !important; font-size: 0.9rem; }
.avatar:not(.empty-avatar) .empty-avatar-text { display: none; }
.lg-avatar { min-width: 90px; width: 90px; min-height: 90px; height: 90px; border-radius: 50%; }
.avatar-variation-1 { background-color: var(--avatar-01); }
.avatar-variation-2 { background-color: var(--avatar-01); }
.avatar-variation-3 { background-color: var(--avatar-01); }
.avatar-variation-4 { background-color: var(--avatar-01); }
.avatar-variation-5 { background-color: var(--avatar-01); }
.avatar-variation-6 { background-color: var(--avatar-01); }
.avatar-variation-7 { background-color: var(--avatar-01); }
.avatar-variation-8 { background-color: var(--avatar-01); }
.avatar-variation-9 { background-color: var(--avatar-01); }
.avatar-variation-10 { background-color: var(--avatar-01); }
.avatar-variation-11 { background-color: var(--avatar-01); }
.avatar-variation-12 { background-color: var(--avatar-01); }
.avatar-variation-13 { background-color: var(--avatar-01); }
.avatar-variation-14 { background-color: var(--avatar-01); }
.avatar-variation-15 { background-color: var(--avatar-01); }
.avatar-variation-16 { background-color: var(--avatar-01); }
.avatar-variation-17 { background-color: var(--avatar-01); }
/*****************************
  Forms
*****************************/
label { display: flex; text-align: left; margin-bottom: 8px; color: var(--dark-font); font-size: 0.8rem; font-weight: 700; }
input, select { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; height: 55px; }
input { font-family: 'Muli', sans-serif; font-size: 0.8rem; display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; background-color: var(--form-field); border: solid 1px var(--border); padding: 13px 10px; color: var(--dark-font); border-radius: 4px; transition: all 0.5s; }
input:disabled { background-color: var(--light-background); color: var(--mid-light-font); }
select { font-family: 'Muli', sans-serif; font-size: 0.8rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; display: block; width: 100%; border-radius: 3px; background-color: var(--form-field); border: solid 1px var(--border); padding: 13px 32px 13px 10px; color: var(--dark-font); }
select:invalid { color: var(--mid-light-font); }
.disabled-select { background-color: var(--light-background); color: var(--mid-light-font); }
textarea { font-family: 'Muli', sans-serif; background-color: var(--form-field); border: solid 1px var(--border); resize: none; min-height: 160px; padding: 10px 10px; font-size: 0.82rem; outline: none; overflow: auto; max-width: 100%; border-radius: 3px; -webkit-appearance: none; color: var(--dark-font); transition: all 0.2s; line-height: 1.6; }
input:focus{ border: solid 1px var(--dark-font); background-color: var(--white); }
textarea:focus{ border: solid 1px var(--dark-font); background-color: var(--white); }
input.gh-field-white, textarea.gh-field-white { background-color: var(--white); }
::-webkit-input-placeholder { font-family: 'Muli', sans-serif; color: var(--mid-light-font); font-weight: 600; -webkit-font-smoothing: antialiased; }
:-moz-placeholder { font-family: 'Muli', sans-serif; color: var(--mid-light-font); font-weight: 600; -webkit-font-smoothing: antialiased; }
::-moz-placeholder { font-family: 'Muli', sans-serif; color: var(--mid-light-font); font-weight: 600; -webkit-font-smoothing: antialiased; }
:-ms-input-placeholder { font-family: 'Muli', sans-serif; color: var(--mid-light-font); font-weight: 600; -webkit-font-smoothing: antialiased; }
/* Form tips */
.form-label-tip { margin: 10px 0 20px; display: flex; flex-direction: row; align-items: center; border: dashed 1px var(--border); padding: 4px 10px; border-radius: 3px; }
.form-label-tip .svg-inline--fa { font-size: .7rem; color: var(--mid-light-font); padding-right: 4px; }
.form-label-tip p { font-size: .7rem; color: var(--mid-light-font); line-height: 1.4; }
.form-label-tip a { text-decoration: underline; color: var(--mid-light-font); font-size: .7rem; line-height: 1.6; font-weight: 700; }
.label-wrapper { position: relative; display: flex; flex-direction: row; align-items: center; margin-bottom: 8px; }
.label-wrapper label { margin-bottom: 0; }
.label-wrapper .lone-icon { padding: 0 7px; }
.label-wrapper .tooltip-02-text { top: 20px; }
.label-wrapper-tip { margin-left: 10px; cursor: pointer; }
.label-wrapper-tip-new { margin-left: auto; cursor: pointer; margin-right: 10px; }
.event-schedule-availability-selector-outer { margin-top: 8px; }
.event-schedule-availability-selector-outer:first-child { margin-top: 0; }
.event-schedule-availability-selector { border-top: solid 1px var(--border); padding: 20px 0; }
.chart-canvas-footer { padding: 10px 10px 0; display: flex; flex-direction: row; justify-content: space-between; }
.chart-canvas-footer .date { flex: 0 0 auto; margin-right: 0; }
.chart-canvas-footer .end-date { margin-left: auto; text-align: right; }
.chart-canvas-footer .end-date p { text-align: right; }
.chart-canvas-footer p { margin: 0; font-size: .65rem; font-style: italic; }
.partner-home-chart-body { width: 100%; min-width: 0; }
.partner-home-chart-body canvas { width: 100% !important; max-width: 100% !important; height: 200px !important; display: block; }
.discrete-text { color: var(--mid-light-font); font-size: 0.75rem; font-weight: 600; }
.ga-stat-lg { width: calc(100% - 40px); text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px; min-height: 100px; }
.ga-stat-lg p { color: var(--mid-light-font); font-size: .82rem; font-weight: 700; padding-bottom: 4px; }
.ga-stat-lg h1 { font-size: 2.4rem; }
.gh-form-box { display: flex; flex-direction: column; width: 100%; margin-bottom: 20px; }
.gh-form-box-01 { display: flex; flex-direction: column; margin-bottom: 15px; }
.gh-form-box-01-inner { display: flex; flex-direction: row; align-items: center; height: 100%; }
.gh-form-sub-text { font-size: 0.66rem; font-weight: 600; text-decoration: underline; color: var(--mid-light-font); padding-top: 5px; }
.gh-form-cols { display: flex; flex-direction: row; }
.gh-form-col { width: 50%; }
.gh-form-col-01 { padding-right: 8px; }
.gh-form-col-02 { padding-left: 8px; }
.gh-form-box-01-inner select,input { width: 100%; margin-right: 10px; }
.gh-form-box-01-inner .el-template-select { flex: 1; }
.section-padding-02-inner { padding-top: 15px; }
.border-top { border-top: solid 1px var(--border); }
.applications-item-group.border-top { padding-top: 15px; }
.modal-sml-wrapper .applications-items > .border-top { padding-top: 15px; }
.modal-sml-wrapper .applications-items > .border-top { margin-top: 15px; }
.modal-sml-wrapper .applications-items > .applications-item-group + .applications-item-group { margin-top: 15px; }
.application-items,
.applications-items { display: flex; flex-direction: column; }
.applications-item { display: flex; flex-direction: row; align-items: flex-start; margin-bottom: 15px; }
.applications-item-inner { padding-top: 20px; }
.applications-item:last-child { margin-bottom: 0; }
.applications-item-01 { width: 165px; }
.applications-item-01 p { color: var(--light-font); font-weight: 700; }
.applications-item-02 { width: calc(100% - 165px); }
.applications-item-02-inner { display: flex; flex-direction: row; align-items: center; padding-bottom: 7px; }
.applications-item-02-inner:first-child { padding-bottom: 0; }
.applications-item-02-inner-item { min-width: 100px; }
.applications-item-02 ul { margin-left: -27px; margin-top: -2px; margin-bottom: 0; }
.applications-item-02 li { padding-bottom: 5px; line-height: 1.6; }
.job-title-applied { color: var(--primary-01); text-decoration: underline; cursor: pointer; }
.clear-text { line-height: 1.6; max-width: 650px; padding: 20px; }
.clear-text-no-padding { line-height: 1.6; max-width: 650px; }
@media screen and (max-width: 500px) {
.applications-item { flex-direction: column; }
.applications-item-01 { width: auto; padding-bottom: 3px; }
.applications-item-02 { width: 100% ; } }
.gh-form-add-btn p { font-size: .76rem; font-weight: 700; color: var(--primary-01); }
.gh-form-add-btn .svg-inline--fa { font-size: .8rem; color: var(--primary-01); margin-right: 2px; }
.form-delete-icon { width: 20px; display: flex; align-items: center; justify-content: center; }
.form-delete-icon .svg-inline--fa { font-size: 1rem !important; }
.gh-form-sub { padding-top: 5px; }
.gh-form-sub p { color: var(--mid-light-font); font-weight: 600; text-transform: none; line-height: 1.6; font-size: 0.7rem; }
.gh-form-sub a { color: var(--mid-light-font); font-size: 0.7rem; }
.asterisks { color: var(--primary-01); font-size: 1rem; font-weight: 700; vertical-align: middle; margin-left: 4px; }
.gh-form-error { border-left: 4px solid var(--red-alert-light); border-radius: 0.25rem; padding: 0.75rem 1.25rem; margin-bottom: 25px; background-color: rgba(255, 74, 74, 0.18); }
.gh-form-error p { color: var(--red-alert); }
.code-inline { display: inline-flex !important; }
.gh-form-box-number-input { display: flex; flex-direction: row; align-items: center; }
.gh-form-box-number-input p { color: var(--mid-light-font); }
/*** Profile forms ***/
.profile-form { display: flex; flex-direction: column; padding-bottom: 20px; }
.date-time-layout { display: flex; flex-direction: row; }
.date { flex: 1; margin-right: 16px; }
.date input { width: 100%; }
.time-layout { display: flex; flex-direction: row; }
.time div { display: flex; flex-direction: row; align-items: center; }
.time select { padding: 13px 14px; width: auto; }
.time p { margin: 0 5px; }
.end-time { margin-left: 16px; }
.add-attendee-btn { margin-bottom: 25px; }
.edit-event-types-01 { padding: 12px 0 0 0 !important; }
.profile-form .banner-03 { margin-bottom: 20px; }
/*** New form style ***/
.gh-form-asterisks { position: absolute; background: var(--red-alert); border-radius: 50%; color: var(--red-alert); height: 7px; width: 7px; display: none !important; overflow: hidden; margin-left: -15px; }
.gh-form-item { display: flex; flex-direction: column; width: 100%; margin-bottom: 20px;}
.gh-form-item input { background-color: var(--mid-background); border: 1px solid var(--mid-background); margin: 0; }
.gh-form-item input:focus{ border: solid 1px var(--border) !important; background-color: var(--primary-03) !important; }
.gh-form-item-lg input { height: 55px; }
.gh-form-item select { background-color: var(--mid-background); border: 1px solid var(--mid-background); margin: 0; }
.gh-form-item select:focus{ border: solid 1px var(--border) !important; background-color: var(--primary-03) !important; }
.gh-form-item-with-action { display: flex; flex-direction: column; }
.gh-form-item-with-action-inner { display: flex; flex-direction: row; height: 100%; margin-bottom: 15px !important; }
.gh-form-item-with-action-inner input { background-color: var(--mid-background); border: 1px solid var(--mid-background); margin: 0; }
.gh-form-item-with-action-inner input:focus{ border: solid 1px var(--border) !important; background-color: var(--primary-03) !important; }
.gh-form-item-with-action-inner select { background-color: var(--mid-background); border: 1px solid var(--mid-background); }
.gh-form-item-with-action-inner select:focus{ border: solid 1px var(--border) !important; background-color: var(--primary-03) !important; }
.gh-form-item-row { display: flex; flex-direction: row !important; align-items: center; width: calc(100% - 125px); }
.gh-form-item-row input { margin: 0; }
.gh-form-item-row-divider { border: 1px solid var(--border); height: 15px; margin: 0 15px; }
.gh-form-not-allowed { cursor: not-allowed; }
.gh-form-not-allowed input { background-color: var(--mid-background) !important; color: var(--light-font); font-style: italic !important; }
.gh-form-not-allowed select { background-color: var(--mid-background) !important; color: var(--light-font); font-style: italic !important; }
.gh-form-hide { display: none!important; }
.gh-form-disabled { pointer-events: none; }
/*** New form style ***/
.gh-form-asterisks { position: absolute; background: var(--red-alert); border-radius: 50%; color: var(--red-alert); height: 7px; width: 7px; display: flex; overflow: hidden; margin-left: -15px; }
.gh-form-item { display: flex; flex-direction: column; width: 100%; margin-bottom: 20px;}
.gh-form-item input { background-color: var(--mid-background); border: 1px solid var(--mid-background); margin: 0; }
.gh-form-item input:focus{ border: solid 1px var(--border) !important; background-color: var(--primary-03) !important; }
.gh-form-item-lg input { height: 55px; }
.gh-form-item select { background-color: var(--mid-background); border: 1px solid var(--mid-background); margin: 0; }
.gh-form-item select:focus{ border: solid 1px var(--border) !important; background-color: var(--primary-03) !important; }
/*** Google locations ***/
.pac-container { top: 67px !important; left: 0px !important; position: absolute; font-family: 'Muli', sans-serif !important; border-top: none !important; background-color: var(--primary-03); box-shadow: 0 0 0 1px rgba(136, 152, 170, .1), 0 15px 35px 0 rgba(49, 49, 93, .1), 0 5px 15px 0 rgba(0, 0, 0, .08); border-radius: 6px; }
.pac-container,
.pac-item { z-index: 9999 !important; border-top: solid 1px var(--border) !important; color: var(--primary-02) !important; }
.pac-item:hover { background-color: var(--light-hover); }
/*****************************
  Checkboxes
*****************************/
.dash-checkbox-wrapper { display: flex; align-items: center; padding: 6px 0; cursor: pointer; }
.dash-checkbox:not(.dash-checkbox-checked) .dash-checkbox-inner-checked,.dash-checkbox-checked .dash-checkbox-inner-unchecked  { display: none; }
.dash-checkbox-unchecked .dash-checkbox-inner-clear { display: none; }
.dash-checkbox-checked .dash-checkbox-inner-clear { display: none; }
.dash-checkbox-clear .dash-checkbox-inner-unchecked { display: none !important; }
.dash-checkbox-clear .dash-checkbox-inner-checked { display: none !important; }
.dash-checkbox { display: flex; align-items: center; justify-content: center; }
.dash-checkbox .svg-inline--fa { font-size: 0.85rem; }
.dash-checkbox-setup { font-size: 0.95rem; }
.checkbox-count { margin-left: auto; font-size: .74rem; color: var(--mid-light-font); }
.dash-module-sub { margin: 0 15px; padding: 12px 0; border-bottom: 1px solid var(--border); }
.dash-module-sub:last-child { margin-bottom: 10px; border-bottom: none; }
.dash-module-sub-header { padding: 2px 0 8px; }
.dash-module-sub-header h6 { font-size: 0.77rem; font-weight: 700; color: var(--mid-light-font); }
.checkbox-text { padding-left: 8px; font-size: .74rem; }
/*****************************
  Toggle switch
*****************************/
.gh-switch { position: relative; display: inline-block; width: 30px; height: 16px; margin: 0 !important; }
.gh-switch input { opacity: 0; width: 0; height: 0; }
.gh-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--mid-dark-background); transition: .4s; }
.gh-slider:before { position: absolute; content: ""; height: 12px; width: 12px; top: 2px; left: 2px; background-color: white; transition: .4s; }
.gh-slider:after { left: -11px; }
.gh-switch input:checked + .gh-slider { background-color: var(--primary-01); }
.gh-switch input:checked + .gh-slider:before { transform: translateX(14px); }
.gh-slider.gh-round { border-radius: 34px; }
.gh-slider.gh-round:before { border-radius: 50%; }
/*****************************
  Progress bar & file uploads
*****************************/
.progress-bar { background-color: var(--light-background); display: flex; align-items: center; margin: 8px 0 0 0; border-radius: 30px; }
.progress-bar-inner { background-color: var(--green); display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 28px 0 0 28px; }
.progress-bar-inner p { color: var(--primary-03); font-weight: 700; padding: 3px 0; }
.file-uploaded { display: flex; align-items: center; margin: 8px 0; }
.file-uploaded .svg-inline--fa { font-size: 0.78rem; padding-right: 5px; color: var(--dark-font); }
.file-wrapper { max-width: 50%; }
.file-attachement { display: flex; align-items: center; margin: 10px 0; padding: 8px 10px; cursor: pointer; border-radius: 3px; }
.file-attachement .svg-inline--fa { font-size: 0.85rem; padding-right: 6px; color: var(--dark-font); }
.file-attachement p { font-weight: 600; }
/*****************************
  Modals
*****************************/
.modal-container { z-index:2500; pointer-events:none; position: fixed; display: flex; align-items: center; justify-content: center; top: 0; left:0; width: 100vw; height: 100vh; overflow-y: auto; -webkit-overflow-scrolling: touch; overflow-x: hidden; }
.modal-background { z-index:2499; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; /*cursor: pointer;*/ background: rgba(25, 29, 44, 0.72); }
.modal-hidden { display: none; opacity:0; }
.modal-container:not(.modal-hidden) .modal-hidden { display: block; }
.modal-container:not(.modal-hidden) .modal { pointer-events:all; }
.modal-download-hidden { position: absolute; top: -9999px; left: -9999px; }
.modal { max-width: 96vw; border-radius: 4px; background-color: var(--primary-03); box-shadow: 0 0 0 1px rgba(136,152,170,.1),0 15px 35px 0 rgba(49,49,93,.1),0 5px 15px 0 rgba(0,0,0,.13) }
@media screen and (max-width: 1150px) { .modal-container.modal-id-candidate-view-evaluation-modal .modal { max-width: 100%; width: 100%; } }
.modal-form-wrapper { overflow: auto; height: calc(100% - 110px); }
.modal-form-padding { padding: 20px 15px; }
.modal-header { display: flex; align-items: center; height: 55px; min-height: 55px; padding: 0 20px; border-bottom: solid 1px var(--border); }
.modal-align-right { margin-left: auto; }
.modal-footer { margin-top: auto; display: flex; align-items: center; justify-content: flex-end; min-height: 55px; padding: 0 15px; border-top: solid 1px var(--border); }
.modal-footer-cancel-link { margin-right: 10px; }
.modal-eval-header { display: flex; align-items: center; }
.modal-eval-header-main { display: flex; flex-direction: column; }
.modal-eval-header-main p { font-size: .8rem; color: var(--mid-light-font); }
.modal-eval-header-score { display: flex; align-items: center; }
.modal-footer-sml-btns { display: flex; flex-direction: row; align-items: center; }
.modal-footer-sml-btns .btn { margin-left: 10px !important; }
/*** Modal mid ***/
.modal-mid { height: 96vh; min-width: 750px; max-width: 750px; max-height: 750px; }
.modal-mid-wrapper { height: calc(100% - 162px); padding: 25px 15px; overflow: auto; }
.modal-mid-wrapper-no-padding { height: calc(100% - 112px); padding: 0 !important; }
/*** Modal midx ***/
.modal-midx { height: 96vh; width: 100%; max-width: 1150px; min-width: 1150px; max-height: 1150px; display: flex; flex-direction: column; }
.modal-midx-wrapper { height: calc(100% - 162px); padding: 25px 15px; overflow: auto; }
/*** Modal small header ***/
.modal-sml { background-color: var(--primary-03); max-width: 620px; max-height: 600px; min-width: 620px; position: relative; border-radius: 4px; display: flex; flex-direction: column; }
.modal-sml-wrapper { padding: 25px 15px; overflow: auto; }
.modal-sml-header { padding: 0 15px !important; }
.modal-footer-no-margin-sml-screen { margin: 0 !important; }
.modal-container { pointer-events: all!important; backdrop-filter: blur(4px); }
/*** Modal new with extra padding ***/
.modal-inner { padding: 25px 15px; }
.modal-inner-height { height: calc(100% - 162px); overflow: auto; }
/*** Modal no header or footer ***/
.modal-02 { min-width: 550px; max-height: 96vh; overflow: auto; }
.modal-02-header { text-align: center; padding-bottom: 40px; }
.modal-02-header p { color: var(--mid-light-font); max-width: 350px; margin: 10px auto 0; font-size: .8rem; line-height: 1.6; }
.modal-02-footer { padding-top: 20px; margin-bottom: 20px; }
/* Modal bulk actions */
.modal-bulk-actions { border-top: none !important; border-bottom: solid 1px var(--border); }
/* Modal warning section */
.modal-warning-section { text-align: center; display: flex; flex-direction: column; align-items: center; max-width: 500px; margin: 125px auto; padding: 0 20px; }
.modal-warning-section .svg-inline--fa { font-size: 4rem; margin-bottom: 10px;}
.modal-warning-section p { max-width: 400px; }
/* Questionnaire video recorder modal */
.questionnaire-video-modal video.videoTagPlayed { width: 100%; max-width: 640px; height: auto; max-height: 360px; -o-object-fit: contain; object-fit: contain; aspect-ratio: 16 / 9; }
/* Modal inner section */
.modal-inner-section { margin-bottom: 40px; }
.modal-inner-section-header { margin-bottom: 20px; padding-bottom: 10px; border-bottom: solid 1px var(--border);}
.modal-inner-section-header h6 { color: var(--mid-light-font); text-transform: uppercase; font-size: 0.77rem; }
/*****************************
  Table with scroll
*****************************/
.table-container { height: calc(100% - 14px); display: flex; flex-direction: column; position: relative; flex: 1; overflow: auto; margin: 15px 0 0; padding: 25px 0 0; }
.table-scroll { min-width: -moz-max-content; min-width: max-content; overflow-x: hidden; overflow-y: scroll; }
.table { margin: 0; min-width: 100%; border-spacing: 0; }
/*** Table cell general ***/
.table-cell { padding: 17px 15px; display: table-cell; white-space: nowrap; text-align: left; border-bottom: solid 1px var(--border); min-width: 50px; }
.table-cell:first-child { padding: 17px 8px 17px 0; }
.table-cell:last-child { padding: 17px 0 17px 8px; }
.table-cell-icon { padding: 0 !important; }
/*** Table header ***/
.table-header { width: 100%; }
.table-header-row { height: initial; }
.table-header-row .lone-icon { padding: 0 !important; }
.table-header-cell { text-align: left; white-space: nowrap; color: var(--mid-light-font); position: initial; height: 0; padding-top: 0 !important; padding-bottom: 0 !important; }
.table-header-cell span { position: absolute; top: 0; font-size: 0.78rem; font-weight: 700 !important; white-space: nowrap; }
/*** Table body ***/
.table-body { width: 100%; }
.table-body-row { background-color: var(--primary-03); transition: all 0.3s; height: 42px; }
.table-body-row-clickable { cursor: pointer; }
.table-body-row-clickable:hover { background-color: var(--light-background); }
.table-body-cell { overflow: hidden; text-overflow: ellipsis; font-size: .78rem; color: var(--dark-font); font-weight: 600 !important; }
.table-body-cell-max-lg { max-width: 250px; }
.table-body-cell .subtle-link { font-size: .78rem; }
/*** Table colors ***/
.table-body-cell .fa-check { color: var(--green-03); }
.table-body-cell .fa-envelope-open-text { color: var(--red-alert); margin-left: 4px; font-size: .6rem; }
.table-body-row-junk .table-body-cell { color: var(--light-neutral-01); }
.table-body-row-blocked .table-body-cell { color:var(--light-neutral-01); text-decoration: line-through; }
.client-list-star { color: var(--green-03); padding-right: 2px; }
.table-body-row:not(.table-body-row-qualified) .client-list-star { display: none; }
/*** Table with few elements ***/
.table-header-cell-min-lg { min-width: 350px; }
/*****************************
	New Table
*****************************/
.v2-table-wrapper { width: 100%; }
.v2-table-container { height: calc(100% - 25px); display: flex; flex-direction: column; position: relative; flex: 1; overflow: auto; margin: 15px 0 0; padding: 25px 15px 0; }
.v2-table-scroll { min-width: -moz-fit-content; min-width: fit-content; overflow-x: hidden; overflow-y: scroll; border-top: var(--border) solid 1px; height: 100%; }
.v2-table { margin: 0; min-width: 100%; border-spacing: 0; }
/*** Table header ***/
.v2-table-header { width: 100%; }
.v2-table-header-row { height: initial; }
.v2-table-header-cell { min-width: 165px; max-width: 165px; text-align: left; white-space: nowrap; color: var(--mid-light-font); position: initial; height: 0; padding-top: 0; padding-bottom: 0; }
.v2-table-header-cell span { margin-left: 15px; position: absolute; top: 0; font-size: 0.8rem; font-weight: 700 !important; white-space: nowrap; }
/*** Table body ***/
.v2-table-body { width: 100%; }
.v2-table-body-row { transition: all 0.3s; height: 42px; }
.v2-table-body-cell { white-space: nowrap; overflow: hidden; min-width: 165px; max-width: 165px; text-overflow: ellipsis; padding: 0 15px; height: 52px; font-size: .83rem; color: var(--dark-font); border-bottom: solid 1px var(--border); text-align: left; font-weight: 600 !important; }
.v2-table-body-cell:last-child { padding: 0 50px 0 15px; }
.v2-table-body-cell .primary-link { font-size: .77rem !important; }
.v2-table-body-item-clickable { cursor: pointer; }
/*** Table cell sizes ***/
.v2-table-cell-xxxxlg { min-width: 220px !important; max-width: 220px !important; }
.v2-table-cell-xxxlg { min-width: 170px !important; max-width: 170px !important; }
.v2-table-cell-xlg { min-width: 110px !important; max-width: 110px !important; }
.v2-table-cell-lg { min-width: 90px !important; max-width: 90px !important; }
.v2-table-cell-md { min-width: 70px !important; max-width: 70px !important; }
.v2-table-cell-xmd { min-width: 50px !important; max-width: 50px !important; }
.v2-table-cell-sml { min-width: 30px !important; max-width: 30px !important; }
.v2-table-pagination { display: flex; flex-direction: row;  align-items: center; }
.v2-table-menu { top: 65px; min-width: 150px; }
/*****************************
  GH Loading Spinner
*****************************/
.gh-loading-spinner { margin: 115px auto; width: 40px; height: 40px; position: relative; }
.gh-loading-spinner .gh-loading-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.gh-loading-spinner .gh-loading-circle:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: var(--icon-load-spinner); border-radius: 100%; animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }
.gh-loading-spinner .gh-loading-circle-2 { transform: rotate(30deg); }
.gh-loading-spinner .gh-loading-circle-3 { transform: rotate(60deg); }
.gh-loading-spinner .gh-loading-circle-4 { transform: rotate(90deg); }
.gh-loading-spinner .gh-loading-circle-5 { transform: rotate(120deg); }
.gh-loading-spinner .gh-loading-circle-6 { transform: rotate(150deg); }
.gh-loading-spinner .gh-loading-circle-7 { transform: rotate(180deg); }
.gh-loading-spinner .gh-loading-circle-8 { transform: rotate(210deg); }
.gh-loading-spinner .gh-loading-circle-9 { transform: rotate(240deg); }
.gh-loading-spinner .gh-loading-circle-10 { transform: rotate(270deg); }
.gh-loading-spinner .gh-loading-circle-11 { transform: rotate(300deg); }
.gh-loading-spinner .gh-loading-circle-12 { transform: rotate(330deg); }
.gh-loading-spinner .gh-loading-circle-2:before { animation-delay: -1.1s; }
.gh-loading-spinner .gh-loading-circle-3:before { animation-delay: -1s; }
.gh-loading-spinner .gh-loading-circle-4:before { animation-delay: -0.9s; }
.gh-loading-spinner .gh-loading-circle-5:before { animation-delay: -0.8s; }
.gh-loading-spinner .gh-loading-circle-6:before { animation-delay: -0.7s; }
.gh-loading-spinner .gh-loading-circle-7:before { animation-delay: -0.6s; }
.gh-loading-spinner .gh-loading-circle-8:before { animation-delay: -0.5s; }
.gh-loading-spinner .gh-loading-circle-9:before { animation-delay: -0.4s; }
.gh-loading-spinner .gh-loading-circle-10:before { animation-delay: -0.3s; }
.gh-loading-spinner .gh-loading-circle-11:before { animation-delay: -0.2s; }
.gh-loading-spinner .gh-loading-circle-12:before { animation-delay: -0.1s; }
@keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } }
/*****************************
  Code section
*****************************/
pre { white-space: nowrap; word-break: normal; overflow: auto; }
code { font-family: 'Muli', sans-serif; overflow: auto; font-size: .82rem; color: var(--dark-font); }
code span { font-family: 'Muli', sans-serif; font-size: .82rem; }
.code-section { background-color: var(--light-background); border: solid 1px var(--border); border-radius: 4px; padding: 15px 20px; }
.code-section pre { line-height: 1.5; margin: 0; }
.code-section-attribute { color: var(--green-03); }
.code-section-value { color: var(--red-03); }
/*****************************
  Tags
*****************************/
.tag { display: flex; flex-direction: row; align-items: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.5s; cursor: pointer; border-radius: 3px; color: var(--dark-font); max-width: 60px; margin: 4px 6px 4px 0; }
.tag .svg-inline--fa { color: var(--icon-light); margin-right: 4px; }
.tag-small { font-size: 0.62rem; padding: 3px 4px; display: inline-flex; }
.tag-light { background-color: var(--mid-background); }
.tag-light:hover { background-color: var(--mid-dark-background); }
.add-new-tag { min-width: 55px; background-color: var(--primary-03) !important; border: var(--border) 1px dashed; }
.add-new-tag:hover { background-color: var(--mid-dark-background) !important; border: solid 1px var(--mid-dark-background); }
.tag-count { overflow: visible !important; text-overflow: inherit; }
/*****************************
  Attributes
*****************************/
.attribute-list { padding: 5px 0; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; }
.attribute { color: var(--dark-font); background-color: var(--mid-background); border-radius: 3px; margin: 3px; cursor: pointer; padding: 5px 8px; line-height: 1 !important; transition: all 0.5s; font-size: .65rem; }
.attribute:hover { background-color: var(--mid-dark-background); }
.attribute:first-child { color: var(--light-font) !important; background-color: var(--primary-03); font-weight: 600; border: 1px solid var(--primary-03); padding: 5px 0; cursor: auto; }
/* Reports: moved to reports component CSS (avoid global layout overrides). */
/*****************************
  Text editor
*****************************/
.ck-button:hover { background-color: var(--mid-hover) !important; cursor: pointer; }
.ck-dropdown:hover { background-color: var(--mid-hover) !important; cursor: pointer; }
.ck.ck-toolbar { border: solid 1px var(--border) !important; background-color: var(--primary-03) !important; border-radius: 3px 3px 0 0 !important; }
.ck-content { border-right: solid 1px var(--border) !important; border-left: solid 1px var(--border) !important; border-bottom: solid 1px var(--border) !important; border-radius: 0 0 3px 3px !important; border-top: none !important; }
.ck-content:focus { box-shadow: none !important; border-top: none !important; border-right: solid 1px var(--border) !important; border-left: solid 1px var(--border) !important; border-bottom: solid 1px var(--border) !important; }
.ck.ck-toolbar { background-color: var(--mid-background) !important; }
.ck.ck-toolbar .ck.ck-toolbar__separator { background-color: var(--border) !important; }
.ck-icon { color: var(--icon-dark) !important; cursor: pointer; }
.ck.ck-icon { font-size: 11px !important; }
.ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label { font-size: .9rem !important; line-height: 1.7 !important; }
.ck.ck-button.ck-disabled .ck-button__icon, a.ck.ck-button.ck-disabled .ck-button__icon { opacity: 1 !important; color: var(--icon-lightest) !important; }
.ck.ck-dropdown__panel { background-color: var(--primary-03) !important; border-radius: 6px !important; box-shadow: 0 0 0 1px rgba(136,152,170,.1), 0 15px 35px 0 rgba(49,49,93,.1), 0 5px 15px 0 rgba(0,0,0,.08) !important; border: none !important; }
.ck-list { margin: 10px 0 !important; }
.ck.ck-list__item .ck-button.ck-on:hover:not(.ck-disabled) { background: var(--primary-01); }
.ck.ck-list__item .ck-button.ck-on { background: var(--mid-hover) !important; color: var(--dark-font)!important; }
.ck.ck-list__item .ck-button:hover:not(.ck-disabled) { background: var(--mid-hover) !important; cursor: pointer; }
.ck-button__label { color: var(--dark-font) !important; font-family: 'Muli', sans-serif !important; }
.ck.ck-button.ck-on, a.ck.ck-button.ck-on { background-color: var(--mid-hover) !important; cursor: pointer; }
.ck.ck-button.ck-on:not(.ck-disabled):hover, a.ck.ck-button.ck-on:not(.ck-disabled):hover { background-color: var(--dark-hover) !important; cursor: pointer; }
.ck.ck-dropdown .ck-button.ck-dropdown__button { box-shadow: none !important; }
.ck-balloon-panel { background-color: var(--primary-03) !important; border-radius: 6px !important; box-shadow: 0 0 0 1px rgba(136,152,170,.1), 0 15px 35px 0 rgba(49,49,93,.1), 0 5px 15px 0 rgba(0,0,0,.08) !important; border: none !important; }
.ck-rounded-corners .ck.ck-button, .ck-rounded-corners a.ck.ck-button, .ck.ck-button.ck-rounded-corners, a.ck.ck-button.ck-rounded-corners { border: none !important; box-shadow: none !important; }
.ck.ck-button.ck-on:not(.ck-disabled):hover { background-color: var(--mid-hover) !important; }
.ck-splitbutton:hover { background-color: var(--mid-hover) !important; }
.ck-toolbar-dropdown:hover { background-color: var(--mid-hover) !important; }
.ck-splitbutton__action { background-color: var(--primary-03) !important; }
.ck-splitbutton__arrow { background-color: var(--primary-03) !important; }
.ck-splitbutton__action:hover { background-color: var(--mid-hover) !important; }
.ck-splitbutton__arrow:hover { background-color: var(--mid-hover) !important; }
.ck-dropdown__panel .ck-toolbar { background-color: var(--primary-03); border-radius: 5px !important; }
.ck-content { background-color: var(--form-field) !important; transition: all 0.4s; }
.ck-focused { background-color: var(--primary-03) !important; }
.ck-input { font-family: 'Muli', sans-serif !important; font-size: 0.8rem !important; display: block !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; outline: none !important; background-color: var(--mid-background) !important; border: solid 1px var(--border) !important; padding: 13px 10px; color: var(--dark-font) !important; border-radius: 4px !important; transition: all 0.5s !important; box-shadow: none !important; }
/*** Mentions ***/
.note-content mark { background-color: var(--yellow-07) !important; padding: 3px 6px !important; border-radius: 3px !important; color: var(--primary-02) !important; }
.ck.ck-content { height: 200px; }
.modal-form-padding.editor-box { overflow: hidden; }
/*** @Mentions Editor / Base ***/
.notes .ck p a strong { background: var(--yellow-06) !important; padding: 3px 6px !important; border-radius: 3px; color: var(--primary-02) !important }
.notes .ck.ck-content { line-height: 25px; }
.notes .ck.ck-content { border: none!important }
.notes .ck.ck-content:focus { border: none!important }
.notes .ck.ck-toolbar.ck-rounded-corners { border: none!important }
.notes .ck-content { background-color: var(--primary-03)!important; border-radius: 5px !important; padding: 0 17px !important; }
.notes-editor .ck.ck-content .mention, .notes-editor .ck-content .mention { background-color: var(--yellow-07) !important; padding: 3px 6px !important; border-radius: 3px !important; color: var(--primary-02) !important; }
.notes-editor .ck.ck-content a, .notes-editor .ck.ck-content a:visited, .notes-editor .notes__posts a, .notes-editor .notes__posts a:visited { color: var(--primary-01) !important; font-weight: 700 !important; text-decoration: underline !important; }
.pipeline-add-note .ck.ck-content .mention, .pipeline-add-note .ck-content .mention { background-color: var(--yellow-07) !important; padding: 3px 6px !important; border-radius: 3px !important; color: var(--primary-02) !important; }
/*** @Mentions Editor / Post ***/
.notes-editor ul.notes__posts { border: 1px solid var(--ck-color-base-border); border-top-left-radius: var(--ck-border-radius); border-top-right-radius: var(--ck-border-radius); border-bottom: none; margin: 1em 0 0; padding: 1em; list-style-position: inside; }
.notes-editor ul.notes__posts li { display: flex;}
.notes-editor ul.notes__posts li.new-post { /* Highlight a new post in the notes. */ animation: highlight 600ms ease-out;}
.notes-editor ul.notes__posts li + li { margin-top: 1em; }
.notes-editor .notes__posts li .photo { border-radius: 100%; height: 40px; margin-right: 1.5em;}
.notes-editor .notes__posts li .time { color: var(--light-font); font-size: .9em; }
.notes-editor .notes__posts .notes__posts__post__message > strong::after, .notes__posts__post__mailto-user::after { content: "•"; padding-left: 5px; padding-right: 5px; color: hsl(0, 0%, 72%);}
.note-content.profile-section-content a { color: var(--primary-01) !important; font-weight: 700 !important; text-decoration: underline; }
/*** @Mentions Editor / Toolbar ***/
.notes-editor .notes__editor {/* Anti–FOUC (flash of unstyled content). */ padding: 1em; }
.notes-editor .notes__editor + .ck.ck-editor { margin-top: 0; }
.notes .ck.ck-editor .ck.ck-toolbar { border-radius: 0 !important; border-left: none !important; border-right: none !important; border-top: solid var(--border); background-color: var(--primary-03)!important;}
.notes-editor .notes__editor + .ck.ck-editor .ck-content.highlighted { animation: highlight 600ms ease-out; }
.notes .ck.ck-toolbar .ck.ck-icon { font-size: 10px !important; }
.notes .ck.ck-toolbar .ck-button { cursor: pointer; transition: all 0.2s !important; }
.notes .ck.ck-toolbar .ck-button:hover { background-color: var(--light-hover) !important; }
.notes .ck.ck-toolbar .ck-on { background-color: var(--primary-03); }
.notes .ck.ck-toolbar .ck-tooltip__text { background-color: var(--primary-02) !important; font-family: 'Muli', sans-serif !important; font: normal !important; box-shadow: 0px 2px 4px rgb(73 85 103 / 4%); font-size: .7rem; }
.notes .ck.ck-toolbar .ck-tooltip__text::after { border: var(--primary-02) !important; }
.notes .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused { box-shadow: none !important; }
/*** @Mentions Editor / Menu ***/
.ck-mentions .mention__item { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; position: relative; min-height: 50px !important; height: auto !important; padding: 6px 12px; }
.ck-mentions .mention__item .mention-empty-avatar { position: absolute; cursor: pointer; width: 28px!important; min-width: 28px; height: 28px!important; min-height: 28px !important; margin-right: 0!important; border-radius: 50%!important; background-color: var(--avatar-01)!important; background-size: cover!important; background-position: center center!important; background-repeat: no-repeat!important; align-items: center; justify-content: center; display: flex; }
.ck-mentions .mention__item img { border-radius: 100%; height: 30px; }
.mention__item__user-name { display: block; max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mention__item__full-name { display: block; max-width: 250px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ck-mentions .mention__item span { margin-left: 38px; font-family: 'Muli', sans-serif !important; font: normal !important; cursor: pointer; line-height: 1.45; }
.ck-mentions .mention__item .mention__item__user-name { color: var(--dark-font)!important; padding-bottom: 2px; font-weight: 700 !important; font-size: .77rem !important; }
.ck-mentions .mention__item .mention__item__full-name { color: var(--light-font); font-size: .7rem !important; }
.ck-mentions .mention__item:hover:not(.ck-on) .mention__item__full-name { color: var(--light-font); }
.ck-mentions .ck.ck-list__item .ck-button.ck-on { background: var(--primary-03) !important; }
.ck-mentions .ck.ck-list__item .mention__item:hover { background-color: var(--light-hover) !important; }
.pipeline-add-note .ck-mentions .ck.ck-list__item .ck-button.ck-on { background: var(--primary-03) !important; }
/*** @Mentions Editor / Link Menu ***/
.ck.ck-balloon-panel { z-index: 9999!important; overflow-y: auto; }
.ck.ck-link-form .ck-tooltip__text { display: none !important; }
.ck.ck-link-form .ck-button { border: solid 1px var(--light-neutral-02) !important; min-width: 0 !important; min-height: 0 !important; width: 29px !important; height: 29px !important; padding: 0 !important; cursor: pointer; transition: all 0.5s; border-radius: 4px !important; }
.ck.ck-link-form .ck-button:hover { border: solid 1px var(--mid-neutral-05) !important; background-color: var(--primary-03) !important; }
.ck.ck-link-form .ck.ck-icon { font-size: 8px !important; }
.ck-link-actions { display: flex; flex-direction: row; align-items: center; }
.ck-link-actions .ck-link-actions__preview { display: flex !important; flex-direction: row; justify-content: flex-start; }
.ck-link-actions .ck-link-actions__preview .ck-button__label { color: var(--primary-01) !important; font-size: .82rem; font-weight: 700 !important; text-decoration: underline; text-align: left !important; }
.ck-link-actions .ck-button:first-child { width: auto !important; height: auto !important; min-width: 120px !important; }
.ck-link-actions .ck-button:last-child { display: none; }
.ck-link-actions .ck-tooltip__text { display: none !important; }
.ck-link-actions .ck-button { min-width: 0 !important; min-height: 0 !important; width: 29px !important; height: 29px !important; padding: 0 !important; cursor: pointer !important; transition: all 0.5s !important; border-radius: 4px !important; }
.ck-link-actions .ck-button:hover { background-color: var(--primary-03) !important; }
.ck-link-actions .ck.ck-icon { font-size: 8px !important; }
/*** @Mentions Editor / Form Menu ***/
.ck.ck-link-form .ck-input { background-color: var(--mid-background) !important; border: 1px solid var(--mid-background) !important; margin: 0; }
.ck.ck-link-form .ck-input input:focus{ border: solid 1px var(--border) !important; background-color: var(--primary-03) !important; }
.ck.ck-link-form .ck-input ::-webkit-input-placeholder { font-family: 'Muli', sans-serif; color: var(--mid-light-font); font-weight: 600; -webkit-font-smoothing: antialiased; }
.ck.ck-link-form .ck-input :-moz-placeholder { font-family: 'Muli', sans-serif; color: var(--mid-light-font); font-weight: 600; -webkit-font-smoothing: antialiased; }
.ck.ck-link-form .ck-input ::-moz-placeholder { font-family: 'Muli', sans-serif; color: var(--mid-light-font); font-weight: 600; -webkit-font-smoothing: antialiased; }
.ck-content h2,.ck-content h3,.ck-content h4 { margin: 12px 0 4px 0; }
.ck-content p { margin: 0 0 10px 0; }
.ck.ck-link-form .ck-input :-ms-input-placeholder { font-family: 'Muli', sans-serif; color: var(--mid-light-font); font-weight: 600; -webkit-font-smoothing: antialiased; }
/*** @Mentions Editor / Notes List ***/
.note-list .mention { background: var(--yellow-07); padding: 3px 6px; border-radius: 3px; color: var(--primary-02) !important; }
.notes .ck.ck-toolbar { position: absolute; bottom: -35px; width: 100%; }
/*****************************
	Old Upsell
*****************************/
.templates-not-paid { max-width: 600px; margin: 100px auto; }
.templates-not-paid-inner { text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.templates-not-paid-inner .svg-inline--fa { color: var(--icon-dark); font-size: 3rem; }
.templates-not-paid-inner h6 { font-size: 1.2rem; line-height: 1.2; padding: 20px 0 15px; }
.templates-not-paid-inner-text { font-size: .95rem; line-height: 1.5; padding-bottom: 35px; }
.templates-not-paid-link-wrapper { margin-top: 10px; }
/*****************************
	OTP Code Input
*****************************/
/*** OLD ***/
.otp-input { display: inline-block; background-color: var(--mid-background); border: 1px solid var(--mid-background) !important; height: 75px !important; width: 55px !important; }
.otp-input:last-child { margin-right: 0 !important; }
/*** NEW ***/
.ngx-otp-input { display: inline-block; background-color: var(--mid-background); border: 1px solid var(--mid-background) !important; height: 75px !important; width: 55px !important; }
.ngx-otp-input:last-child { margin-right: 0 !important; }
/*****************************
	NGX INTL TEL INPUT Phone Number Code Input
*****************************/
.iti { width: 100%!important }
.iti__flag-container { width: 100% !important; }
.dropdown-toggle:hover { background-color: transparent !important; }
.iti__arrow { border-top: 4px solid var(--icon-mid) !important; }
.country-dropdown:hover .dropdown-toggle { background-color: transparent !important; }
.iti__flag-container { background-color: var(--mid-background) !important; border: solid 1px var(--mid-background); border-radius: 4px !important; }
.iti__flag-container div[aria-expanded="false"] ~ .dropdown-menu.country-dropdown { display: none; }
.iti__flag-container div[aria-expanded="true"] ~ .dropdown-menu.country-dropdown { display: block; margin-top: 7px; }
#phone:focus { background-color: var(--mid-background) !important; border: solid 1px var(--mid-background) !important; padding-left: 20px !important; }
.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] { padding-left: 20px !important; }
.iti--allow-dropdown input { width: calc(100% - 42px); margin-left: 42px!important; z-index: 9!important; }
.country-dropdown { width: 100% !important; border: none !important; background-color: var(--primary-03); border-radius: 6px; box-shadow: 0 0 0 1px rgb(136 152 170 / 10%), 0 15px 35px 0 rgb(49 49 93 / 10%), 0 5px 15px 0 rgb(0 0 0 / 8%); }
.iti__country-list { background-color: transparent !important; box-shadow: none !important; }
li.iti__country:hover { background-color: var(--light-hover) !important; }
.iti__dial-code { color: var(--light-font) !important; }
.iti__divider { border-bottom: 1px solid var(--border) !important; }
.search-container input { margin-left: 0!important; padding-left: 10px !important; background-color: transparent !important; border-bottom: solid 1px var(--border) !important; border-radius: 6px 6px 0 0 !important; }
.search-container input:focus { border: none !important; background-color: transparent !important; border-bottom: solid 1px var(--border) !important; border-radius: 6px 6px 0 0 !important; }
.iti__country { padding: 7px 10px !important; }
.iti__flag { box-shadow: 0px 0px 1px 0px var(--border) !important; background-color: none !important; }
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: transparent !important; }
/*** Main Page loader ***/
.main-loader { position: relative; width: 100%;height: 100vh; align-items: center; display: flex; justify-content: center; }
.main-loader .sk-logo{ width: 120px; height: auto; position: fixed; top: 94%; }
.sk-circle { margin: 0 auto; width: 40px; height: 40px; position: relative; }
.sk-circle.center { position: absolute!important; top: 50%; right: 50%; }
.main-loader .sk-circle { width: 40px; height: 40px; position: fixed; top: 40%; }
.sk-circle .sk-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.sk-circle .sk-child:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: var(--icon-load-spinner); border-radius: 100%; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; }
.sk-circle .sk-circle2 { transform: rotate(30deg); }
.sk-circle .sk-circle3 { transform: rotate(60deg); }
.sk-circle .sk-circle4 { transform: rotate(90deg); }
.sk-circle .sk-circle5 { transform: rotate(120deg); }
.sk-circle .sk-circle6 { transform: rotate(150deg); }
.sk-circle .sk-circle7 { transform: rotate(180deg); }
.sk-circle .sk-circle8 { transform: rotate(210deg); }
.sk-circle .sk-circle9 { transform: rotate(240deg); }
.sk-circle .sk-circle10 { transform: rotate(270deg); }
.sk-circle .sk-circle11 { transform: rotate(300deg); }
.sk-circle .sk-circle12 { transform: rotate(330deg); }
.sk-circle .sk-circle2:before { animation-delay: -1.1s; }
.sk-circle .sk-circle3:before { animation-delay: -1s; }
.sk-circle .sk-circle4:before { animation-delay: -0.9s; }
.sk-circle .sk-circle5:before { animation-delay: -0.8s; }
.sk-circle .sk-circle6:before { animation-delay: -0.7s; }
.sk-circle .sk-circle7:before { animation-delay: -0.6s; }
.sk-circle .sk-circle8:before { animation-delay: -0.5s; }
.sk-circle .sk-circle9:before { animation-delay: -0.4s; }
.sk-circle .sk-circle10:before { animation-delay: -0.3s; }
.sk-circle .sk-circle11:before { animation-delay: -0.2s; }
.sk-circle .sk-circle12:before { animation-delay: -0.1s; }
@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    transform: scale(0);
  } 40% {
    transform: scale(1);
  }
}
/*****************************
	Pagination
*****************************/
.gh-pagination-01 { display: flex; flex-direction: row; align-items: center; height: 60px; }
.gh-pagination-01-btn-container { display: flex; flex-direction: row; align-items: center; }
.gh-pagination-01-btn-container .btn:first-child { margin: 0 5px 0 0; }
.gh-pagination-01-btn-container .btn:last-child { margin: 0 0 0 5px; }
.gh-pagination-01-disabled { cursor: inherit !important; pointer-events: none; }
.gh-pagination-01-disabled:hover { box-shadow: inset 0px 0px 0px 1px var(--light-neutral-02) !important; }
.gh-pagination-01-disabled p { color: var(--mid-light-font) !important; }
.gh-pagination-01-disabled .svg-inline--fa { color: var(--icon-lightest) !important; }
.gh-pagination-01-results { padding-left: 15px; }
.gh-pagination-01-results-slim { flex: 1; padding: 0 10px; text-align: center; }
.gh-pagination-01-slim-btn { display: flex; align-items: center; justify-content: center; }
/*****************************
	LinkedIn Sponsored Modal
*****************************/
.alreadyPosted { padding: 25px 20px 50px; }
.jobs-stats { max-width: 700px; text-align: center; line-height: 1.7; font-size: 82px; }
.alreadyPosted .btn { max-width: 200px; margin: 0 auto; }
/*****************************
  Global bulk action settings
*****************************/
.gh-selected-wrapper { display: flex; flex-direction: row; align-items: center; }
.gh-selected-wrapper p { padding-right: 5px; }
/*****************************
  Settings styles
*****************************/
/* Main settings page layout */
.settings-sections { height: calc(100% - 67px); }
.settings-section { padding: 20px 20px 0; }
.settings-inner-sections { padding: 15px 0; }
.settings-inner-section { border-bottom: solid 1px var(--border); }
.settings-inner-section:first-of-type { border-bottom: none; }
.settings-inner-section-padding { padding-top: 15px; }
.settings { display: flex; flex-direction: row; height: 100%; }
.settings-section-text-wrapper h6 { padding-bottom: 10px; }
.settings-section-text-wrapper .readable-text { padding-bottom: 10px; }
/* Settings navigation styles */
.settings-nav { min-width: 270px; -webkit-user-select: none; -moz-user-select: none; user-select: none; overflow: auto; border-right: solid 1px var(--border); }
.settings-nav-header { padding: 20px 25px 30px; }
.settings-nav-section { margin-bottom: 30px; }
.settings-nav-section-header p { font-weight: 700; font-size: .8rem; color: var(--mid-light-font); padding: 0 25px 12px; }
.settings-nav-item { display: flex; align-items: center; height: 33px; transition: all 0.4s; margin: 3px 15px; border-radius: 3px; border: solid 1px var(--white); }
.settings-nav-item p { font-weight: 700; font-size: .8rem; border-radius: 3px; padding: 0 10px; }
.settings-nav-item-active { border: solid 1px var(--border); }
.settings-nav-item:hover { border: solid 1px var(--border); }
.settings-nav-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 20px; padding-left: 12px; }
.settings-container { width: calc(100% - 270px); }
.settings-container-extra { overflow-y: auto; }
.settings-nav-sml { display: none; }
.settings-nav-icon .svg-inline--fa, .settings-nav-icon i { font-size: .9rem; color: var(--icon-light) !important; }
.settings-nav-icon .fa-check-square { color: var(--icon-light) !important; }
/* Shared header layout for settings pages */
.settings-container-header { border-bottom: 1px solid var(--border); background-color: var(--primary-03); border-radius: 0 4px 0 0; display: flex; align-items: center; height: 60px; margin: 0 20px; }
.settings-container-header h6 { font-size: 1.1rem; }
.settings-container-header-right { margin-left: auto; display: flex; flex-direction: row; align-items: center; }
.settings-container-header-lg { border-bottom: 1px solid var(--border); display: flex; flex-direction: column; height: 110px; margin: 0 20px; }
.settings-container-header-lg.no-border { border-bottom: none; }
.settings-container-header-lg-inner-top { height: 60px; display: flex; align-items: center; flex-direction: row; }
.settings-container-header-lg-inner-btm { border-top: solid 1px var(--border); height: 50px; display: flex; align-items: center; flex-direction: row; padding: 0 10px; }
.settings-container-header-lg-inner-btm-row { display: flex; }
.settings-container-header-lg-inner-btm .dash-checkbox-wrapper { margin-right: 15px; }
.settings-container-header-lg-inner-btm .dash-checkbox-wrapper .svg-inline--fa { font-size: 1rem; }
.settings-container-header-lg-inner-btm .bulk-actions-container { margin-right: 15px; }
.settings-container-header-vertical-border { height: 40px; border-right: 1px solid var(--border); padding-right: 15px; margin-right: 15px; }
.settings-header-search { margin-left: 15px; min-width: 260px; background-image: url(https://gohire-app.s3.amazonaws.com/img/search-icon.png); background-repeat: no-repeat; background-size: 14px 14px; background-position: 8px center; padding-left: 30px; height: 34px !important; }
.settings-header-filters { display: flex; align-items: center; margin-left: 10px; }
.settings-header-filter { margin-left: 10px; min-width: 140px; }
/* Settings user / company profile header common styles */
.settings-page-header { display: flex; align-items: center; padding: 15px 0; border-bottom: solid 1px var(--border); }
.settings-page-header-left { display: flex; align-items: center; }
.settings-page-header-info { margin-left: 15px; }
.settings-page-header-info h4 { margin: 0; font-size: 1rem; }
.settings-page-header-info .member-since { color: var(--mid-light-font); font-size: 0.75rem; margin-top: 4px; }
.settings-page-header-right { margin-left: auto; position: relative; }
.settings-avatar-lg { width: 72px; height: 72px; border-radius: 50%; }
.settings-avatar-lg p { font-size: 1.1rem; }
.settings-company-menu { right: 0; top: 45px; }
.settings-user-menu { right: 0; top: 45px; }
/* Common settings boxes */
.settings-box { border: 1px solid var(--border); box-shadow: 0 2px 8px rgba(31,45,61,.05); background-color: var(--primary-03); border-radius: 6px; margin-bottom: 20px; }
.settings-box:first-child { margin-top: 0px; }
/* Frequently reused text wrappers */
.settings-sections { overflow: auto; }
.settings-section-text-inner { padding-top: 14px; }
.settings-section-text-inner-padding { padding-top: 8px; }
.settings-section-text-wrapper { max-width: 650px; }
/* Common button width inside boxed sections */
.settings-box-wrapper .btn { max-width: 125px; }
/* Common wrappers and inner sections */
.settings-box-wrapper { padding: 0 15px; }
.settings-inner-section-header { display: flex; align-items: center; min-height: 60px; border-bottom: solid 1px var(--border); }
.settings-inner-section-header-right { margin-left: auto; }
.settings-inner-section { display: flex; flex-direction: column; }
.settings-inner-section h6 { font-size: 14px; font-weight: 700; letter-spacing: 0.02rem; padding-bottom: 10px; }
.settings-inner-section-left p { font-weight: 700; font-size: 0.65rem; text-transform: uppercase; }
.settings-inner-section-right { width: 100%; }
.settings-max-width { max-width: 600px; }
.settings-border { border-bottom: solid 1px var(--border); }
.settings-btn-wrapper { margin-top: 20px; max-width: 150px; }
/* Settings stats common styles */
.settings-stats { display: flex; align-items: center; text-align: center; margin-left: auto; min-height: 46px; }
.settings-stat { margin-left: 28px; }
.settings-stats  .settings-stat:first-child { margin-left: 0px !important; }
.settings-stat h6 { font-size: 1rem; }
.settings-stat p { font-size: .7rem; font-weight: 600; color: var(--mid-light-font); }
/* Settings pagination common styles */
.settings-pagination { margin: 0 20px; padding: 0; border-top: 1px solid var(--border); }
.internal-admin-detail--partner .internal-admin-partner-pagination { margin: 0; }
.internal-admin-detail--partner .internal-admin-tab-title-row { display: flex; align-items: center; flex-wrap: wrap; }
.internal-admin-detail--partner .internal-admin-tab-title-row h6 { margin: 0; }
.internal-admin-detail--partner .table-cell-xxxxlg { min-width: 220px; }
.internal-admin-detail--partner .table-cell-xxxlg { min-width: 170px; }
.internal-admin-detail--partner .table-cell-xlg { min-width: 110px; }
.internal-admin-detail--partner .table-cell-lg { min-width: 90px; }
/* Settings search common styles */
.settings-header-search { margin-left: 20px; max-width: 225px; padding: 8px 15px 8px 30px !important; font-size: .77rem !important; }
/* Internal admin v2 table containment */
/* Keep left nav width consistent with internal admin layout calc */
.internal-admin-page-container .settings-nav { flex: 0 0 270px; width: 270px; min-width: 270px; max-width: 270px; }
.internal-admin-list-page .v2-table-wrapper { min-width: 0; max-width: 100%; overflow: hidden; }
.internal-admin-list-page .v2-table-container { min-width: 0; max-width: 100%; overflow: hidden; }
.internal-admin-list-page .v2-table-scroll { min-width: 0 !important; width: 100%; max-width: 100%; overflow-x: auto !important; overflow-y: auto !important; }
.internal-admin-list-page .v2-table { width: 100%; min-width: 100%; }
.internal-admin-list-page .v2-table-header-cell { position: relative; }
/* Internal admin table pages (shared) */
.internal-admin-list-page { display: flex; flex-direction: column; height: 100%; min-height: 0; min-width: 0; }
.internal-admin-list-page .settings-container-header, .internal-admin-list-page .settings-container-header-lg { margin: 0; }
.internal-admin-list-page .internal-admin-page-content { display: flex; flex-direction: column; flex: 1; min-height: 0; min-width: 0; overflow: hidden; }
.internal-admin-list-page .internal-admin-table-wrapper { flex: 1; min-height: 0; min-width: 0; overflow: hidden; margin: 20px 0 0; display: flex; flex-direction: column; }
.internal-admin-list-page .internal-admin-table-wrapper .table-wrapper { flex: 1; min-height: 0; min-width: 0; overflow: hidden; display: flex; flex-direction: column; height: 100%; }
.internal-admin-list-page .internal-admin-table-wrapper .table-container { flex: 1; min-height: 0; min-width: 0; height: 100%; overflow-x: auto; overflow-y: auto; margin: 0; max-width: 100%; }
.internal-admin-list-page .internal-admin-table-wrapper .table-scroll-clients { min-width: -moz-max-content; min-width: max-content; width: -moz-max-content; width: max-content; }
.internal-admin-list-page .internal-admin-page-footer { flex: 0 0 auto; height: 60px; display: flex; align-items: center; border-top: solid 1px var(--border); }
.internal-admin-list-page .internal-admin-page-footer .settings-pagination { margin: 0; width: 100%; border-top: none; }
.internal-admin-list-page .internal-admin-row-click { cursor: pointer; }
.internal-admin-list-page .internal-admin-row-click:hover { background-color: var(--light-hover); }
.internal-admin-list-page--partners .internal-admin-table-wrapper .table-container { padding-top: 0; }
.internal-admin-list-page--partners table.internal-admin-sticky-table .table-header-cell { position: sticky; top: 0; z-index: 2; background-color: var(--primary-03); height: 25px; }
.internal-admin-list-page--partners table.internal-admin-sticky-table .table-header-cell span { position: static; display: block; line-height: 25px; }
.internal-admin-list-page--clients .internal-admin-table-wrapper .table-container { padding-top: 0; }
.internal-admin-list-page--clients table.internal-admin-sticky-table .table-header-cell { position: sticky; top: 0; z-index: 2; background-color: var(--primary-03); height: 25px; }
.internal-admin-list-page--clients table.internal-admin-sticky-table .table-header-cell span { position: static; display: block; line-height: 25px; }
.internal-admin-list-page--partners .internal-admin-partners-col-id { min-width: 80px; }
.internal-admin-list-page--partners .internal-admin-partners-col-name { min-width: 220px; }
.internal-admin-list-page--partners .internal-admin-partners-col-domain { min-width: 220px; }
.internal-admin-list-page--partners .internal-admin-partners-col-language { min-width: 120px; }
.internal-admin-list-page--partners .internal-admin-partners-col-flag { min-width: 140px; }
.internal-admin-list-page--partners .internal-admin-partners-col-has { min-width: 130px; text-align: center; }
.internal-admin-list-page--partners .internal-admin-presence-icon, .internal-admin-list-page--clients .internal-admin-presence-icon { font-size: 0.9rem; }
.internal-admin-list-page--partners .internal-admin-presence-icon--yes, .internal-admin-list-page--clients .internal-admin-presence-icon--yes { color: var(--green-03); }
.internal-admin-list-page--partners .internal-admin-presence-icon--no, .internal-admin-list-page--clients .internal-admin-presence-icon--no { color: var(--red-alert); }
/* Internal admin detail pages (shared candidate layout) */
.internal-admin-detail { width: 100%; height: 100%; min-height: 0; min-width: 0; left: 0; margin-top: 0; overflow: hidden; }
.internal-admin-detail #gh-page-box { height: 100%; min-height: 0; min-width: 0; display: flex; flex-direction: column; overflow: hidden; }
.internal-admin-detail .candidate-page-wrapper { position: relative; display: flex; flex-direction: column; height: 100%; min-height: 0; overflow: hidden; }
.internal-admin-detail .page-container { flex: 1; min-height: 0; }
.internal-admin-detail .candidate-page-main { display: flex; flex: 1; min-height: 0; height: auto; overflow: hidden; }
.internal-admin-detail .candidate-page-tabs-sml { display: none; }
.internal-admin-detail .candidate-page-tabs { display: flex; flex-direction: column; align-items: stretch; gap: 4px; overflow-y: auto; max-width: 250px; min-width: 250px; }
.internal-admin-detail .candidate-page-tab { padding: 12px 10px; margin: 5px 0; color: var(--font-subtle); cursor: pointer; transition: all 0.5s; font-size: .82rem; font-weight: 700; border-left: solid 2px var(--primary-03); }
.internal-admin-detail .candidate-page-tab p { margin: 0; font-size: 0.82rem; color: var(--subtle-font); font-weight: 700; transition: color 0.5s; }
.internal-admin-detail .candidate-page-tab:hover p { color: var(--dark-font); }
.internal-admin-detail .candidate-page-tab-active { border-left: solid 2px var(--icon-light); }
.internal-admin-detail .candidate-page-tab-active p { color: var(--dark-font); }
.internal-admin-detail .candidate-page-body { flex: 1; min-height: 0; min-width: 0; overflow-y: auto; overflow-x: hidden; }
.internal-admin-detail .candidate-page-header-container { height: 180px; display: flex; flex-direction: column; margin-bottom: 20px; border-bottom: solid 1px var(--border); box-sizing: border-box; }
.internal-admin-detail .candidate-page-top-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; width: 100%; }
.internal-admin-detail .candidate-page-back { height: 60px; flex: 1; display: flex; align-items: center; }
.internal-admin-detail .candidate-page-header-row { display: flex; justify-content: space-between; align-items: flex-start; height: 110px; }
.internal-admin-detail .candidate-page-header-main { display: flex; align-items: center; gap: 12px; flex: 1; }
.internal-admin-detail .candidate-page-avatar-wrapper { position: relative; }
.internal-admin-detail .candidate-page-avatar-wrapper .avatar { min-width: 90px; width: 90px; min-height: 90px; height: 90px; border-radius: 50%; }
.internal-admin-detail .candidate-page-avatar-wrapper .empty-avatar { min-width: 90px; width: 90px; min-height: 90px; height: 90px; border-radius: 50%; }
.internal-admin-detail .candidate-page-avatar-wrapper .empty-avatar-text { font-size: 1rem; line-height: 1; }
.internal-admin-detail .candidate-page-header-text { display: flex; flex-direction: column; }
.internal-admin-detail .candidate-page-title { font-size: 1.25rem; margin: 0 0 2px 0; }
.internal-admin-detail .candidate-page-sub { margin: 0; color: var(--mid-light-font); font-size: 0.9rem; }
.internal-admin-detail .candidate-page-header-actions { margin-left: auto; display: flex; flex-direction: row; align-items: center; gap: 8px; }
@media screen and (max-width: 1150px) {
.internal-admin-detail .candidate-page-main { flex-direction: column; height: auto; }
.internal-admin-detail .candidate-page-tabs { display: none; }
.internal-admin-detail .candidate-page-tabs-sml { display: flex; margin: 10px 0 30px; }
.internal-admin-detail .candidate-tabs-sml-btn { display: flex; align-items: center; min-width: 220px; padding: 0 10px; }
.internal-admin-detail .candidate-tabs-sml-btn p { text-transform: none; }
.internal-admin-detail .candidate-tabs-sml-btn .svg-inline--fa { padding-left: 4px !important; margin-left: auto; }
.internal-admin-detail .candidate-tabs-sml-menu { flex-direction: column; margin-top: 45px; padding: 0; max-width: 100%; min-width: 240px; }
.internal-admin-detail .candidate-page-header-container { height: auto; padding-bottom: 30px; }
.internal-admin-detail .candidate-page-header-row { height: auto; }
.internal-admin-detail .candidate-page-header-main { flex-direction: column; align-items: flex-start; gap: 8px; }
.internal-admin-detail .candidate-page-header-actions { margin-top: 10px; margin-left: 0; flex-direction: row-reverse; }
}
@media screen and (max-width: 650px) {
.internal-admin-detail .candidate-page-tabs-sml { margin: 10px 0 12px; }
}
.internal-admin-list-page--clients .internal-admin-clients-col-id { min-width: 80px; }
.internal-admin-list-page--clients .internal-admin-clients-col-name { min-width: 220px; }
.internal-admin-list-page--clients .internal-admin-clients-col-legal-name { min-width: 220px; }
.internal-admin-list-page--clients .internal-admin-clients-col-billing-email { min-width: 260px; }
.internal-admin-list-page--clients .internal-admin-clients-col-status { min-width: 120px; }
.internal-admin-list-page--clients .internal-admin-clients-col-created-at { min-width: 140px; }
.internal-admin-list-page--clients .internal-admin-clients-col-managed { min-width: 180px; }
.internal-admin-list-page--clients .internal-admin-clients-col-flag { min-width: 120px; }
.internal-admin-list-page--clients .internal-admin-clients-col-date { min-width: 140px; }
.internal-admin-list-page--clients .internal-admin-clients-col-owner { min-width: 260px; }
.internal-admin-list-page--clients .internal-admin-clients-col-whitelist-partner { min-width: 200px; }
.internal-admin-list-page--clients .internal-admin-clients-col-currency { min-width: 120px; }
.internal-admin-list-page--clients .internal-admin-clients-col-pricing { min-width: 160px; }
.internal-admin-list-page--clients .internal-admin-clients-col-plan { min-width: 140px; }
.internal-admin-list-page--clients .internal-admin-clients-col-stripe { min-width: 200px; }
.internal-admin-list-page--clients .internal-admin-clients-col-has { min-width: 130px; text-align: center; }
.internal-admin-list-page--jobs .internal-admin-jobs-col-id { min-width: 80px; }
.internal-admin-list-page--jobs .internal-admin-jobs-col-title { min-width: 260px; }
.internal-admin-list-page--jobs .internal-admin-jobs-col-client-id { min-width: 110px; }
.internal-admin-list-page--jobs .internal-admin-jobs-col-status { min-width: 120px; }
.internal-admin-list-page--jobs .internal-admin-jobs-col-city { min-width: 180px; }
.internal-admin-list-page--jobs .internal-admin-jobs-col-remote { min-width: 120px; }
.internal-admin-list-page--jobs .internal-admin-jobs-col-flag { min-width: 120px; }
.internal-admin-list-page--jobs .internal-admin-jobs-col-date { min-width: 150px; }
.internal-admin-list-page--users .internal-admin-users-col-id { min-width: 80px; }
.internal-admin-list-page--users .internal-admin-users-col-email { min-width: 260px; }
.internal-admin-list-page--users .internal-admin-users-col-name { min-width: 220px; }
.internal-admin-list-page--users .internal-admin-users-col-level { min-width: 150px; }
.internal-admin-list-page--users .internal-admin-users-col-last-client { min-width: 120px; }
.internal-admin-list-page--users .internal-admin-users-col-flag { min-width: 140px; }
.internal-admin-list-page--users .internal-admin-users-col-date { min-width: 150px; }
.internal-admin-list-page--invoices .internal-admin-invoices-col-id { min-width: 80px; }
.internal-admin-list-page--invoices .internal-admin-invoices-col-client-id { min-width: 120px; }
.internal-admin-list-page--invoices .internal-admin-invoices-col-type { min-width: 130px; }
.internal-admin-list-page--invoices .internal-admin-invoices-col-currency { min-width: 120px; }
.internal-admin-list-page--invoices .internal-admin-invoices-col-total { min-width: 150px; }
.internal-admin-list-page--invoices .internal-admin-invoices-col-flag { min-width: 120px; }
.internal-admin-list-page--invoices .internal-admin-invoices-col-date { min-width: 150px; }
.internal-admin-list-page--clients .internal-admin-clients-filter-row, .internal-admin-list-page--jobs .internal-admin-clients-filter-row, .internal-admin-list-page--users .internal-admin-clients-filter-row, .internal-admin-list-page--invoices .internal-admin-clients-filter-row { display: flex; flex-direction: row; gap: 12px; }
.internal-admin-list-page--clients .internal-admin-clients-filter-col, .internal-admin-list-page--jobs .internal-admin-clients-filter-col, .internal-admin-list-page--users .internal-admin-clients-filter-col, .internal-admin-list-page--invoices .internal-admin-clients-filter-col { width: 50%; }
@media (max-width: 900px) { .internal-admin-list-page--clients .internal-admin-clients-filter-row, .internal-admin-list-page--jobs .internal-admin-clients-filter-row, .internal-admin-list-page--users .internal-admin-clients-filter-row, .internal-admin-list-page--invoices .internal-admin-clients-filter-row { flex-direction: column; } .internal-admin-list-page--clients .internal-admin-clients-filter-col, .internal-admin-list-page--jobs .internal-admin-clients-filter-col, .internal-admin-list-page--users .internal-admin-clients-filter-col, .internal-admin-list-page--invoices .internal-admin-clients-filter-col { width: 100%; } }
.internal-admin-pre { white-space: pre-wrap; word-break: break-word; }
/* Settings user item common styles */
.settings-user-item { display: flex; flex-direction: row; align-items: center; border-bottom: solid 1px var(--border); padding: 15px 0; min-height: 40px; }
.settings-user-item .items-01-item-status { margin-right: 15px; }
.settings-user-item-title { font-weight: 700; min-width: 235px; }
.settings-user-item-right { padding-left: 15px; margin-left: auto; }
@media screen and (max-width: 1150px) {

.settings-container-header-lg { height: auto; }
.settings-container-header-lg-inner-top { height: auto; align-items: flex-start; flex-direction: column; padding: 15px 0; }
.settings-container-header-lg-inner-top .tooltip-02 { display: none; }
.settings-container-header-lg-inner-btm { display: none; }
.settings-container-header-right { margin: 15px 0 0 0; }
.settings-user-item { flex-direction: column; align-items: flex-start; }
.settings-user-item-title { padding-bottom: 5px; } }
/* Settings uploads common styles */
.settings-upload-avatar { width: 54px; height: 54px; border-radius: 3px; }
.settings-upload-avatar p { font-size: 0.9rem; }
.upload-btn { margin: 0 !important;}
.upload-btns { margin: 20px 0; display: flex; align-items: center; }
.upload-btns label { margin-bottom: 0; }
.upload-btns-remove { margin-left: 15px; }
/* Settings modal common styles */
.settings-modal-setting-btn-wrapper { margin: 20px 0; }
.settings-modal-setting-btn-wrapper .btn, .modal .settings-inner-section-header-right .btn { width: auto; max-width: none; display: inline-flex; }
/* Invoices page common styles */
.invoice { display: flex; align-items: center; border-bottom: solid 1px var(--border); min-height: 60px; }
.invoice:last-child { border-bottom: none; }
.invoice-left { display: flex; align-items: center; }
.invoice-left-detail { display: flex; align-items: center; }
.invoice-left-detail p { margin-right: 20px; }
.invoice-right { margin-left: auto; display: flex; align-items: center; }
.invoice:not(.paid) .payment-status-paid { display: none; }
.invoice:not(.overdue) .payment-status-overdue { display: none; }
.invoice:not(.unpaid) .payment-status-unpaid { display: none; }
.payment-status { border-radius: 3px; background-color: var(--primary-03);  border: solid 1px var(--border); }
.payment-status p { line-height: 1; padding: 3px 6px; color: var(--primary-03); font-size: 0.6rem; font-weight: 700; text-transform: uppercase; }
.payment-status-paid p { color: var(--green-success); }
.payment-status-overdue p { color: var(--red-alert); }
.payment-status-unpaid p { color: var(--yellow-03); }
/* Settings list common styles */
.list-page { height: calc(100% - 126px); overflow: auto; margin: 0 20px; padding: 0; }
.list-page-lg { height: calc(100% - 171px); overflow: auto; margin: 0 20px; padding: 0; }
.list { border-top: none; }
.list-item { padding: 0 10px; cursor: pointer; min-height: 75px; display: flex; align-items: center; border-bottom: solid 1px var(--border); transition: all 0.5s; background: var(--primary-03); }
.list-item:hover { background: var(--light-hover); }
.list-item-no-click { cursor: inherit; }
.list-item-no-click:hover { background-color: var(--primary-03) !important; }
.list .list-item:last-child { border-bottom: none; }
.list-item-details { display: flex; flex-direction: column; }
.list-item-icon { margin-right: 10px; background-color: var(--mid-dark-background); border-radius: 100%; height: 30px; width: 30px; min-height: 30px; min-width: 30px; display: flex; justify-content: center; align-items: center; }
.list-item-icon .svg-inline--fa { color: var(--icon-nav); font-size: .84rem; }
.list-item .dash-checkbox-wrapper { margin-right: 15px; }
.list-item .dash-checkbox-wrapper .svg-inline--fa { font-size: 1rem; }
.list-item-icon .fa-check-square { color: var(--icon-nav) !important; }
.list-item-name { font-weight: 700; max-width: 350px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.list-item-right { margin-left: auto; display: flex; flex-direction: row; align-items: center; gap: 10px; }
.list-item-right .btn-icon { margin-left: 0; }
.list-item-tag { margin-right: 15px; }
.list-item-right .list-item-tag { margin-right: 0; margin-left: 10px; }
/* Push role badge to the far right without affecting button alignment */
.list-item-right .role-badge { margin-left: auto; }
.list-item-count { padding-left: 15px; color: var(--mid-light-font); white-space: nowrap; }
.list-item-date { padding-top: 3px; color: var(--mid-light-font); }
.list-item-detail-title { padding-bottom: 3px; font-weight: 700; font-size: .82rem; }
.list-item-subtle-text { color: var(--mid-light-font); }
.list-item-border { border-right: solid 2px var(--border); margin: 0 15px; height: 25px; }
.list-item-stats { display: flex; flex-direction: row; align-items: center; margin-right: 30px; }
.list-item-stat { display: flex; flex-direction: column; text-align: center; }
.list-item-stat h6 { font-size: .9rem; }
.list-item-stat p { padding-top: 2px; color: var(--mid-light-font); }
.list { border-top: none; }
.list .list-item:last-child { border-bottom: none; }
.list-default-tab { margin-right: 30px; margin-left: 0; }
.list-item .lone-btn { margin-left: 0;}
.list-item-tags { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0; }
.list-item-tags p {
  display: flex;
  align-items: center;
  border: dashed 1px var(--border);
  border-radius: 6px;
  padding: 3px 8px;
  margin-right: 10px;
  margin-bottom: 10px;
  color: var(--mid-dark-font);
  font-weight: 600;
}
.list-item-tags p:last-child { margin-right: 0; }
.list-item-tags p a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: inherit;
  text-decoration: none;
}
.list-item-tags p i { color: var(--icon-light); }
@media screen and (max-width: 1150px) {

.list-page { height: auto; }
.list-page-lg { height: auto; }
.list-item { min-height: auto; padding: 10px 0; flex-direction: column; align-items: flex-start; justify-content: center; }
.list-item-icon { margin-bottom: 5px; }
.list-item-name { font-size: .82rem; }
.list-item-tag { display: none !important; }
.list-item-right { margin: 10px 0 0 0 !important; flex-direction: row; }
.list-item-right .btn-icon { margin: 0; }
.list-item-count { padding-left: 0; }
.list-item .dash-checkbox-wrapper { display: none; }
.list-default-tab{ display: none; } }
@media screen and (max-width: 950px) {

.list-item-stats { display: none; }
.list-item .avatar { margin-bottom: 10px; } }
@media screen and (max-width: 800px) {

.list-item { padding: 20px 0; } }
/* Settings responsive */
@media screen and (max-width: 1150px) {

.settings-nav { min-width: 220px; }
.settings-container { width: 100%; }
.settings { flex-direction: column; }
.settings-nav { display: none; }
.settings-nav-sml { position: relative; display: flex; margin: 20px 0 10px; padding: 0 15px; border-bottom: none; }
.settings-sml-nav-btn { display: flex; align-items: center; min-width: 260px; padding: 0 10px; }
.settings-sml-nav-btn p { text-transform: none; }
.settings-sml-nav-btn .svg-inline--fa { padding-left: 4px; margin-left: auto; }
.settings-sml-nav-menu { flex-direction: column; top: 58px; padding: 0; max-width: 100%; min-width: 310px; right: auto; left: 20px; }
.menu-section-header p { color: var(--mid-light-font); font-size: .75rem; font-weight: 700; padding: 30px 22px 12px 22px; text-transform: uppercase; }
.settings-menu-item { padding: 0 10px; }
.settings-nav-sml-right { margin-left: auto; }
.settings-nav-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 20px; margin-right: 10px; padding-left: 12px; }
.settings-sml-btn { margin-left: 10px; padding: 8px 10px; }
.settings-sml-btn p { text-transform: none; }
.settings-container-header { display: none; }
.settings-sections { height: auto; overflow: visible; }
.settings-section { padding: 20px 15px 40px; height: auto; }
.settings-container-header-right .banner-06 { display: none; }
.settings-header-search { display: none; }
.settings-container-header-vertical-border { display: none; }
.settings-stats { display: none; }
.settings-stats + .vertical-border-sml { display: none; }
.settings-container-header-lg-inner-btm .gh-selected-wrapper { display: none; } }
@media screen and (max-width: 480px) {

.settings-sml-nav-btn { min-width: calc(100% - 20px); }
.settings-sml-nav-menu { max-width: 100%; min-width: calc(100% - 30px); } }
/*****************************
  Settings Page Header
*****************************/
/* Remove last divider in lists and modal */
.settings-user-items .settings-user-item:last-child { border-bottom: none; }
.company-modal .modal-sml-wrapper .settings-inner-section:last-of-type { border-bottom: none; }
/* Remove bottom border on last section in profile modal */
.profile-modal .modal-sml-wrapper .settings-inner-section:last-of-type { border-bottom: none; }
/* Ensure modal-sml sizing like other modals */
.company-modal .modal-sml { max-height: 96vh; min-width: 650px; max-width: 650px; }
@media screen and (max-width: 1150px) { .company-modal .modal-sml { min-width: 100vw; max-width: 100vw; } }
/* Ensure profile modal uses same sizing as company modal */
.profile-modal .modal-sml { max-height: 96vh; min-width: 650px; max-width: 650px; }
@media screen and (max-width: 1150px) { .profile-modal .modal-sml { min-width: 100vw; max-width: 100vw; } }
@media screen and (max-width: 525px) {

.settings-page-header { flex-direction: column; align-items: flex-start; }
.settings-page-header-right { margin: 12px 0 0 0; align-self: flex-start; }}
/*****************************
	Basic row item
*****************************/
.item-row { display: flex; flex-direction: row; align-items: center; padding: 15px 0; }
.item-row-right { margin-left: auto; padding-left: 20px; display: flex; flex-direction: row; align-items: center; }
/*****************************
	Basic tabs
*****************************/
.basic-tabs { padding: 15px 0 0; }
/*****************************
	Container full page
*****************************/
.page-container-full {  height: 100%; }
.page-container-full-nav { display: flex; flex-direction: row; align-items: center; height: 60px; border-bottom: solid 1px var(--border); padding: 0 15px; }
.page-container-full-nav-right { margin-left: auto; display: flex; flex-direction: row; align-items: center; }
.page-container-full-body { height: calc(100% - 60px); display: flex; flex-direction: row; }
.page-container-full-body-sidebar { overflow: auto; height: calc(100% - 50px); padding: 25px; width: 450px; }
.page-container-full-body-inner { display: flex; flex-direction: row; align-items: flex-start; height: 100%; width: calc(100% - 460px); overflow: auto; background-color: var(--background); padding: 0 15px; border-left: solid 1px var(--border); }
.page-container-full-body-sidebar-item { cursor: pointer; border-radius: 10px; border: 1px solid var(--border); margin-bottom: 20px; transition: all 0.4s; }
.page-container-full-body-sidebar-item-header { height: 80px; display: flex; flex-direction: row; align-items: center; padding: 0 20px; }
.page-container-full-body-sidebar-item-header-right { margin-left: auto; display: flex; flex-direction: row; align-items: center; }
.page-container-full-body-sidebar-item-body { border-top: solid 1px var(--border); padding: 20px 20px 10px; }
.page-container-full-body-sidebar-item.is-collapsed .page-container-full-body-sidebar-item-body { display: none; }
.page-container-full-body-sidebar-item.is-collapsed .page-container-full-body-sidebar-item-header-right .fa-chevron-down { transform: rotate(-90deg); }
/*****************************
  Full-page editor preview
*****************************/
.editor-preview { display: flex; flex-direction: column; width: calc(100% - 490px); margin: 50px auto; padding: 20px; max-width: 980px; }
.editor-preview-container { flex: 1; position: relative; display: block; cursor: default; border: solid 1px var(--border); border-radius: 3px; }
.editor-preview-container p { line-height: 1.7; }
.browser-top { display: flex; align-items: center; width: 100%; height: 36px; border-radius: 2px 2px 0 0; background-color: var(--mid-background); border-bottom: solid 1px var(--border); }
.browser-top-left { margin-left: 15px; }
.browser-top-left .svg-inline--fa { margin-right: 18px; color: var(--icon-lightest); }
.browser-menu { margin-left: auto; margin-right: 15px; }
.browser-menu .svg-inline--fa { color: var(--icon-lightest); }
.editor-preview-sections { position: absolute; overflow-x: auto; width: 100%; height: calc(100% - 36px); }
/* Job preview modes */
.job-preview-tabs { display: flex; align-items: center; padding: 8px 16px; border-bottom: 1px solid var(--border); background-color: var(--background); }
.job-preview-tab { margin-right: 8px; padding: 4px 10px; font-size: 0.78rem; border-radius: 16px; cursor: pointer; border: 1px solid transparent; color: var(--mid-light-font); }
.job-preview-tab.job-preview-tab--active { border-color: var(--primary-01); background-color: var(--primary-01); color: #fff; }
.job-preview-mode { padding: 24px 32px 32px; font-size: 0.85rem; }
.job-preview-mode h2 { font-size: 1.2rem; margin: 0 0 4px 0; }
.job-preview-mode h3 { font-size: 0.9rem; margin: 0 0 4px 0; }
.job-preview-meta { display: flex; flex-wrap: wrap; margin-bottom: 12px; color: var(--mid-light-font); font-size: 0.8rem; }
.job-preview-meta span { margin-right: 12px; }
.job-preview-linkedin { background-color: #f3f6f8; }
.job-preview-linkedin .job-preview-header { display: flex; align-items: center; margin-bottom: 12px; }
.job-preview-linkedin .job-preview-header-logo { width: 40px; height: 40px; border-radius: 4px; background-color: #0a66c2; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; margin-right: 10px; }
.job-preview-indeed { background-color: #f8f9ff; }
.job-preview-indeed .job-preview-header-title { font-weight: 700; margin-bottom: 4px; }
.job-preview-google { background-color: #f9fafb; }
.job-preview-google .job-preview-header { display: flex; align-items: center; margin-bottom: 12px; }
.job-preview-google .job-preview-pill { display: inline-flex; align-items: center; border-radius: 999px; border: 1px solid var(--border); padding: 2px 10px; font-size: 0.75rem; margin-right: 6px; }
/*****************************
  Integrations cards
*****************************/
.integration-cards { display: flex; flex-direction: column; margin: 32px 24px; }
.integration-card-wrapper { width: 100%; margin-bottom: 32px; display: flex; }
.integration-card { display: flex; flex-direction: column; width: 100%; }
.integration-card-inner { padding: 22px 16px; display: flex; flex-direction: column; height: 100%; }
.integration-card-row { display: flex; flex-direction: row; align-items: stretch; }
.integration-card-content { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.integration-card-actions { display: flex; align-items: center; margin-left: auto; padding-left: 18px; }
.integration-card-actions > * { margin-left: 12px; }
.integration-card-actions > *:first-child { margin-left: 0; }
.integration-card-actions .integration-status { gap: 0; }
.integration-card-actions .integration-status > * { margin-left: 10px; }
.integration-card-actions .integration-status > *:first-child { margin-left: 0; }
.integration-card-actions .btn + .btn { margin-left: 10px; }
.integration-card-actions .integration-card-inner-item { width: auto; height: auto; }
.integration-divider { align-self: stretch; border-left: 1px solid var(--border); margin: 0 18px; width: 0; }
.integration-card-inner-top { display: flex; flex-direction: row; align-items: center; margin: 0 0 15px 0; }
.integration-card-inner-top-sync { margin-left: auto; }
.integration-card-inner-item { display: flex; justify-content: center; align-items: center; height: 30px; width: 30px; }
.integration-card-inner-top-sync:not(.integration-sync-disconnected) .integration-card-inner-disconnected { display: none; }
.integration-card-inner-top-sync:not(.integration-sync-disconnected) .integration-card-inner-connected { display: flex; }
.integration-card-inner-top-sync:not(.integration-sync-connected) .integration-card-inner-connected { display: none; }
.integration-card-inner-top-sync:not(.integration-sync-connected) .integration-card-inner-disconnected { display: flex; }
.integration-card-logo { flex: 0 0 160px; min-width: 160px; display: flex; align-items: center; justify-content: center; }
.integration-card-logo img { width: auto; max-height: 26px; max-width: 120px; }
.integration-card-logo .svg-inline--fa { font-size: 2rem; color: var(--icon-light) !important; }
.integration-title { display: flex; align-items: center; }
.integration-title p { font-weight: 700; font-size: .9rem; padding-bottom: 3px; }
.integration-detail { max-width: 500px; }
.integration-detail p { font-size: 0.77rem; line-height: 1.6; color: var(--mid-light-font); }
.integration-status { margin-top: auto; display: flex; align-items: center; width: 100%; padding-top: 20px; }
.integration-card-actions .integration-status { margin-top: 0; padding-top: 0; width: auto; display: flex; align-items: center; }
.integration-card-actions .integration-active-wrapper,
.integration-card-actions .integration-deactive-wrapper { width: auto; }
.integration-card-actions .integration-card-inner-top-sync { margin-left: 0; }
.integration-active-wrapper,
.integration-deactive-wrapper { width: 100%; }
.installed-status-detail { display: flex; align-items: center; }
.installed-status-detail p { font-size: 0.82rem; margin-left: 3px; }
/*****************************
  Integrations responsive
*****************************/
@media screen and (max-width: 1150px) {

.integration-card-row { flex-direction: column;}
.integration-card-logo { flex: 0; justify-content: flex-start; margin-bottom: 10px; }
.integration-card-actions { flex-direction: row-reverse; justify-content: flex-end; align-items: flex-start; margin-left: 0; padding-left: 0; margin-top: 15px; }
.integration-card-actions > * { margin-right: 10px; }
.integration-card-actions > *:first-child { margin-right: 0; }
/* Avoid nested scrollbars on small layouts */
.settings-container-header { display: none; }
.settings-sections { height: auto; overflow: visible; }
.integration-cards { margin: 0 15px; }
.integration-section { padding: 20px 0 40px; } }
/*****************************
  Status banners
*****************************/
.status-banner { border-radius: 20px; text-align: center; display: flex; justify-content: center; align-items: center; max-width: -moz-fit-content; max-width: fit-content; min-width: 40px; }
.status-banner-align-right { margin-left: auto;}
.status-banner p { padding: 2px 8px; text-transform: uppercase; font-size: .65rem; font-weight: 800; }
.status-banner .status-banner-label { padding: 2px 8px; text-transform: uppercase; font-size: .65rem; font-weight: 800; }
.status-banner-with-icon { width: -moz-fit-content; width: fit-content; }
.status-banner-with-icon p { padding: 2px 8px 2px 0px; }
.status-banner-with-icon .status-banner-label { padding: 2px 8px 2px 0px; }
.status-banner .svg-inline--fa { margin: 0 3px 0 8px; font-size: .4rem !important; }
.status-banner-default { background-color: var(--light-grey); }
.status-banner-default p { color: var(--dark-grey) !important; }
.status-banner-default .status-banner-label { color: var(--dark-grey) !important; }
.status-banner-default .svg-inline--fa { color: var(--dark-grey) !important; }
.status-banner-on { background-color: var(--light-green);}
.status-banner-on p { color: var(--dark-green) !important; }
.status-banner-on .status-banner-label { color: var(--dark-green) !important; }
.status-banner-on .svg-inline--fa { color: var(--dark-green) !important; }
.status-banner-off { background-color: var(--light-red); }
.status-banner-off p { color: var(--dark-red) !important; }
.status-banner-off .status-banner-label { color: var(--dark-red) !important; }
.status-banner-off .svg-inline--fa { color: var(--dark-red) !important; }
.status-banner-pending { background-color: var(--light-yellow); }
.status-banner-pending p { color: var(--dark-yellow) !important; }
.status-banner-pending .status-banner-label { color: var(--dark-yellow) !important; }
.status-banner-pending .svg-inline--fa { color: var(--dark-yellow) !important; }
.status-banner-new-items { background-color: var(--light-blue); }
.status-banner-new-items p { color: var(--dark-blue) !important; }
.status-banner-new-items .svg-inline--fa { color: var(--dark-blue) !important; }
/*****************************
  Standard checkbox
*****************************/
.standard-checkbox { width:48px; display:flex; align-items:center; justify-content:center; }
/*****************************
  Or divider
*****************************/
.gh-login-divider { margin: 20px 0; display: flex; align-items: center; }
.gh-login-divider-form-margin { margin: 0 0 20px !important; }
.gh-login-divider hr { background-color: var(--border); border: none; height: 1px; width: 100%; }
.gh-login-divider p { text-transform: uppercase; margin: 0 18px; white-space: nowrap; text-align: center; color: var(--mid-light-font); }
/*****************************
  Step items
*****************************/
.step-items { padding: 20px 0 0; }
.step-item { display: flex; flex-direction: row; align-items: center; margin: 0 0 20px 0; }
.step-item:last-child { margin-bottom: 0; }
.step-item-count { min-height: 24px; height: 24px; min-width: 24px; width: 24px; border-radius: 50%; background-color: var(--icon-light); display: flex; justify-content: center; align-items: center; }
.step-item-count span { font-weight: 800; line-height: 1; padding-top: 1px; font-size: .77rem; color: var(--primary-03); }
.step-item p { padding: 0 0 0 10px; }
/*****************************
  Share modals
*****************************/
.share-modal input { margin: 10px 0 20px; max-width: 300px; }
/*****************************
  Stats
*****************************/
.simple-stats { display: flex; flex-direction: row; align-items: center; gap: 14px; justify-content: space-between; }
.simple-stat { flex: 1 1 0; padding: 20px; border-radius: 10px; border: solid 1px var(--border); }
.simple-stat p { color: var(--subtle-font); padding-bottom: 2px; }
.simple-stat h6 { font-size: 1.4rem; }
.stats-block { margin-top: 25px; }
/*****************************
  Block items
*****************************/
.block-container { height: calc(100% - 61px); overflow-y: auto; padding: 20px; }
.block { margin-bottom: 40px; }
.block-header { display: flex; flex-direction: row; align-items: center; padding: 0 0 10px; border-bottom: solid 1px var(--border); }
.block-header h6 { color: var(--mid-light-font); text-transform: uppercase; font-size: 0.77rem; }
.block-header-right { margin-left: auto; display: flex; flex-direction: row; align-items: center; }
.block-col { display: flex; flex-direction: column; }
.block-inner-padding { padding: 15px 0 0; }
.block-list { display: flex; flex-direction: column; }
.block-list-item { display: flex; flex-direction: row; align-items: center; padding: 15px 0; border-bottom: solid 1px var(--border); }
.block-list-item:last-child { border-bottom: none; }
.block-list-item-key { min-width: 140px; color: var(--subtle-font); font-weight: 700; }
.block-list-item-right { margin-left: auto; display: flex; flex-direction: row; align-items: center; }
/*****************************
  Candidate page body
*****************************/
.page-container { padding: 0 20px; margin: 0 auto; height: 100%; display: flex; flex-direction: column; overflow: hidden; }
.page-container-nav { height: 60px; display: flex; flex-direction: row; align-items: center; }
.page-container-nav-border { border-bottom: solid 1px var(--border); }
.page-container-nav-actions { margin-left: auto; display: flex; flex-direction: row; align-items: center; }
.page-container-inner { height: calc(100% - 60px); display: flex; flex-direction: row; align-items: center; width: 100%; }
.page-container-inner-left { width: 40%; border-right: solid 1px var(--border); height: calc(100% - 40px); overflow-y: auto; padding: 20px 20px 20px 0; }
.page-container-inner-left-wrapper { max-width: 750px; margin: 0 auto; }
.page-container-inner-right { width: 60%; flex: 1; height: 100%; overflow-y: auto; padding: 20px 15px; }
§
.page-container-inner-left-inner { height: 100%; overflow: auto; }
.page-body-inner { display: flex; flex-direction: column; height: 100%; }
.page-body-inner-wrapper { border: solid 1px var(--border); border-radius: 5px; height: calc(100% - 20px); display: flex; flex-direction: column; margin-bottom: 20px; }
.page-body-inner-wrapper .v2-table-pagination { border-top: solid 1px var(--border); }
.page-body-header { display: flex; flex-direction: row; align-items: center; height: 60px; border-bottom: solid 1px var(--border); }
.page-body-header-padding { padding: 0 20px; }
.page-body-header-actions { margin-left: auto; display: flex; flex-direction: row; align-items: center; gap: 8px; }
.page-body-content { flex: 1; padding: 20px; overflow-y: auto; }
.page-body-content-no-btm-padding { padding: 20px 20px 0 20px !important; }
.page-body-content-no-vertical-padding { padding: 0 20px !important; }
.page-body-content-scroll { overflow: auto; height: calc(100% - 61px); }
.page-box { margin: 0 0 20px; border-radius: 5px; border: solid 1px var(--border); width: calc(100% - 2px); }
.gh-toggle-pill { display: inline-flex; align-items: center; background-color: var(--primary-03); border: 1px solid var(--border); border-radius: 16px; padding: 2px; }
.gh-toggle-pill__option { margin: 0 2px; padding: 4px 8px; cursor: pointer; color: var(--dark-font); border: 1px solid transparent; border-radius: 14px; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; }
.gh-toggle-pill__option span { font-size: .78rem; font-weight: 700; }
.gh-toggle-pill__option:hover { color: var(--dark-font); background-color: var(--default-btn-bg); }
.gh-toggle-pill__option--active { color: var(--dark-font); background-color: var(--default-btn-bg); border-color: var(--default-btn-bg); }
.gh-toggle-pill__option .svg-inline--fa { font-size: .58rem; color: inherit; }
@media screen and (max-width: 1150px) {
.page-body-inner-wrapper  { height: auto; }

}
@media screen and (max-width: 800px) {
.page-body-header { align-items: flex-start; padding: 20px; flex-direction: column; height: auto; }
.page-body-header-actions { margin: 10px 0 0 0; } }
.vertical-border-sml { height: 15px; border-right: 2px solid var(--border); padding-right: 15px; margin-right: 15px; }
/*****************************
  Questionnaires Base
*****************************/
.cq { height: 100%; }
.cq-trial-upsell { margin: 0 0 40px -10px; }
/*****************************
  Questionnaires List Base
*****************************/
.cq-wrapper { height: calc(100% - 30px); overflow: auto; padding: 10px 20px 20px; }
/*****************************
  Questionnaires Locked
*****************************/
.cq-qr-list img.pdflogo { width: 120px; display: block; margin-bottom: 10px; text-align: center; }
/*****************************
  Questionnaires List Header
*****************************/
.cq-header { display: flex; flex-direction: row; align-items: center; margin-bottom: 40px; border-radius: 6px; min-height: 125px; padding: 0 20px; }
.cq-header-left { display: flex; flex-direction: row; align-items: center; }
.cq-header-left h6 { font-size: 1.5rem; }
.cq-header-right { margin-left: auto; }
.cq-header-btn-wrapper { margin-left: auto; position: relative; display: flex; align-items: flex-start; }
.cq-header-menu { flex-direction: column; top: 50px; right: 0; padding: 0; min-width: 320px; max-width: 320px; max-height: 600px; overflow: auto; }
.cq-header-menu-inner { padding: 20px; }
.cq-header-menu-inner-02 { margin: 20px 0; }
.cq-header-menu-inner-02 textarea { width: calc(100% - 20px); min-height: 200px; }
.cq-header-menu-footer { display: flex; flex-direction: row; align-items: center; }
.cq-header-menu-footer-cancel { margin: 0 10px 0 auto; }
/*****************************
  Questionnaires List Section
*****************************/
.cq-section { margin-bottom: 30px; }
.cq-section:last-child { margin-bottom: 0; }
.cq-section-header { margin-bottom: 20px; }
/*****************************
  Questionnaires List Items
*****************************/
.cq-item { display: flex; flex-direction: row; align-items: center; margin-bottom: 25px; }
.cq-item:last-child { margin-bottom: 0; }
.cq-item-not-user .cq-item-right { display: none; }
.cq-item-open .cq-item-btn-view { display: none; }
.cq-item:not(.cq-item-open) .cq-item-btn-close { display: none; }
.cq-item:not(.cq-item-closed) .cq-item-btn-closed { display: none; }
.cq-item:not(.cq-item-pending) .cq-item-btn-pending { display: none; }
.cq-item-btn-closed { min-width: 45px; }
.cq-item-btn-close { min-width: 45px; }
.cq-item-closed .cq-item-body { display: none; }
.cq-item-inner { margin: 0 20px; width: calc(100% - 40px); }
.cq-item-header { display: flex; flex-direction: row; align-items: center; min-height: 70px; border-radius: 4px 4px 0 0; width: 100%; }
.cq-avatar { width: 33px; min-width: 33px; height: 33px; }
.cq-item-left-outer-main { display: flex; flex-direction: row; align-items: center; }
.cq-item-left-outer { display: flex; flex-direction: row; align-items: center; width: 500px; }
.cq-item-left { display: flex; flex-direction: column; width: calc(100% - 45px); }
.cq-item-title { font-weight: 700; font-size: .85rem; padding-bottom: 2px; max-width: 100%; overflow-x: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cq-item-sub { font-size: .74rem; color: var(--mid-light-font); max-width: 100%; overflow-x: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cq-item-right { margin-left: auto; display: flex; flex-direction: row; align-items: center; margin-top: 10px; }
.cq-item-right .cq-item-btn-download { margin-top: 10px; margin-bottom: 10px; }
/*****************************
  Questionnaires Detail View
*****************************/
.cq-item-body { width: 100%; background-color: var(--light-background); margin: 0 0 20px 0; }
.cq-qr-list { max-width: 800px; }
.cq-qr-list-header { margin-bottom: 25px; }
.cq-qr { margin-bottom: 35px; width: calc(100% - 50px); }
.cq-qr:last-child { margin-bottom: 0; }
.cq-qr-header { padding: 0 0 10px; }
.cq-qr-header h6 { font-size: 1rem; line-height: 1.7; }
.cq-qr-inner { width: 100%; }
.cq-qr-inner p { font-size: .82rem; line-height: 1.6; }
.cq-qr-inner-long-text p { padding-bottom: 12px; }
.cq-qr-inner-long-text p:last-child { padding-bottom: 0; }
.cq-qr-single-items { width: 100%; padding: 10px 0 5px; }
.cq-qr-single-item { display: flex; flex-direction: row; align-items: center; border-radius: 4px; padding: 8px 15px; margin-bottom: 12px; width: calc(100% - 30px); background-color: var(--light-background); }
.cq-qr-single-item:last-child { margin-bottom: 0; }
.cq-qr-single-item-selected { background-color: var(--blue-07); }
.cq-qr-single-item-not-selected { background-color: var(--light-background); }
.cq-scale-items-outer { border: solid 1px var(--border); border-radius: 3px; }
.cq-scale-items { display: flex; flex-direction: row; border-radius: 3px; overflow: hidden; border: solid 1px var(--border); }
.cq-scale-items-labels-lg { display: flex; justify-content: space-between; margin-bottom: 8px; font-size: .8rem; color: var(--mid-light-font); }
.cq-scale-items-label-sml { display: none; }
.cq-scale-items-label-sml-01 { border-bottom: none; border-radius: 0 0 2px 2px !important; }
.cq-scale-items-label-sml p { font-size: .85rem; font-weight: 700; font-style: italic; color: var(--mid-light-font); }
.cq-scale-items-0 .cq-scale-item { width: 100%; }
.cq-scale-items-1 .cq-scale-item { width: 100%; }
.cq-scale-item { flex: 1; text-align: center; padding: 10px 0; border-right: solid 1px var(--border); cursor: default; }
.cq-scale-item:last-child { border-right: none; }
.cq-scale-item p { margin: 0; font-size: .82rem; }
.cq-inner-footer-btn { max-width: 100%; }
/*****************************
  Questionnaires Responsive
*****************************/
@media screen and (max-width: 1980px) {
.cq-item-body { background-color: var(--primary-03); border-top: solid 1px var(--border); }
.cq-qr { margin-bottom: 40px; box-shadow: none; border: none; width: 100%; padding: 0; } }
@media screen and (max-width: 1750px) {
.cq-item-left-outer { width: 350px; } }
@media screen and (max-width: 1150px) {
.cq-header-menu { position: relative; left: -154px; top: 55px; }
.cq-header { flex-direction: column; align-items: flex-start; padding: 0; border: none; box-shadow: none; }
.cq-header-right { margin-left: 0; margin-top: 30px; width: 100%; } }
@media screen and (max-width: 625px) {
.cq-scale-items-outer { border: solid 1px var(--border); border-radius: 3px; }
.cq-scale-items { flex-direction: column; border: none; border-radius: 0; }
.cq-scale-items-labels-lg { display: none; }
.cq-scale-items-label-sml { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 40px; background-color: var(--primary-03); border-radius: 2px 2px 0 0; width: 100%; border-bottom: solid 1px var(--border); } }
@media screen and (max-width: 560px) {
.cq-item-left-outer { width: 250px; } }
@media screen and (max-width: 490px) {
.cq-item-body { border-top: none; }
.cq-qr-list { padding: 15px 0; }
.cq-qr { margin-bottom: 30px; }
.cq-item-header { flex-direction: column; align-items: flex-start; justify-content: center; min-height: 0; padding: 15px 0; }
.cq-item-left-outer-main { width: 100%; margin-bottom: 20px; }
.cq-item-left-outer { width: 100%; }
.cq-item-right { margin-left: 0; width: 100%; }
.cq-item-btn-wrapper { width: 100%; }
.cq-item-btn-pending { width: calc(100% - 20px); }
.cq-item-btn-view { width: calc(100% - 20px); }
.cq-item-btn-close { width: calc(100% - 20px); } }
@media screen and (max-width: 430px) {
.cq-header-menu { min-width: 285px; max-width: 285px; } }
@media screen and (max-width: 330px) {
.cq-header-menu { min-width: 225px; max-width: 225px; } }
/*****************************
  Evaluation Form Base
*****************************/
.ef-wrapper { height: 100%; }
.modal-midx .modal-inner { flex: 1 1 auto; overflow: auto; padding: 40px 40px 60px; }
.ef-header { padding: 0 0 40px; }
.ef-header h6 { font-size: 1.2rem; line-height: 1.7; }
.ef-footer { margin-top: auto; min-height: 70px; border-top: solid 1px var(--border); display: flex; flex-direction: row; margin: 0 40px; }
.ef-footer-right { margin-left: auto; display: flex; flex-direction: row; align-items: center; }
.ef-footer-right-cancel { margin-right: 15px; }
.evaluation-item-selected { background-color: var(--mid-dark-background); }
.evaluation-item-selected:hover { background-color: var(--mid-dark-background) !important; }
.evaluation-item-selected .strong-no { color: var(--strong-no) !important; }
.evaluation-item-selected .no { color: var(--no) !important; }
.evaluation-item-selected .neutral { color: var(--neutral) !important; }
.evaluation-item-selected .yes { color: var(--yes) !important; }
.evaluation-item-selected .strong-yes { color: var(--strong-yes) !important; }
/*****************************
  Evaluation Form Question
*****************************/
.ef-form { width: 100%; }
.ef-question { margin-bottom: 45px; width: 100%; }
.ef-question:last-child { margin-bottom: 20px; }
.ef-question-header { display: flex; align-items: center; padding: 0 0 20px; }
.ef-question-header h6 { font-size: 1rem; line-height: 1.7; display: flex; flex-direction: row; align-items: center; }
.ef-question-required-icon { margin-left: 10px; display: flex; justify-content: center; align-items: center; }
.ef-question-required-icon .svg-inline--fa { color: var(--red-alert); font-size: .6rem; }
.ef-question-inner { padding: 8px 0 0 0; }
/*****************************
  Evaluation Form Question Types
*****************************/
.ef-single-wrapper { display: flex; flex-direction: column; flex-wrap: nowrap; }
.ef-single { display: flex; flex-direction: row; align-items: center; margin-bottom: 18px; width: 100%; }
.ef-single .svg-inline--fa { cursor: pointer !important; pointer-events: auto; font-size: 1rem; }
.ef-single p { padding-left: 12px; cursor: pointer; max-width: 100%; overflow: hidden; text-overflow: ellipsis; font-size: .85rem; }
.ef-single-line input { padding: 20px; }
.ef-textarea textarea { width: calc(100% - 40px); padding: 20px 20px 10px; min-height: 150px !important; }
.ef-question-select select { height: 55px; }
.ef-scorecard-item { display: flex; flex-direction: column; padding: 15px 0; }
.ef-scorecard-item p { font-size: .85rem; max-width: 100%; text-overflow: ellipsis; overflow: hidden; padding-bottom: 15px; }
.ef-scorecard-item-options { display: flex; flex-direction: row; align-items: center; width: 100%; background-color: var(--light-background); border: solid 1px var(--border); border-radius: 3px; cursor: pointer; box-sizing: border-box; }
.ef-scorecard-item-option { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 42px; flex: 1 1 0; min-width: 0; border-right: solid 1px var(--border); box-sizing: border-box; }
.ef-scorecard-item-option .svg-inline--fa { color: var(--icon-light); font-size: 1.1rem; }
.ef-scorecard-item-option:last-child { border-right: none; }
.ef-scorecard-item-option:hover { background-color: var(--light-hover); }
.ef-scorecard-item-text { display: none; }
.ef-score-item { display: flex; flex-direction: column; padding: 15px 0; }
.ef-score-item p { font-size: .85rem; max-width: 100%; text-overflow: ellipsis; overflow: hidden; padding-bottom: 15px; }
.ef-score-item-options { display: flex; flex-direction: row; align-items: center; width: 100%; background-color: var(--light-background); border: solid 1px var(--border); border-radius: 3px; cursor: pointer; box-sizing: border-box; }
.ef-score-item-option { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 42px; flex: 1 1 0; min-width: 0; border-right: solid 1px var(--border); box-sizing: border-box; }
.ef-score-item-option .svg-inline--fa { color: var(--icon-light); font-size: 1.1rem; }
.ef-score-item-option:last-child { border-right: none; }
.ef-score-item-option:hover { background-color: var(--light-hover); }
.ef-score-item-text { display: none; }
/*****************************
  Evaluation List Base
*****************************/
.el-wrapper { height: calc(100% - 30px); overflow: auto; padding: 10px 20px 20px; }
.el-score-wrapper { margin-bottom: 30px; display: flex; flex-direction: row; align-items: center; }
/*****************************
  Evaluation List Header
*****************************/
.el-header { display: flex; flex-direction: row; align-items: center; margin-bottom: 40px; border-radius: 6px; min-height: 125px; padding: 0 20px; }
.el-header-left { display: flex; flex-direction: row; align-items: center; }
.el-detail-items { margin-left: 20px; display: flex; flex-direction: row; align-items: center; }
.el-detail-item { text-align: center; }
.el-detail-item-01 { border-left: solid 1px var(--border); border-right: solid 1px var(--border); margin: 0 20px; padding: 0 20px; }
.el-detail-item h6 { font-size: 1.5rem; line-height: 1; padding-top: 8px; }
.el-detail-item p { text-transform: uppercase; font-size: .66rem !important; font-weight: 700 !important; }
.el-detail-items-sml { display: none; }
.el-header-right { margin-left: auto; }
.el-header-btn-wrapper { margin-left: auto; position: relative; display: flex; align-items: flex-start; }
.el-header-menu { flex-direction: column; top: 50px; right: 0; padding: 0; min-width: 350px; max-width: 350px; max-height: 600px; overflow: auto; }
.el-header-menu-header { padding: 0 15px; border-bottom: solid 1px var(--border); }
.el-header-menu-middle { padding: 15px 15px 25px; min-height: 105px; }
.el-header-menu-add-request-outer { margin-top: 15px; }
.el-header-menu-add-request { margin: 20px 0 5px; }
.el-header-menu-footer { display: flex; flex-direction: row; align-items: center; min-height: 50px; border-top: solid 1px var(--border); padding: 0 15px; }
.el-header-menu-footer-cancel { margin: 0 10px 0 auto; }
.template-empty-text { padding: 80px 65px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; min-width: 175px; }
.template-empty-text-inner { margin-bottom: 15px; line-height: 1.6; font-size: .8rem; }
.template-empty-text .gh-link-wrapper .svg-inline--fa { margin-right: 4px !important; font-size: .6rem !important; }
/*****************************
  Evaluation Form List Section
*****************************/
.el-section { margin-bottom: 30px; }
.el-section:last-child { margin-bottom: 0; }
.el-section-header { margin-bottom: 20px; }
/*****************************
  Evaluation Form List Items
*****************************/
.el-item { display: flex; flex-direction: row; align-items: center; margin-bottom: 25px; }
.el-item:last-child { margin-bottom: 0; }
.el-item-not-user .el-item-right { display: none; }
.el-item-open .el-item-btn-view { display: none; }
.el-item:not(.el-item-open) .el-item-btn-close { display: none; }
.el-item:not(.el-item-closed) .el-item-btn-closed { display: none; }
.el-item:not(.el-item-pending) .el-item-btn-pending { display: none; }
.el-item-btn-closed { min-width: 38px; }
.el-item-btn-close { min-width: 38px; }
.el-item-closed .el-item-body { display: none; }
.el-item-inner { margin: 0 20px; width: calc(100% - 40px); }
.el-item-header { display: flex; flex-direction: row; align-items: center; min-height: 70px; border-radius: 4px 4px 0 0; width: 100%; }
.el-avatar { width: 33px; min-width: 33px; height: 33px; }
.el-item-left-outer-main { display: flex; flex-direction: row; align-items: center; }
.el-item-left-outer { display: flex; flex-direction: row; align-items: center; width: 250px; }
.el-item-left { display: flex; flex-direction: column; width: calc(100% - 45px); }
.el-item-title { font-weight: 700; font-size: .85rem; padding-bottom: 2px; max-width: 100%; overflow-x: hidden; white-space: nowrap; text-overflow: ellipsis; }
.el-item-sub { font-size: .74rem; color: var(--mid-light-font); max-width: 100%; overflow-x: hidden; white-space: nowrap; text-overflow: ellipsis; }
.el-item-middle { border-left: solid 1px var(--border); padding: 0 0 0 20px; margin-left: 20px; display: flex; flex-direction: row; align-items: center; }
.el-item-middle-score { margin-right: 10px; }
.el-item-middle-inner p { color: var(--mid-light-font); font-size: .74rem; }
.el-item-middle-inner p:first-child { padding-bottom: 3px; }
.el-item-right { margin-left: auto; display: flex; flex-direction: row; align-items: center; }
.el-item-right .cq-item-btn-download { margin-top: 0; margin-bottom: 0; }
.el-item-btn-wrapper { display: flex; flex-direction: row; align-items: center; gap: 10px; }
.el-item-btn-wrapper .lone-btn { margin-left: 0; }
.el-item-trash { margin-left: 6px; }
/*****************************
  Candidate Evaluations List
*****************************/
.evaluations .list { width: 100%; }
.evaluations .list-item { display: flex; flex-direction: row; align-items: center; }
.evaluations .list-item-details { display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; flex: 1 1 auto; min-width: 0; }
.evaluations .list-item-right { margin-left: auto; display: flex; flex-direction: row; align-items: center; gap: 8px; }
.evaluations .list-item-right .status-banner { margin-right: 0; }
.evaluations .list-item-details .el-item-middle-score { margin-right: 10px; }
.evaluations .list-item-details .el-item-left { width: auto; flex: 1 1 auto; min-width: 0; }
@media screen and (max-width: 800px) {
  .evaluations .list-item { flex-direction: column; align-items: flex-start; }
  .evaluations .list-item-details { width: 100%; margin-bottom: 8px; }
  .evaluations .list-item-right { margin-left: 0; width: 100%; flex-wrap: wrap; justify-content: flex-start; margin-top: 10px; }
}
/*****************************
  Evaluation Form View
*****************************/
.el-item-body { width: 100%; background-color: var(--light-background); margin: 0 0 20px 0; }
.el-qr-list { max-width: 800px; margin: 0 auto; }
.el-qr-list-header { margin-bottom: 25px; }
.el-qr { margin-bottom: 35px; width: calc(100% - 50px); padding: 20px 25px 25px; }
.el-qr:last-child { margin-bottom: 0; }
.el-qr-header { padding: 0 0 10px; }
.el-qr-header h6 { font-size: 1rem; line-height: 1.7; }
.el-qr-inner { width: 100%; }
.el-qr-inner p { font-size: .82rem; line-height: 1.6; }
.el-qr-inner-long-text p { padding-bottom: 12px; }
.el-qr-inner-long-text p:last-child { padding-bottom: 0; }
.el-qr-single-items { width: 100%; padding: 10px 0 5px; }
.el-qr-single-item { display: flex; flex-direction: row; align-items: center; border-radius: 4px; padding: 8px 15px; margin-bottom: 12px; width: calc(100% - 30px); }
.el-qr-single-item:last-child { margin-bottom: 0; }
.el-qr-single-item-selected { background-color: var(--blue-07); }
.el-qr-single-item-not-selected { background-color: var(--light-background); }
.el-qr-scorecard-item { display: flex; flex-direction: row; align-items: center; border-radius: 4px; padding: 8px 15px; margin-bottom: 12px; width: calc(100% - 30px); background-color: var(--light-background); word-wrap: break-word; }
.el-qr-scorecard-item-left { width: calc(100% - 140px); }
.el-qr-scorecard-item-right { margin-left: auto; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; min-width: 140px; }
.el-qr-scorecard-item-right-option { background-color: var(--light-background) !important; display: flex; flex-direction: row; align-items: center; }
.el-qr-scorecard-item-right-option .svg-inline--fa { margin-left: 12px; }
.el-qr-scorecard-item-right-option:hover { background-color: var(--light-background) !important; }
.el-qr-scorecard-item-right-options:not(.el-qr-scorecard-item-right-option-1-outer) .el-qr-scorecard-item-right-option-1 { display: none; }
.el-qr-scorecard-item-right-options:not(.el-qr-scorecard-item-right-option-2-outer) .el-qr-scorecard-item-right-option-2 { display: none; }
.el-qr-scorecard-item-right-options:not(.el-qr-scorecard-item-right-option-3-outer) .el-qr-scorecard-item-right-option-3 { display: none; }
.el-qr-scorecard-item-right-options:not(.el-qr-scorecard-item-right-option-4-outer) .el-qr-scorecard-item-right-option-4 { display: none; }
.el-qr-scorecard-item-right-options:not(.el-qr-scorecard-item-right-option-5-outer) .el-qr-scorecard-item-right-option-5 { display: none; }
.el-qr-inner-summary { padding: 10px 0; display: flex; flex-direction: row; align-items: center; }
.pdfcontent img { padding: 0 10px; }
.imgpdf { text-align: center; }
.el-qr-list img.pdflogo { width: 120px; display: block; margin-bottom: 10px; text-align: center; }
/*****************************
  Evaluations Locked
*****************************/
.menu-section-locked { padding: 80px 30px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; min-width: 225px; }
.menu-section-locked h6 { font-size: 1.2rem; margin: 15px 0 8px; }
.menu-section-locked-text { font-size: 0.8rem; line-height: 1.6; max-width: 380px; margin: 0 auto; padding-bottom: 10px; }
.menu-section-locked .svg-inline--fa { font-size: 2rem; }
.menu-section-locked-btn { margin-top: 15px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.menu-section-locked-btn .gh-btn { max-width: 180px; padding: 12px 35px; }
.upgrade-link { display: flex; justify-content: center; padding-top: 15px; }
.upgrade-link p { color: var(--primary-01); }
/*****************************
  Evaluations Responsive
*****************************/
@media screen and (max-width: 1980px) {
.el-item-body { background-color: var(--primary-03); border-top: solid 1px var(--border); }
.el-qr { margin-bottom: 40px; box-shadow: none; border: none; width: 100%; padding: 0; } }
@media screen and (max-width: 1600px) {
.modal-midx .modal-inner { padding: 40px 20px 60px; }
.ef-footer { margin: 0 20px; } }
@media screen and (max-width: 1550px) {
.el-item-left-outer { width: 250px; } }
@media screen and (max-width: 1220px) {
.el-item-left-outer { width: 200px; } }
@media screen and (max-width: 1150px) {
.el-header-menu { position: relative; left: -133px; top: 55px; }
.el-header { flex-direction: column; align-items: flex-start; padding: 0; border: none; box-shadow: none; }
.el-header-right { margin-left: 0; margin-top: 30px; width: 100%; }
.el-header-btn { padding: 14px 25px; }
.el-header-btn .svg-inline--fa { margin: 0 !important; }
.el-item-left-outer { width: 250px; }
.ef-question-header-tooltip { display: none; }
.ef-scorecard-item-option { height: 62px; flex: auto;}
.ef-scorecard-item-option:hover { background-color: var(--light-hover); }
.ef-scorecard-item-option:hover .ef-tooltip { visibility: hidden; }
.ef-scorecard-item-text { display: flex; color: var(--mid-light-font); font-size: .77rem !important; font-weight: 700; padding: 5px 0 0 0 !important; }
.ef-score-item-option { height: 62px; flex: auto; }
.ef-score-item-option:hover { background-color: var(--light-hover); }
.ef-score-item-option:hover .ef-score-tooltip { visibility: hidden; }
.ef-score-item-text { display: flex; color: var(--mid-light-font); font-size: .77rem !important; font-weight: 700; padding: 5px 0 0 0 !important; } }
@media screen and (max-width: 680px) {
.el-item-left-outer { width: 200px; } }
@media screen and (max-width: 625px) {
.el-item-left-outer { width: 250px; }
.el-item-middle-inner { display: none; } }
@media screen and (max-width: 560px) {
.modal-midx .modal-inner { padding: 40px 20px; }
.ef-single-wrapper { flex-direction: column; flex-wrap: nowrap; }
.ef-single { margin-bottom: 22px; width: 100%; }
.ef-scorecard-item-options { flex-direction: column; }
.ef-scorecard-item-option { width: 100%; border-right: none; border-bottom: solid 1px var(--border); }
.ef-scorecard-item-option:last-child { border-bottom: none; }
.ef-score-item-options { flex-direction: column; }
.ef-score-item-option { width: 100%; border-right: none; border-bottom: solid 1px var(--border); }
.ef-score-item-option:last-child { border-bottom: none; } }
@media screen and (max-width: 540px) {
.el-item-left-outer { width: 200px; } }
@media screen and (max-width: 500px) {
.el-detail-items { display: none; }
.el-detail-items-sml { display: flex; flex-direction: column; padding-left: 15px; }
.el-detail-item-sml { display: flex; flex-direction: row; align-items: center; padding-bottom: 10px; }
.el-detail-item-sml:last-child { padding-bottom: 0; }
.el-detail-item-sml p { min-width: 130px; font-size: .82rem; color: var(--mid-light-font); line-height: 1; }
.el-detail-item-sml h6 { font-size: .82rem; font-weight: 800; line-height: 1; } }
@media screen and (max-width: 490px) {
.el-item-header { flex-direction: column; align-items: flex-start; justify-content: center; min-height: 0; padding: 15px 0; }
.el-item-left-outer-main { width: 100%; margin-bottom: 20px; }
.el-item-left-outer { width: 250px; }
.el-item-middle { border-left: none; margin-left: auto; padding: 0 0 0 10px; }
.el-item-middle-score { margin-right: 0; }
.el-item-right { margin-left: 0; width: 100%; }
.el-item-btn-pending { width: calc(100% - 20px); }
.el-item-btn-view { width: calc(100% - 20px); }
.el-item-btn-close { width: calc(100% - 20px); }
.el-item-body { border-top: none; }
.el-qr { margin-bottom: 30px; }
.el-qr-scorecard-item-left { width: calc(100% - 25px); }
.el-qr-scorecard-item-left p { white-space: inherit; text-overflow: inherit; overflow: auto; }
.el-qr-scorecard-item-right { min-width: 25px; }
.el-qr-scorecard-item-right p { display: none; } }
@media screen and (max-width: 430px) {
.el-header-menu { min-width: 285px; max-width: 285px; }
.template-empty-text { padding: 60px 30px; min-width: 0; } }
@media screen and (max-width: 390px) {
.el-item-left-outer { width: 200px; } }
@media screen and (max-width: 340px) {
.el-item-left-outer { width: 100%; }
.el-item-middle { display: none; } }
@media screen and (max-width: 330px) {
.el-header-menu { min-width: 225px; max-width: 225px; } }
@media screen and (max-width: 300px) {
.el-detail-items-sml { display: none; } }
/*** Generic profile empty ***/
.profile-empty-wrapper { padding: 100px 15px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.profile-empty-wrapper p { line-height: 1.6; text-align: center; color: var(--mid-light-font); }
/*****************************
 AI Progress Banner
*****************************/
.gh-ai-progress-banner-border-right { border-right: solid 2px var(--border); padding-right: 10px; margin-right: 10px; }
.gh-ai-progress-banner { display: flex; flex-direction: column; align-items: center; gap: 14px; color: var(--primary-03); padding: 20px 26px; min-width: 260px; }
.gh-ai-progress-banner__icon .svg-inline--fa { font-size: 3rem; color: var(--primary-03); display: flex; align-items: center; justify-content: center; }
.gh-ai-progress-banner__text-container { display: inline-flex; align-items: center; gap: 6px; width: 100%; justify-content: center; }
.gh-ai-progress-banner__text { margin: 0; animation: ghAiBannerFade 560ms ease; animation-fill-mode: both; font-size: 0.9rem; font-weight: 600; letter-spacing: 0.05em; text-transform: none; color: var(--primary-03); text-align: center; }
.gh-ai-progress-banner__text--alt { animation: ghAiBannerFadeAlt 560ms ease; animation-fill-mode: both; }
.gh-ai-progress-banner__progress { width: 100%; height: 2px; border-radius: 999px; background-color: var(--primary-03); opacity: 0.8; overflow: hidden; position: relative; }
.gh-ai-progress-banner__progress::after { content: ''; position: absolute; left: -40%; width: 40%; height: 100%; background: var(--primary-01); animation: ghAiBannerSlide 2200ms infinite linear; border-radius: inherit; opacity: 0.9; }
.gh-ai-progress-overlay { position: fixed; inset: 0; background: rgb(15 21 30 / 85%); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; z-index: 50000; padding: 20px; }
.gh-ai-progress-overlay__inner { display: flex; flex-direction: column; align-items: center; gap: 18px; max-width: 400px; width: 100%; text-align: center; }
.gh-ai-progress-overlay__subtext { margin: 0; font-size: 0.85rem; color: var(--primary-03); line-height: 1.6; }
@keyframes ghAiBannerFade {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes ghAiBannerFadeAlt {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes ghAiBannerSlide {
  from { transform: translateX(0); }
  to { transform: translateX(300%); }
}
/*****************************
	Main responsive
*****************************/
@media screen and (max-width: 1600px) {

.nav-user-details { max-width: 130px; } }
@media screen and (max-width: 1350px) {

.nav-hide-1350 { display: none; }
.gh-upgrade-btn { display: none; }
.modal-midx { min-width: 750px; } }
@media screen and (max-width: 1230px) {

.nav-user-details { max-width: 110px; } }
@media screen and (max-width: 1150px) {

body { overflow-y: inherit; overflow-x: hidden; height: auto; }
.small-avatar { width: 32px; min-width: 32px; height: 32px; }

/* Responsive nav bar */

nav { background-color: var(--primary-03); border-bottom: solid 1px var(--border); height: 55px; min-height: 55px; position: fixed; width: calc(100% - 30px); z-index: 9998; top: 0; flex-direction: row; max-width: calc(100% - 30px); padding: 0 15px; }
.nav-secondary { display: none; }
.nav-col { display: none; }
.nav-container { width: 100%; justify-content: space-between; flex-direction: row; align-items: center; }
.gh-logo-sml { display: flex !important; }
.gh-logo { height: auto; width: auto; }
.gh-logo img { border-radius: 50%; height: 33px; width: 33px; }
.gh-global-search-sml { display: flex; }
.gh-global-search { margin: 0; }
.gh-global-search input { min-width: 275px; border: solid 1px var(--border); border-radius: 30px; padding: 0 7px 0 39px; background-position: 14px; height: 40px; }
.gh-global-search input:focus { background-color: var(--primary-03); border: solid 1px var(--primary-01); }
.gh-global-search-menu { top: 46px; left: -16px; min-width: 310px; max-width: 310px; }
.nav-menu-wrapper { height: auto; width: auto; }
.nav-bottom { margin-top: 0; }
.navigation-menu { height: 100vh; width: 100vw; min-width: 0; position: fixed; z-index: 9998; left: 0; top: 0 !important; overflow-y: auto; overflow-x: hidden; max-height: 100vh; border-radius: 0 !important; box-shadow: none; }
.navigation-menu-inner { overflow: inherit; height: inherit; max-height: inherit; }
.navigation-menu-inner .menu-top-section { display: none; }
.navigation-menu-inner .menu-divider { display: none; }
.navigation-menu-inner .menu-section-sml-top { border-top: none !important; padding: 0 0 25px !important; }
.navigation-menu-inner .menu-section-sml-btm { border-bottom: none !important; }
.navigation-menu-inner .menu-section { border-top: solid 1px var(--border); margin: 0 50px; padding: 25px 0; }
.navigation-menu-inner .menu-section:last-child { padding: 25px 0 120px; }
.navigation-menu-inner .menu-item { padding: 0; height: 45px; }
.navigation-menu-inner .menu-item p { font-size: .85rem; }
.navigation-menu-inner .menu-item .svg-inline--fa { font-size: 1rem; }
.navigation-menu-inner .menu-logo { width: 23px; height: 23px; margin-right: 12px; }
.nav-large { display: none; }
.nav-small { display: block; }
.nav-menu { padding: 4px 0px 4px 8px !important; }
.nav-small-menu-icon { display: flex; }
.nav-small-menu-icon .svg-inline--fa { font-size: 1.6rem; color: var(--icon-dark); }
.nav-menu { margin: 0; }
.nav-banner-active .gh-container { height: 100%; margin-top: 55px; width: 100%; left: 0; }
.nav-banner-inactive .gh-container { height: calc(100% - 55px); margin-top: 55px; width: 100%; left: 0; }
.nav-banner { display: none; }
.navigation-menu-sml-close { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; width: 100%; height: 55px; min-height: 55px; }
.navigation-menu-sml-close-wrapper .gh-btn-loneIcon { padding: 10px 15px 8px 8px; }
.navigation-menu-sml-close-wrapper .gh-btn-loneIcon .svg-inline--fa { color: var(--icon-dark); font-size: 2rem; }
.nav-notification { display: none; }
.upgrade-btn-nav { display: none; }
.setup-guide { display: none; }

/* Responsive modals */


.modal-container { height: 100%; background-color: var(--primary-03); box-shadow: none; flex-direction: column; align-items: flex-start; justify-content: flex-start; max-width: 100%; width: 100%; position: absolute; }
.modal-background { display: none; }
.modal { max-width: 100%; width: 100%; height: 100%; box-shadow: none; border-radius: 0; }

.modal-open nav, .modal-open .gh-container { display: none; }
.modal-form-wrapper { overflow: inherit; height: auto; }
.modal-header { border-radius: 0; }
.modal-footer { margin: 20px 0 50px; border-radius: 0; justify-content: flex-start; padding: 0 15px; }
.modal-footer-sml-btns .btn { margin-left: 0 !important; }
.modal-sml { max-width: 100%; width: 100%; min-width: 100%; max-height: 100%; height: 100%; }
.modal-sml-header { border-radius: 0; }
.modal-sml-wrapper { overflow: visible; padding: 15px 0; width: calc(100% - 30px); margin: 0 auto; }
.modal-02 { min-width: 0; }
.modal-footer-sml { margin: 0 15px 50px !important; min-height: auto; padding: 20px 0 50px; }
.modal-footer-sml-btns { display: flex; flex-direction: row-reverse; width: 100%; justify-content: flex-end; gap: 10px; }
.modal-footer-sml-btns a { width: calc(100% - 30px); max-width: -moz-fit-content; max-width: fit-content; }
.modal-mid-wrapper { height: auto; max-height: none; }
.modal-footer-sml-btns .subtle-link { background-color: var(--primary-03); box-shadow: inset 0px 0px 0px 1px var(--light-neutral-02); color: var(--dark-font); font-size: .77rem; height: 40px; padding: 0 15px; display: flex; align-items: center; justify-content: center; white-space: nowrap; border-radius: 4px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; transition: all 0.5s; text-decoration: none; }
.modal-mid { background-color: var(--primary-03); max-width: 100%; max-height: 96vh; min-width: auto; position: relative; border-radius: 4px; display: flex; flex-direction: column; }
.modal-mid-wrapper { overflow: visible; padding: 20px; max-width: 900px; width: calc(100% - 40px); margin: 0 auto; }

.modal-footer-mid { margin: 0 auto 50px !important; min-height: 0; padding: 0 70px; max-width: 900px; width: calc(100% - 140px); }






/* Responsive menu items */

.menu-01 { min-width: 300px; top: 40px; }
.menu-section { padding: 15px 0; }
.menu-item { height: 38px; }
.menu-item p { font-size: .82rem; }
.menu-item:hover { background-color: transparent; }

/* Reports */

.ga-row-2 .ga-col { width: 100% !important; }
.ga-row-2 .ga-block { min-height: 0; } }
/* Inbox Loader */
.loaderInbox { z-index: 99999; position: absolute; left: 0; right: 0; }
@media screen and (max-width: 950px) {

.file-wrapper { max-width: 100%; }
.gh-form-cols-sml { display: flex; flex-direction: column; }
.gh-form-cols-sml .gh-form-col { width: 100%; }
.gh-form-cols-sml .gh-form-col-01 { padding-right: 0px; }
.gh-form-cols-sml .gh-form-col-02 { padding-left: 0px; } }
@media screen and (max-width: 800px) {

.main-admin-nav { height: 50px; width: 100%; top: 0; }
.main-admin-nav-container { flex-direction: row; align-items: center; }
.main-admin-nav-container-top { flex-direction: row; }
.main-admin-nav-container-top .tooltip-light-01 span { display: none;  }
.main-admin-logo { height: 50px; width: 50px; }
.main-admin-nav-item { width: 50px; height: 50px; }
.main-admin-nav-container-bottom { margin: 0 0 0 auto; }
.main-admin-menu { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; }
.main-admin-menu-03 { max-width: 120px; top: 45px; bottom: inherit; right: 10px; margin-left: auto; }
.empty-state { padding: 80px 15px; } }
@media screen and (max-width: 650px) {

.navigation-menu-inner .menu-section { margin: 0 20px; padding: 25px 0; }
.btn-menu-stacked { justify-content: inherit; overflow-y: auto; }
.btn-menu-stacked .btn-menu-item { min-width: 65px; }
.banner-04 { height: auto; padding: 5px; }
.banner-04 .svg-inline--fa { display: none; }
.table-header-cell-min-lg { min-width: 0; } }
@media screen and (max-width: 600px) {

.nav-banner { min-height: 38px; }
.nav-banner-active .gh-container { height: calc(100vh - 55px); }
.modal-sml-footer .gh-btn { width: 100%; }
.gh-form-cols { display: flex; flex-direction: column; }
.gh-form-col { width: 100%; }
.gh-form-col-01 { padding-right: 0px; }
.gh-form-col-02 { padding-left: 0px; } }
@media screen and (max-width: 580px) {

.modal-footer-btn { width: calc(100% - 30px); } }
@media screen and (max-width: 500px) {

.main-admin-nav-container-top .tooltip-light-01 { display: none;  }
.admin-nav-small-item { display: block; }
.admin-menu-section-btm { padding: 5px 0 !important; border-top: solid 1px var(--border) !important; }
.main-admin-menu-03 { max-width: 185px; }
.admin-navigation-menu-inner-small { display: flex; }
.admin-navigation-menu-inner-small .menu-item { margin: 0 20px; height: 45px; }
.modal-inner { padding: 30px 40px; }

/*** OTP Code Input ***/

.otp-input { display: block; height: 85px !important; margin: 0 0 15px 0 !important; width: 75px !important; font-size: 24px !important; } }
@media screen and (max-width: 450px) {

.gh-global-search { display: none; }
.label-wrapper-tip { display: none; }
.form-link-container { display: none; } }
@media screen and (max-width: 450px) {
.modal-footer-mid { padding: 0 40px; width: calc(100% - 80px); } }
@media screen and (max-width: 400px) {

.navigation-menu { min-width: 275px !important; }
.nav-user-details { max-width: 125px; } }
@media screen and (max-width: 350px) {

.nav-banner { display: none; }
.gh-pagination-01-results { display: none; } }
@media screen and (max-width: 325px) {

.navigation-menu { min-width: 220px !important; } }
.primary-btn-greyed {
  background-color: var(--avatar-01);
  color: var(--primary-03);
}
.primary-btn-greyed p {
  color: var(--primary-03);
}
.applyEmailH6 {
    font-size: 0.8rem !important;
}
.divAlertMsg {
    padding: 15px;
    color: var(--red-02);
}

.iti {
  position: relative;
  display: inline-block; }
  .iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .iti__hide {
    display: none; }
  .iti__v-hide {
    visibility: hidden; }
  .iti input, .iti input[type=text], .iti input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0; }
  .iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px; }
  .iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px; }
  .iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555; }
  .iti__arrow--up {
      border-top: none;
      border-bottom: 4px solid #555; }
  .iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
  .iti__country-list--dropup {
      bottom: 100%;
      margin-bottom: -1px; }
  @media (max-width: 500px) {
      .iti__country-list {
        white-space: normal; } }
  .iti__flag-box {
    display: inline-block;
    width: 20px; }
  .iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC; }
  .iti__country {
    padding: 5px 10px;
    outline: none; }
  .iti__dial-code {
    color: #999; }
  .iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, 0.05); }
  .iti__flag-box, .iti__country-name, .iti__dial-code {
    vertical-align: middle; }
  .iti__flag-box, .iti__country-name {
    margin-right: 6px; }
  .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0; }
  .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0; }
  .iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer; }
  .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
      background-color: rgba(0, 0, 0, 0.05); }
  .iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
  .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default; }
  .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
    .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
      background-color: transparent; }
  .iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05); }
  .iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px; }
  .iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px; }
  .iti--container:hover {
      cursor: pointer; }
  .iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }
  .iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%; }
  .iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em; }
  .iti__flag {
  width: 20px; }
  .iti__flag.iti__be {
    width: 18px; }
  .iti__flag.iti__ch {
    width: 15px; }
  .iti__flag.iti__mc {
    width: 19px; }
  .iti__flag.iti__ne {
    width: 18px; }
  .iti__flag.iti__np {
    width: 13px; }
  .iti__flag.iti__va {
    width: 15px; }
  @media (min-resolution: 192dpi) {
    .iti__flag {
      background-size: 5652px 15px; } }
  .iti__flag.iti__ac {
    height: 10px;
    background-position: 0px 0px; }
  .iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0px; }
  .iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0px; }
  .iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0px; }
  .iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0px; }
  .iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0px; }
  .iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0px; }
  .iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0px; }
  .iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0px; }
  .iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0px; }
  .iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0px; }
  .iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0px; }
  .iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0px; }
  .iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0px; }
  .iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0px; }
  .iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0px; }
  .iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0px; }
  .iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0px; }
  .iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0px; }
  .iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0px; }
  .iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0px; }
  .iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0px; }
  .iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0px; }
  .iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0px; }
  .iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0px; }
  .iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0px; }
  .iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0px; }
  .iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0px; }
  .iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0px; }
  .iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0px; }
  .iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0px; }
  .iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0px; }
  .iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0px; }
  .iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0px; }
  .iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0px; }
  .iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0px; }
  .iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0px; }
  .iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0px; }
  .iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0px; }
  .iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0px; }
  .iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0px; }
  .iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0px; }
  .iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0px; }
  .iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0px; }
  .iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0px; }
  .iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0px; }
  .iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0px; }
  .iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0px; }
  .iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0px; }
  .iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0px; }
  .iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0px; }
  .iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0px; }
  .iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0px; }
  .iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0px; }
  .iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0px; }
  .iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0px; }
  .iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0px; }
  .iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0px; }
  .iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0px; }
  .iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0px; }
  .iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0px; }
  .iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0px; }
  .iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0px; }
  .iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0px; }
  .iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0px; }
  .iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0px; }
  .iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0px; }
  .iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0px; }
  .iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0px; }
  .iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0px; }
  .iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0px; }
  .iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0px; }
  .iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0px; }
  .iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0px; }
  .iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0px; }
  .iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0px; }
  .iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0px; }
  .iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0px; }
  .iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0px; }
  .iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0px; }
  .iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0px; }
  .iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0px; }
  .iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0px; }
  .iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0px; }
  .iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0px; }
  .iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0px; }
  .iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0px; }
  .iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0px; }
  .iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0px; }
  .iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0px; }
  .iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0px; }
  .iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0px; }
  .iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0px; }
  .iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0px; }
  .iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0px; }
  .iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0px; }
  .iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0px; }
  .iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0px; }
  .iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0px; }
  .iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0px; }
  .iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0px; }
  .iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0px; }
  .iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0px; }
  .iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0px; }
  .iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0px; }
  .iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0px; }
  .iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0px; }
  .iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0px; }
  .iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0px; }
  .iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0px; }
  .iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0px; }
  .iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0px; }
  .iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0px; }
  .iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0px; }
  .iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0px; }
  .iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0px; }
  .iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0px; }
  .iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0px; }
  .iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0px; }
  .iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0px; }
  .iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0px; }
  .iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0px; }
  .iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0px; }
  .iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0px; }
  .iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0px; }
  .iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0px; }
  .iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0px; }
  .iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0px; }
  .iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0px; }
  .iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0px; }
  .iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0px; }
  .iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0px; }
  .iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0px; }
  .iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0px; }
  .iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0px; }
  .iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0px; }
  .iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0px; }
  .iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0px; }
  .iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0px; }
  .iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0px; }
  .iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0px; }
  .iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0px; }
  .iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0px; }
  .iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0px; }
  .iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0px; }
  .iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0px; }
  .iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0px; }
  .iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0px; }
  .iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0px; }
  .iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0px; }
  .iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0px; }
  .iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0px; }
  .iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0px; }
  .iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0px; }
  .iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0px; }
  .iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0px; }
  .iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0px; }
  .iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0px; }
  .iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0px; }
  .iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0px; }
  .iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0px; }
  .iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0px; }
  .iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0px; }
  .iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0px; }
  .iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0px; }
  .iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0px; }
  .iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0px; }
  .iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0px; }
  .iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0px; }
  .iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0px; }
  .iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0px; }
  .iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0px; }
  .iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0px; }
  .iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0px; }
  .iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0px; }
  .iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0px; }
  .iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0px; }
  .iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0px; }
  .iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0px; }
  .iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0px; }
  .iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0px; }
  .iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0px; }
  .iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0px; }
  .iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0px; }
  .iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0px; }
  .iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0px; }
  .iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0px; }
  .iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0px; }
  .iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0px; }
  .iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0px; }
  .iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0px; }
  .iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0px; }
  .iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0px; }
  .iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0px; }
  .iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0px; }
  .iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0px; }
  .iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0px; }
  .iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0px; }
  .iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0px; }
  .iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0px; }
  .iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0px; }
  .iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0px; }
  .iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0px; }
  .iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0px; }
  .iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0px; }
  .iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0px; }
  .iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0px; }
  .iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0px; }
  .iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0px; }
  .iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0px; }
  .iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0px; }
  .iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0px; }
  .iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0px; }
  .iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0px; }
  .iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0px; }
  .iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0px; }
  .iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0px; }
  .iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0px; }
  .iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0px; }
  .iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0px; }
  .iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0px; }
  .iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0px; }
  .iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0px; }
  .iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0px; }
  .iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0px; }
  .iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0px; }
  .iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0px; }
  .iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0px; }
  .iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0px; }
  .iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0px; }
  .iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0px; }
  .iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0px; }
  .iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0px; }
  .iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0px; }
  .iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0px; }
  .iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0px; }
  .iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0px; }
  .iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0px; }
  .iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0px; }
  .iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0px; }
  .iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0px; }
  .iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0px; }
  .iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0px; }
  .iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0px; }
  .iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0px; }
  .iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0px; }
  .iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0px; }
  .iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0px; }
  .iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0px; }
  .iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0px; }
  .iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0px; }
  .iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0px; }
  .iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0px; }
  .iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0px; }
  .iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0px; }
  .iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0px; }
  .iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0px; }
  .iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0px; }
  .iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url('flags.416250f60d785a2e02f1.png');
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }
  @media (min-resolution: 192dpi) {
    .iti__flag {
      background-image: url('flags@2x.d429a5777afaf2fc3496.png'); } }
  .iti__flag.iti__np {
  background-color: transparent; }