/************************************
	Base style
************************************/

@import url('https://fonts.googleapis.com/css?family=Muli:400,600,700,800');
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(--background); }
.no-text-highlight { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.is-hidden { display: none !important; }
.hide-mobile { display: block !important; }
.show-mobile { display: none !important; }
.show-mobile-500 { display: none !important; }
.hide-mobile-500 { display: flex !important; }

@media screen and (max-width: 950px) {

body { overflow-y: auto; }
.hide-mobile { display: none !important; }
.show-mobile { display: block !important; } }

@media screen and (max-width: 600px) {

.hide-mobile-500 { display: none !important; }
.show-mobile-500 { display: block !important; } }


/* Theme variables: Light defaults on :root; Dark overrides on body.theme-dark */
:root {
  --black: #000000;
  --white: #fff;
  /*** Backgrounds ***/ --background: #fff;
  --background-mid: #e6e7ec;
  --background-02: #fff;
  --background-03: #ececf1;
  --background-04: #f0f2f6;
  --background-04-hover: #e1e3e9;
  --background-hover: #f8f9f9;
  --background-nav-hover: #fff;
  --background-hover-02: #f8f9f9;
  --subtle-btn-background: #ececf1;
  --subtle-btn-background-hover: #dcdce5;
  --background-menu: #fff;
  --background-side-nav-btn-selected: #f8f9f9;
  --background-side-nav-btn-selected-border: #ececf1;
  --background-side-nav-btn-hover: #f8f9f9;
  --background-side-nav-btn-hover-border: #ececf1;
  /*** Borders ***/ --border: #ececf1;
  --border-darker: #d8d8e2;
  /*** Forms ***/ --form-field: #f0f2f6;
  --form-radio: #ececf1;
  --form-field-border: #f0f2f6;
  --form-field-focus: #fff;
  /*** Typography ***/ --font-main: #353740;
  --font-subtle: #87879a;
  --font-subtle-02: #a1a1b0;
  --font-placeholder: #727286;
  /*** Icons ***/ --icon-main: #717186;
  --icon-light: #a0a0b4;
  --icon-load-spinner: #717186;
  --icon-nav: #353740;
  /*** Colours ***/ --green: #0b530b;
  --green-light: #d3f4d3;
  --yellow: #5c4008;
  --yellow-light: #ffeecf;
  --red: #601705;
  --red-dark: #bf3715;
  --red-org-denied: #bf3715;
  --red-light: #ffeae4;
  --blue: #0a205c;
  --blue-light: #c1d1ff;
  --purple: #42117b;
  --purple-light: #ead8ff;
  --grey: #3c425b;
  --grey-light: #e8e9f2;
  --red-alert: #ff5252;
  --green-banner: #15aa6c;
  --green-success: #15aa6c;
  --green-success-light: #e5fff4;
  /*** Form Rating Scale ***/ --form-rating-scale-01: #f4481d;
  --form-rating-scale-02: #f9714b;
  --form-rating-scale-03: #fc9b28;
  --form-rating-scale-04: #fdca40;
  --form-rating-scale-05: #f9f517;
  --form-rating-scale-06: #c0db3a;
  --form-rating-scale-07: #82c91e;
  --form-rating-scale-08: #5fcf65;
  --form-rating-scale-09: #3bd98a;
  --form-rating-scale-10: #2fd08d;
  --form-rating-item-text: #202123;
  --form-rating-scale-selected: #3fbafe;
  --form-rating-scale-selected-text: #fff;
  /*** Avatars ***/ --avatar-border: #ececf1;
  /*** Navigation ***/ --main-nav-bar: #fff;
  --notification-alert: #ec5631;
  /*** Box shadows ***/ --box-shadow-tooltip: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
  --box-shadow-menu: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
  --box-shadow-subtle-btn: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --box-item-01: 0 2px 4px rgba(73, 85, 103, .04);
  --box-shadow-auth: 0 4px 16px #ebedf5;
  --box-shadow-auth-logo: 0 2px 10px 0 rgba(12, 16, 20, .12);
  /*** Banners ***/ --banner-02-subtle: #f0f2f6;
  /*** Buttons ***/ --btn-text-subtle: #202124;
  --banner-text: #1a1f36;
  --notification-text: #fff;
  --table-cell-red: #ff5252;
  --table-cell-green: #15aa6c;
  /*** Charts ***/ --chart-primary-color: #736dff;
  --chart-label-text-color: #87879a;
  --chart-info-color: #bee5ff;
  --chart-border-color: #ececf1;
  --chart-success-color: #15aa6c;
  --chart-error-color: #ff5252;
  --chart-error-light-color: #fed8d8;
  --chart-warning-color: #ffcd56;
  --chart-background-two: #736dff;
  --chart-background-three: #8c86ff;
  --chart-background-four: #a6a0ff;
  --chart-background-five: #bfb9ff;
  --chart-background-six: #d9d3ff;
  --chart-background-seven: #f0edff;

  --date-picker-selected: #8c86ff;
  --date-picker-selected-text: #fff;
}

body.theme-dark {
  --black: #000000;
  --white: #fff;
  /*** Backgrounds ***/ --background: #202123;
  --background-02: #202123;
  --background-hover: #2b2c2e;
  --background-nav-hover: #2b2c2e;
  --background-hover-02: #2b2c2e;
  --background-mid: #353739;
  --background-03: #38393c;
  --background-04: #46474a;
  --background-04-hover: #56575a;
  --subtle-btn-background: #323637;
  --subtle-btn-background-hover: #3e4243;
  --background-menu: #202123;
  --background-side-nav-btn-selected: #2b2c2e;
  --background-side-nav-btn-selected-border: #363740;
  --background-side-nav-btn-hover: #2b2c2e;
  --background-side-nav-btn-hover-border: #363740;
  /*** Borders ***/ --border: #363740;
  /*** Forms ***/ --form-field: #2b2c2e;
  --form-radio: #2b2c2e;
  --form-field-border: #2b2c2e;
  --form-field-focus: #202123;
  /*** Typography ***/ --font-main: #d3d7e2;
  --font-subtle: #8993a1;
  --font-subtle-02: #5b6675;
  --font-subtle-03: #4e4f55;
  --font-placeholder: #5e6370;
  /*** Icons ***/ --icon-main: #a3acb9;
  --icon-light: #acacbf;
  --icon-load-spinner: #a3acb9;
  --icon-nav: #a3acb9;
  /*** Colours ***/ --green: #2d5138;
  --green-light: #a2ffbd;
  --yellow: #5b4d33;
  --yellow-light: #ffe7bb;
  --red: #601705;
  --red-dark: #bf3715;
  --red-light: #ffa186;
  --red-org-denied: #ffc9b9;
  --blue: #0a205c;
  --blue-light: #7d9dfb;
  --purple: #42117b;
  --purple-light: #d3aeff;
  --grey: #9a9ea2;
  --grey-light: #353739;
  --red-alert: #ff5252;
  --green-banner: #15aa6c;
  --green-success: #15aa6c;
  --green-success-light: #193d31;
  /*** Form Rating Scale ***/ --form-rating-scale-01: #f4481d;
  --form-rating-scale-02: #f9714b;
  --form-rating-scale-03: #fc9b28;
  --form-rating-scale-04: #fdca40;
  --form-rating-scale-05: #ffff00;
  --form-rating-scale-06: #c0db3a;
  --form-rating-scale-07: #82c91e;
  --form-rating-scale-08: #5fcf65;
  --form-rating-scale-09: #3bd98a;
  --form-rating-scale-10: #2fd08d;
  --form-rating-item-text: #202123;
  --form-rating-scale-selected: #3fbafe;
  --form-rating-scale-selected-text: #fff;
  /*** Avatars ***/ --avatar-border: #fff;
  /*** Navigation ***/ --main-nav-bar: #202123;
  --notification-alert: #ec5631;
  /*** Box shadows ***/ --box-shadow-tooltip: 0 2px 5px 0 rgba(0, 0, 0, .25), 0 1px 1px 0 rgba(0, 0, 0, .25), 0 0 0 1px hsla(0, 0%, 100%, .15);
  --box-shadow-menu: 0 2px 20px 0 rgba(0, 0, 0, .25), 0 1px 1px 0 rgba(0, 0, 0, .25), 0 0 0 1px hsla(0, 0%, 100%, .15);
  --box-shadow-auth: 0 2px 10px 0 rgba(0, 0, 0, .25), 0 2px 5px 0 rgb(26, 31, 54), 0 0 0 1px hsla(0, 0%, 100%, .15);
  --box-shadow-radio: 0 2px 4px rgba(0, 0, 0, 0.1);
  --box-item-01: 0px 2px 2px rgba(0, 0, 0, 0.18);
  /*** Banners ***/ --banner-02-subtle: #2b2c2e;
  /*** Buttons ***/ --banner-text: #1a1f36;
  --btn-text-subtle: #fff;
  --btn-alt: #ff7452;
  --notification-text: #fff;
  --table-cell-red: #ff5252;
  --table-cell-green: #15aa6c;
  --background-light: red;
  --background-lighter: red;
  /*** Charts ***/ --chart-primary-color: #736dff;
  --chart-label-text-color: #87879a;
  --chart-info-color: #bee5ff;
  --chart-border-color: #ececf1;
  --chart-success-color: #15aa6c;
  --chart-error-color: #ff5252;
  --chart-error-light-color: #fed8d8;
  --chart-warning-color: #ffcd56;
  --chart-background-two: #736dff;
  --chart-background-three: #8c86ff;
  --chart-background-four: #a6a0ff;
  --chart-background-five: #bfb9ff;
  --chart-background-six: #d9d3ff;
  --chart-background-seven: #f0edff;
  
  --date-picker-selected: #8c86ff;
  --date-picker-selected-text: #fff;
}

/* System theme now maps to theme-light or theme-dark via JS; no duplicate variable sets here */

/* Theme-aware logo switching */
.nav-logo .logo-mark--light { display: block; }
.nav-logo .logo-mark--dark { display: none; }

body.theme-light .nav-logo .logo-mark--light { display: block; }
body.theme-light .nav-logo .logo-mark--dark { display: none; }

body.theme-dark .nav-logo .logo-mark--light { display: none; }
body.theme-dark .nav-logo .logo-mark--dark { display: block; }

/* System theme handled by JS toggling theme-light/theme-dark */

/* Generic theme image switcher */
.theme-switch .theme-img--light { display: block; }
.theme-switch .theme-img--dark { display: none; }
body.theme-light .theme-switch .theme-img--light { display: block; }
body.theme-light .theme-switch .theme-img--dark { display: none; }
body.theme-dark .theme-switch .theme-img--light { display: none; }
body.theme-dark .theme-switch .theme-img--dark { display: block; }
/* System theme handled by JS toggling theme-light/theme-dark */

/*****************************
  Typography
*****************************/

h1, h2, h3, h4, h5, h6, p, li, select { margin: 0; padding: 0; color: var(--font-main); }
h1 { font-size: 2rem; font-weight: 600; line-height: 1.5; }
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; }
p, a, li, button, label, input, textarea, select, option, span { font-weight: 600; font-size: 0.77rem; letter-spacing: 0.02rem; }
a { text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; font-size: 0.77rem; color: var(--brand-color); }
.readable-text { font-size: .8rem; line-height: 1.6; }
.readable-text-max-width { max-width: 600px; }
.subtle-text { color: var(--font-subtle); }
.access-management-person-id { margin-top: 2px; }
.time-off-type-balance-helper-text { margin: 6px 0 0; }
.text-overflow-hidden { overflow: hidden; text-overflow: ellipsis; max-width: 100%; white-space: nowrap; }
.discrete-text { line-height: 1.7; color: var(--font-subtle); font-size: .65rem; font-style: italic; }
.discrete-text .svg-inline--fa { font-size: .65rem; color: var(--font-subtle); }

@media screen and (max-width: 950px) {

h1 { font-size: 1.6rem; } }

/*****************************
  Nav
*****************************/

nav { height: 100vh; left: 0; width: 56px; max-width: 56px; position: fixed; z-index: 2000; display: flex; flex-direction: column; background-color: var(--main-nav-bar); 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: 56px; }
.nav-bottom { margin-top: auto; margin-bottom: 10px; }
.nav-border { margin: 0 0 10px; border-top: solid 1px var(--border); width: 30px; }
.nav-logo { height: 52px; width: 52px; max-height: 52px; max-width: 52px; display: flex; justify-content: center; align-items: center; }
.nav-logo img { display: block; height: 15px; }
.nav-item { width: 45px; height: 45px; display: flex; justify-content: center; align-items: center!important; cursor: pointer; transition: all 0.5s; position: relative; }
.nav-item-inner { padding: 7px; display: flex; justify-content: center; align-items: center; }
.nav-item-inner .svg-inline--fa { font-size: .92rem !important; color: var(--icon-nav) !important; }
.nav-item.btn-loading-replace .nav-item-inner { position: relative; }
.nav-item .btn-spinner { display: none; color: var(--icon-nav); }
.nav-item.btn-loading-replace.is-loading[data-load-ok="1"] .nav-item-inner .btn-spinner { position: absolute; inset: 0; width: 1em; height: 1em; margin: auto; line-height: 1; display: block; }
.nav-item.btn-loading-replace.is-loading[data-load-ok="1"] .nav-item-inner > :not(.btn-spinner) { opacity: 0 !important; visibility: hidden; transition: none !important; }
.nav-item.is-loading[data-load-ok="1"] { pointer-events: none; cursor: wait; }
.nav-item-avatar img { border: solid 1px var(--white); display: block; width: 30px; height: 30px; border-radius: 100%; }
.nav-item-avatar .avatar { width: 30px !important; height: 30px !important; margin: 0 !important; }
.menu-nav-btn .svg-inline--fa { font-size: .9rem; color: var(--white) !important; }
.menu-nav { bottom: 0; left: 40px; top: inherit !important; min-width: 240px !important; }
.menu-nav-detail { padding: 10px 15px 0; }
.menu-nav-detail h6 { font-size: 0.86rem; font-weight: bold; padding-bottom: 2px; }
.nav-item-cta { background-color: var(--brand-color); border-radius: 100%; height: 30px; width: 30px; display: flex; justify-content: center; align-items: center; }
.nav-item-cta .svg-inline--fa { color: var(--btn-text) !important; font-size: .7rem !important; }
.nav-create-btn { margin-bottom: 5px; }
.nav-create-btn .menu-nav { bottom: 8px; left: 45px; }
.nav-container-sml { display: none; }
.nav-notification { background-color: var(--notification-alert); padding: 2px 3px; min-width: 14px; display: flex; align-items: center; justify-content: center; border-radius: 8px; position: absolute; top: 6px; right: -6px; text-align: center; }
.nav-notification p { color: var(--notification-text); font-weight: 800; font-size: .61rem; line-height: 1; }
.nav-notification .fa-spinner, .nav-notification .svg-inline--fa { color: var(--white) !important; font-size: .4rem !important; line-height: 1; }

@media screen and (max-width: 950px) {

nav { display: flex !important; flex-direction: row; align-items: center; height: 55px; width: 100%; max-width: 100%; border-bottom: solid 1px var(--border); } 
.nav-container { display: none; }
.nav-container-sml { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: calc(100% - 40px); padding: 0 20px; }
.nav-container-sml a { border-bottom: none !important }
.nav-logo { width: auto; padding: 0 !important; } 
.nav-logo img { display: block; height: 15px; padding: 6px 6px 6px 0; }
.nav-item { height: 42px; width: 100%; margin: 10px 0; justify-content: flex-start; }
.nav-sml-icon { cursor: pointer; }
.nav-sml-icon .svg-inline--fa { color: var(--font-main); font-size: 1.8rem; }
.overlay { height: 100%; overflow-x: auto; width: 100%; display: none; position: fixed; z-index: 1; top: 0; left: 0; background-color: var(--background); }
.overlay-content { margin-top: 90px; margin-bottom: 100px; width: 100%; text-align: center; }
.nav-item a { padding: 15px 25px; font-size: .88rem; color: var(--font-main); display: block; transition: 0.3s; font-weight: 700; }
/* Ensure workspace links in small nav are row-aligned with avatar */
.nav-item a.nav-workspace-link { display: flex; align-items: center; text-align: left; width: 100%; }
.nav-item a.nav-workspace-link .menu-item-right { margin-left: auto; display: inline-flex; align-items: center; }
.overlay .close-btn { position: absolute; color: var(--font-main); top: 4px; right: 18px; font-size: 40px; }
.overlay-btn { padding: 8px 15px !important; margin: 25px 25px 80px; max-width: 200px; } 
.nav-sml-section { margin-bottom: 20px; }
.nav-sml-section-header { text-align: left; padding: 0 0 10px; margin: 0 25px 12px; border-bottom: solid 1px var(--border); }
.nav-sml-section-header h6 { color: var(--font-subtle); text-transform: uppercase; font-size: 0.77rem; } }

/*****************************
  App Page Tabbed Navigation
*****************************/

.tab-link { padding: 10px; color: var(--font-subtle); cursor: pointer; transition: all 0.5; font-size: .82rem; font-weight: 700; }
.tab-link:hover { color: var(--brand-color); border-bottom: solid 2px var(--brand-color); }
.tab-link.active { color: var(--brand-color); border-bottom: solid 2px var(--brand-color); }

/*****************************
  Global banners
*****************************/

.trial-banner .container,
.expired-banner .container { height: calc(100vh - 30px) }
.trial-banner nav,
.expired-banner nav { height: calc(100vh - 30px) }
.global-banner { display: flex; justify-content: center; align-items: center; padding: 0 10px; height: 30px; text-align: center; }
.global-banner.trial { background-color: var(--blue-light); }
.global-banner.trial p { color: var(--blue); }
.global-banner.trial a { color: var(--blue); font-weight: 700; text-decoration: underline; }
.global-banner.expired { background-color: var(--red-light); }
.global-banner.expired p { color: var(--red); }
.global-banner.expired a { color: var(--red); font-weight: 700; text-decoration: underline; }

@media screen and (max-width: 950px) {

.trial-banner nav,
.expired-banner nav { height: 55px }
.trial-banner .container, .expired-banner .container { margin-top: 30px; }
.global-banner { position: fixed; width: calc(100% - 20px); z-index: 10000000; } }

@media screen and (max-width: 400px) {

.trial-banner .container, .expired-banner .container { margin-top: 50px; }
.global-banner { height: 50px } }

/*****************************
  Page Containers
*****************************/

.container { height: 100vh; }
.page-container { height: 100%; width: calc(100% - 56px); left: 56px; position: relative; }
.page { height: 100%; }
.page-padding { padding: 0 20px; height: 100%; }

/*** Remove nav from pages, like auth ***/

.page-container-no-nav { height: 100%; width: 100%; position: relative; }

/*** App page with side nav ***/

.page-container-alt { display: flex; height: 100%; min-width: 0; }
.page-alt-side-nav { border-right: solid 1px var(--border); display: flex; flex-direction: column; width: 230px; min-width: 230px; max-width: 230px; height: 100%; overflow: auto; }
.page-alt-side-nav-header { padding: 20px 25px 30px; }
.page-alt-inner { width: calc(100% - 270px); min-width: 0; padding: 0 20px; }
.page-alt-inner-overflow { overflow: auto; }
.page-alt-inner-no-padding { flex: 1 1 auto; width: calc(100% - 230px); min-width: 0; }
.page-alt-inner-no-margin { width: calc(100% - 230px) !important; min-width: 0; padding: 0 !important; }
.page-alt-inner-no-margin .page-header { padding: 0 20px !important; }
/* Reports layout: keep header static and scroll only chart content area */
.page-container-alt.reports-page .page-alt-inner { display: flex; flex-direction: column; min-height: 0; }
.page-container-alt.reports-page .page-alt-inner-overflow { overflow: hidden; }
.page-container-alt.reports-page .page-header { flex: 0 0 auto; }
.page-container-alt.reports-page .page-header { border-bottom: solid 1px var(--border); }
.page-container-alt.reports-page .chart-container { flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; align-content: flex-start; padding-top: 20px; }
.page-container-alt.reports-page .reports-surveys-kpi-container { flex: 0 0 auto; min-height: auto; overflow: visible; }
.side-nav-section { padding: 0 15px; margin-bottom: 25px; display: flex; flex-direction: column; }
.side-nav-section:first-child { margin-top: 25px; }
.side-nav-header { margin: 0 10px 12px; }
.side-nav-header h6 { color: var(--font-subtle); font-size: 0.8rem; }
.admin-page-side-nav .side-nav-section, .partner-page-side-nav .side-nav-section { display: block; }
.admin-page-side-nav .side-nav-section-toggle, .partner-page-side-nav .side-nav-section-toggle { list-style: none; display: flex; align-items: center; justify-content: space-between; margin: 0 10px; cursor: pointer; }
.admin-page-side-nav .side-nav-section-toggle::-webkit-details-marker, .partner-page-side-nav .side-nav-section-toggle::-webkit-details-marker { display: none; }
.admin-page-side-nav .side-nav-section-toggle h6, .partner-page-side-nav .side-nav-section-toggle h6 { color: var(--font-subtle); font-size: 0.8rem; }
.admin-page-side-nav .side-nav-section-toggle .svg-inline--fa, .partner-page-side-nav .side-nav-section-toggle .svg-inline--fa { color: var(--font-subtle); font-size: 0.72rem; transition: transform 0.2s ease; }
.admin-page-side-nav .side-nav-section[open] > .side-nav-section-toggle .svg-inline--fa, .partner-page-side-nav .side-nav-section[open] > .side-nav-section-toggle .svg-inline--fa { transform: rotate(90deg); }
.admin-page-side-nav .side-nav-section-items, .partner-page-side-nav .side-nav-section-items { margin-top: 12px; display: flex; flex-direction: column; }
.admin-page-side-nav .side-nav-section[data-admin-nav-has-selected="1"] > .side-nav-section-toggle h6, .partner-page-side-nav .side-nav-section[data-partner-nav-has-selected="1"] > .side-nav-section-toggle h6 { color: var(--font-main); }
.admin-page-side-nav .side-nav-section[data-admin-nav-section="vesra-website"] > .side-nav-section-toggle h6, #adminNavMenuSml .admin-nav-menu-section[data-admin-nav-section="vesra-website"] > .admin-nav-menu-section-toggle h6 { color: var(--font-subtle) !important; }
.side-nav-item { margin: 3px 0; padding: 0 10px; display: flex; flex-direction: row; align-items: center; height: 32px; color: var(--font-main); transition: all 0.5s; font-size: .8rem; border-radius: 3px; font-weight: 700; border: solid 1px var(--background); text-transform: capitalize; }
.settings-side-nav .side-nav-item, #settingsMenuSml .side-nav-item, .admin-page-side-nav .side-nav-item, #adminNavMenuSml .side-nav-item, .partner-page-side-nav .side-nav-item, #partnerNavMenuSml .side-nav-item { text-transform: none; }
.side-nav-item span { margin-left: auto; color: var(--font-subtle); }

/* Side nav item icon */
.side-nav-item-icon { display: flex; align-items: center; justify-content: center; width: 22px; min-width: 22px; margin-right: 10px; }
.side-nav-item .svg-inline--fa { color: var(--icon-nav); font-size: .86rem; }


.side-nav-item:hover { background-color: var(--background-side-nav-btn-hover); border: solid 1px var(--background-side-nav-btn-hover); }
.side-nav-item.selected { background-color: var(--background-side-nav-btn-selected); border: solid 1px var(--background-side-nav-btn-selected-border); }
.side-nav-item-selected:hover { background-color: var(--background-side-nav-btn-selected); border: solid 1px var(--background-side-nav-btn-selected-border); }

.side-nav-item.selected .svg-inline--fa { color: var(--icon-nav) !important; }






.page-alt-side-nav-sml { display: none !important; }
.page-alt-side-nav-sml-items { display: none !important; }
.side-nav-item-notification-container { position: relative; display: flex; align-items: center; gap: 6px; flex: 1 1 auto; min-width: 0; }
.side-nav-item-notification-container .side-nav-item-label { margin-left: 0 !important; color: inherit; text-transform: none; font-weight: inherit; }
.side-nav-item-notification-container .nav-notification { position: relative !important; top: 0 !important; right: 0 !important; flex: 0 0 auto; margin-left: auto; }
.menu-item-right .nav-notification { position: relative !important; top: 0 !important; right: 0 !important; flex: 0 0 auto; }
#adminNavMenuSml .admin-nav-menu-section, #partnerNavMenuSml .partner-nav-menu-section { margin: 0; }
#adminNavMenuSml .admin-nav-menu-section-toggle, #partnerNavMenuSml .partner-nav-menu-section-toggle { list-style: none; display: flex; align-items: center; justify-content: space-between; margin: 12px 15px; cursor: pointer; }
#adminNavMenuSml .admin-nav-menu-section-toggle::-webkit-details-marker, #partnerNavMenuSml .partner-nav-menu-section-toggle::-webkit-details-marker { display: none; }
#adminNavMenuSml .admin-nav-menu-section-toggle h6, #partnerNavMenuSml .partner-nav-menu-section-toggle h6 { color: var(--font-subtle); font-size: 0.77rem; }
#adminNavMenuSml .admin-nav-menu-section-toggle .svg-inline--fa, #partnerNavMenuSml .partner-nav-menu-section-toggle .svg-inline--fa { color: var(--icon-main); font-size: 0.75rem; transition: transform 0.2s ease; }
#adminNavMenuSml .admin-nav-menu-section[open] > .admin-nav-menu-section-toggle .svg-inline--fa, #partnerNavMenuSml .partner-nav-menu-section[open] > .partner-nav-menu-section-toggle .svg-inline--fa { transform: rotate(90deg); }
#adminNavMenuSml .admin-nav-menu-section-items, #partnerNavMenuSml .partner-nav-menu-section-items { margin-bottom: 10px; }
#adminNavMenuSml .admin-nav-menu-section[data-admin-nav-has-selected="1"] > .admin-nav-menu-section-toggle h6, #partnerNavMenuSml .partner-nav-menu-section[data-partner-nav-has-selected="1"] > .partner-nav-menu-section-toggle h6 { color: var(--font-main); }

@media screen and (max-width: 950px) {

.page-container { width: 100%; left: 0; top: 55px; height: calc(100% - 55px); }
.page { height: auto; }
.page-padding { height: auto; padding: 0 20px 40px; }
.page-alt-inner { width: calc(100% - 40px); }
.page-alt-inner-no-padding { width: 100%; }
.page-alt-inner-no-margin { width: 100% !important; }
.page-alt-inner-no-margin .page-header { padding: 20px !important; }
.page-container-alt { flex-direction: column; height: auto; padding-bottom: 50px; }
.page-alt-side-nav { display: none; }
.page-alt-side-nav-sml { display: flex !important; margin: 20px 20px 0; height: 50px !important; }
.page-alt-side-nav-sml-items { width: calc(100% - 40px); left: 20px; top: 85px !important; }
.side-nav-item { height: 45px; }
.page-alt-side-nav-sml-items.show { display: block !important; } }


/*****************************
  Borders
*****************************/

.btn-border { height: 17px; margin: 0 15px; border-right: 2px solid var(--border); } 

/*****************************
  Buttons
*****************************/

button { border: none; }

.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; -ms-user-select: none; user-select: none; transition: all 0.5s; }
.btn p { font-weight: 700 !important; font-size: .82rem; padding: 0 !important; font-family: 'Muli', sans-serif; }
.btn .svg-inline--fa { font-size: .86rem; color: var(--btn-text); margin-left: 4px; }

/*** App Small Button ***/

.btn-sml { height: 29px; padding: 0 12px; }

@media screen and (max-width: 950px) {

.btn-sml { height: 40px; } }

/*** App Tiny Button ***/

.btn-tiny { padding: 2px 5px 2px 0 !important; background-color: var(--subtle-btn-background); height: auto !important; }
.btn-tiny:hover { background: var(--subtle-btn-background-hover); }
.btn-tiny .svg-inline--fa { font-size: .6rem; padding: 0 6px 0 6px; color: var(--font-main); margin-right: 0 !important; }
.btn-tiny p { text-transform: uppercase; font-size: .65rem; font-weight: 800; color: var(--font-main) !important; }
.btn-tiny-margin { margin-left: 10px; }

/*** Primary Button ***/

.primary-btn { background-color: var(--brand-color); }
.primary-btn p { color: var(--btn-text) !important; }
.primary-btn .svg-inline--fa { color: var(--btn-text) !important; }
.primary-btn:hover { box-shadow: inset 0 -2px 0 rgba(31, 45, 61, .15); }

/*** Subtle Button ***/

.subtle-btn { background-color: var(--subtle-btn-background); }
.subtle-btn p { color: var(--font-main) !important; }
.subtle-btn .svg-inline--fa { color: var(--font-main) !important; font-size: .68rem; }
.subtle-btn-adjusted .svg-inline--fa { margin: 1px 5px 0 0; }
.subtle-btn:hover { background: var(--subtle-btn-background-hover); }

/*** Disable Button ***/

.disabled-btn { border: solid 1px var(--border) !important; color: var(--white) !important; cursor: default; color: var(--border) !important; }
.disabled-btn p { color: var(--font-subtle-02) !important; }
.disabled-btn:hover { border: solid 1px var(--border) !important; }

/*** Warning Button ***/

.warning-btn { background-color: var(--red-alert); color: var(--font-main); }
.warning-btn p { color: var(--btn-text); }

/*** Subtle Warning Button ***/

.subtle-warning-btn { border: solid 1px var(--red-alert); color: var(--red-alert); }
.subtle-warning-btn p { color: var(--red-alert) !important; }

/*** Red Button ***/

.red-btn { background-color: var(--notification-alert); color: var(--font-main); }
.red-btn p { color: var(--btn-text); }

/*** Subtle Link ***/

.subtle-link-container { display: flex; flex-direction: row; align-items: center; }
.subtle-link-container .svg-inline--fa { font-size: .75rem; color: var(--font-main); }
.subtle-link { font-weight: 700; text-decoration: underline; color: var(--font-main); }
.teams-count-link { font-weight: 400; text-decoration: underline; color: var(--font-main); }
.permissions-count-link { font-weight: 400; text-decoration: underline; color: var(--font-main); }
.locations-count-link { font-weight: 400; text-decoration: underline; color: var(--font-main); }
.form-container-sml-header-title .subtle-link-container { margin-top: 4px; }
.form-container-sml-header-title .subtle-link-container .svg-inline--fa { color: var(--font-subtle); margin-right: 3px; }
.form-container-sml-header-title .subtle-link { color: var(--font-subtle); }
.subtle-link-margin-right { margin-right: 15px; }

/*** Alt Button ***/

.alt-btn { border: solid 1px var(--brand-color); }
.alt-btn p { color: var(--brand-color) !important; }
.alt-btn .svg-inline--fa { color: var(--brand-color) !important; font-size: .68rem; margin: 1px 5px 0 0; }

/*** Icon Button Small ***/

.btn-icon { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all 0.5s; display: flex; justify-content: center; align-items: center; background-color: var(--subtle-btn-background); border-radius: 5px; height: 30px; width: 30px; min-width: 30px; min-height: 30px; max-width: 30px; max-height: 30px; }
.btn-icon .svg-inline--fa { transition: all 0.5s; color: var(--font-main); font-size: 0.77rem; }
.btn-icon:hover { background-color: var(--subtle-btn-background-hover); }


/*** Integration connect / disconnect btn  ***/

.integration-connection-btn { margin-top: 20px; }
.integration-connection-btn-subtle { width: 100%; }
.integration-connection-btn a { width: calc(100% - 30px); }

@media screen and (max-width: 950px) {

.btn-icon { height: 40px; width: 40px; min-width: 40px; min-height: 40px; max-width: 40px; max-height: 40px; } }

/*** Icon Button Primary ***/

.btn-icon-primary { background-color: var(--brand-color); }
.btn-icon-primary:hover { background-color: var(--brand-color); }
.btn-icon-primary .svg-inline--fa { color: var(--btn-text) !important; }

/* Clock button outline variants */
.btn-icon-round { border-radius: 50% !important; }
.btn-icon-primary-outline { background-color: transparent; border: 1px solid var(--brand-color); }
.btn-icon-primary-outline .svg-inline--fa { color: var(--brand-color) !important; }
.btn-icon-primary-outline:hover { background-color: var(--subtle-btn-background); }

.btn-icon-success-outline { background-color: transparent; border: 1px solid var(--green-success); }
.btn-icon-success-outline .svg-inline--fa { color: var(--green-success) !important; }
.btn-icon-success-outline:hover { background-color: var(--green-success-light); }

.nav-clock-btn { margin: 0 10px; }

/*** Dropdown Button ***/

.dropdown-btn .svg-inline--fa { padding-top: 2px; font-size: .6rem; color: var(--font-main); }

/*** Back Button ***/

.back-btn { padding: 7px 10px; background-color: var(--subtle-btn-background); height: auto; }
.back-btn .svg-inline--fa { transition: all 0.5s; font-size: .7rem; margin: 1px 5px 0 0; color: var(--font-main); }
.back-btn:hover { background-color: var(--subtle-btn-background-hover); }

@media screen and (max-width: 950px) {

.back-btn { height: 40px; padding: 0 12px; } }

/*** Form Back Button ***/

.form-back-btn-container { margin-top: 20px; }
.form-back-btn { display: flex; flex-direction: row; align-items: center; color: var(--font-subtle); text-decoration: underline; }
.form-back-btn .svg-inline--fa { font-size: .7rem !important; margin: 0 5px 0 0 !important; }

/*** Drag Button ***/

.btn-drag { padding: 5px 7px; border-radius: 3px; display: flex; flex-direction: row; align-items: center; margin: 0 10px 0 0; border: solid 2px var(--background-03); background: var(--background-03); cursor: grab; color: var(--font-main); font-size: .8rem; font-weight: 700; font-family: 'Muli', sans-serif; }
.btn-drag .svg-inline--fa { font-size: 1rem; color: var(--icon-main); }

@media screen and (max-width: 950px) {

.btn-drag { display: none; } }

/*** Form Link Button ***/

.form-btn-link-container { display: flex; justify-content: center; align-items: center; }
.form-btn-link { cursor: pointer; text-decoration: underline; text-align: center; background: none; margin: 20px auto 0; font-family: 'Muli', sans-serif; color: var(--font-subtle); font-weight: 700; font-size: .7rem; }

/*** OAuth Button ***/

.auth-oauth-btn { border: solid 1px var(--border); height: 50px; width: 100%; display: flex; align-items: center; justify-content: space-between !important; border-radius: 100px; cursor: pointer; transition: all 0.5s; margin-bottom: 20px; padding: 0 !important; }
.auth-oauth-btn:hover { border: solid 1px var(--border-hover); }
.auth-oauth-btn-icon { display: flex; width: 70px; align-items: center; justify-content: center; }
.auth-oauth-btn-icon img { display: block; max-width: 20px; }
.auth-oauth-btn-box { width: 70px; }

/*****************************
  CK Editor
*****************************/

.cke_contents { height: 500px !important; }

/*****************************
  Tooltips
*****************************/

.tooltip { transition-delay: 0.2s; visibility: hidden; background-color: var(--background); color: var(--font-main); border-radius: 4px; position: absolute; z-index: 2 !important; left: 50%; transform: translateX(-50%); box-shadow: var(--box-shadow-tooltip); }
.tooltip-align-left { left: -20px; }
.tooltip-01 { position: relative; white-space: nowrap; display: flex; align-items: center; flex-direction: column; }
.tooltip-01-inner:hover .tooltip-01-text { visibility: visible; }
/* Align icon-button tooltips with standard tooltip sizing */
.tooltip-01-text { padding: 3px 6px; top: 34px; white-space: nowrap; text-align: center; font-size: .60rem !important; line-height: 1; }
/* Ensure icon-button tooltips use the compact size regardless of container font scaling */
.page-header .tooltip-01-text { font-size: .60rem !important; padding: 2px 6px; }

/*** Main navigation tooltips ***/

.tooltip-nav-item { position: relative; white-space: nowrap; display: flex; align-items: flex-start; }
.tooltip-nav-item-inner { transition-delay: 0.1s; visibility: hidden; background-color: var(--background); color: var(--font-main); border-radius: 4px; position: absolute; z-index: 9 !important; left: 50%; transform: translateX(-50%); box-shadow: var(--box-shadow-tooltip); border: solid 1px var(--border); }
.tooltip-nav-inner { height: 33px; width: 33px; border-radius: 4px; display: flex; justify-content: center; align-items: center; }
.tooltip-nav-inner:hover { background-color: var(--background-hover); }
.tooltip-nav-inner:hover .tooltip-nav-text { visibility: visible; }
.tooltip-nav-inner-selected { background-color: var(--background-nav-hover); border: solid 1px var(--border); }
.tooltip-nav-text { line-height: 1; padding: 12px 10px; top: 50%; transform: translatey(-50%); left: 40px; white-space: nowrap; text-align: left; font-size: .77rem; padding: 10px 8px; font-weight: 700; color: var(--font-main) !important; }

/*****************************
  App Page Base Style
*****************************/

.page-header { display: flex; flex-direction: row; align-items: center; height: 60px; }
.page-header h6 { display: flex; align-items: center; }
.page-header span { font-size: 1.02rem; font-weight: 700; letter-spacing: 0.02rem; }
.page-header-actions { margin-left: auto; display: flex; flex-direction: row; align-items: center; position: relative; }
.page-header-border { border-bottom: solid 1px var(--border); }
.page-header-left-row { display: flex; flex-direction: row; align-items: center; }
.page-header-icons { display: flex; flex-direction: row; align-items: center; }
.page-header-icon-padding { margin-left: 10px; } 
.page-header-vertical-border { height: 20px; border-left: solid 1px var(--border); margin: 0 15px; }

.settings-activity-logs-access-menu {
  margin-left: auto;
}

@media screen and (max-width: 950px) {

.page-header { padding: 20px 0; height: auto; }  
.page-header h6 { font-size: 1.5rem; }
.page-header-title { display: flex; flex-direction: column; padding: 0 20px 0 0; }  
.page-header-title h6 { white-space: nowrap; }
.page-header-title h6:last-child { color: var(--font-subtle); padding-top: 4px; font-size: .9rem !important; }
.page-header-align-right { margin-left: auto; }
.page-header-left .btn-icon { margin-left: 10px; }
.page-header-with-search { flex-direction: column; align-items: flex-start; padding: 20px 0; }

.settings-activity-logs-access-menu {
  display: none;
}
}

@media screen and (max-width: 650px) {

.settings-activity-logs-access-menu,
.settings-activity-logs-filter-menu,
.settings-activity-logs-export-btn,
.settings-activity-logs-filter-reset-link,
.settings-activity-logs-header .page-header-vertical-border {
  display: none;
}

}

/*****************************
  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: 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 50px 17px 8px; }
.table-cell .svg-inline--fa { transition: all 0.5s; color: var(--font-main); font-size: 0.9rem; }
.table-cell-flex { display: flex; flex-direction: row; align-items: center; }
.table-cell-flex-inner { display: flex; flex-direction: column; }
.table-cell-flex-inner-row { display: flex; flex-direction: row; padding-top: 2px; }
.table-cell-sml { min-width: 45px !important; max-width: 45px !important; }
.table-cell-lg { min-width: 165px !important; }
.table-cell-xlg { min-width: 300px !important; }
.table-cell-red { color: var(--table-cell-red) !important; }
.table-cell-green { color: var(--table-cell-green) !important; }
.activity-log-action-col { text-align: left; }

/*** Table header ***/

.table-header { width: 100%; }
.table-header-row { height: initial; }

.table-header-cell { text-align: left; white-space: nowrap; color: var(--white); position: initial; height: 0; padding-top: 0 !important; padding-bottom: 0 !important; min-width: 125px; }
.table-header-cell span { position: absolute; top: 0; font-size: 0.78rem; font-weight: 700 !important; white-space: nowrap; color: var(--font-subtle) }

/*** Table body ***/

.table-body { width: 100%; }
.table-body-row { transition: all 0.3s; height: 42px; }
.table-body-row.row-scheduled-deletion .table-body-cell:not(.case-management-delete-cell) { color: var(--font-subtle); }
.table-body-row.row-scheduled-deletion .table-body-cell:not(.case-management-delete-cell) > *, .table-body-row.row-scheduled-deletion .table-body-cell:not(.case-management-delete-cell) i, .table-body-row.row-scheduled-deletion .table-body-cell:not(.case-management-delete-cell) img { opacity: 0.5; }
.table-body-row.row-scheduled-deletion .table-body-cell.case-management-delete-cell, .table-body-row.row-scheduled-deletion .table-body-cell.case-management-delete-cell > *, .table-body-row.row-scheduled-deletion .table-body-cell.case-management-delete-cell i, .table-body-row.row-scheduled-deletion .table-body-cell.case-management-delete-cell img { opacity: 1; color: inherit; }
.table-body-row-clickable { cursor: pointer; }
.table-body-row-clickable:hover { background: var(--background-hover-02); }
.table-body-cell { overflow: hidden; text-overflow: ellipsis; font-size: .78rem; color: var(--font-main); font-weight: 600 !important; min-width: 125px; }
.table-body-cell-max-lg { max-width: 250px; }
.table-body-cell-max-xlg { max-width: 300px; }

/*****************************
  App Box Shadows
*****************************/

.box-shadow-01 { box-shadow: var(--box-shadow-auth); border-radius: 20px; }

/*****************************
  App Forms
*****************************/

label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: var(--font-main); display: flex; text-align: left; margin-bottom: 8px; font-size: 0.8rem; font-weight: 700; }
input, select, textarea { height: 55px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: 'Muli', sans-serif; border: solid 1px var(--form-field-border); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--form-field); color: var(--font-main); border-radius: 4px; transition: all 0.5s; font-size: .8rem; margin-bottom: 20px; padding: 16px 10px; line-height: 1.6; outline: none; display: block; }
textarea { resize: none; min-height: 130px; overflow: auto; }
input:focus, select:focus, textarea:focus { background-color: var(--form-field-focus); border: solid 1px var(--brand-color); }
input:disabled, select:disabled { opacity: 0.5; cursor: not-allowed; }
::placeholder { font-family: 'Muli', sans-serif; color: var(--font-placeholder); font-weight: 600; -webkit-font-smoothing: antialiased; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/*** Form containers & borders ***/

.form { overflow: auto; height: 100%; }
.form-container-sml { max-width: 600px; margin: 0 auto; padding: 20px; }
.form-container-sml-header { margin-bottom: 30px; display: flex; flex-direction: row; align-items: center; }
.form-container-sml-close { margin-left: auto; background-color: var(--background-04); border-radius: 100%; height: 34px; width: 34px; min-height: 34px; min-width: 34px; display: flex; justify-content: center; align-items: center; transition: all 0.5s; }
.form-container-sml-close:hover { background-color: var(--background-04-hover); }
.form-container-sml-close .svg-inline--fa { font-size: 1rem; color: var(--font-main); }
.form-border { border: 1px solid var(--border); margin: 30px 0; }

/*** Form typography ***/

.form-text { line-height: 1.6; font-size: .82rem; }
.form-btn:focus { background-color: var(--brand-color); }
/* Maintain warning (destructive) style on focused submit buttons */
.warning-btn.form-btn:focus { background-color: var(--red-alert); }
.form-asterix { background: var(--red-alert); border-radius: 50%; color: var(--red-alert); height: 7px; width: 7px; display: flex; overflow: hidden; margin-left: -15px; margin-top: 4px; margin-right: 10px; }
.form-field-no-margin input { margin-bottom: 0 !important; }
.form-mobile-note { display: none; }
.form-label-text { margin-bottom: 8px; font-size: 0.8rem; font-weight: 700; }

/*** Form label tip ***/

.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; }
.onboarding-leave-year-tip { gap: 8px; }
.onboarding-leave-year-tip.is-hidden { display: none; }
.form-label-tip .svg-inline--fa { font-size: .7rem; color: var(--font-subtle); padding-right: 4px; }
.form-label-tip p { font-size: .7rem; color: var(--font-subtle); line-height: 1.4; }
.form-label-tip a { text-decoration: underline; color: var(--font-subtle); font-size: .7rem; line-height: 1.6; font-weight: 700; }

/*** Form buttons ***/

.form-btn { color: var(--btn-text) !important; display: flex; align-items: center; justify-content: center; white-space: nowrap; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all 0.5s; cursor: pointer; border: none !important; margin: 40px 0 !important; padding: 17px !important; font-size: .85rem; font-weight: 700; }
/* Auth page submit buttons override spacing */
.auth-btn { padding: 7px !important; margin: 30px 0 10px !important; }
/* Inline loading spinner inside form submit buttons */
.btn .btn-spinner, .form-btn .btn-spinner, .form-btn-link .btn-spinner, .btn-icon .btn-spinner, .form-delete-button .btn-spinner { display: none; margin-left: 8px; }
/* Replace loading button content with centered spinner while preserving button size */
.btn.btn-loading-replace, .form-btn.btn-loading-replace, .form-btn-link.btn-loading-replace, .btn-icon.btn-loading-replace, .form-delete-button.btn-loading-replace { position: relative; }
.btn.btn-loading-replace.is-loading[data-load-ok="1"] .btn-spinner, .form-btn.btn-loading-replace.is-loading[data-load-ok="1"] .btn-spinner, .form-btn-link.btn-loading-replace.is-loading[data-load-ok="1"] .btn-spinner, .btn-icon.btn-loading-replace.is-loading[data-load-ok="1"] .btn-spinner, .form-delete-button.btn-loading-replace.is-loading[data-load-ok="1"] .btn-spinner { position: absolute; inset: 0; width: 1em; height: 1em; margin: auto !important; line-height: 1; display: block !important; }
.btn.btn-loading-replace.is-loading[data-load-ok="1"] > :not(.btn-spinner), .form-btn.btn-loading-replace.is-loading[data-load-ok="1"] > :not(.btn-spinner), .form-btn-link.btn-loading-replace.is-loading[data-load-ok="1"] > :not(.btn-spinner), .btn-icon.btn-loading-replace.is-loading[data-load-ok="1"] > :not(.btn-spinner), .form-delete-button.btn-loading-replace.is-loading[data-load-ok="1"] > :not(.btn-spinner) { opacity: 0 !important; visibility: hidden; transition: none !important; }
/* Spinner only shows when JS explicitly marks load-ok to avoid premature spinners */
.btn.is-loading[data-load-ok="1"] .btn-spinner,
.form-btn.is-loading[data-load-ok="1"] .btn-spinner,
.form-btn-link.is-loading[data-load-ok="1"] .btn-spinner,
.btn-icon.is-loading[data-load-ok="1"] .btn-spinner,
.form-delete-button.is-loading[data-load-ok="1"] .btn-spinner { display: inline-flex; }
.btn.is-loading, .form-btn.is-loading, .form-btn-link.is-loading, .btn-icon.is-loading, .form-delete-button.is-loading { cursor: wait; opacity: 0.96; }
.btn.is-loading[data-load-ok="1"], .form-btn.is-loading[data-load-ok="1"], .form-btn-link.is-loading[data-load-ok="1"], .btn-icon.is-loading[data-load-ok="1"], .form-delete-button.is-loading[data-load-ok="1"] { pointer-events: none; }
.form-delete-button-container { margin: 20px auto; display: flex; justify-content: center; align-items: center; }
.form-delete-button { text-decoration: underline; color: var(--font-subtle); }
.form-delete-button-container .svg-inline--fa { color: var(--font-subtle); font-size: .62rem; margin-right: 5px; }
.form-btn-container { display: flex; flex-direction: row; align-items: center; }
.form-btn-container .btn { width: calc(50% - 10px); }
.form-btn-container .btn:nth-child(odd) { margin-right: 10px; }
.form-btn-container .btn:nth-child(even) { margin-left: 10px; }

/*** Form sections ***/

.form-section-title { padding-top: 20px; }
.form-dynamic-fields { padding-bottom: 40px; }
.form-section-header { padding: 15px 0; display: flex; flex-direction: row; align-items: center; }
.form-section-header h2 { font-size: 1.5rem; font-family: 700 !important; }
.form-section-header-right { margin-left: auto; }
.form-section-header-right .svg-inline--fa { cursor: pointer; color: var(--white); }
.form-section-inner { padding-top: 25px; }
.avatar-form-field { margin-bottom: 30px; }
.form-section-header-count { padding-right: 15px; }
.form-section-header-count .svg-inline--fa { padding-top: 2px; font-size: 1.6rem; color: var(--background-hover-02); }
.form-section-02 { margin-top: 45px; }
.form-section-02 .form-border { margin: 20px 0 30px; }
.form-section-03 { padding: 20px 0; }
.form-section-03-header { display: flex; flex-direction: row; align-items: center; padding: 0 0 10px; margin: 0 0 30px; border-bottom: solid 2px var(--border); }
.form-section-03-header h6 { color: var(--font-subtle); text-transform: uppercase; font-size: 0.77rem; }
.form-section-header-action { margin-left: auto; }

/*** Form errors ***/

.form-error { background-color: var(--red-alert); border-radius: 4px; margin-bottom: 20px; display: flex; flex-direction: row; align-items: center; padding: 5px 10px; }
.form-error .svg-inline--fa { color: var(--btn-text); margin: 0 5px 0 0; font-size: .8rem; }
.form-error p { font-size: .72rem; color: var(--btn-text); font-weight: 700; }
.form-error-margin { margin-top: 10px; }
.avatar-error-stack { display: flex; flex-direction: column; }
.avatar-error-stack .form-error { margin-bottom: 10px; }
.avatar-error-stack .form-error:last-child { margin-bottom: 20px; }

/*** Form checkboxes & radios ***/

.form-field-checkbox { margin-bottom: 60px; }
.form-checkbox-row-container { width: calc(100% - 125px); display: flex; flex-direction: row; align-items: center; justify-content: space-around; }
.form-field-checkbox-row { display: flex; flex-direction: row; align-items: center; margin-bottom: 20px; }
.form-field-checkbox-row-label { min-width: 225px; margin: 0; }
.form-checkbox-row { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-around; } 
.form-checkbox-row .custom-radio { padding: 0 !important; right: 11px; }
.form-field-radio-header { margin-bottom: 25px; display: flex; flex-direction: row; align-items: center; }
.form-field-radio-header-key { min-width: 225px; }  
.form-field-radio-header-values { display: flex; flex-direction: row; align-items: center; justify-content: space-around; width: calc(100% - 125px); }
.form-field-radio-header-value { display: flex; justify-content: center; text-align: center; }
.custom-checkbox-list .custom-checkbox { margin: 20px 0; }
.custom-checkbox { display: block; position: relative; cursor: pointer; user-select: none; margin-bottom: 0 !important; padding-left: 40px; height: 26px; }
.custom-checkbox input[type="checkbox"] { padding: 0 !important; position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.custom-checkbox p { font-size: 0.8rem; font-weight: 700; }
.custom-checkbox-text { height: 26px; display: flex; align-items: center; }
.custom-checkbox-mark { position: absolute; left: 0; min-height: 26px; min-width: 26px; height: 26px; width: 26px; background-color: var(--form-field); border-radius: 4px; }
.custom-checkbox:hover input~.custom-checkbox-mark { background-color: var(--form-field); }
.custom-checkbox input:checked~.custom-checkbox-mark { background-color: var(--form-field); }
.custom-checkbox-mark:after { content: ""; position: absolute; display: none; }
.custom-checkbox input:checked~.custom-checkbox-mark:after { display: block; }
.custom-checkbox .custom-checkbox-mark:after { left: 10px; top: 6px; width: 4px; height: 9px; border: solid var(--font-main); border-width: 0 3px 3px 0; transform: rotate(45deg); }
.custom-radio-list .custom-radio { margin: 20px 0; }
.custom-radio { display: block; position: relative; cursor: pointer; user-select: none; margin-bottom: 0 !important; padding-left: 40px; height: 30px; }
.custom-radio input[type="radio"] { padding: 0 !important; position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.custom-radio-text { height: 30px; display: flex; align-items: center; }
.custom-radio p { font-size: 0.8rem; font-weight: 700; }
.custom-radio-mark { position: absolute; left: 0; top: 0; height: 27px; width: 27px; background-color: var(--form-radio); border-radius: 50%; }
.custom-radio input:checked ~ .custom-radio-mark { background-color: var(--form-radio); }
.custom-radio-mark:after { content: ""; position: absolute; display: none; top: 11px; left: 10px; width: 7px; height: 7px; border-radius: 50%; background: var(--font-main); }
.custom-radio input:checked ~ .custom-radio-mark:after { display: block; }
.form-field-toggle { margin-bottom: 20px; }
.form-field-toggle-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.form-field-toggle-header > label { margin-bottom: 0; }
.toggle-hidden-field select { display: none; margin: 0 !important; }
.toggle-switch { position: relative; display: inline-block; width: 36px; height: 20px; cursor: pointer; }
.toggle-switch input { opacity: 0; width: 0; height: 0; position: absolute; }
.toggle-slider { position: absolute; inset: 0; background: var(--form-field); border: 1px solid var(--border); border-radius: 999px; transition: all .2s ease; }
.toggle-slider:before { content: ""; position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: var(--font-subtle); transition: all .2s ease; }
.toggle-switch input:checked + .toggle-slider { background: var(--brand-color); border-color: var(--brand-color); }
.toggle-switch input:checked + .toggle-slider:before { transform: translateX(16px); background: var(--btn-text); }
.toggle-switch input:disabled + .toggle-slider { opacity: 0.55; cursor: not-allowed; }
.form-checkbox-row-corrected .custom-checkbox { padding-left: 21px !important; }
.working-week-template-matrix-table .table-container { margin: 0; padding-top: 0; overflow: visible; }
.working-week-template-matrix-table .table-scroll { min-width: 0; overflow-x: auto; overflow-y: visible; position: relative; }
.working-week-template-matrix-table .table { min-width: 980px; width: max-content; margin-bottom: 0; border-spacing: 0; border-collapse: separate; table-layout: auto; }
.working-week-template-matrix-table .table-header { width: auto; }
.working-week-template-matrix-table .table-body-row { height: auto; }
.working-week-template-matrix-table .table-header-cell { position: static; height: auto; padding-top: 14px !important; padding-bottom: 14px !important; min-width: 0; background: var(--background); vertical-align: middle; border-top: solid 1px var(--border); }
.working-week-template-matrix-table .table-cell { text-align: center; vertical-align: middle; border-right: solid 1px var(--border); box-sizing: border-box; }
.working-week-template-matrix-table .table-header .table-header-cell:last-child, .working-week-template-matrix-table .table-body .table-body-cell:last-child { border-right: none; }
.working-week-template-matrix-table .table-header-cell span { position: static; display: block; white-space: normal; line-height: 1.2; text-align: center; }
.working-week-template-matrix-table .table-body-cell { padding-top: 14px; padding-bottom: 14px; overflow: visible; text-overflow: initial; }
.working-week-template-matrix-table .table-body-cell .form-error { margin-top: 8px; margin-bottom: 0; }
.working-week-template-matrix-table .working-week-template-day-col { text-align: left; min-width: 170px !important; width: 170px !important; max-width: 170px !important; white-space: nowrap; }
.working-week-template-matrix-table .table-header-cell.working-week-template-day-col span { text-align: left; }
.working-week-template-matrix-table .table-header-cell.working-week-template-day-col { position: sticky; left: 0; z-index: 20; background: var(--background); }
.working-week-template-matrix-table .table-body-cell.working-week-template-day-col { position: sticky; left: 0; z-index: 15; background: var(--background); }
.working-week-template-matrix-table .working-week-template-toggle-col { min-width: 130px !important; width: 130px !important; max-width: 130px !important; }
.working-week-template-matrix-table .working-week-template-part-col { min-width: 90px !important; width: 90px !important; max-width: 90px !important; }
.working-week-template-matrix-table .working-week-template-location-col { min-width: 230px !important; width: 230px !important; max-width: 230px !important; text-align: left; }
.working-week-template-matrix-table .working-week-template-day-toggle, .working-week-template-matrix-table .working-week-template-part-checkbox { margin: 0 auto !important; }
.working-week-template-matrix-table .table-header-cell.working-week-template-toggle-col span, .working-week-template-matrix-table .table-header-cell.working-week-template-part-col span { text-align: center; }
.working-week-template-matrix-table .table-body-cell.working-week-template-toggle-col, .working-week-template-matrix-table .table-body-cell.working-week-template-part-col { text-align: center; }
.working-week-template-matrix-table .table-header-cell.working-week-template-location-col span, .working-week-template-matrix-table .table-body-cell.working-week-template-location-col { text-align: left; }
.working-week-template-matrix-table .working-week-template-toggle-col .custom-checkbox, .working-week-template-matrix-table .working-week-template-part-col .custom-checkbox { display: block; width: 26px; min-width: 26px; height: 26px; padding-left: 0 !important; margin: 0 auto !important; }
.working-week-template-matrix-table .working-week-template-toggle-col .custom-checkbox .custom-checkbox-mark, .working-week-template-matrix-table .working-week-template-part-col .custom-checkbox .custom-checkbox-mark { left: 0 !important; top: 0 !important; }
.working-week-template-matrix-table .working-week-template-location-control { position: relative; display: flex; align-items: center; justify-content: flex-start; gap: 10px; min-width: 0; width: 100%; z-index: 1; }
.working-week-template-matrix-table .working-week-template-location-control:focus-within { z-index: 4000; }
.working-week-template-matrix-table .working-week-template-location-select-hidden { display: none !important; }
.working-week-template-matrix-table .working-week-template-location-value { margin: 0; min-width: 0; max-width: 150px; color: var(--font-main); text-align: left; }
.working-week-template-matrix-table .working-week-template-location-menu { top: 36px; left: auto; right: 0; min-width: 230px; max-width: 280px; overflow-y: visible; z-index: 5000 !important; }
.working-week-template-matrix-table .working-week-template-location-option { justify-content: space-between; }
.working-week-template-matrix-table .working-week-template-location-option span { max-width: 185px; }
.working-week-template-matrix-table .working-week-template-location-btn[aria-disabled="true"] { pointer-events: auto; opacity: 0.55; cursor: not-allowed; }
.working-week-template-matrix-table .dropdown-menu-container { position: relative; z-index: 4000; }
.working-week-template-matrix-table.is-readonly .table-body-cell.working-week-template-toggle-col,
.working-week-template-matrix-table.is-readonly .table-body-cell.working-week-template-part-col,
.working-week-template-matrix-table.is-readonly .table-body-cell.working-week-template-location-col { opacity: 0.5; }
.working-week-template-matrix-table.is-readonly .working-week-template-toggle-col .custom-checkbox,
.working-week-template-matrix-table.is-readonly .working-week-template-part-col .custom-checkbox,
.working-week-template-matrix-table.is-readonly .working-week-template-location-btn,
.working-week-template-matrix-table.is-readonly .working-week-template-location-value { cursor: not-allowed !important; }
.working-week-template-matrix-table.working-week-template-days-locked .table-body-cell.working-week-template-day-col { background: var(--background) !important; color: var(--font-main); text-decoration: none; }
.working-week-template-matrix-table.working-week-template-days-locked .table-body-cell.working-week-template-toggle-col,
.working-week-template-matrix-table.working-week-template-days-locked .table-body-cell.working-week-template-part-col { opacity: 1; cursor: not-allowed; }
.working-week-template-matrix-table.working-week-template-days-locked .working-week-template-toggle-col .custom-checkbox,
.working-week-template-matrix-table.working-week-template-days-locked .working-week-template-part-col .custom-checkbox { cursor: not-allowed !important; pointer-events: none; }
.form-checkbox-center label { display: flex; align-items: center; }
.form-checkbox-row-header { padding-bottom: 10px; margin-bottom: 10px; border-bottom: solid 1px var(--border); }
.form-checkbox-row { display: flex; flex-direction: row; padding: 7px 0; }
.form-checkbox-row-inner { display: flex; flex-direction: row; } 
.form-checkbox-row-item { width: 33.3333%; text-align: center; }
.form-checkbox-row-item-cell label { display: flex !important; align-items: center !important; }
.form-checkbox-item-02-container { display: flex; flex-direction: column; }
.form-checkbox-item-02 { height: auto !important; display: flex; flex-direction: row; align-items: center; padding-left: 0 !important; margin: 15px 0 !important; }
.form-checkbox-item-02-detail { max-width: 400px; padding-right: 25px; }
.form-checkbox-item-02-detail h6 { font-size: .88rem; padding-bottom: 3px; }
.form-checkbox-item-02-detail p { line-height: 1.6; font-style: italic; }
.form-checkbox-item-02-mark { position: relative; margin-left: auto; left: auto; }
.form-checkbox-disabled { opacity: 0.5; pointer-events: none; }
.form-checkbox-auth { flex-direction: row; align-items: center; margin-top: 30px !important; }
.form-checkbox-auth .form-checkbox-item-02 { margin: 0 10px 0 0!important; }
.form-checkbox-auth .form-checkbox-item-02-detail p { font-style: normal !important; color: var(--font-main); }
.form-checkbox-auth .form-checkbox-item-02-detail a { font-weight: bold; text-decoration: underline; color: var(--font-main); }

/*** Custom searchable menu ***/

.searchable-paged-menu { min-width: 225px !important; padding: 0 !important; top: 60px !important; left: 0; }
.searchable-paged-menu.searchable-paged-menu-inline { position: absolute; }
.searchable-paged-menu-search { padding: 10px; }
.searchable-paged-menu-search input { margin-bottom: 0; height: 40px; padding: 0 10px; }
.searchable-paged-menu-list { max-height: 220px; overflow: auto; }
.searchable-paged-menu-loading { display: flex; justify-content: center; align-items: center; min-height: 84px; padding: 20px 0; }
.searchable-paged-menu-loading .fa-spinner, .searchable-paged-menu-loading .svg-inline--fa { color: var(--font-subtle); font-size: 1rem; }
.searchable-paged-menu-summary .fa-spinner, .searchable-paged-menu-summary .svg-inline--fa { color: var(--font-subtle); font-size: 0.75rem; }
.searchable-paged-menu-page-btn.is-loading .fa-spinner, .searchable-paged-menu-page-btn.is-loading .svg-inline--fa { color: var(--font-subtle); font-size: 0.77rem; }
.searchable-paged-menu-option { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 12px; color: var(--font-main); text-decoration: none; }
.searchable-paged-menu-option:hover { background-color: var(--background-mid); }
.searchable-paged-menu-option-avatar { width: 28px; min-width: 28px; height: 28px; border-radius: 100%; margin-right: 8px; border: solid 1px var(--avatar-border); display: flex; align-items: center; justify-content: center; overflow: hidden; background: var(--background-03); }
.searchable-paged-menu-option-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.searchable-paged-menu-option-avatar p { margin: 0 !important; font-size: .62rem !important; line-height: 1 !important; color: var(--font-main); font-weight: 700; }
.searchable-paged-menu-option.has-avatar { justify-content: flex-start; gap: 0; }
.searchable-paged-menu-option.has-avatar .searchable-paged-menu-option-indicator { margin-left: auto; }
.searchable-paged-menu-empty { display: flex; align-items: center; justify-content: center; color: var(--font-subtle); pointer-events: none; padding: 30px 0 !important; }
.searchable-paged-menu-option.is-two-line { align-items: flex-start; height: auto; padding: 8px 10px; }
.searchable-paged-menu-option-content { display: flex; flex-direction: column; min-width: 0; gap: 2px; }
.searchable-paged-menu-option-title { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.searchable-paged-menu-option-subtitle { display: block; color: var(--font-subtle); font-size: .7rem !important; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-style: italic; }
.searchable-paged-menu-option.is-two-line .searchable-paged-menu-option-indicator { padding-top: 2px; }
.searchable-paged-menu-option-indicator { opacity: .45; }
.searchable-paged-menu-footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px; border-top: solid 1px var(--border); margin-top: 10px; }
.searchable-paged-menu-summary { margin: 0; color: var(--font-subtle); font-size: .75rem; }
.searchable-paged-menu-page-btn.disabled { pointer-events: none; opacity: .45; }
.searchable-paged-menu-trigger { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; height: 55px; min-height: 55px; margin-bottom: 20px; padding: 0 10px; border: solid 1px var(--form-field-border); border-radius: 4px; background: var(--form-field); color: var(--font-main); text-decoration: none; font-size: .8rem; line-height: 1.6; box-sizing: border-box; }
.searchable-paged-menu-trigger:hover { border-color: var(--form-field-border); }
.searchable-paged-menu-trigger:focus, .searchable-paged-menu-trigger:focus-visible { background-color: var(--form-field-focus); border: solid 1px var(--brand-color); outline: none; }
.searchable-paged-menu-trigger .svg-inline--fa, .searchable-paged-menu-trigger i { color: var(--font-subtle); }
.searchable-paged-menu-trigger.is-placeholder .searchable-paged-menu-trigger-text { color: var(--font-subtle); }
.disciplinary-modal .searchable-paged-menu-option-avatar { width: 22px; min-width: 22px; height: 22px; margin-right: 6px; }
.disciplinary-modal .searchable-paged-menu-option-avatar p { font-size: .55rem !important; }
.global-date-range-picker-dropdown { position: relative; }
.global-date-range-picker-trigger { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; height: 55px; min-height: 55px; margin-bottom: 20px; padding: 0 10px; border: solid 1px var(--form-field-border); border-radius: 4px; background: var(--form-field); color: var(--font-main); text-decoration: none; font-size: .8rem; line-height: 1.6; box-sizing: border-box; font-family: 'Muli', sans-serif; cursor: pointer; appearance: none; -webkit-appearance: none; }
.global-date-range-picker-trigger:hover { border-color: var(--form-field-border); }
.global-date-range-picker-trigger:focus, .global-date-range-picker-trigger:focus-visible { background-color: var(--form-field-focus); border: solid 1px var(--brand-color); outline: none; }
.global-date-range-picker-trigger .svg-inline--fa, .global-date-range-picker-trigger i { color: var(--font-subtle); }
.global-date-range-picker-trigger.is-placeholder .global-date-range-picker-trigger-text { color: var(--font-subtle); }
.global-date-range-picker-trigger.is-active { border: solid 1px var(--brand-color); background-color: var(--form-field-focus); }
.global-date-range-picker-menu { display: none; position: absolute; z-index: 40; min-width: 280px; width: min(420px, calc(100vw - 60px)); max-width: 100%; box-sizing: border-box; top: 60px; left: 0 !important; right: auto !important; padding: 10px !important; border-radius: 5px; background-color: var(--background-menu); box-shadow: var(--box-shadow-menu); border: solid 1px var(--border); }
.global-date-range-picker-menu.is-open { display: block; }
.global-date-range-picker-container { display: none; margin-bottom: 0; }
.global-date-range-picker-enhanced .global-date-range-picker-container { display: block; }
.global-date-range-picker-enhanced .global-date-range-picker-native-input { position: absolute !important; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; opacity: 0 !important; pointer-events: none !important; }
.global-date-range-picker-details { margin-top: 10px; padding-top: 10px; border-top: solid 1px var(--border); display: none; flex-direction: column; gap: 10px; }
.global-date-range-picker-details .form-label-tip { margin: 0 0 10px; }
.global-date-range-picker-details .form-field { margin: 0; }
.global-date-range-picker-details #time-range-field label[for="end_time"] { margin-top: 8px; }
.global-date-range-picker-total { border: solid 1px var(--border); border-radius: 4px; background: var(--form-field-focus); padding: 10px; display: flex; flex-direction: column; margin-bottom: 10px; }
.global-date-range-picker-total-label { margin: 0; font-size: .68rem; color: var(--font-subtle); text-transform: uppercase; letter-spacing: .02em; font-weight: 700; }
.global-date-range-picker-total-value { margin: 0; font-size: .95rem; color: var(--font-main); font-weight: 700; }
.global-date-range-picker-excluded-summary { display: flex; align-items: flex-start; gap: 8px; padding: 8px 10px; border: solid 1px var(--border); border-radius: 4px; background: var(--background-mid); }
.global-date-range-picker-excluded-summary .svg-inline--fa, .global-date-range-picker-excluded-summary i { color: var(--font-subtle); margin-top: 1px; }
.global-date-range-picker-excluded-summary-content { display: flex; flex-direction: column; gap: 4px; width: 100%; }
.global-date-range-picker-excluded-summary-value { margin: 0; font-size: .8rem; font-weight: 700; color: var(--font-main); }
.global-date-range-picker-excluded-summary-breakdown { display: flex; flex-direction: column; gap: 4px; }
.global-date-range-picker-excluded-summary-breakdown p { margin: 0; font-size: .72rem; color: var(--font-subtle); }
.global-date-range-picker-overlaps-pagination { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 8px; }
.global-date-range-picker-overlaps-page-btn[disabled] { opacity: .45; pointer-events: none; }
.global-date-range-picker-overlaps-summary { margin: 0; font-size: .72rem; color: var(--font-subtle); min-width: 68px; text-align: center; }
#overlaps-list .sml-avatar { width: 36px; min-width: 36px; height: 36px; margin-right: 10px; }
#overlaps-list .sml-avatar img { width: 36px; min-width: 36px; height: 36px; }
.global-date-range-picker { border: 0; border-radius: 0; background-color: transparent; padding: 0; font-family: 'Muli', sans-serif; }
.global-date-range-picker-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.global-date-range-picker-month { margin: 0; font-size: .84rem; font-weight: 600; color: var(--font-main); font-family: 'Muli', sans-serif; }
.global-date-range-picker-nav { width: 30px; min-width: 30px; height: 30px; min-height: 30px; flex: 0 0 30px; display: flex; align-items: center; justify-content: center; padding: 0; border-radius: 100%; }
.global-date-range-picker-weekdays { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; margin-bottom: 6px; font-family: 'Muli', sans-serif; }
.global-date-range-picker-weekday { text-align: center; font-size: .68rem; color: var(--font-subtle); text-transform: uppercase; letter-spacing: .02em; line-height: 1.2; font-family: 'Muli', sans-serif; }
.global-date-range-picker-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
.global-date-range-picker-day { min-height: 38px; border: solid 1px transparent; border-radius: 8px; background: transparent; color: var(--font-main); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 4px 0; line-height: 1; cursor: pointer; font-family: 'Muli', sans-serif; }
.global-date-range-picker-day:hover { border-color: var(--border); background-color: var(--background-mid); }
.global-date-range-picker-day-number { font-size: .74rem; font-family: 'Muli', sans-serif; }
.global-date-range-picker-day-marker { width: 5px; height: 5px; border-radius: 100%; background-color: transparent; }
.global-date-range-picker-day.is-booked .global-date-range-picker-day-marker { background-color: var(--font-main); }
.global-date-range-picker-day.is-excluded:not(.is-start):not(.is-end) { opacity: .45; background-color: var(--background-mid); }
.global-date-range-picker-day.is-excluded .global-date-range-picker-day-number { text-decoration: line-through; text-decoration-thickness: 1px; }
.global-date-range-picker-day.is-excluded .global-date-range-picker-day-marker { background-color: var(--font-subtle); }
.global-date-range-picker-day.is-outside-month:not(.is-in-range):not(.is-start):not(.is-end) { opacity: .45; }
.global-date-range-picker-day.is-disabled { opacity: .45; cursor: not-allowed; text-decoration: line-through; background-color: var(--background-mid); }
.global-date-range-picker-day.is-public-holiday:not(.is-start):not(.is-end) { opacity: .45; background-color: var(--background-mid); }
.global-date-range-picker-day.is-public-holiday .global-date-range-picker-day-number { text-decoration: line-through; text-decoration-thickness: 1px; }
.global-date-range-picker-day.is-user-blocked:not(.is-disabled):not(.is-start):not(.is-end) { opacity: .45; background-color: var(--background-mid); }
.global-date-range-picker-day.is-user-blocked:not(.is-disabled) .global-date-range-picker-day-number { text-decoration: line-through; text-decoration-thickness: 1px; }
.global-date-range-picker-day.is-user-blocked:not(.is-disabled) .global-date-range-picker-day-marker { background-color: var(--font-subtle); }


.global-date-range-picker-day.is-in-range { background-color: var(--date-picker-selected); border-color: var(--date-picker-selected); color: var(--date-picker-selected-text); }
.global-date-range-picker-day.is-in-range.is-booked .global-date-range-picker-day-marker { background-color: var(--date-picker-selected-text); }


.global-date-range-picker-day.is-non-working:not(.is-disabled):not(.is-start):not(.is-end) { opacity: .45; background-color: var(--background-mid); }
.global-date-range-picker-day.is-non-working:not(.is-disabled) .global-date-range-picker-day-number { text-decoration: line-through; text-decoration-thickness: 1px; }
.global-date-range-picker-day.is-in-range.is-excluded:not(.is-start):not(.is-end) { background-color: var(--background-mid); border-color: transparent; opacity: .45; }
.global-date-range-picker-day.is-in-range.is-non-working { background-color: var(--background-mid); border-color: transparent; opacity: .45; }
.global-date-range-picker-day.is-in-range.is-user-blocked:not(.is-start):not(.is-end) { background-color: var(--background-mid); border-color: transparent; opacity: .45; }

.global-date-range-picker-day.is-start, .global-date-range-picker-day.is-end { background-color: var(--date-picker-selected); border-color: var(--date-picker-selected); color: var(--date-picker-selected-text); }


.global-date-range-picker-day.is-start .global-date-range-picker-day-marker, .global-date-range-picker-day.is-end .global-date-range-picker-day-marker { background-color: var(--date-picker-selected-text); opacity: .6; }
.global-date-range-picker-day.is-today:not(.is-start):not(.is-end) { border: dashed 1px var(--border) !important; }
.global-date-range-picker.is-loading-booked .global-date-range-picker-month { opacity: .8; }
@media screen and (max-width: 525px) { .global-date-range-picker-menu { min-width: 0; width: 100%; } }
.working-week-template-picker-select { display: none !important; }
.modal-policy-card .form-label-tip { margin-top: 8px; }

/*** Form responsive ***/

@media screen and (max-width: 950px) {

.form { height: inherit; }
.form-border { margin: 20px 0; }
.form-container-sml-header { margin-bottom: 20px; }
.form-container-sml-header h1 { font-size: 1.3rem !important; font-weight: 700; }
.form-mobile-note { display: block; text-align: center; padding: 30px 0 0; }
.form-label-tip { padding: 7px 11px; }
.form-label-tip .svg-inline--fa { padding-right: 7px; }
.form-checkbox-row-container { flex-direction: column; }
.form-field-checkbox-row { width: 100%; margin-bottom: 25px; } 
.form-field-checkbox-row-label { min-width: 170px; }
.form-checkbox-row { width: 100%; }
.form-checkbox-row .custom-radio { right: 15px; }
.form-field-radio-header { width: 100%; margin-bottom: 15px; }
.form-field-radio-header-key { min-width: 0; }
.form-field-radio-header-values { width: auto; }
.form-field-radio-header-value { min-width: 85px; }
.form-field-radio-header-value p { color: var(--font-subtle); }
.custom-checkbox-label-subtext { display: none; }
.custom-checkbox-mark { top: 30px; }
.custom-checkbox-list-02 .custom-checkbox-mark { top: 0 !important; }
.form-checkbox-item-02-mark { top: 0 !important; }
.form-field-radio-header { display: none; }
.form-checkbox-table-02 .form-field-radio-header { display: flex; }
.form-checkbox-table-02 .form-field-radio-header-key { min-width: 125px !important; }
.form-checkbox-table-02 .form-field-radio-header-values { width: calc(100% - 125px); }
.form-checkbox-table-02 .custom-checkbox-mark { top: 0 !important; }
.form-checkbox-table-02 .form-field-checkbox-row-label { min-width: 125px; } }

@media screen and (max-width: 525px) {

.form-checkbox-row-container { margin-top: 10px; }
.form-field-checkbox-row-label { min-width: 170px; }
.form-field-checkbox-row { flex-direction: column; align-items: flex-start; margin-bottom: 30px; }
.form-checkbox-row { justify-content: left; }
.form-checkbox-row .custom-radio { right: 0; min-width: 85px; }
.form-field-radio-header-values { width: auto; justify-content: left; }
.form-field-radio-header-value { text-align: left; justify-content: left; }
.form-field-radio-header-value p { font-style: italic; }
.form-checkbox-table-02 .form-field-checkbox-row { display: flex; flex-direction: row; align-items: center; }
.form-checkbox-table-02 .form-checkbox-row-container { margin: 0 !important; }
.form-checkbox-table-02 .form-checkbox-row { justify-content: space-around !important; }
.form-checkbox-table-02 .form-field-radio-header-values { justify-content: space-around !important; }
.form-checkbox-table-02 .form-field-radio-header-value { justify-content: center !important; text-align: center !important; } }

@media screen and (max-width: 525px) {
  .working-week-template-matrix-table .table { min-width: 900px; width: max-content; }
  .working-week-template-matrix-table .working-week-template-day-col { min-width: 140px !important; width: 140px !important; max-width: 140px !important; }
  .working-week-template-matrix-table .working-week-template-toggle-col { min-width: 115px !important; width: 115px !important; max-width: 115px !important; }
  .working-week-template-matrix-table .working-week-template-location-col { min-width: 210px !important; width: 210px !important; max-width: 210px !important; }
}

/*** Form surveys ***/ 

.survey-form-question { margin: 20px 0; }

/*** Form ratings ***/ 

.form-rating-items { display: flex; flex-direction: row; align-items: center; }

.form-rating-item { cursor: pointer; display: flex; justify-content: center; align-items: center; width: 10%; height: 40px; margin: 0 5px; border-radius: 4px; color: var(--form-rating-item-text); font-weight: 700; font-size: .8rem; transition: 0.5s; }
.form-rating-item:hover { background-color: var(--form-rating-scale-selected); }

.form-rating-item.selected { color: var(--form-rating-scale-selected-text); background: var(--form-rating-scale-selected) !important; }

.form-rating-item.selected:hover { background-color: var(--form-rating-scale-selected); }
.form-rating-item:nth-child(1) { background-color: var(--form-rating-scale-01); }
.form-rating-item:nth-child(2) { background-color: var(--form-rating-scale-02); }
.form-rating-item:nth-child(3) { background-color: var(--form-rating-scale-03); }
.form-rating-item:nth-child(4) { background-color: var(--form-rating-scale-04); }
.form-rating-item:nth-child(5) { background-color: var(--form-rating-scale-05); }
.form-rating-item:nth-child(6) { background-color: var(--form-rating-scale-06); }
.form-rating-item:nth-child(7) { background-color: var(--form-rating-scale-07); }
.form-rating-item:nth-child(8) { background-color: var(--form-rating-scale-08); }
.form-rating-item:nth-child(9) { background-color: var(--form-rating-scale-09); }
.form-rating-item:nth-child(10) { background-color: var(--form-rating-scale-10); }
.form-rating-item-subtle { cursor: default !important; background-color: var(--background-03) !important; color: var(--font-main); }
.form-rating-item-no-hover:hover { opacity: 1 !important; }

@media screen and (max-width: 600px) {

.form-rating-items { flex-direction: column-reverse; }
.form-rating-item { width: 100%; margin: 10px 0; height: 50px; } }

/*** Form drag and drop ***/ 

.form-drag-list { width: 100%; }
.form-drag-list-item { padding: 0 10px; border-radius: 3px; display: flex; flex-direction: row; align-items: center; margin: 10px 0; border: solid 2px var(--background-03); background: var(--background-03); cursor: grab; height: 50px; color: var(--font-main); font-size: .8rem; font-weight: 700; font-family: 'Muli', sans-serif; }
.form-drag-list-item .svg-inline--fa { font-size: 1rem; color: var(--icon-main); padding-right: 10px; }
.form-drag-list-item-highlighted { border-radius: 3px; margin: 10px 0; height: 50px; border: dashed 2px var(--border); }
.form-drag-list-item-highlighted-lg { border-radius: 3px; margin: 10px 0; height: 200px; border: dashed 2px var(--border); }
/* Visual feedback while dragging */
.form-drag-list-item.dragging { opacity: 0.85; cursor: grabbing; }
.form-survey-banner { margin-top: 20px; }
.form-survey-details { border-bottom: solid 1px var(--border); padding: 0 0 10px; }
.form-survey-details h6 { padding-bottom: 20px; }
.form-survey-details-sender { display: flex; flex-direction: row; align-items: center; }
.form-survey-details-sender-details p:first-child { font-size: 0.95rem; padding-bottom: 3px; font-weight: 700; }
.form-header-icon-container { display: flex; flex-direction: row; align-items: center; }
.form-header-icon-container .svg-inline--fa { color: var(--icon-main); }

/*** Form stats ***/ 

.form-stats { margin: 40px 0 40px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.form-stat { margin: 0 10px; display: flex; flex-direction: column; text-align: center; width: calc(33.33% - 13.3333px); padding: 20px 0; border-radius: 5px; }
.form-stat h6 { font-size: 1.6rem; padding-bottom: 3px; }
.form-stat:first-child { margin: 0 10px 0 0; }
.form-stat:last-child { margin: 0 0 0 10px; }

@media screen and (max-width: 950px) {

.form-stats { flex-direction: column; }
.form-stat { width: calc(100% - 40px); margin: 10px 0; flex-direction: row-reverse; justify-content: flex-end; align-items: center; padding: 20px; }
.form-stat h6 { font-size: 1rem; padding-bottom: 3px; margin-left: auto; }
.form-stat:first-child { margin: 10px 0; }
.form-stat:last-child { margin: 10px 0; } }

/*** Form empty data fields ***/ 

.form-empty-data-field { border: dashed 2px var(--border); border-radius: 5px; padding: 30px 10px; margin-bottom: 20px; }
.form-empty-data-field-inner { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; max-width: 275px; text-align: center; }
.form-empty-data-field-sub-text { color: var(--font-subtle); padding: 5px 0 15px; }

/*** From field with add / delete ***/

.form-field-option { display: flex; flex-direction: row; align-items: center; }
.form-field-option-btn { margin-top: 15px; max-width: 150px; }
.form-field-option .btn-icon { width: 30px; height: 30px; margin: 0 0 20px 20px; }
.form-field-option .btn-icon .svg-inline--fa { margin-left: 0; }

/*** Form dropdown ***/

.form-select-menu-container { width: 100%; position: relative; display: inline-block; }
.form-select-menu { box-shadow: var(--box-shadow-menu); display: none; top: 50px; display: none; position: absolute; z-index: 3; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: var(--background-menu); min-width: 150px; border-radius: 5px; padding: 10px 0; }
.form-select-menu.show { display: flex; flex-direction: column; }
.form-select-menu-item { display: flex; align-items: center; height: 33px; padding: 0 20px; transition: all 0.5s; color: var(--font-main); transition: all 0.5s; }
.form-select-menu-item:hover { background-color: var(--background); }

/*** Form box sections ***/

.form-box-section { border-radius: 10px; margin: 30px 0; padding: 20px; border: solid 1px var(--border); }
.form-box-section-header { display: flex; flex-direction: row; align-items: center; padding-bottom: 15px; margin-bottom: 20px; border-bottom: solid 1px var(--border); }
.form-box-section h3 { font-size: 1.2rem; line-height: 1.5; padding-right: 15px; }
.form-box-section-header .btn-icon { margin-left: auto; } 

@media screen and (max-width: 950px) {

.form-box-section h3 { font-size: 1.1rem; } }

@media screen and (max-width: 500px) {

.form-box-section { padding: 20px; } }

/*** Form btn container ***/ 

.form-btn-container { display: flex; flex-direction: row; align-items: center; }

/*** Form preview ***/

.form-preview-section { margin: 0 auto 20px; } 

/*** Form responsive ***/ 

@media screen and (max-width: 950px) {

.form-container-sml { padding: 20px; }
.form-asterix { margin-left: -12px; }
.form-btn-container { flex-direction: column; }
.form-btn-container .btn { width: calc(100% - 30px); }
.form-btn-container .btn:nth-child(odd) { margin-right: 0; margin-bottom: 20px; }
.form-btn-container .btn:nth-child(even) { margin-left: 0; } }

/*****************************
  App Banners
*****************************/

.banner-container { transition: opacity .15s ease-in-out; pointer-events: none; width: 100%; display: flex; align-items: center; justify-content: center; position: fixed; z-index: 10002; margin: 0 20px; width: calc(100vw - 40px); }
.banner { 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); border-radius: 5px; max-width: 700px; width: calc(100vw - 40px); }
.banner .svg-inline--fa { padding-left: 20px; margin-right: 6px; color: var(--banner-text) !important; }
.banner p { padding: 10px 20px 10px 0; font-weight: 700; color: var(--banner-text) !important; }
.banner-error { background-color: var(--red-alert); }
.banner-success { background-color: var(--green-banner); }
.banner-warning { background-color: var(--red-light) !important; }
.banner-warning p { color: var(--btn-text) !important; }
.banner-warning .svg-inline--fa { color: var(--btn-text) !important; }
.banner-link { margin-left: 5px; border-bottom: solid 1px var(--btn-text); font-weight: 700; }
.banner-warning .banner-link { color: var(--btn-text) !important; }

@media screen and (max-width: 950px) {

.banner .svg-inline--fa { display: none; }
.banner p { text-align: center; padding: 10px 20px; } }

/*** App banner 02 ***/

.banner-02-container { margin-bottom: 40px; }
.banner-02 { background-color: var(--banner-02-subtle); border-radius: 5px; padding: 7px 10px; display: flex; flex-direction: row; justify-content: center; align-items: center; }
.banner-02 .svg-inline--fa { color: var(--font-main); margin-right: 5px; }
.banner-02 p { font-weight: 700; color: var(--font-main); }

/*****************************
  App Menus
*****************************/

.dropdown-menu-container { position: relative; }
.menu { top: 40px; display: none; position: absolute; z-index: 3; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: var(--background-menu); min-width: 150px; border-radius: 5px; padding: 10px 0; box-shadow: var(--box-shadow-menu); border: solid 1px var(--border); }
.menu-wide { min-width: 210px !important; }
.menu.show { display: block; }
.menu-show { display: block; }
.menu-divider { border-bottom: solid 1px var(--border); margin: 0 20px; }
.menu-item { display: flex; align-items: center; height: 33px; padding: 0 15px; font-size: .77rem !important; transition: all 0.5s; color: var(--font-main); transition: all 0.5s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.menu-item .svg-inline--fa { color: var(--font-subtle); margin-right: 7px; font-size: .7rem; }
.menu-item span { font-size: .77rem; }
.menu-item:hover { background-color: var(--background-hover); }
.menu-item-button-correction { background: none; font-family: 'Muli', sans-serif; }
.menu-item-button-correction:hover { background-color: var(--background-hover); cursor: pointer; }
.menu-item-button-correction button { color: var(--font-main); font-family: 'Muli', sans-serif; display: flex; flex-direction: row; align-items: center; background-color: var(--background); transition: all 0.5s; padding: 0 !important; }
.menu-item-button-correction:hover button { background-color: var(--background-hover); cursor: pointer; transition: all 0.5s; }
.menu-item .svg-inline--fa { color: var(--font-main); }
.menu-item-right { margin-left: auto; }
.menu-01 { right: 0; }
.menu-border { border-top: solid 1px var(--border); margin: 10px 15px; }
.menu-actions { top: 40px; right: 0; } 
.menu-actions-x-margin { top: 50px; }
.menu-section-inner { margin: 20px 0; }
.menu-section-inner-header { display: flex; flex-direction: row; align-items: center; margin: 12px 15px 12px; }
.menu-section-inner-header h6 { color: var(--font-subtle); font-size: 0.77rem; }
.menu-section-inner-header .svg-inline--fa { color: var(--icon-main); }
.menu-section-workspaces .svg-inline--fa { margin: 0 0 0 auto !important; }
.menu-actions-footer { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; padding: 0 15px; }
.menu-actions-footer .btn { margin-left: 10px; }
.menu-item .custom-checkbox { display: flex; flex-direction: row; align-items: center; padding-left: 34px; }
.menu-item .custom-checkbox-mark { min-height: 22px; min-width: 22px; height: 22px; width: 22px; }
.menu-item .custom-checkbox .custom-checkbox-mark:after { left: 8px; top: 5px; width: 3px; height: 7px; }
.admin-clients-filters-menu { min-width: 280px !important; z-index: 12 !important; }
.admin-clients-filters-menu .filter-menu-scroll { display: flex; flex-direction: column; max-height: 360px; overflow-y: auto; }
.admin-clients-filters-menu .menu-section-inner-header { margin: 10px 15px 8px; }
.admin-clients-filters-menu .menu-section-inner-header:first-child { margin-top: 6px; }
.admin-clients-filters-menu .menu-date-field { margin: 0 15px 8px; }
.admin-clients-filters-menu .menu-date-input { width: calc(100% - 30px); box-sizing: border-box; display: block; padding: 0 8px; height: 33px; border: 1px solid var(--border); border-radius: 4px; background: var(--background); color: var(--font-main); font-size: .77rem; font-family: 'Muli', sans-serif; line-height: 1; -webkit-appearance: auto; -moz-appearance: textfield; appearance: auto; cursor: text; }
.admin-clients-filters-menu .menu-date-input:focus { border-color: var(--brand-color); outline: none; }
.admin-clients-filters-menu .menu-divider { margin: 8px 15px; }
.admin-clients-filters-menu .filter-menu-choice { width: 100% !important; margin: 0 !important; padding: 0 15px !important; border: none; outline: none; background: none; height: 33px !important; min-height: 33px !important; max-height: 33px !important; box-sizing: border-box; display: flex; align-items: center; font-family: 'Muli', sans-serif; color: var(--font-main); }
.admin-clients-filters-menu .filter-menu-choice:hover { background-color: var(--background-hover); cursor: pointer; }
.admin-clients-filters-menu .filter-menu-choice span:first-child { font-size: .77rem !important; line-height: 1; }
.admin-clients-filters-menu .filter-menu-choice-indicator { margin-left: auto; min-height: 27px; min-width: 27px; height: 27px; width: 27px; display: flex; align-items: center; justify-content: center; }
.admin-clients-filters-menu .filter-menu-choice-indicator .svg-inline--fa { font-size: .7rem; color: var(--font-subtle); margin-right: 0 !important; }
.admin-clients-filters-menu .filter-menu-choice-indicator .icon-selected { display: none; color: var(--font-main); }
.admin-clients-filters-menu .filter-menu-choice.is-selected .filter-menu-choice-indicator .icon-selected { display: inline-block; }
.admin-clients-filters-menu .filter-menu-choice.is-selected .filter-menu-choice-indicator .icon-unselected { display: none; }
.standard-filter-menu { --menu-filter-padding-x: 15px; --menu-filter-field-gap: 8px; --menu-filter-max-height: min(460px, calc(100vh - 140px)); }
.standard-filter-menu .menu-filter-form { display: flex; flex-direction: column; align-items: stretch; width: 100%; max-height: var(--menu-filter-max-height); padding: 0 var(--menu-filter-padding-x) 10px; box-sizing: border-box; }
.standard-filter-menu .menu-filter-scroll { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; overflow-y: auto; }
.standard-filter-menu .menu-filter-scroll .menu-section-inner-header { margin: 10px 0 var(--menu-filter-field-gap); }
.standard-filter-menu .menu-filter-scroll .menu-section-inner-header:first-child { margin-top: 6px; }
.standard-filter-menu .menu-filter-field { margin: 0; }
.standard-filter-menu .menu-filter-input { width: 100%; box-sizing: border-box; display: block; padding: 0 8px; height: 33px; border: 1px solid var(--border); border-radius: 4px; background: var(--background); color: var(--font-main); font-size: .77rem; font-family: 'Muli', sans-serif; line-height: 1; -webkit-appearance: auto; -moz-appearance: textfield; appearance: auto; cursor: text; }
.standard-filter-menu .menu-filter-field > .menu-filter-input { margin: 0 0 10px; }
.standard-filter-menu .menu-filter-input:focus { border-color: var(--brand-color); outline: none; }
.standard-filter-menu .menu-filter-form .menu-border { margin: 10px 0; }
.standard-filter-menu .menu-filter-form .menu-actions-footer { margin-top: auto; padding: 0; }
.admin-clients-filter-reset-link { margin-left: 10px; font-size: .77rem; white-space: nowrap; }




@media screen and (max-width: 950px) {

.menu { min-width: 185px; }
.menu-item { height: 40px; font-size: .82rem; }
.menu-actions { top: 55px; } 
.menu-actions-left { left: 0 !important; } }

/*****************************
  App Tab Navigation
*****************************/

.tab-nav { display: flex; flex-direction: row; align-items: center; }
.tab-nav-item { margin-right: 10px; }

/*****************************
  App File Uploads
*****************************/

.file-container { display: flex; align-items: center; width: 100%; margin: 0 0 20px; }
.disciplinary-modal .file-container { margin-bottom: 0; }
.file-container-inner { width: 100%; }
.file-preview { width: 75px; height: 75px; margin-right: 15px; }
.file-preview img { border: solid 1px var(--border); width: 75px; height: 75px; border-radius: 100%; }
.file-container .avatar.lg-avatar { width: 75px; min-width: 75px; height: 75px; min-height: 75px; border-radius: 50%; border: solid 1px var(--border); }
.file-container .avatar.lg-avatar img { width: 75px; min-width: 75px; height: 75px; min-height: 75px; border-radius: 50%; }
.file-upload-button { display: inline-block; cursor: pointer; margin: 0 0 2px !important; transition: 0.5s all; font-weight: 700; text-decoration: underline; }
.file-upload-button:hover { color: var(--brand-color); }
.file-input { display: none; }
.file-container-inner-items { display: flex; flex-direction: column; margin-bottom: 6px; }
.file-container-subtle-text { color: var(--font-subtle); padding-top: 3px; font-size: .72rem; line-height: 1.6; }
.file-upload-button-02 { border: solid 1px var(--border); display: inline-block; padding: 10px; cursor: pointer; margin: 0 0 5px !important; transition: 0.5s all; font-weight: 700; text-align: center; border-radius: 4px; min-width: 150px; color: var(--font-main); }
.file-upload-button-02:hover { border: solid 1px var(--brand-color); color: var(--brand-color); }
.file-upload-button-02 .fa-circle-check { color: var(--green-success); }
.form-upload-btn-container { margin-bottom: 20px; }

/*****************************
  App breadcrumb navigation
*****************************/

.breadcrumb { display: flex; flex-direction: row; align-items: center; }
.breadcrumb h6 { max-width: 250px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.breadcrumb-divider { padding: 0 10px; }

@media screen and (max-width: 950px) {

.breadcrumb h6 { display: none; }
.breadcrumb-divider { display: none; } }

/*****************************
  App Pagination
*****************************/

.pagination { height: 50px; border-top: solid 1px var(--border); display: flex; flex-direction: row; align-items: center; }
.pagination-btns { display: flex; flex-direction: row; align-items: center; }
.pagination-btns .btn { margin-right: 10px; }

/* Keep list pagination pinned to bottom of the page on desktop (Documents pages). */
@media screen and (min-width: 951px) {
.documents-shell { height: 100%; display: flex; flex-direction: column; }
.documents-shell .documents-async-root { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.documents-shell .documents-async-root .settings-page { flex: 1; min-height: 0; height: auto; overflow: auto; }
.documents-shell .documents-async-root .pagination { margin-top: auto; }
  .documents-shell .page-header-actions > .dropdown-menu-container,
  .documents-shell .page-header-actions > .btn,
.documents-shell .page-header-actions > .btn-icon { margin-right: 10px; }
  .documents-shell .page-header-actions > .dropdown-menu-container:last-child,
  .documents-shell .page-header-actions > .btn:last-child,
.documents-shell .page-header-actions > .btn-icon:last-child { margin-right: 0; }
}

@media screen and (max-width: 950px) {

.pagination { margin-top: 45px; border-top: none; height: auto; flex-direction: column; padding-top: 20px; }
.pagination-btns .btn { margin: 0 5px; min-width: 75px; }
.pagination-count { margin-top: 10px; } }

/*** Pagination Alternative ***/ 

.pagination-alt { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; }
.pagination-alt-btns { display: flex; flex-direction: row; align-items: center; }
.pagination-alt-btn { text-decoration: underline; margin-left: 10px; }
.pagination-alt-btn-main { color: var(--font-main); }
.pagination-alt-btn-main p { color: var(--font-main); }
.pagination-alt-btn-disabled { cursor: default; color: var(--font-subtle) !important; }
.pagination-alt-btn-disabled p { color: var(--font-subtle) !important; }

@media screen and (max-width: 950px) {

.pagination-alt { height: 50px; flex-direction: row-reverse; }
.pagination-alt-btn { margin: 0 10px 0 0; } }

/*****************************
  App Avatars
*****************************/

.avatar-container { display: flex; flex-direction: row; align-items: center; }
.avatar { background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 50%; position: relative; }

/*** App avatar empty ***/

.empty-avatar { display: flex; justify-content: center; align-items: center; background-color: var(--background-03); }
.empty-avatar p { font-size: .62rem !important; line-height: 1 !important; font-weight: 700; color: var(--font-main); }
.empty-avatar .svg-inline--fa { color: var(--font-main); }

/*** App avatar sml ***/

.smlx-avatar { width: 22px; min-width: 22px; height: 22px; margin-right: 8px; border-radius: 50%; }
.smlx-avatar img { border: solid 1px var(--avatar-border); border-radius: 50%; width: 22px; min-width: 22px; height: 22px; }
.smlx-avatar .svg-inline--fa { font-size: .7rem; }
.smlx-avatar-empty { width: 21px; min-width: 21px; height: 21px; margin-right: 8px; border-radius: 50%; }
.smlx-avatar-empty img { border: solid 1px var(--avatar-border); border-radius: 50%; width: 21px; min-width: 21px; height: 21px; }
.smlx-avatar-empty .svg-inline--fa { font-size: .7rem; }

/*** App avatar sml ***/

.sml-avatar { width: 28px; min-width: 28px; height: 28px; margin-right: 12px; border-radius: 50%; }
.sml-avatar img { border: solid 1px var(--avatar-border); border-radius: 50%; width: 28px; min-width: 28px; height: 28px; }
.sml-avatar .svg-inline--fa { font-size: .7rem; }

/*** App avatar mid ***/

.mid-avatar { width: 35px; min-width: 35px; height: 35px; margin-right: 12px; border-radius: 50%; }
.mid-avatar img { border: solid 1px var(--avatar-border); border-radius: 50%; width: 35px; min-width: 35px; height: 35px; }

/*** App avatar mid X ***/

.midx-avatar { width: 45px; min-width: 45px; height: 45px; margin-right: 12px; border-radius: 50%; }
.midx-avatar img { border: solid 1px var(--avatar-border); border-radius: 50%; width: 45px; min-width: 45px; height: 45px; }

/*** App avatar mid XX ***/

.midxx-avatar { width: 50px; min-width: 50px; height: 50px; margin-right: 12px; border-radius: 50%; }
.midxx-avatar img { border: solid 1px var(--avatar-border); border-radius: 50%; width: 50px; min-width: 50px; height: 50px; }

/*** App avatar large ***/

.lg-avatar { margin-right: 15px; min-width: 90px; width: 90px; min-height: 90px; height: 90px; border-radius: 50%; border: solid 1px var(--avatar-border); }
.lg-avatar img { min-width: 90px; width: 90px; min-height: 90px; height: 90px; border-radius: 50%; }
.lg-avatar .empty-avatar p { font-size: .9rem !important; }

/*** App avatar large X ***/

.lgx-avatar { margin-right: 15px; min-width: 105px; width: 105px; min-height: 105px; height: 105px; border-radius: 50%; border: solid 1px var(--avatar-border); }
.lgx-avatar img { min-width: 105px; width: 105px; min-height: 105px; height: 105px; border-radius: 50%; }
.lgx-avatar .empty-avatar p { font-size: .9rem !important; }


@media screen and (max-width: 950px) {

.sml-avatar { width: 32px; min-width: 32px; height: 32px; }
.sml-avatar img { width: 32px; min-width: 32px; height: 32px; } }

/*****************************
  Errors
*****************************/

.response-message-banner { pointer-events: none; width: 100%; display: flex; align-items: center; justify-content: center; z-index: 9999; min-height: 44px; margin: 20px 0 10px; min-height: 35px; 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); border-radius: 3px; }
.response-message-banner-success { background-color: var(--green-banner); }
.response-message-banner-error { background-color: var(--red-alert); }
.response-message-banner p { font-weight: 600; color: var(--white); }
.response-message-banner .svg-inline--fa { color: var(--white); margin-right: 5px; }

/*****************************
  App home
*****************************/

.home-container { height: 100%; overflow: auto; }
.home { display: flex; flex-direction: column; height: calc(100% - 80px); max-width: 1140px; margin: 0 auto 80px; padding: 0 20px; }

/*** Home Box ***/

.home-box { border: solid 1px var(--border); border-radius: 10px; margin-bottom: 40px; }
.home-box:nth-child(2) { margin-bottom: 80px; } 
.home-box-header { padding: 0 20px; display: flex; flex-direction: row; align-items: center; height: 55px; border-bottom: solid 1px var(--border); }
.home-box-header .nav-notification { position: relative; top: 0 !important; }

/*** Home Header ***/

.home-header { display: flex; flex-direction: column; align-items: center; padding: 80px 0 50px; } 
.home-header-details-container { display: flex; flex-direction: column; align-items: center; }
.home-header-details { text-align: center; }
.home-header-actions { margin-top: 10px; display: flex; flex-direction: row; align-items: center; justify-content: center; }
.home-header-actions .hide-mobile-500 { flex-direction: row; align-items: center; }
.home-header-details { display: flex; flex-direction: column; }
.home-header-details h1 { font-size: 2rem; font-weight: 800; line-height: 1; padding: 10px 0; }
.home-header-details p { font-weight: 600; line-height: 1.2; color: var(--font-subtle); }
.home-ask-ada-icon { margin-left: 0 !important; margin-right: 6px; }

/*** Home Stats ***/

.home-stats { display: flex; flex-direction: row; align-items: center; margin-top: 20px; border: solid 1px var(--border); border-radius: 100px; }
.home-stat { text-align: center; border-radius: 0 !important; border-top: none; border-bottom: none; border-right: none; padding: 10px 0; width: 150px; }
.home-stat h6 { font-size: 1.2rem; padding-bottom: 0 !important; }
.home-stat p { color: var(--font-subtle); }
.home-stat-border { height: 25px; border-right: 2px solid var(--border); } 
.home-stats .fa-spinner { color: var(--icon-load-spinner); }
.home-stats-balance-select { position: relative; display: flex; align-items: center; justify-content: center; min-width: 36px; padding: 0 8px; }
.home-stats-balance-toggle { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; color: var(--font-main); text-decoration: none; border-radius: 50%; background-color: var(--subtle-btn-background); transition: all 0.5s; }
.home-stats-balance-toggle:hover { background-color: var(--subtle-btn-background-hover); }
.home-stats-balance-toggle:focus, .home-stats-balance-toggle:focus-visible { outline: none; background-color: var(--subtle-btn-background-hover); }
.home-stats-balance-toggle .svg-inline--fa, .home-stats-balance-toggle i { font-size: .7rem; color: inherit; }
.home-stats-balance-menu { top: 40px; min-width: 190px; }
.home-stats-balance-option-indicator { visibility: hidden; }
.home-stats-balance-option.is-selected .home-stats-balance-option-indicator { visibility: visible; }

/*** Home Actions ***/

.home-inner-container { display: flex; flex-direction: column; margin-bottom: 50px; }
.home-tabs-shell { margin-top: 0; }
.home-tab-panels { margin-top: 20px; }
.home-tab-panel { display: none; }
.home-tab-panel.is-active { display: block; }
.home-tabs-shell .case-management-tab { gap: 8px; font: inherit; }
.home-tabs-shell .case-management-tab .side-nav-item-notification-container { min-width: 0; width: 100%; }
.home-tab-notification .fa-spinner { color: var(--notification-text); font-size: .52rem; line-height: 1; }

/*** Home Actions ***/

.home-inner .empty-state { margin: 0 auto !important; justify-content: center; padding: 70px 0; }
.home-inner .empty-state .svg-inline--fa { font-size: 2rem !important; }
.home-inner-header .svg-inline--fa { margin-right: 8px; font-size: 1.1rem; color: var(--font-main); }
.home-inner-items { padding: 0 20px; }
.home-inner-item { border-bottom: solid 1px var(--border); display: flex; flex-direction: row; align-items: center; padding: 15px 0; }
.home-inner-item:last-child { border-bottom: none !important; }
.home-inner-item .list-item-icon { height: 30px; width: 30px; min-height: 30px; min-width: 30px; }
.home-inner-item .list-item-icon .svg-inline--fa { font-size: .75rem; }
.home-inner-item h6 { padding-bottom: 2px; font-size: .85rem; }
.home-inner-item-actions { margin-left: auto; display: flex; align-items: center; gap: 10px; }

/*** Home Sidebar ***/

.home-sidebar-items { padding: 0 20px; }
.home-sidebar-item { margin-bottom: 40px; }
.home-sidebar-items .home-sidebar-item:first-child { margin-top: 35px; }
.home-sidebar-date-header { padding-bottom: 5px; border-bottom: solid 1px var(--border); }
.home-sidebar-date-header h6 { color: var(--font-subtle); font-size: .77rem; text-transform: uppercase; }
.home-sidebar-item-inner { display: flex; flex-direction: row; align-items: center; padding: 15px 0; border-bottom: solid 1px var(--border); }
.home-sidebar-item-inner:last-child { border-bottom: none; }
.home-section-items-section-empty { padding: 70px 0 30px; text-align: center; }
.home-section-items-section-empty .svg-inline--fa { color: var(--font-main); font-size: 2rem; margin-bottom: 10px; }
.home-section-items-section-empty p { color: var(--font-subtle); }
.home-sidebar-item-inner-details { width: calc(100% - 47px); display: flex; flex-direction: row; align-items: center; }
.home-sidebar-item-inner-details h6 { font-size: .85rem; padding-bottom: 2px; }  
.home-sidebar-item-inner-details p { line-height: 1.5; }
.home-sidebar-emoji { margin-left: auto; }
.home-sidebar-emoji p { font-size: 1.1rem; }

/*** Home Splash ***/

.home-splash { padding: 100px 0; display: flex; flex-direction: column; height: calc(100% - 200px); }
.home-splash-item-header { display: flex; flex-direction: row; align-items: center; }
.home-splash-header { padding-bottom: 20px; }
.home-splash-header h1 { font-size: 2.5rem; font-weight: 800; }
.home-splash-items { display: flex; flex-direction: row; align-items: flex-start; }
.home-splash-item { width: 33.3333%; border-radius: 10px !important; border: solid 1px var(--border); box-shadow: var(--box-item-01); height: calc(100% - 40px); padding: 20px; margin: 0 15px; display: flex; flex-direction: column; }
.home-splash-item:first-child { margin: 0 15px 0 0; }
.home-splash-item:last-child { margin: 0 0 0 15px; }
.home-splash-item-header { padding-bottom: 10px; }
.home-splash-item-header h6 { font-size: 1.1rem; font-weight: 800; }
.home-splash-item-icon { height: 35px; width: 35px; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin-right: 8px; }
.home-splash-item-icon .svg-inline--fa { font-size: 1rem; }
.home-splash-item-icon-complete { background-color: var(--green-success-light); }
.home-splash-item-icon-complete .svg-inline--fa { color: var(--green-success); }
.home-splash-item-icon-incomplete { background-color: var(--background-03); }
.home-splash-item-icon-incomplete .svg-inline--fa { color: var(--icon-main); }
.home-splash-item-detail { margin-bottom: 35px; }
.home-splash-item-detail p { color: var(--font-subtle); line-height: 1.6; font-size: .82rem; }
.home-splash-item-detail-link { margin-top: 10px; }
.home-splash-item-detail-link .svg-inline--fa { color: var(--font-main); }
.home-splash-item-detail-link a { font-weight: 800; }
.home-splash-item .btn { margin-top: auto; }
.home-splash-support { text-align: center; max-width: 450px; margin: 40px auto; }
.home-splash-support p { color: var(--font-subtle); line-height: 1.6; font-size: .82rem; }

@media screen and (max-width: 1250px) {

.home-splash { padding: 50px 0; } }

@media screen and (max-width: 950px) {

.home-box { border: none; margin-bottom: 0 !important; }
.home-box-header { padding: 0; }
.home-header { padding: 60px 0 40px; }
.home-inner-container { flex-direction: column; height: auto; border: none; }
.home-tab-panels { margin-top: 12px; }
.home-inner { flex-direction: column; width: 100%; }
.home-inner-items { padding: 0; }
.home-sections { width: 100%; }
.home-sidebar { width: 100%; padding: 0; margin: 20px 0 0 0; }
.home-sidebar-items { padding: 0; height: auto; }
.home-sidebar-section { border: none; padding: 0; margin-bottom: 40px; }
.home-splash { max-width: 500px; }
.home-splash-items { flex-direction: column; }
.home-splash-item { width: calc(100% - 40px); margin: 15px 0; }
.home-splash-item:first-child { margin: 15px 0; }
.home-splash-item:last-child { margin: 15px 0; } }

@media screen and (max-width: 600px) {

.home .btn-border { display: none; }
.home-header { padding: 40px 0 25px; }
.home-header-details-container { flex-direction: column; align-items: flex-start; width: 100%; }
.home-header-details { margin-top: 10px; width: 100%; }
.home-header-actions .show-mobile-500 { width: 100%; }
.home-header-actions { flex-direction: column; width: 100%; margin-top: 30px; }
.home-header-actions a { margin: 0 0 15px 0; width: calc(100% - 30px); }

.home-stats { width: 100%; flex-direction: column; border-radius: 10px; }
.home-stat-border { width: 100%; height: auto; border-bottom: 1px solid var(--border); border-right: none !important; }
.home-stats-balance-select { width: 100%; min-height: 42px; }
.home-stats-balance-menu { left: 50%; right: auto !important; transform: translateX(-50%); }

.home-inner-item { flex-direction: column; align-items: flex-start; height: auto; padding: 15px 0; }
.home-inner-item-actions { margin: 10px 0 0 0; } }

/*****************************
  Success Page
*****************************/

.success { display: flex; flex-direction: column; max-width: 550px; margin: 100px auto; text-align: center; }
.success .svg-inline--fa { font-size: 6rem; color: var(--brand-color); }
.success h1 { padding: 10px 0 4px; }
.success .btn { max-width: 200px; margin: 20px auto 0; }

/*****************************
  Auth
*****************************/

.auth { height: 100vh; overflow: auto; }
.auth-container { margin: 70px auto; width: 940px; max-width: 90%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.auth-box { max-width: 615px; min-width: 525px; margin: 0 auto; border: solid 1px var(--border); border-radius: 20px; }
.auth-box-inner { padding: 80px 65px 35px; }
.auth-box-logo { margin: -120px auto 20px; text-align: center; box-shadow: var(--box-shadow-auth-logo); width: 85px; height: 85px; border-radius: 50%; background-color: var(--white); display: flex; justify-content: center; align-items: center; }
.auth-box-logo img { height: 40px; }
.auth .form-asterix { display: none !important; }
.auth-box-header { padding-bottom: 30px; }
.auth-box-header h1 { text-align: center; }
.auth-box-header p { text-align: center; line-height: 1.6; font-size: 0.82rem; max-width: 300px; margin: 15px auto 0; color: var(--font-subtle); }
.auth-box-sub-text { padding-top: 20px; margin-top: auto; text-align: center; }
.auth-box-sub-text p, .auth-box-sub-text a { color: var(--font-subtle); }
.auth-box-sub-text-secondary { padding-top: 20px; text-align: center; max-width: 350px; margin: 0 auto; }
.auth-box-sub-text-secondary p, .auth-box-sub-text-secondary a { font-size: .68rem; color: var(--font-subtle); line-height: 1.7; }
.form-field-sub { display: flex; flex-direction: row; align-items: center; margin: -15px 0 0; }
.form-field-sub-right { margin-left: auto; }
.form-field-sub-right a { color: var(--font-subtle); }

.auth-verify-btns { margin-bottom: 40px; display: flex; flex-direction: row; align-items: center; }
.auth-verify-btn { margin: 0 10px; width: calc(33.33% - 20px); border: solid 1px var(--border); }
.auth-verify-btn img { display: block; width: 18px; margin-right: 7px; }

/* OAuth buttons */
.auth-verify-btns--column { flex-direction: column; align-items: stretch; }
.auth-verify-btns--column .auth-verify-btn { width: 100%; margin: 6px 0; }
.auth-border { margin: 40px 0 38px; display: flex; align-items: center; } 
.auth-border hr { background-color: var(--border); border: none; height: 1px; width: 100%; }
.auth-border p { text-transform: uppercase; margin: 0 18px; white-space: nowrap; text-align: center; color: var(--font-subtle); } 

/* Switch org buttons */ 

.btn-switch-organisation { width: 100%; margin-bottom: 20px; background: none !important; border: solid 1px var(--border); display: flex; justify-content: space-between; align-items: center; height: 50px; border-radius: 7px !important; }
.btn-switch-organisation .svg-inline--fa { font-size: .6rem; color: var(--font-main); }
.btn-switch-organisation .avatar-name { color: var(--font-main) !important; font-family: 'Muli', sans-serif !important; }
.btn-switch-organisation .avatar { min-width: 22px !important; min-height: 22px !important; width: 22px !important; height: 22px !important; }
.btn-switch-organisation:hover { border: solid 1px var(--border-darker) !important; }
.btn-switch-organisation-warning { font-family: 'Muli', sans-serif; color: var(--red-org-denied); font-size: .65rem !important; font-style: italic; padding-top: 2px; }
.btn-switch-organisation-denied { border: dashed 1px var(--red-org-denied) !important; text-align: left; width: calc(100% - 30px); }
.btn-switch-organisation-denied:hover { border: dashed 1px var(--red-org-denied) !important; }
.btn-switch-organisation-denied .svg-inline--fa { color: var(--red-org-denied); }    
.btn-switch-organisation-details { display: flex; flex-direction: column; align-items: flex-start; }
.btn-switch-organisation-denied .avatar-name { color: var(--red-org-denied) !important; }

/* Auth responsive */

@media screen and (max-width: 950px) {

.auth-box-inner { padding: 80px 35px 35px; }
.auth-container { width: auto; margin: 55px auto 70px; }
.auth-box { min-width: 500px; }
.auth-verify-btns { display: none; }
/* Keep OAuth column buttons visible on small screens */
.auth-verify-btns--column { display: flex !important; }
}

@media screen and (max-width: 550px) {

.auth-box { min-width: 100%; }
.auth-box-inner { padding: 80px 25px 35px; } }

/*****************************
  Basic Stat
*****************************/

.basic-stats { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; }
.basic-stat { border-radius: 5px; border: solid 1px var(--border); width: calc(25% - 62px); text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px 20px; margin: 10px; }

/*****************************
  App List Items
*****************************/

.list { border-top: solid 1px var(--border); }
.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(--background); }
.list-item:hover { background: var(--background-hover-02); }
.list-item-no-click { cursor: inherit; }
.list-item-no-click:hover { background-color: var(--background) !important; }
.list-item-details { display: flex; flex-direction: column; }
.list-item-icon { margin-right: 10px; background-color: var(--background-03); 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-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; }
.list-item-right .btn-icon:last-child { margin-left: 10px; }
.list-item-tag { margin-right: 15px; }
.list-item-count { padding-left: 15px; color: var(--font-subtle); white-space: nowrap; }
.document-folder-count .fa-spinner, .document-folder-count .svg-inline--fa { color: var(--font-subtle); font-size: .55rem; line-height: 1; }
.list-item-date { padding-top: 3px; color: var(--font-subtle); }
.list-item-detail-title { padding-bottom: 3px; font-weight: 700; font-size: .82rem; }
.list-item-subtle-text { color: var(--font-subtle); }
.document-search-result-folder-name { margin-right: 10px; white-space: nowrap; }
.document-search-result-folder-btn { margin-right: 10px; }
.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(--font-subtle); }

@media screen and (max-width: 950px) {

.list-item-stats { display: none; } 
.list-item .avatar { margin-bottom: 10px; } }

@media screen and (max-width: 750px) {

.list-item { padding: 20px 0; flex-direction: column; align-items: flex-start; justify-content: center; }
.list-item-icon { display: none; }
.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 10px 0 0; }
.list-item-right .btn-icon:last-child { margin: 0 10px 0 0; }
.list-item-count { padding-left: 0; } }

/*****************************
  Loading Spinner
*****************************/

@keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes inviteCsvProgress { 0% { left: -38%; } 100% { left: 100%; } }
.loading-spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.loading-spinner-wheel { border: 14px solid var(--border); border-top: 14px solid var(--brand-color); border-radius: 50%; width: 100px; height: 100px; animation: spin 2s linear infinite; margin: 0 auto; display: block; }
.loading-spinner p { padding-top: 20px; font-weight: 700; }

/*****************************
  Document Folders
*****************************/

.document-folder-action-menu-container { position: relative; }
.document-folder-action-menu { right: 0; top: 35px; }

/*****************************
  App empty states
*****************************/

.empty-state { text-align: center; display: flex; flex-direction: column; align-items: center; max-width: 500px; margin: 125px auto; padding: 0 20px; }
.empty-state .svg-inline--fa { font-size: 4rem; color: var(--font-main) !important; margin-bottom: 10px; }
.empty-state h1 { padding: 10px 0; font-size: 2.5rem; font-weight: 700; }
.empty-state h6 { margin: 5px 0; }
.empty-state p { color: var(--font-subtle); }
.empty-state .btn { margin-top: 15px; max-width: 150px; }
.empty-state .btn p { color: var(--btn-text); }
.empty-state-sub-text { font-weight: 600; line-height: 1.6; color: var(--font-subtle); }
.empty-state-btn-container { display: flex; flex-direction: row; align-items: center; }
.empty-state-btn-container .btn { min-width: 90px !important; margin: 30px 10px 0; }
.empty-state-lg .readable-text { font-size: .88rem; line-height: 1.8; }
.empty-state-lg .empty-state { max-width: 600px; }

@media screen and (max-width: 750px) {

.empty-state { margin: 60px auto; } 
.empty-state h1 { font-size: 2.2rem; } }

@media screen and (max-width: 350px) {

.empty-state-btn-container { margin-top: 30px; flex-direction: column; } 
.empty-state-btn-container .btn { min-width: 100px !important; margin: 0; }
.empty-state-btn-container .btn:nth-child(even) { margin-top: 20px !important; } }

/*****************************
  App templates
*****************************/

.template-tab-container { display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 1px; }
.template-tab { margin: 0 20px 20px 0; width: 176px; height: 208px; }
.template-title { font-weight: 600; font-size: .84rem; line-height: 1.5; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.template-tab-inner { display: flex; flex-direction: column; height: 100%; text-align: center; }
.template-tab-inner-top { height: calc(100% - 18px); display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 8px; }
.template-tab-inner-bottom { padding: 6px 5px; border-top: solid 1px var(--border); display: flex; flex-direction: row; align-items: center; justify-content: flex-end; }
.template-tab-new { background-color: var(--brand-color); cursor: pointer; }
.template-tab-new .svg-inline--fa { color: var(--font-main); font-size: 1.5rem; margin-bottom: 8px; }
.template-tab-new p { font-weight: 700; color: var(--font-main); }
.template-tab-new .template-tab-inner { justify-content: center; align-items: center; }
.template-tab-spacer { border-width: 2px; border-color: var(--border); border-style: dashed; box-shadow: none; width: 174px !important; height: 206px !important; }

@media screen and (max-width: 1150px) {

.template-tab-inner-bottom { padding: 8px 12px; } }

@media screen and (max-width: 480px) {

.new-template-btn { display: none; }
.template-tab-container { flex-direction: column; }
.template-tab-spacer { width: calc(100% - 4px) !important; }
.template-tab { width: calc(100% - 2px); margin: 0 0 20px; } }

/*****************************
  App Help Article
*****************************/

.article-container { max-width: 600px; margin: 65px auto; padding: 0 20px 60px; }
.article-header .svg-inline--fa { font-size: 2rem; color: var(--icon-light); }
.article-author { padding: 20px 0; margin: 20px 0 35px; display: flex; flex-direction: row; align-items: center; border-top: solid 1px var(--border); border-bottom: solid 1px var(--border); }
.article-author-img { margin-right: 10px; width: 38px; height: 38px; }
.article-author-img img { margin: 0 !important; width: 100%; height: 100%; border-radius: 100%; }
.article-author-detail p { font-size: .8rem !important; line-height: 1.4 !important; }
.article-author-detail p:last-child { color: var(--font-subtle); }
.article-header h1 { padding-top: 20px; font-size: 2rem; line-height: 1.4; font-weight: 700; }
.article-header p { padding: 0 !important; }
.article-container h2 { font-size: 1.7rem; font-weight: 700; padding: 30px 0 20px; }
.article-container h3 { font-size: 1.2rem; padding: 15px 0; font-weight: 700; }
.article-container p { padding: 0 0 20px; font-size: .9rem; line-height: 1.8; }
.article-container ol { padding: 0 0 0 18px; margin: 0; }
.article-container ul { padding: 0 0 0 30px; margin: 0; }
.article-container ol li { padding: 0 0 10px; font-size: .9rem; line-height: 1.8; }
.article-container ul li { padding: 0 0 10px; font-size: .9rem; line-height: 1.8; }
.article-container img { margin: 20px 0; display: block; width: 100% !important; height: auto !important; border: solid 1px var(--border); }
.article-video { margin-bottom: 30px; }
.article-video video { border: solid 1px var(--border); }
.article-footer { background-color: var(--background-03); border-radius: 10px; padding: 40px 0; margin-top: 60px; text-align: center; }
.article-footer p { font-size: .8rem !important; max-width: 450px; margin: 0 auto; padding: 0 20px; }
.article-footer a { font-size: .8rem !important; }

/*****************************
  Support
*****************************/

.support-page { height: 100%; }
.support-page-container { max-width: 860px; margin: 0 auto; padding: 0 20px; }
.support-index-header { height: 110px; display: flex; align-items: center; flex-direction: row; }
.support-index-header-actions { margin-top: 10px; display: flex; flex-direction: row; align-items: center; }
.support-index-header-actions .btn { margin-right: 10px; }
.support-landing-actions { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; margin-bottom: 25px; }
.support-landing-actions .btn { min-width: 150px; }
.support-ai-shell { border: solid 1px var(--border); border-radius: 14px; padding: 20px; margin-bottom: 25px; background-color: var(--background-02); display: flex; flex-direction: column; min-height: calc(100vh - 235px); }
.support-ai-form { margin: auto 0 0 0; padding-top: 15px; border-top: solid 1px var(--border); }
.support-ai-composer { background-color: var(--background); border: solid 1px var(--border); border-radius: 12px; padding: 15px; }
.support-ai-composer-footer { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 10px; }
.support-ai-form .support-ai-question { min-height: 110px; margin-bottom: 15px; border: none; background-color: transparent; padding: 0; }
.support-ai-form .support-ai-question:focus { border: none; background-color: transparent; }
.support-ai-thread { display: flex; flex-direction: column; gap: 15px; padding: 5px 0 20px 0; flex: 1 1 auto; min-height: 320px; }
.support-ai-message { display: flex; width: 100%; }
.support-ai-message.user { justify-content: flex-end; margin: 0 0 0 auto; }
.support-ai-message.assistant { justify-content: flex-start; }
.support-ai-message-card { max-width: 100%; width: 100%; border-radius: 10px; padding: 20px; border: solid 1px var(--border); background-color: var(--background); }
.support-ai-message.user .support-ai-message-card { max-width: 400px; width: auto; margin-left: auto; padding: 12px 15px; }
.support-ai-message.assistant .support-ai-message-card { max-width: 760px; border: none; background-color: transparent; padding: 0; border-radius: 0; }
.support-ai-message.assistant[data-response-type="live_metric"] .support-ai-message-card, .support-ai-message.assistant[data-response-type="permission_denied"] .support-ai-message-card, .support-ai-message.assistant[data-response-type="feature_not_in_plan"] .support-ai-message-card, .support-ai-message.assistant[data-response-type="draft_preview"] .support-ai-message-card { max-width: 560px; border: none; background-color: transparent; padding: 0; border-radius: 0; }
.support-ai-stats { display: flex; flex-direction: row; align-items: stretch; gap: 10px; margin-bottom: 15px; }
.support-ai-stat { flex: 1 1 0; min-width: 0; border: solid 1px var(--border); border-radius: 8px; padding: 15px 12px; text-align: center; background-color: var(--background); }
.support-ai-stat h6 { font-size: 1.1rem; font-weight: 800; line-height: 1.2; padding-bottom: 5px; word-break: break-word; }
.support-ai-stat p { font-size: 0.72rem; line-height: 1.5; color: var(--font-subtle); margin-bottom: 0; text-transform: none; }
.support-ai-message-body p { font-size: 0.8rem; line-height: 1.7; margin-bottom: 15px; }
.support-ai-message-body p:last-child { margin-bottom: 0; }
.support-ai-message-body ol, .support-ai-message-body ul { margin: 0 0 15px; padding-left: 20px; }
.support-ai-message-body li { font-size: 0.8rem; line-height: 1.7; padding: 0 0 8px; }
.support-ai-message-body a { color: inherit; font-size: inherit; line-height: inherit; text-decoration: underline; word-break: break-word; }
.support-ai-message-actions { display: flex; align-items: center; margin-top: 10px; }
.support-ai-message-actions .btn { margin: 0 !important; }
.support-ai-message-actions-spacer { width: 10px; height: 1px; display: inline-block; }
.support-ai-message-loading .support-ai-message-card { width: auto; min-width: 42px; padding: 10px; }
.support-ai-message-loading-indicator { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; }
.support-ai-message-loading-orb { width: 8px; height: 8px; border-radius: 50%; background-color: var(--font-main); animation: support-ai-thinking-orb 1.15s ease-in-out infinite; transform-origin: center; }
.support-landing-page { overflow: auto; }
.support-landing-page .support-index-items-container { height: auto; overflow: visible; }
.modal:has(.support-ai-modal) { min-height: 620px; height: min(760px, 92vh); max-height: 92vh; }
.support-ai-modal { min-height: 0; height: 100%; display: flex; flex-direction: column; overflow: hidden; }
.support-ai-modal .modal-content-header h6 { min-width: 0; }
.support-ai-modal-header-actions { margin-left: auto; display: flex; flex-direction: row; align-items: center; gap: 10px; }
.support-ai-contact-human-btn { margin: 0 !important; padding: 0 !important; }
.support-ai-modal-header-actions .modal-close { margin-left: 0 !important; }
.support-ai-modal-inner { flex: 1 1 auto; padding: 15px; max-height: none; min-height: 0; overflow: hidden; display: flex; flex-direction: column; position: relative; }
.support-ai-modal-thread { padding: 0; min-height: 0; flex: 1 1 auto; height: auto; max-height: 100%; overflow-y: auto; overflow-x: hidden; }
.support-ai-empty-state { position: absolute; inset: 15px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 15px; pointer-events: none; transition: opacity 0.25s ease; }
.support-ai-empty-state.is-hidden { opacity: 0; visibility: hidden; }
.support-ai-empty-state-icon { display: flex; align-items: center; justify-content: center; }
.support-ai-empty-state-icon .svg-inline--fa, .support-ai-empty-state-icon i { font-size: 3.5rem; color: var(--font-main); }
.support-ai-empty-state-text { min-height: 30px; max-width: 360px; text-align: center; font-size: 0.95rem; line-height: 1.7; color: var(--font-subtle); display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.support-ai-empty-state-cursor { width: 1px; height: 18px; margin-left: 2px; background-color: var(--font-subtle); display: inline-block; animation: support-ai-cursor-blink 1s steps(1) infinite; }
.support-ai-modal-footer { flex: 0 0 auto; border-top: none !important; height: auto !important; padding: 15px !important; align-items: stretch; display: block; min-width: 0; max-width: 100%; overflow: hidden; box-sizing: border-box; }
.support-ai-modal-form { width: 100%; margin: 0; padding-top: 0; border-top: none; display: block; min-width: 0; max-width: 100%; box-sizing: border-box; }
.support-ai-modal-composer { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 0; width: 100%; min-width: 0; max-width: 100%; background-color: transparent; border: none; border-radius: 0; overflow: hidden; box-sizing: border-box; }
.support-ai-modal-composer .support-ai-question { box-sizing: border-box; min-width: 0; min-height: 36px; height: 36px; margin-bottom: 0; padding: 7px 12px; line-height: 1.4; flex: 1 1 0%; width: 0; background-color: var(--background); border: solid 1px var(--border); border-radius: 10px; overflow: hidden; display: block; }
.support-ai-modal-composer .support-ai-question:focus { background-color: var(--background); border: solid 1px var(--brand-color); }
.support-ai-send-btn { flex: 0 0 32px; margin: 0 !important; width: 32px; min-width: 32px; max-width: 32px; height: 32px !important; min-height: 32px; max-height: 32px; align-self: center; flex-shrink: 0; border-radius: 100%; display: flex; align-items: center; justify-content: center; padding: 0; }
.support-ai-send-btn .svg-inline--fa, .support-ai-send-btn i { font-size: 0.56rem; }
.support-landing-items { padding-bottom: 50px; }
.support-index-items-container { height: calc(100% - 180px); overflow: auto; }
.support-index-items { display: flex; flex-direction: column; }
.support-index-item { display: flex; flex-direction: row; border: solid 1px var(--border); padding: 15px; margin-bottom: 15px; border-radius: 7px; transition: all 0.5s; }
.support-index-item:hover { border: solid 1px var(--brand-color); }
.support-index-item h6 { font-size: .92rem; line-height: 1.6; }
.support-index-item-details-author { display: flex; flex-direction: row; align-items: center; margin-top: 5px; }
.support-index-item-details-author p { color: var(--font-subtle); }
.support-index-item-right { margin-left: auto; display: flex; flex-direction: row; align-items: center; }
.support-index-item-right .svg-inline--fa { color: var(--icon-main) }
.support-page-pagination { border-top: none !important; height: 125px; flex-direction: column !important; justify-content: center !important; margin-bottom: 50px; }
.support-page-pagination .pagination-btns { margin-bottom: 10px; }
.support-page-pagination .btn { min-width: 80px; margin: 0 10px !important; }
.support-search { margin-bottom: 30px; }
@keyframes support-ai-cursor-blink { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0; } }
@keyframes support-ai-thinking-orb { 0%, 100% { opacity: 0.35; transform: scale(0.72); } 50% { opacity: 1; transform: scale(1.18); } }
@media screen and (max-width: 880px) { .support-page-container { padding: 0 15px; } .support-ai-shell { padding: 15px; min-height: calc(100vh - 220px); } .support-ai-composer { padding: 12px; } .support-ai-composer-footer { flex-direction: column-reverse; align-items: stretch; } .support-ai-composer-footer .btn { width: 100%; min-width: 0; } .support-ai-message-card, .support-ai-message.user .support-ai-message-card, .support-ai-message.assistant .support-ai-message-card { max-width: 100%; } .modal:has(.support-ai-modal) { width: 90%; max-width: 600px; min-height: 0; height: min(760px, 90dvh); max-height: 90dvh; border-radius: 8px; top: 50%; left: 50%; transform: translate(-50%, -50%); } .support-ai-modal { min-height: 0; height: 100%; } .support-ai-contact-human-btn { width: auto; } .support-ai-modal-inner { padding: 12px; min-height: 0; } .support-ai-modal-thread { min-height: 0; } .support-ai-modal-footer { min-height: 88px; padding: 10px 12px; } .support-ai-modal-composer { flex-direction: row; align-items: center; gap: 8px; } .support-ai-modal-composer .btn { width: auto; } .support-ai-stats { flex-direction: column; gap: 10px; } .support-ai-stat { width: 100%; } }

/*****************************
  App Items
*****************************/

.items-01-container { overflow: auto; height: calc(100% - 110px); padding: 0 5px; }
.items-01-container-row { display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap; }
.items-01-container-row > .items-01-container { width: 100%; display: flex; justify-content: center; }
.items-01-item { transition: all 0.5s; cursor: pointer; width: calc(25% - 32px); margin: 15px; border-radius: 10px !important; border: solid 1px var(--border); }
.items-01-item:hover { background-color: var(--background-hover-02); }
.items-01-item-inner { display: flex; flex-direction: column; padding: 20px; }
.surveys .items-01-item-inner h6 { padding-bottom: 10px; }
.items-01-item-section-item { display: flex; flex-direction: row; align-items: flex-start; padding: 10px 0; width: 100%; }
.items-01-item-section-item-inner { display: flex; flex-direction: column; }
.items-01-item-section-item-inner .btn { margin-top: 15px; max-width: 175px; }
.items-01-item-row { display: flex; flex-wrap: wrap; }
.items-01-item-row p { line-height: 1.7; }
.items-01-item-title-text { min-width: 100px; color: var(--font-subtle); font-weight: 700; }
.items-01-item-title-text-lg { min-width: 135px !important; }
.items-01-item-bold-text { font-weight: 700; font-size: .9rem; }
.items-01-item-subtle-text { font-weight: 600; line-height: 1.2; color: var(--font-subtle); }
.items-01-item-overflow-text { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.items-01-item-status { margin-left: auto; border-radius: 20px; text-align: center; display: flex; justify-content: center; align-items: center; }
.items-01-item-status-no-margin { margin: 0 !important; }
.items-01-item-status-sml { max-width: 70px; margin-left: 0 !important; }
.resignations-status-cell { text-align: center; }
.resignations-status-cell .items-01-item-status { margin: 0 auto !important; }
.resignations-status-cell .items-01-item-status-sml { max-width: none; }
.disciplinaries-status-cell { text-align: center !important; }
.disciplinaries-status-cell .items-01-item-status { margin: 0 auto !important; width: max-content; }
.disciplinaries-status-cell .items-01-item-status-sml { max-width: none; }
.disciplinaries-reference-cell { text-align: left !important; }
.disciplinaries-reference-cell span { text-align: left !important; }
.items-01-item-status .svg-inline--fa { color: var(--banner-text) !important; font-size: .57rem; margin: 0 -4px 0 8px; }
.items-01-item-status p { padding: 2px 8px; text-transform: uppercase; font-size: .65rem; font-weight: 800; }
.people-whos-in-status-stack { margin-left: 0; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 4px; max-width: calc(100% - 110px); }
.people-whos-in-time-off-type-badge { margin: 0 !important; }
.people-whos-in-time-off-type-badge p { text-transform: uppercase !important; text-align: center; }
.people-whos-in-time-off-type-badge-only { margin: 0 !important; }
.people-whos-in-location-list { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 4px; margin-top: 0; }
.people-whos-in-time-off-type-badge, .people-whos-in-location-badge { max-width: 190px; }
.people-whos-in-location-badge { margin: 0 !important; max-width: 190px; }
.people-whos-in-time-off-type-badge p, .people-whos-in-location-badge p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.people-whos-in-location-badge p { text-transform: uppercase !important; text-align: center; }
.people-whos-in-location-badge .svg-inline--fa { margin: 0 2px 0 0; font-size: .62rem; }
.items-01-item-status-green { background-color: var(--green-light); }
.items-01-item-status-green p { color: var(--green) !important; }
.items-01-item-status-green .svg-inline--fa { color: var(--green) !important; }
.items-01-item-status-yellow { background-color: var(--yellow-light); }
.items-01-item-status-yellow p { color: var(--yellow) !important; }
.items-01-item-status-yellow .svg-inline--fa { color: var(--yellow) !important; }
.items-01-item-status-red { background-color: var(--red-light); }
.items-01-item-status-red p { color: var(--red) !important; }
.items-01-item-status-red .svg-inline--fa { color: var(--red) !important; }
.items-01-item-status-grey { background-color: var(--grey-light); }
.items-01-item-status-grey p { color: var(--grey) !important; }
.items-01-item-status-grey .svg-inline--fa { color: var(--grey) !important; }
.items-01-item-status-blue { background-color: var(--blue-light); }
.items-01-item-status-blue p { color: var(--blue) !important; }
.items-01-item-status-blue .svg-inline--fa { color: var(--blue) !important; }
.items-01-item-status-purple { background-color: var(--purple-light); }
.items-01-item-status-purple p { color: var(--purple) !important; }
.items-01-item-status-purple .svg-inline--fa { color: var(--purple) !important; }

/* Employee profile: permission modal preview list */
.permission-preview-item-icon { margin-left: auto; padding-left: 12px; display: flex; flex-direction: row; align-items: center; font-size: 1.05rem; }

@media screen and (max-width: 1750px) {

.items-01-item { width: calc(33.33% - 32px); } }

@media screen and (max-width: 1250px) {

.items-01-item { width: calc(50% - 32px); } }

@media screen and (max-width: 1050px) {

.items-01-item { width: 100%; margin: 15px 0; } 
.items-01-container { padding: 0 20px; overflow: inherit; height: auto; }
.items-01-container-row { margin: 0; } }

/*** App Items 02 ***/

.items-02-container { border-top: solid 1px var(--border); overflow: auto; height: calc(100% - 110px); }
.items-02-container-block { display: flex; flex-direction: column; }
.item-02 { display: flex; flex-direction: row; align-items: center; height: 75px; border-bottom: solid 1px var(--border); widows: 100%; }
.item-02-inner { display: flex; flex-direction: row; align-items: center; width: 100%; }
.item-02-inner-details h6 { padding-bottom: 3px; }
.item-02-inner-right { margin-left: auto; display: flex; flex-direction: row; align-items: center; }
.item-02-inner-right .btn { margin-left: 20px; }

@media screen and (max-width: 950px) {

.item-02 { height: auto; min-height: 90px; padding: 15px 0 !important; }
.item-02-inner { flex-direction: column; align-items: flex-start; }
.item-02-inner-img { margin-bottom: 5px; }
.item-02-inner-right { margin: 10px 0 0 0; } }

/*****************************
  App Stats
*****************************/

.stats { display: flex; flex-direction: row; align-items: center; }
.stat { border: solid 1px var(--border); margin: 0 10px; display: flex; flex-direction: column; text-align: center; width: calc(33.33% - 13.3333px); padding: 40px 0; border-radius: 5px; }
.stat h6 { font-size: 1.6rem; font-weight: 800; padding-bottom: 3px; }
.stat p { color: var(--font-subtle); }
.stat:first-child { margin: 0 10px 0 0; }
.stat:last-child { margin: 0 0 0 10px; }
.stat-50 { width: calc(50% - 12px); }

@media screen and (max-width: 950px) {

.stats { flex-direction: column; }
.stat { width: 100%; margin: 10px; padding: 20px 0; }
.stat-50 { width: 100% !important; margin: 10px !important; }
.stat:first-child { margin: 0 0 10px 0; }
.stat:last-child { margin: 10px 0 0 0; } }

/*****************************
  App People
*****************************/

.people { display: flex; flex-direction: column; height: 100%; width: 100%; min-width: 0; overflow-x: hidden; }
.page-container-alt.people-no-side-nav .page-alt-inner,
.page-container-alt.people-no-side-nav .page-alt-inner-no-padding,
.page-container-alt.people-no-side-nav .page-alt-inner-no-margin { width: 100% !important; box-sizing: border-box; }

.people-page-header { margin: 0; padding: 0; background: var(--background); display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 20px; height: 60px; min-height: 60px; max-height: 60px; border-bottom: solid 1px var(--border); box-sizing: border-box; }
.page-alt-inner-no-padding .people-page-header { margin: 0 20px; }
.people-page-header-left { display: flex; flex-direction: row; align-items: center; min-width: 0; flex: 1 1 auto; height: auto; }
.people-page-header-controls { display: flex; flex-direction: row; align-items: center; min-width: 0; flex: 1 1 auto; margin-left: 15px; }
.people-page-header-right { display: flex; align-items: center; justify-content: flex-end; min-width: 0; flex: 0 1 auto; overflow: visible; box-sizing: border-box; }
.people-page-header-title { padding-top: 0; display: flex; align-items: center; box-sizing: border-box; min-width: 0; }
.people-page-header-title h6 { margin: 0; height: auto; line-height: 1.2; }
.people-page-header-actions { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 0; flex-wrap: nowrap; box-sizing: border-box; max-width: 100%; min-width: 0; }
.people-page-header-left .people-page-header-actions { justify-content: flex-start; }
.people-page-header-actions > * { align-self: center; min-width: 0; }
.people-page-header-actions .page-search { margin-left: 0; flex: 0 1 auto; min-width: 0; }
.people-page-header-actions .page-search form { width: 100%; min-width: 0; }
.people-page-header-actions .whos-in-week-nav { margin-left: 0; flex: 1 1 auto; min-width: 0; max-width: 100%; justify-content: flex-end; }
.people-page-header-actions .whos-in-week-nav-btns { flex: 0 0 auto; }
.people-page-header-actions .whos-in-week-range { flex: 1 1 auto; min-width: 0; }
.people-page-header-actions .whos-in-week-range p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.people-page-header-actions .page-search input { min-width: 0; width: 210px; max-width: 210px; }

/* Keep header controls consistent across People pages (even under <=950px global button/input sizing) */
.people-page-header .btn-icon { height: 30px; width: 30px; min-width: 30px; min-height: 30px; max-width: 30px; max-height: 30px; }
.people-page-header .page-search input { height: 33px; }

/* Override general Who's In layout rules when rendered inside the People header */
.people-page-header .whos-in-week-nav { margin-left: 0 !important; justify-content: flex-end; }
.people-page-header .whos-in-week-range { min-width: 0 !important; }
.people-page-header .whos-in-week-range p { max-width: 100% !important; }
.people-page-header-standard .page-search { margin-left: 15px; }
.people-page-header-standard .page-header-actions { position: relative; }
.people-page-header.people-hub-page-header { gap: 10px; min-width: 0; width: 100%; }
.people-page-header.people-hub-page-header .people-page-header-left { flex: 1 1 auto; min-width: 0; max-width: calc(100% - 150px); overflow: hidden; }
.people-page-header.people-hub-page-header .people-page-header-controls { margin-left: 10px; min-width: 0; overflow: hidden; }
.people-page-header.people-hub-page-header .people-page-header-left .people-page-header-actions { flex: 1 1 auto; min-width: 0; overflow: hidden; }
.people-page-header.people-hub-page-header .people-page-header-title { flex: 0 1 auto; min-width: 0; }
.people-page-header.people-hub-page-header .people-page-header-title h6 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.people-page-header.people-hub-page-header .page-header-vertical-border { margin-left: 10px; margin-right: 10px; }
.people-page-header.people-hub-page-header .people-page-header-actions .page-search { flex: 0 0 auto; width: auto; max-width: none; min-width: 0; }
.people-page-header.people-hub-page-header .people-page-header-actions .page-search form { flex: 0 0 auto; width: auto; min-width: 0; }
.people-page-header.people-hub-page-header .people-page-header-actions .page-search input { width: 225px; min-width: 225px; max-width: 225px; }
.people-page-header.people-hub-page-header .settings-activity-logs-filter-reset-link { display: block; flex: 0 1 auto; min-width: 0; max-width: 95px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.people-page-header.people-hub-page-header .people-page-header-right { flex: 0 0 auto; margin-left: auto; padding-left: 15px; }
.offboarding-page .settings-activity-logs-export-btn { margin-left: 0; }

.people-header-tabs { display: flex; flex-direction: row; align-items: flex-end; gap: 22px; overflow-x: auto; scrollbar-width: none; height: 44px; width: 100%; }
.people-header-tabs::-webkit-scrollbar { display: none; }
.people-header-tabs-sml { display: none; }
.people-header-tab { display: inline-flex; align-items: center; color: var(--font-subtle); font-weight: 800; padding: 0 0 3px; white-space: nowrap; height: 100%; position: relative; }
.people-header-tab p { font-size: 0.82rem; font-weight: 700; color: inherit; }
.people-header-tab:hover { color: var(--font-main); }
.people-header-tab::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; background: transparent; }
.people-header-tab.selected { color: var(--font-main); }
.people-header-tab.selected::after { background: var(--font-main); }
.case-management-tabs-shell { margin: 20px 0 0; overflow-y: hidden; }
.case-management-tabs { display: flex; flex-direction: row; align-items: center; gap: 18px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; padding: 0 20px 12px; border-bottom: solid 1px var(--border); }
.billing-page-header { border-bottom: solid 1px var(--border); }
.billing-tabs-shell .case-management-tabs { padding-left: 0; }
.billing-tabs-shell-spaced { margin-bottom: 20px; }
.case-management-tabs::-webkit-scrollbar { display: none; }
.case-management-tab { display: inline-flex; align-items: center; color: var(--font-subtle); font-weight: 800; padding: 0 0 3px; white-space: nowrap; position: relative; background: transparent; border: none; cursor: pointer; -webkit-appearance: none; appearance: none; font: inherit; }
.case-management-tab > p, .case-management-tab .side-nav-item-label { font-size: 0.82rem; font-weight: 700; color: inherit; }
.case-management-tab:hover { color: var(--font-main); }
.case-management-tab::after { content: ""; position: absolute; left: 0; right: 0; bottom: -13px; height: 3px; background: transparent; }
.case-management-tab.selected { color: var(--font-main); }
.case-management-tab.selected::after { background: var(--font-main); }
.people-side-nav-section-label { color: var(--font-subtle); font-size: 0.74rem; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; padding: 0 15px 8px; }
.people-mobile-menu-section-label { color: var(--font-subtle); font-size: 0.74rem; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; padding: 12px 15px 6px; }
.case-management-placeholder-container { height: calc(100% - 160px); }
.people-padding { padding: 0 20px; }
.people-item-header { display: flex; flex-direction: row; align-items: center; margin: 0 0 20px; padding: 0 0 20px; border-bottom: solid 1px var(--border); width: 100%; }
.people-item .avatar { width: 43px; min-width: 43px; height: 43px; margin-right: 12px; border-radius: 50%; }
.people-item .avatar p { margin-top: 1px !important; }
.people-header { margin: 0 20px; border-bottom: solid 1px var(--border); }
.people-header.page-header-with-search { height: 60px !important; min-height: 60px !important; max-height: 60px !important; padding: 0 !important; flex-direction: row !important; align-items: center !important; overflow: hidden; }
.people-header.page-header-with-search .page-search { margin: 0 0 0 15px !important; }
.people-item-header-details-container { display: flex; flex-direction: row; align-items: center; width: calc(100% - 62px); }
.people-item-header-details { max-width: 100%; width: calc(100% - 70px); }
.people-item-header-details h6 { font-size: 0.95rem; padding-bottom: 3px; }
.people-item-header-details p { font-size: 0.8rem; }
.people-item-header-statuses { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.people .items-01-item-title-text { min-width: 145px; }
.people-upcoming-time-off-value { display: inline-flex; align-items: center; min-height: 20px; }
.people-upcoming-time-off-value .fa-spinner { font-size: 0.85rem; color: var(--icon-load-spinner); }
.people .people-async-root { flex: 1; min-height: 0; min-width: 0; width: 100%; display: flex; flex-direction: column; }
.people .people-async-root #people-list-fragment { flex: 1; min-height: 0; min-width: 0; width: 100%; display: flex; flex-direction: column; }
.people .people-async-root #people-list-fragment .settings-page { height: auto; width: 100%; min-width: 0; max-width: 100%; overflow: visible; }
.people-hub-matrix-page { width: 100%; min-width: 0; max-width: 100%; }
.people-hub-matrix-page .table-wrapper { width: 100%; min-width: 0; max-width: 100%; padding: 0; box-sizing: border-box; overflow: hidden; }
.people-hub-matrix-page .table-container { width: 100%; min-width: 0; max-width: 100%; padding-top: 0; margin: 0 !important; overflow: hidden; }
.people-hub-matrix-page .table-scroll { width: 100%; min-width: 0; max-width: 100%; overflow-x: auto; overflow-y: visible; }
.people-hub-matrix-page .table { width: max-content; min-width: 100%; border-spacing: 0; border-collapse: separate; table-layout: auto; }
.people-hub-matrix-page .table-header-cell { border-bottom: solid 1px var(--border); }
.people-hub-matrix-page .table-body-row { height: auto; }
.people-hub-matrix-page .table-header-cell.people-hub-person-col { z-index: 4; }
.people-hub-matrix-page .people-hub-person-col { min-width: 260px !important; width: 260px !important; max-width: 260px !important; text-align: left !important; }
.people-hub-matrix-page .people-hub-status-col { min-width: 140px !important; width: 140px !important; max-width: 140px !important; }
.people-hub-matrix-page .people-hub-where-col { min-width: 210px !important; width: 210px !important; max-width: 210px !important; }
.people-hub-matrix-page .people-hub-location-col { min-width: 210px !important; width: 210px !important; max-width: 210px !important; }
.people-hub-matrix-page .people-hub-member-type-col { min-width: 180px !important; width: 180px !important; max-width: 180px !important; text-align: left !important; }
.people-hub-matrix-page .people-hub-joined-col { min-width: 165px !important; width: 165px !important; max-width: 165px !important; }
.people-hub-matrix-page .people-hub-upcoming-col { min-width: 190px !important; width: 190px !important; max-width: 190px !important; }
.people-hub-matrix-page .people-hub-office-col { min-width: 180px !important; width: 180px !important; max-width: 180px !important; text-align: left !important; }
.people-hub-matrix-page .people-hub-email-col { min-width: 240px !important; width: 240px !important; max-width: 240px !important; text-align: left !important; }
.people-hub-matrix-page .people-hub-phone-col { min-width: 165px !important; width: 165px !important; max-width: 165px !important; text-align: left !important; }
.people-hub-matrix-page .table-header-cell.people-hub-person-col span, .people-hub-matrix-page .table-header-cell.people-hub-member-type-col span, .people-hub-matrix-page .table-header-cell.people-hub-office-col span, .people-hub-matrix-page .table-header-cell.people-hub-email-col span, .people-hub-matrix-page .table-header-cell.people-hub-phone-col span { text-align: left !important; }
.people-hub-matrix-page .table-header-cell.people-hub-location-col span { text-align: center !important; }
.people-hub-matrix-page .table-body-cell.people-hub-member-type-col, .people-hub-matrix-page .table-body-cell.people-hub-office-col, .people-hub-matrix-page .table-body-cell.people-hub-email-col, .people-hub-matrix-page .table-body-cell.people-hub-phone-col { text-align: left !important; }
.people-hub-matrix-page .table-body-cell.people-hub-location-col { text-align: center !important; }
.people-hub-matrix-page .teammates-visibility-person-cell { min-width: 0; width: 100%; }
.people-hub-matrix-page .teammates-visibility-person-meta { display: flex; flex: 1 1 auto; flex-direction: column; align-items: flex-start; text-align: left; min-width: 0; width: auto; }
.people-hub-matrix-page .time-off-person-link, .people-hub-matrix-page .people-hub-person-role { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.people-hub-matrix-page .people-hub-person-role { font-size: .74rem; color: var(--font-subtle); font-weight: 500 !important; line-height: 1.2; }
.people-hub-matrix-page .people-hub-text-value { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.people-hub-matrix-page .people-hub-where-cell, .people-hub-matrix-page .people-upcoming-time-off-value { justify-content: center; width: 100%; }
.people-hub-matrix-page .people-hub-location-cell { width: 100%; display: flex; justify-content: center; }
.people-hub-matrix-page .people-hub-where-cell .people-whos-in-status-stack { justify-content: center; margin: 0 auto; max-width: 100%; }
.people-hub-matrix-page .people-hub-location-cell .people-whos-in-location-list { justify-content: center; }
.people-hub-matrix-page .people-hub-location-cell .people-whos-in-location-badge { max-width: 100%; }
.people-matrix-pagination { margin-top: auto; }
.people-mobile-top-nav { display: none; }

/* People Teams Matrix */
.people-teams-matrix-shell .people-teams-matrix-async-root { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.people-teams-matrix-shell #people-teams-matrix-fragment { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.people-teams-matrix-page { display: flex; flex-direction: column; flex: 1; min-height: 0; height: auto; overflow: hidden; }
.people-teams-matrix-page .table-wrapper { flex: 1; min-height: 0; height: auto; padding: 0 20px; box-sizing: border-box; }
.people-teams-matrix-page .table-container { flex: 1; min-height: 0; height: auto; overflow: hidden; padding-top: 0; margin: 0 !important; }
.people-teams-matrix-page .table-scroll { flex: 1; min-height: 0; width: 100%; overflow-x: auto; overflow-y: auto; }
.people-teams-matrix-page .table { width: 100%; min-width: max-content; border-spacing: 0; border-collapse: separate; table-layout: auto; }
.people-teams-pagination { margin-top: auto; padding: 0 20px; height: 50px; border-top: solid 1px var(--border); background: var(--background); }
.settings-teammates-visibility-table.people-teams-matrix-page .teammates-visibility-person-col { min-width: 190px !important; width: 190px !important; max-width: 190px !important; }
.settings-teammates-visibility-table.people-teams-matrix-page .table-header-cell.teammates-visibility-person-col, .settings-teammates-visibility-table.people-teams-matrix-page .table-body-cell.teammates-visibility-person-col { min-width: 190px !important; width: 190px !important; max-width: 190px !important; }
.settings-teammates-visibility-table.people-teams-matrix-page .teammates-visibility-person-cell { min-width: 0; }
.settings-teammates-visibility-table.people-teams-matrix-page .teammates-visibility-person-cell span { display: block; min-width: 0; max-width: 125px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.people-teams-team-col { min-width: 120px !important; width: auto !important; max-width: none !important; text-align: center !important; }
.people-teams-edit-col { min-width: 132px !important; width: 132px !important; max-width: 132px !important; }
.people-teams-matrix-page .table-header-cell.people-teams-edit-col { white-space: normal !important; }
.people-teams-matrix-page .table-header-cell.people-teams-edit-col span { max-width: 112px; margin: 0 auto; text-align: center; }
.people-teams-matrix-page .table-header-cell span { text-align: center; }
.people-teams-matrix-page .table-header-cell.teammates-visibility-person-col span { text-align: left; }
.people-teams-team-name { display: inline-block; width: max-content; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.people-teams-matrix-page .table-header-cell.people-teams-team-col .people-teams-team-name { margin: 0 auto; text-align: center; color: var(--font-main); }
.people-teams-team-col .svg-inline--fa { font-size: .92rem; }

@media screen and (max-width: 1200px) {

.page-header.people-hub-page-header-standard > .page-header-actions { display: none !important; }

}

@media screen and (max-width: 950px) {

.people { padding-bottom: 50px; }
.page-alt-inner > .people-mobile-top-nav, .page-alt-inner-no-padding > .people-mobile-top-nav, .page-alt-inner-no-margin > .people-mobile-top-nav { display: block; position: relative; z-index: 25; box-sizing: border-box; }
.page-alt-inner > .people-mobile-top-nav { margin: 20px 0 0; width: 100%; }
.page-alt-inner-no-padding > .people-mobile-top-nav, .page-alt-inner-no-margin > .people-mobile-top-nav { margin: 20px 20px 0; width: calc(100% - 40px); }
.page-alt-inner > .people-mobile-top-nav + .people, .page-alt-inner-no-padding > .people-mobile-top-nav + .people, .page-alt-inner-no-margin > .people-mobile-top-nav + .people, .page-alt-inner > .people-mobile-top-nav + .people-page-header, .page-alt-inner-no-padding > .people-mobile-top-nav + .people-page-header, .page-alt-inner-no-margin > .people-mobile-top-nav + .people-page-header { margin-top: 15px; }
.people-page-header.whos-in-page-header { padding-top: 12px; gap: 0; }
.people-page-header.whos-in-page-header .people-page-header-left { display: none; }
.people-page-header.whos-in-page-header .people-page-header-right { width: 100%; }
.people-page-header.whos-in-page-header .people-page-header-actions { width: 100%; padding-bottom: 0; }
.people-page-header.people-teams-page-header { display: none; }
.people-page-header { flex-direction: column; height: auto; padding: 20px 0 0; gap: 10px; }
.page-alt-inner-no-padding .people-page-header { padding: 20px 0 0; }
.people-page-header-left { width: 100%; height: auto; flex-direction: column; align-items: flex-start; }
.people-page-header-controls { width: 100%; }
.people-page-header-title { padding: 0 0 10px; }
.people-page-header-right { width: 100%; height: auto; }
.people-page-header-actions { margin-left: 0; width: 100%; padding-bottom: 15px; }
.people-header-tabs-sml { margin: 2px 0 8px; }
.people .people-page-header:not(.people-hub-page-header) .people-page-header-actions { flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 12px; }
.people-page-header-controls .page-header-vertical-border { display: none; }
.people .people-page-header:not(.people-hub-page-header) .people-page-header-actions .page-search { width: 100%; margin: 0; flex: none; }
.people .people-page-header:not(.people-hub-page-header) .people-page-header-actions .page-search input { width: 100%; min-width: 0; max-width: none; }
.people .people-page-header:not(.people-hub-page-header) .people-page-header-actions > div { width: 100%; }
.people .people-page-header:not(.people-hub-page-header) .people-page-header-actions > div > a.btn { width: 100%; justify-content: center; }
.people-page-header:not(.people-hub-page-header) .page-search { width: 100%; margin: 0; }
.people-page-header:not(.people-hub-page-header) .page-search form { width: 100%; }
.people-page-header:not(.people-hub-page-header) .page-search input { width: 100%; min-width: 0; }
.people-page-header.people-hub-page-header { display: block; height: auto; min-height: 0; max-height: none; padding: 0 0 15px; gap: 0; border-bottom: none; }
.people-page-header.people-hub-page-header .people-page-header-title, .people-page-header.people-hub-page-header .people-page-header-right { display: none; }
.people-page-header.people-hub-page-header .people-page-header-left { display: block; width: 100%; }
.people-page-header.people-hub-page-header .people-page-header-controls { display: flex; width: 100%; margin-left: 0; min-width: 0; }
.people-page-header.people-hub-page-header .people-page-header-actions { width: 100%; padding-bottom: 0; flex-direction: row; align-items: center; justify-content: flex-start; gap: 10px; }
.people-page-header.people-hub-page-header .people-page-header-actions > div { width: auto; flex: 0 0 auto; }
.people-page-header.people-hub-page-header .people-page-header-actions .page-search { width: auto; margin: 0; flex: 0 1 auto; min-width: 0; }
.people-page-header.people-hub-page-header .people-page-header-actions .page-search form { width: auto; min-width: 0; }
.people-page-header.people-hub-page-header .people-page-header-actions .page-search input { width: 225px; min-width: 225px; max-width: 225px; }
.people-page-header.people-hub-page-header .page-header-vertical-border { display: none; }
.case-management-tabs-shell { margin: 12px 0 0; }
.case-management-tabs { padding: 0 20px 10px; gap: 14px; }
.people-header-tabs { display: none; }
.people-header-tabs-sml { display: block; width: 100%; position: relative; z-index: 25; }
.people-header-tabs-sml .people-mobile-nav-dropdown { width: 100%; max-width: 100%; position: relative; z-index: 26; margin: 0 0 10px; }
.people-header-tabs-sml .people-mobile-nav-dropdown .btn { width: 100%; max-width: 100%; box-sizing: border-box; justify-content: space-between; }
.people-header-tabs-sml #peopleMenuSml { left: 0; right: auto; width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; top: 50px !important; z-index: 35 !important; }
.people-header-tab p { font-size: 0.9rem; }
.people-mobile-top-nav .people-mobile-nav-dropdown { width: 100%; max-width: 100%; }
.people-mobile-top-nav { position: relative; z-index: 25; }
.people-mobile-top-nav .people-mobile-nav-dropdown { position: relative; z-index: 26; }
.people-mobile-top-nav .people-mobile-nav-dropdown .btn { width: 100%; max-width: 100%; box-sizing: border-box; justify-content: space-between; }
.people-mobile-top-nav #peopleMenuSml { left: 0; right: auto; width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; top: 50px !important; z-index: 35 !important; }
.people-header.page-header-with-search { height: auto !important; min-height: 0 !important; max-height: none !important; padding: 20px 0 !important; flex-direction: column !important; align-items: flex-start !important; overflow: visible !important; }
.people-header.page-header-with-search .page-header-left { order: 1; width: 100%; }
.people-header.page-header-with-search .page-header-actions { order: 2; width: 100%; margin: 15px 0 0; margin-left: 0; }
.people-header.page-header-with-search .page-header-actions .btn { width: 100%; }
.people-header.page-header-with-search .page-search { order: 3; width: 100%; margin: 15px 0 0 !important; }
.people-header.page-header-with-search .page-search form { width: 100%; }
.people-header.page-header-with-search .page-search input { width: 100%; min-width: 0; }
.people-page-header .btn-icon { height: 40px; width: 40px; min-width: 40px; min-height: 40px; max-width: 40px; max-height: 40px; }
.people-page-header .page-search input { height: 45px; }
.people .people-async-root { flex: none; min-height: auto; display: block; }
.people .people-async-root #people-list-fragment { display: block; min-height: auto; }
.people-hub-matrix-page .table-wrapper { padding: 0; }
.people-hub-matrix-page .people-hub-person-col { min-width: 220px !important; width: 220px !important; max-width: 220px !important; }
.people-hub-matrix-page .people-hub-status-col { min-width: 120px !important; width: 120px !important; max-width: 120px !important; }
.people-hub-matrix-page .people-hub-where-col { min-width: 185px !important; width: 185px !important; max-width: 185px !important; }
.people-hub-matrix-page .people-hub-location-col { min-width: 185px !important; width: 185px !important; max-width: 185px !important; }
.people-hub-matrix-page .people-hub-member-type-col { min-width: 160px !important; width: 160px !important; max-width: 160px !important; }
.people-hub-matrix-page .people-hub-joined-col { min-width: 150px !important; width: 150px !important; max-width: 150px !important; }
.people-hub-matrix-page .people-hub-upcoming-col { min-width: 170px !important; width: 170px !important; max-width: 170px !important; }
.people-hub-matrix-page .people-hub-office-col { min-width: 150px !important; width: 150px !important; max-width: 150px !important; }
.people-hub-matrix-page .people-hub-email-col { min-width: 210px !important; width: 210px !important; max-width: 210px !important; }
.people-hub-matrix-page .people-hub-phone-col { min-width: 150px !important; width: 150px !important; max-width: 150px !important; }
.people-matrix-pagination { margin-top: 25px; }
.people .pagination, .disciplinaries-shell .pagination, .resignations-shell .pagination { margin-top: 25px; border-top: none; }
.people-teams-matrix-shell .people-teams-matrix-async-root { flex: none; min-height: auto; display: block; }
.people-teams-matrix-shell #people-teams-matrix-fragment { display: block; min-height: auto; }
.people-teams-matrix-page .table-wrapper { padding: 0 20px; }
.settings-teammates-visibility-table.people-teams-matrix-page .teammates-visibility-person-col { min-width: 170px !important; width: 170px !important; max-width: 170px !important; }
.settings-teammates-visibility-table.people-teams-matrix-page .table-header-cell.teammates-visibility-person-col, .settings-teammates-visibility-table.people-teams-matrix-page .table-body-cell.teammates-visibility-person-col { min-width: 170px !important; width: 170px !important; max-width: 170px !important; }
.settings-teammates-visibility-table.people-teams-matrix-page .teammates-visibility-person-cell span { display: block; max-width: 108px; }
.people-teams-team-col { min-width: 96px !important; width: auto !important; max-width: none !important; }
.settings-teammates-visibility-table.people-teams-matrix-page .teammates-visibility-action-col.people-teams-edit-col { min-width: 150px !important; width: 150px !important; max-width: 150px !important; }
.settings-teammates-visibility-table.people-teams-matrix-page .table-header-cell.people-teams-edit-col span { white-space: normal; max-width: none; line-height: 1.15; }
.people-teams-team-name { max-width: 160px; }
.people-teams-pagination { margin-top: 25px; border-top: none; padding: 0 20px; background: transparent; }
.people-item-header-details-container { align-items: flex-start !important; flex-direction: column; }
.people-item-header-details { margin-bottom: 10px; }
.people-item-header-statuses { margin-left: 0; justify-content: flex-start; }
.items-01-item-status { margin-left: 0; border-radius: 3px; }
.people-item-header .avatar img { height: 60px; width: 60px; min-width: 60px; }
.people-item-header .avatar { height: 60px; width: 60px; min-width: 60px; } }

@media screen and (max-width: 950px) {
.people-page-header-standard { position: relative; z-index: 20; flex-direction: row !important; flex-wrap: wrap; align-items: center; gap: 0; overflow: visible; }
.people-page-header-standard > .page-header-title { display: none; }
.people-page-header-standard > .page-search { margin: 0 !important; display: flex; flex: 1 1 auto; min-width: 0; max-width: calc(100% - 43px); width: auto; }
.people-page-header-standard > .page-search form { flex: 1 1 auto; width: 100%; min-width: 0; }
.people-page-header-standard > .page-search input { flex: 1 1 auto; width: 100%; min-width: 0; }
.people-page-header-standard > .page-header-actions { margin: 0 0 0 10px; display: flex; flex-direction: row; align-items: center; gap: 10px; flex: 0 0 auto; }
.people-page-header-standard > .page-header-actions .page-header-icon-padding { margin-left: 0; }
}

@media screen and (max-width: 500px) {
.people-page-header-standard > .page-search { flex: 1 1 auto; min-width: 0; max-width: calc(100% - 39px); }
.people-page-header-standard > .page-search form { min-width: 0; }
.people-page-header-standard > .page-search input { min-width: 95px; }
.people-page-header-standard .page-search-btn { margin: 0 6px; }
.people-page-header-standard > .page-header-actions { margin-left: 6px; gap: 6px; }
}

@media screen and (max-width: 400px) {
.people-page-header .btn-icon { width: 33px; min-width: 33px; max-width: 33px; height: 33px; min-height: 33px; max-height: 33px; }
.people-page-header-standard > .page-search input { min-width: 70px; }
.people-page-header-standard > .page-search .btn-icon, .people-page-header-standard > .page-header-actions .btn-icon { width: 33px; min-width: 33px; max-width: 33px; height: 33px; min-height: 33px; max-height: 33px; }
.people-page-header-standard .page-search-btn { margin: 0 4px; }
.people-page-header-standard > .page-header-actions { margin-left: 4px; gap: 4px; }
}

@media screen and (max-width: 370px) {
.people-page-header .page-search input { height: 40px; font-size: .74rem; padding-left: 6px; padding-right: 6px; }
.people-page-header .btn-icon { width: 30px; min-width: 30px; max-width: 30px; height: 30px; min-height: 30px; max-height: 30px; }
.people-page-header-standard > .page-search { flex: 1 1 auto; min-width: 0; max-width: calc(100% - 68px); }
.people-page-header-standard > .page-search form { width: 100%; min-width: 0; }
.people-page-header-standard > .page-search input { min-width: 0; width: 100%; height: 40px; font-size: .74rem; padding-left: 6px; padding-right: 6px; }
.people-page-header-standard > .page-search .page-search-clear-btn { display: none; }
.people-page-header-standard > .page-search .btn-icon, .people-page-header-standard > .page-header-actions .btn-icon { width: 30px; min-width: 30px; max-width: 30px; height: 30px; min-height: 30px; max-height: 30px; }
.people-page-header-standard .page-search-btn { margin: 0 2px; }
.people-page-header-standard > .page-header-actions { margin-left: 2px; gap: 2px; }
}

/* Surveys list async layout: keep pagination pinned and list scrollable */
.surveys .surveys-async-root { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.surveys .surveys-async-root .items-01-container { flex: 1; min-height: 0; height: auto; overflow: auto; }
.surveys .surveys-async-root .people-padding { margin-top: auto; }
.surveys .people-header.page-header-with-search { overflow: visible; }
.surveys-access-icon-btn { margin-right: 8px; }
.time-off-access-icon-btn { margin-right: 10px; }
.settings-access-icon-btn { margin-right: 10px; }
.time-off-tracker-actions-date { display: none; }

/* Survey detail async layout: keep responses scrollable and pagination pinned */
@media screen and (min-width: 951px) {
.survey-page-shell { display: flex; flex-direction: column; }
.survey-page-shell .survey-async-root { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.survey-page-shell .survey-async-root .surveys-page { flex: 1; min-height: 0; height: auto; display: flex; flex-direction: column; }
.survey-page-shell .survey-async-root .survey-items-container { flex: 1; min-height: 0; height: auto !important; }
.survey-page-shell .survey-async-root .survey-items { min-height: 0; }
.survey-page-shell .survey-async-root .pagination { margin-top: auto; }
}

@media screen and (max-width: 950px) {
.surveys .surveys-async-root { flex: none; min-height: auto; display: block; }
.surveys .surveys-async-root .items-01-container { overflow: inherit; min-height: auto; }
.surveys .surveys-async-root .people-padding { margin-top: 0; } }

@media screen and (max-width: 350px) {

.items-01-item-section-item { flex-direction: column; }
.items-01-item-title-text { padding-bottom: 3px; } }

/*****************************
  App Person
*****************************/

.person { display: flex; flex-direction: column; height: 100%; padding: 0 25px; }

/*** App Person Header  ***/

.person-back-btn-container { height: 70px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.person-header-container { height: 180px; }
.person-header { width: 100%; display: flex; flex-direction: column; border-bottom: solid 1px var(--border); padding-bottom: 20px; margin-bottom: 20px; }
.person-header-top { width: 100%; display: flex; flex-direction: row; }
.person-header-details-container { display: flex; flex-direction: row; align-items: center; }
.person-header-details { display: flex; flex-direction: column; align-items: flex-start; }
.person-header-details h3 { padding-bottom: 3px; }
.person-header-details p { color: var(--font-subtle); } 
.person-header-details .person-header-status { margin: 8px 0 0; }
.person-header-details .items-01-item-status { border-radius: 3px !important; }
.person-header-details .items-01-item-status p { padding: 2px 6px !important; }
.person .items-01-item-status p { text-transform: none; }
.person-header-right { display: flex; flex-direction: row-reverse; align-items: center; margin-left: auto; }
.person-header-status { margin: 0 15px 0 0; display: flex; flex-direction: row; align-items: center; }
.person-header-status .items-01-item-status p { text-transform: uppercase; }
.person-header-status .person-header-whos-in-status { margin-left: 6px !important; }
.person-header-whos-in-locations { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; gap: 6px; margin-left: 6px; }
.person-header-whos-in-location-badge { margin: 0 !important; }
.person .person-header-whos-in-location-badge p { text-transform: uppercase !important; }
.person-header-whos-in-location-badge .svg-inline--fa { margin: 0 2px 0 0; font-size: .62rem; }
.person-header-actions { display: flex; flex-direction: row; align-items: center; position: relative; }
.person-header-actions-menu { left: 0; top: 45px; }
.person-header-bottom { display: none; }
.person-header-actions-desktop { display: flex; flex-direction: row; align-items: center; gap: 10px; }
.person-action-icon-btn .svg-inline--fa { font-size: .77rem !important; padding-top: 0; }
.person-action-icon-menu { top: 40px !important; min-width: 250px !important; right: 0; max-height: calc(100vh - 160px); overflow: auto; }
.person-actions-menu { top: 40px !important; min-width: 250px !important; right: 0; max-height: calc(100vh - 160px); overflow: auto; }
.person-header-actions .btn { padding: 0 25px !important; }
.person .btn-tiny p { text-transform: none; }
.person-where-list { width: 100%; }
.person-where-component .person-main-data-section-header { border-bottom: solid 1px var(--border); }
.person-item.person-where-day-row { align-items: center; min-height: 55px; padding: 10px 0 !important; }
.person-where-day-title { display: flex; flex-direction: column; min-width: 135px !important; gap: 2px; }
.person-where-day-title p { line-height: 1.2; }
.person-where-day-status { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; width: 100%; }
.person-where-day-status .items-01-item-status { max-width: 100%; }
.person-where-day-status .items-01-item-status p { white-space: normal; word-break: break-word; }
.person-where-day-status .whos-in-status-badge { margin: 0 !important; }
.person-where-day-status .whos-in-status-badge p { text-transform: uppercase; }
.person-where-day-status .whos-in-time-off-type-badge { margin: 0 !important; }
.person-where-day-status .whos-in-time-off-type-badge p { text-transform: uppercase !important; }
.person-where-day-status .whos-in-time-off-type-badge-only { margin: 0 !important; }
.person-where-day-status .whos-in-location-list { margin-top: 0; align-items: flex-start; }
.person-where-day-status .whos-in-location-badge { margin: 0 !important; }
.person .person-where-day-status .whos-in-location-badge p { text-transform: uppercase !important; }

@media screen and (max-width: 950px) {
.person-item.person-where-day-row { flex-direction: column !important; align-items: flex-start !important; gap: 8px; padding-left: 0; padding-right: 0; }
.person-where-day-title { min-width: 0; width: 100%; }
}

/*** App Components ***/

.person-nav-tabs { display: flex; flex-direction: column; height: 100%; }
.person-tab-link { padding: 12px 10px; margin: 5px 0; color: var(--font-subtle); border-left: solid 2px var(--background); cursor: pointer; transition: all 0.5; font-size: .82rem; font-weight: 700; }
.person-tab-link:hover { color: var(--font-main); border-left: solid 2px var(--font-main); }
.person-tab-link.active { color: var(--font-main); border-left: solid 2px var(--font-main); }
.person-components { margin-top: 30px; }
.person-components-inner { height: 100%; display: flex; flex-direction: row; align-items: flex-start; }
.person-compontents-left { width: 250px; }
.person-compontents-middle { padding: 0 2px; overflow-y: auto; height: 100%; width: calc(100% - 292px); margin-left: 40px; }
.person-component { margin: 0 0 40px; border-radius: 5px; border: solid 1px var(--border); width: 100%; }
.person-component-title { display: flex; flex-direction: row; align-items: center; padding: 35px 20px 10px; }
.person-component-title-correction { padding: 15px 20px 10px !important; }
.person-component-title h6 { font-size: .97rem; }
.person-component-title-right { margin-left: auto; display: flex; flex-direction: row; align-items: center; }
.person-private-access-icon-btn { margin-right: 0; }
.person-item { display: flex; flex-direction: row; align-items: center; min-height: 35px; border-bottom: solid 1px var(--border); padding: 10px 20px; }
.person-item-title { font-weight: 700; min-width: 185px; }
.person-item-text { flex-wrap: wrap; }
.person-item-list { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; }
.person-item-list p { line-height: 1.7; }
.person-item-inner { display: flex; flex-direction: row; align-items: flex-start; }
.person-item-inner-icon { height: 33px; width: 33px; border-radius: 100%; background-color: var(--background-03); display: flex; justify-content: center; align-items: center; margin-right: 10px; }
.person-item-inner-icon .svg-inline--fa { color: var(--icon-main); font-size: .7rem; }
.person-component-empty-state { margin: 65px auto !important; }

/*** App Person Last Active ***/

.person-last-active { display: flex; flex-direction: row; align-items: center; border-top: 1px solid var(--border); margin: 15px 10px 0; padding-top: 25px; }
.person-last-active p { line-height: 1.7; color: var(--font-subtle); font-size: .65rem; font-style: italic; }

/*** App Person Stats ***/

.person-component-stats { margin: 1px 0 40px; }
.person-balance-component .person-main-data-section { margin: 0 20px 20px; }
.person-balance-header { height: auto; }
.person-balance-header h6 { padding-bottom: 0; font-size: .97rem; }
.person-balance-header .person-item-subtle-text { color: var(--font-subtle); font-size: .76rem; line-height: 1.45; }
.person-balance-stats { flex-direction: row; margin: 0; }
.person-balance-component .person-component-stats { margin: 0 0 20px; }
.person-balance-stats .stat { width: calc(33.33% - 13.3333px); margin: 0 10px; padding: 25px 0; }
.person-balance-stats .stat:first-child { margin: 0 10px 0 0; }
.person-balance-stats .stat:last-child { margin: 0 0 0 10px; }
.person-main-data-section-header.person-time-off-table-header { border-bottom: solid 1px var(--border); min-height: 70px; height: auto !important; padding: 0; gap: 15px; flex-wrap: wrap; align-items: center; position: relative; z-index: 5; overflow: visible; }
.person-time-off-table-header > h6 { margin-right: 0; font-size: .97rem; }
.person-time-off-table-header .page-search { margin: 0 0 0 15px !important; display: flex; flex: 0 1 auto; min-width: 0; width: auto; max-width: 360px; justify-content: flex-start; align-items: center; }
.person-time-off-table-header .page-search form { display: flex; flex: 0 1 auto; width: auto; min-width: 0; }
.person-time-off-table-header .page-search input { flex: 0 1 auto; width: 210px; min-width: 210px; max-width: 210px; height: 33px; margin-bottom: 0; }
.person-time-off-table-header .page-search .page-search-clear-btn { display: flex; }
.person-time-off-table-header .settings-activity-logs-filter-reset-link { margin-left: 10px; }
.person-time-off-table-header .dropdown-menu-container { position: relative; z-index: 20; }
.person-time-off-table-header .menu { right: 0; left: auto; z-index: 21; }
.person-balance-matrix-page { width: 100%; }
.person-balance-matrix-page .table-wrapper { width: 100%; }
.person-balance-matrix-page .table-container { width: 100%; min-width: 0; margin: 0 !important; padding-top: 0 !important; }
.person-balance-matrix-page .table-scroll { min-width: 0; width: 100%; overflow-x: auto; overflow-y: visible; }
.person-balance-matrix-page .table { width: 100%; min-width: 780px; border-spacing: 0; border-collapse: separate; }
.settings-teammates-visibility-table.person-balance-matrix-page .table-header-cell { border-bottom: solid 1px var(--border); }
.settings-teammates-visibility-table.person-balance-matrix-page .table-body-row { height: auto; }
.settings-teammates-visibility-table.person-balance-matrix-page .person-balance-policy-col { min-width: 240px !important; width: 240px !important; max-width: 240px !important; text-align: left !important; }
.settings-teammates-visibility-table.person-balance-matrix-page .person-balance-type-col { min-width: 170px !important; width: 170px !important; max-width: 170px !important; text-align: left !important; }
.settings-teammates-visibility-table.person-balance-matrix-page .person-balance-number-col { min-width: 140px !important; }
.settings-teammates-visibility-table.person-balance-matrix-page .person-balance-policy-cell, .settings-teammates-visibility-table.person-balance-matrix-page .person-balance-type-cell { justify-content: flex-start; min-height: 34px; min-width: 0; }
.settings-teammates-visibility-table.person-balance-matrix-page .person-balance-policy-cell .table-cell-flex-inner, .settings-teammates-visibility-table.person-balance-matrix-page .person-balance-type-cell .table-cell-flex-inner { text-align: left; min-width: 0; }
.settings-teammates-visibility-table.person-balance-matrix-page .person-balance-policy-name, .settings-teammates-visibility-table.person-balance-matrix-page .person-balance-policy-subtle, .settings-teammates-visibility-table.person-balance-matrix-page .person-balance-type-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.settings-teammates-visibility-table.person-time-off-requests-table .table { min-width: 900px; }
.settings-teammates-visibility-table.person-time-off-requests-table .table-header-cell.person-time-off-request-type-col, .settings-teammates-visibility-table.person-time-off-requests-table .table-body-cell.person-time-off-request-type-col, .settings-teammates-visibility-table.person-time-off-requests-table .table-header-cell.person-time-off-request-date-col, .settings-teammates-visibility-table.person-time-off-requests-table .table-body-cell.person-time-off-request-date-col { text-align: left !important; }
.settings-teammates-visibility-table.person-time-off-requests-table .table-header-cell.person-time-off-request-type-col span, .settings-teammates-visibility-table.person-time-off-requests-table .table-body-cell.person-time-off-request-type-col span, .settings-teammates-visibility-table.person-time-off-requests-table .table-header-cell.person-time-off-request-date-col span, .settings-teammates-visibility-table.person-time-off-requests-table .table-body-cell.person-time-off-request-date-col span { text-align: left !important; }
.settings-teammates-visibility-table.person-time-off-requests-table .person-time-off-request-type-cell { justify-content: flex-start !important; min-height: 34px; min-width: 0; }
.settings-teammates-visibility-table.person-time-off-requests-table .person-time-off-request-type-cell .table-cell-flex-inner { text-align: left !important; min-width: 0; width: 100%; }
.settings-teammates-visibility-table.person-time-off-requests-table .person-time-off-request-type-cell p, .settings-teammates-visibility-table.person-time-off-requests-table .person-time-off-request-type-cell .subtle-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left !important; }
.settings-teammates-visibility-table.person-time-off-requests-table .table-header-cell.person-time-off-request-status-col, .settings-teammates-visibility-table.person-time-off-requests-table .table-body-cell.person-time-off-request-status-col, .settings-teammates-visibility-table.person-time-off-requests-table .table-header-cell.person-time-off-request-action-col, .settings-teammates-visibility-table.person-time-off-requests-table .table-body-cell.person-time-off-request-action-col { text-align: center !important; vertical-align: middle; }
.settings-teammates-visibility-table.person-time-off-requests-table .table-header-cell.person-time-off-request-status-col span, .settings-teammates-visibility-table.person-time-off-requests-table .table-header-cell.person-time-off-request-action-col span { text-align: center !important; width: 100%; display: block; }
.settings-teammates-visibility-table.person-time-off-requests-table .person-time-off-request-action-col { min-width: 140px !important; width: 140px !important; max-width: 140px !important; }
.settings-teammates-visibility-table.person-time-off-requests-table .table-body-cell.person-time-off-request-action-col .btn, .settings-teammates-visibility-table.person-time-off-requests-table .table-body-cell.person-time-off-request-action-col .btn-icon { display: flex !important; margin: 0 auto !important; }
.settings-teammates-visibility-table.person-time-off-requests-table .table-body-cell.person-time-off-request-action-col .person-time-off-request-action-inner { display: flex !important; align-items: center; justify-content: center; width: 100%; min-height: 24px; }
.settings-teammates-visibility-table.person-time-off-requests-table .table-body-cell.person-time-off-request-action-col p { text-align: center !important; }
.settings-teammates-visibility-table.person-time-off-requests-table .items-01-item-status p { text-transform: uppercase !important; }
.settings-teammates-visibility-table.person-time-off-requests-table .person-time-off-request-status-col .items-01-item-status { margin-left: auto !important; margin-right: auto !important; width: fit-content; max-width: fit-content; }
.settings-teammates-visibility-table.person-time-off-requests-table .person-time-off-request-status-col .items-01-item-status-sml { max-width: none !important; }
.settings-teammates-visibility-table.person-time-off-requests-table .table-body-row.person-time-off-request-completed .table-body-cell > *, .settings-teammates-visibility-table.person-time-off-requests-table .table-body-row.person-time-off-request-completed .table-body-cell i, .settings-teammates-visibility-table.person-time-off-requests-table .table-body-row.person-time-off-request-completed .table-body-cell img { opacity: 0.5; }
.settings-teammates-visibility-table.person-time-off-requests-table .table-body-row.person-time-off-request-completed .table-body-cell .items-01-item-status, .settings-teammates-visibility-table.person-time-off-requests-table .table-body-row.person-time-off-request-completed .table-body-cell .items-01-item-status p { opacity: 1; }
.settings-teammates-visibility-table.person-surveys-matrix-page .table { min-width: 820px; }
.settings-teammates-visibility-table.person-surveys-matrix-page .table-header-cell.person-surveys-name-col, .settings-teammates-visibility-table.person-surveys-matrix-page .table-body-cell.person-surveys-name-col, .settings-teammates-visibility-table.person-surveys-matrix-page .table-header-cell.person-surveys-date-col, .settings-teammates-visibility-table.person-surveys-matrix-page .table-body-cell.person-surveys-date-col { text-align: left !important; }
.settings-teammates-visibility-table.person-surveys-matrix-page .table-header-cell.person-surveys-name-col span, .settings-teammates-visibility-table.person-surveys-matrix-page .table-header-cell.person-surveys-date-col span { text-align: left !important; }
.settings-teammates-visibility-table.person-surveys-matrix-page .person-surveys-name-col { min-width: 290px !important; width: 290px !important; max-width: 290px !important; }
.settings-teammates-visibility-table.person-surveys-matrix-page .person-surveys-date-col { min-width: 170px !important; width: 170px !important; max-width: 170px !important; }
.settings-teammates-visibility-table.person-surveys-matrix-page .person-surveys-status-col { min-width: 140px !important; width: 140px !important; max-width: 140px !important; text-align: center !important; vertical-align: middle; }
.settings-teammates-visibility-table.person-surveys-matrix-page .person-surveys-action-col { min-width: 150px !important; width: 150px !important; max-width: 150px !important; text-align: center !important; vertical-align: middle; }
.settings-teammates-visibility-table.person-surveys-matrix-page .table-header-cell.person-surveys-status-col span, .settings-teammates-visibility-table.person-surveys-matrix-page .table-header-cell.person-surveys-action-col span { display: block; width: 100%; text-align: center !important; }
.settings-teammates-visibility-table.person-surveys-matrix-page .person-surveys-name-cell { justify-content: flex-start !important; min-height: 34px; min-width: 0; }
.settings-teammates-visibility-table.person-surveys-matrix-page .person-surveys-name-cell .table-cell-flex-inner { width: 100%; min-width: 0; text-align: left !important; }
.settings-teammates-visibility-table.person-surveys-matrix-page .person-surveys-name-cell p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left !important; }
.settings-teammates-visibility-table.person-surveys-matrix-page .items-01-item-status p { text-transform: uppercase !important; }
.settings-teammates-visibility-table.person-surveys-matrix-page .person-surveys-status-col .items-01-item-status { margin-left: auto !important; margin-right: auto !important; width: fit-content; max-width: fit-content; }
.settings-teammates-visibility-table.person-surveys-matrix-page .person-surveys-status-col .items-01-item-status-sml { max-width: none !important; }
.settings-teammates-visibility-table.person-surveys-matrix-page .table-body-cell.person-surveys-action-col .btn, .settings-teammates-visibility-table.person-surveys-matrix-page .table-body-cell.person-surveys-action-col .btn-icon { display: flex !important; margin: 0 auto !important; }
.settings-teammates-visibility-table.person-surveys-matrix-page .table-body-row.person-survey-row-completed .table-body-cell > *, .settings-teammates-visibility-table.person-surveys-matrix-page .table-body-row.person-survey-row-completed .table-body-cell i, .settings-teammates-visibility-table.person-surveys-matrix-page .table-body-row.person-survey-row-completed .table-body-cell img { opacity: 0.5; }
.settings-teammates-visibility-table.person-surveys-matrix-page .table-body-row.person-survey-row-completed .table-body-cell .items-01-item-status, .settings-teammates-visibility-table.person-surveys-matrix-page .table-body-row.person-survey-row-completed .table-body-cell .items-01-item-status p, .settings-teammates-visibility-table.person-surveys-matrix-page .table-body-row.person-survey-row-completed .table-body-cell .btn, .settings-teammates-visibility-table.person-surveys-matrix-page .table-body-row.person-survey-row-completed .table-body-cell .btn p { opacity: 1; }
.settings-teammates-visibility-table.person-documents-matrix-page .table { min-width: 760px; }
.settings-teammates-visibility-table.person-documents-matrix-page .table-header-cell.person-documents-name-col, .settings-teammates-visibility-table.person-documents-matrix-page .table-body-cell.person-documents-name-col, .settings-teammates-visibility-table.person-documents-matrix-page .table-header-cell.person-documents-date-col, .settings-teammates-visibility-table.person-documents-matrix-page .table-body-cell.person-documents-date-col, .settings-teammates-visibility-table.person-documents-matrix-page .table-header-cell.person-documents-type-col, .settings-teammates-visibility-table.person-documents-matrix-page .table-body-cell.person-documents-type-col { text-align: left !important; }
.settings-teammates-visibility-table.person-documents-matrix-page .table-header-cell.person-documents-name-col, .settings-teammates-visibility-table.person-documents-matrix-page .table-body-cell.person-documents-name-col { justify-content: flex-start !important; }
.settings-teammates-visibility-table.person-documents-matrix-page .table-header-cell.person-documents-name-col span, .settings-teammates-visibility-table.person-documents-matrix-page .table-header-cell.person-documents-date-col span, .settings-teammates-visibility-table.person-documents-matrix-page .table-header-cell.person-documents-type-col span { text-align: left !important; }
.settings-teammates-visibility-table.person-documents-matrix-page .person-documents-name-col { min-width: 330px !important; width: 330px !important; max-width: 330px !important; text-align: left !important; }
.settings-teammates-visibility-table.person-documents-matrix-page .person-documents-date-col { min-width: 170px !important; width: 170px !important; max-width: 170px !important; }
.settings-teammates-visibility-table.person-documents-matrix-page .person-documents-type-col { min-width: 110px !important; width: 110px !important; max-width: 110px !important; }
.settings-teammates-visibility-table.person-documents-matrix-page .person-documents-download-col, .settings-teammates-visibility-table.person-documents-matrix-page .person-documents-delete-col { min-width: 110px !important; width: 110px !important; max-width: 110px !important; text-align: center !important; vertical-align: middle; }
.settings-teammates-visibility-table.person-documents-matrix-page .table-header-cell.person-documents-download-col span, .settings-teammates-visibility-table.person-documents-matrix-page .table-header-cell.person-documents-delete-col span { display: block; width: 100%; text-align: center !important; }
.settings-teammates-visibility-table.person-documents-matrix-page .person-documents-name-cell { justify-content: flex-start !important; min-height: 34px; min-width: 0; }
.settings-teammates-visibility-table.person-documents-matrix-page .person-documents-name-cell .table-cell-flex-inner { width: 100%; min-width: 0; text-align: left !important; }
.settings-teammates-visibility-table.person-documents-matrix-page .person-documents-name-cell p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left !important; }
.settings-teammates-visibility-table.person-documents-matrix-page .person-documents-action-inner { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 24px; }
.settings-teammates-visibility-table.person-documents-matrix-page .table-body-cell.person-documents-download-col .btn-icon, .settings-teammates-visibility-table.person-documents-matrix-page .table-body-cell.person-documents-delete-col .btn-icon { display: flex !important; margin: 0 auto !important; }
.settings-teammates-visibility-table.person-case-management-matrix-page .table { min-width: 780px; }
.settings-teammates-visibility-table.person-case-management-matrix-page .table-header-cell.person-case-management-reference-col, .settings-teammates-visibility-table.person-case-management-matrix-page .table-body-cell.person-case-management-reference-col, .settings-teammates-visibility-table.person-case-management-matrix-page .table-header-cell.person-case-management-type-col, .settings-teammates-visibility-table.person-case-management-matrix-page .table-body-cell.person-case-management-type-col, .settings-teammates-visibility-table.person-case-management-matrix-page .table-header-cell.person-case-management-date-col, .settings-teammates-visibility-table.person-case-management-matrix-page .table-body-cell.person-case-management-date-col { text-align: left !important; }
.settings-teammates-visibility-table.person-case-management-matrix-page .table-header-cell.person-case-management-reference-col span, .settings-teammates-visibility-table.person-case-management-matrix-page .table-header-cell.person-case-management-type-col span, .settings-teammates-visibility-table.person-case-management-matrix-page .table-header-cell.person-case-management-date-col span { text-align: left !important; }
.settings-teammates-visibility-table.person-case-management-matrix-page .person-case-management-reference-col { min-width: 270px !important; width: 270px !important; max-width: 270px !important; }
.settings-teammates-visibility-table.person-case-management-matrix-page .person-case-management-type-col { min-width: 170px !important; width: 170px !important; max-width: 170px !important; }
.settings-teammates-visibility-table.person-case-management-matrix-page .person-case-management-date-col { min-width: 170px !important; width: 170px !important; max-width: 170px !important; }
.settings-teammates-visibility-table.person-case-management-matrix-page .person-case-management-status-col { min-width: 130px !important; width: 130px !important; max-width: 130px !important; text-align: center !important; vertical-align: middle; }
.settings-teammates-visibility-table.person-case-management-matrix-page .person-case-management-action-col { min-width: 130px !important; width: 130px !important; max-width: 130px !important; text-align: center !important; vertical-align: middle; }
.settings-teammates-visibility-table.person-case-management-matrix-page .table-header-cell.person-case-management-status-col span, .settings-teammates-visibility-table.person-case-management-matrix-page .table-header-cell.person-case-management-action-col span { display: block; width: 100%; text-align: center !important; }
.settings-teammates-visibility-table.person-case-management-matrix-page .person-case-management-reference-cell { justify-content: flex-start !important; min-height: 34px; min-width: 0; }
.settings-teammates-visibility-table.person-case-management-matrix-page .person-case-management-reference-cell .table-cell-flex-inner { width: 100%; min-width: 0; text-align: left !important; }
.settings-teammates-visibility-table.person-case-management-matrix-page .person-case-management-reference-cell p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left !important; }
.settings-teammates-visibility-table.person-case-management-matrix-page .items-01-item-status p { text-transform: uppercase !important; }
.settings-teammates-visibility-table.person-case-management-matrix-page .person-case-management-status-col .items-01-item-status { margin-left: auto !important; margin-right: auto !important; width: fit-content; max-width: fit-content; }
.settings-teammates-visibility-table.person-case-management-matrix-page .person-case-management-status-col .items-01-item-status-sml { max-width: none !important; }
.settings-teammates-visibility-table.person-case-management-matrix-page .person-case-management-action-inner { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 24px; }
.settings-teammates-visibility-table.person-case-management-matrix-page .table-body-cell.person-case-management-action-col .btn, .settings-teammates-visibility-table.person-case-management-matrix-page .table-body-cell.person-case-management-action-col .btn-icon { display: flex !important; margin: 0 auto !important; }

@media screen and (max-width: 1400px) {
.person-leave-year-stats { flex-direction: column; }
.person-leave-year-stats .stat { width: 100%; margin: 10px 0; }
.person-leave-year-stats .stat:first-child { margin: 0 0 10px; }
.person-leave-year-stats .stat:last-child { margin: 10px 0 0; } }

@media screen and (max-width: 900px) {
.person-main-data-section-header.person-time-off-table-header { min-height: 60px; height: auto !important; }
.person-time-off-table-header .page-search { margin: 0 !important; width: 100%; max-width: none; justify-content: flex-start; min-width: 0; }
.person-time-off-table-header .page-search form { min-width: 0; width: 100%; }
.person-time-off-table-header .page-search input { min-width: 0; max-width: none; width: 100%; }
}

@media screen and (max-width: 650px) {
.person-time-off-table-header { gap: 10px; }
.person-time-off-table-header .page-header-vertical-border, .person-time-off-table-header .settings-activity-logs-filter-reset-link { display: none !important; }
.person-time-off-table-header .page-search { flex: 1 1 100%; width: 100%; max-width: none; flex-wrap: wrap; gap: 10px; }
.person-time-off-table-header .page-search form { flex: 1 1 100%; width: 100%; min-width: 0; }
.person-time-off-table-header .page-search input { width: 100%; min-width: 0; max-width: none; }
.person-time-off-table-header .page-search .page-search-clear-btn, .person-time-off-table-header .page-search .settings-activity-logs-filter-menu { order: 2; }
.person-time-off-table-header .settings-activity-logs-filter-menu { display: block !important; }
}

/*** App Person Time Off ***/

.person-item-inner-time-off { align-items: center; width: 100%; }
.person-item-inner-time-off p { font-size: 0.77rem !important; }
.person-item-inner-time-off .person-item-title { padding-bottom: 3px; }
.person-item-inner-time-off .person-item-text { color: var(--font-subtle); }
.person-item-inner-time-off-actions { margin-left: auto; }

/*** App Person Banners ***/

.person-banner { border-radius: 10px; border: dashed 2px var(--notification-alert); height: 85px; padding: 0 20px; display: flex; flex-direction: row; align-items: center; margin-bottom: 30px; }
.person-banner-archived { border: dashed 2px var(--grey-light) !important; }
.person-banner-archived .person-banner-icon { background-color: var(--grey-light) !important; }
.person-banner-archived .person-banner-icon .svg-inline--fa { color: var(--font-main) !important; }
.person-banner-icon { border-radius: 100%; height: 45px; width: 45px; min-height: 45px; min-width: 45px; display: flex; justify-content: center; align-items: center; background-color: var(--notification-alert); margin-right: 10px; }
.person-banner-icon .svg-inline--fa { font-size: 1.3rem; color: var(--btn-text) !important; }
.person-banner-right { margin-left: auto; display: flex; flex-direction: row; align-items: center; }
.person-banner-details p { padding-top: 2px; color: var(--font-subtle); }
.person-banner-stat { display: flex; flex-direction: column; text-align: center; }
.person-banner-stat h6 { font-size: .9rem; }
.person-banner-stat p { padding-top: 2px; color: var(--font-subtle); }
.person-banner-stat-border { border-right: solid 2px var(--border); margin: 0 15px; height: 25px; }
.person-banner-actions { margin-left: 25px;; }
.person-banner-offboarding-right { gap: 15px; }
.person-banner-offboarding-stats { display: flex; align-items: center; }
.person-banner-offboarding-balance-select { position: relative; display: inline-flex; align-items: center; }
.person-banner-offboarding-balance-toggle { display: inline-flex; align-items: center; gap: 8px; border-radius: 20px; background-color: var(--subtle-btn-background); color: var(--font-main); text-decoration: none; padding: 6px 12px; line-height: 1; }
.person-banner-offboarding-balance-toggle:hover { background-color: var(--subtle-btn-background-hover); }
.person-banner-offboarding-balance-toggle .svg-inline--fa, .person-banner-offboarding-balance-toggle i { font-size: .7rem; color: inherit; }
.person-banner-offboarding-balance-menu { top: 40px; min-width: 190px; left: 0 !important; right: auto !important; z-index: 25 !important; }
.person-banner-offboarding-balance-option-indicator { visibility: hidden; }
.person-banner-offboarding-balance-option.is-selected .person-banner-offboarding-balance-option-indicator { visibility: visible; }
.person-banner-offboarding-stats .person-banner-stat { min-width: 120px; }

/*** App Person Documents ***/

.person-document { display: flex; flex-direction: row; align-items: center; border-top: solid 1px var(--border); padding: 15px 0; }
.document-left { margin-right: 10px; }
.document-left .svg-inline--fa { color: var(--icon-light); }
.document-detail-title { padding-bottom: 3px; font-weight: 700; font-size: .82rem; }
.document-right { margin-left: auto; display: flex; flex-direction: row; align-items: center; gap: 12px; }
.document-right .btn-icon:last-child { margin-left: 10px; }
.person-document-status { width: max-content; }
.document-subtle-text { color: var(--font-subtle); }
.person-document-scheduled-deletion .list-item-icon, .person-document-scheduled-deletion .document-detail { opacity: .5; }
.person-document-scheduled-actions { display: flex; flex-direction: row; align-items: center; gap: 8px; margin-right: 12px; }
.person-document-scheduled-actions .document-subtle-text { text-align: right; }

/*** App Person Surveys ***/

.person-surveys { padding: 40px; }

/*** App Person Main Data ***/

.person-main-data-section { margin: 0 20px; }
.person-main-data-section-header { display: flex; flex-direction: row; align-items: center; height: 70px; }
.person-main-data-section-header-right { margin-left: auto; display: flex; flex-direction: row; align-items: center; }
.person-main-data { display: flex; flex-direction: row; align-items: center; height: 70px; border-top: solid 1px var(--border); }
.person-main-data p { font-size: .82rem; }
.person-main-data-title { font-weight: 700; min-width: 235px; color: var(--font-subtle); }
.person-data-request { margin-left: auto; } 
.person-main-data-box-items { display: flex; flex-direction: column; }
.person-main-data-box-item { border-radius: 5px; border: solid 1px var(--border); width: calc(100% - 42px); padding: 20px; margin-bottom: 20px; display: flex; flex-direction: row; align-items: flex-start; }
.person-main-data-box-item .items-01-item-section-item { padding: 12px 0; }
.person-main-data-box-item-inner-actions { margin-left: auto; display: flex; flex-direction: row; align-items: center; }
.person-main-data-box-item-inner-action-delete { margin-left: 10px; }
.disciplinary-case-card { flex-direction: column; border: none; border-radius: 0; width: 100%; padding: 0; margin-bottom: 0; }
.disciplinary-case-card:not(:last-child) { border-bottom: solid 1px var(--border); margin-bottom: 24px; padding-bottom: 24px; }
.disciplinary-case-card-top { width: 100%; display: flex; flex-direction: row; align-items: flex-start; gap: 28px; }
.disciplinary-case-card-summary { flex: 1; min-width: 0; }
.disciplinary-case-card-summary .items-01-item-title-text { min-width: 165px; }
.disciplinary-case-card-summary .items-01-item-section-item { min-width: 0; padding: 15px 0; border-bottom: solid 1px var(--border); }
.disciplinary-case-card-summary .items-01-item-section-item:last-child { border-bottom: none; }
.disciplinary-case-inline-actions { display: flex; flex-direction: row; align-items: center; gap: 8px; flex-wrap: wrap; }
.disciplinary-status-pill p { text-transform: uppercase !important; }
.modal:has(.disciplinary-case-view-modal) { max-width: 1040px; width: min(1040px, 96vw); height: 90vh; max-height: 90vh; }
.disciplinary-case-view-modal { min-height: 90vh; max-height: 90vh; }
.disciplinary-case-manage-modal { min-height: 0; max-height: none; }
.disciplinary-case-view-modal .modal-content-inner { padding: 0 15px 16px; flex: 1 1 auto; min-height: 0; max-height: none; overflow-y: auto; overflow-x: hidden; display: flex; flex-direction: column; }
.disciplinary-case-manage-modal form { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; height: 100%; overflow: hidden; }
.disciplinary-case-manage-modal .modal-content-inner { flex: 1 1 auto; min-height: 0; max-height: calc(90vh - 120px); }
.disciplinary-case-view-modal .modal-content-header h6 { min-width: 0; }
.disciplinary-case-manage-modal .modal-content-header h6 { min-width: 0; }
.disciplinary-case-view-modal .modal-close { margin-left: auto !important; }
.disciplinary-case-manage-modal .modal-close { margin-left: auto !important; }
.disciplinary-case-modal-header-actions { margin-left: auto; display: flex; flex-direction: row; align-items: center; gap: 8px; }
.disciplinary-case-modal-header-actions .modal-close { margin-left: 0 !important; }
.case-management-modal-header-banner { background-color: var(--red-light); min-width: 0; max-width: 360px; padding: 6px 10px; justify-content: flex-start; }
.case-management-modal-header-banner .svg-inline--fa, .case-management-modal-header-banner i { color: var(--red); font-size: .75rem; }
.case-management-modal-header-banner p { color: var(--red); font-size: .74rem; font-weight: 700; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.case-management-requested-update-banner { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 20px; padding: 14px 16px; border-radius: 8px; background-color: var(--blue-light); border: solid 1px rgba(10, 32, 92, .12); }
.case-management-requested-update-banner-icon { height: 34px; width: 34px; min-height: 34px; min-width: 34px; border-radius: 100%; display: flex; align-items: center; justify-content: center; background-color: var(--background); flex: 0 0 auto; }
.case-management-requested-update-banner-icon .svg-inline--fa, .case-management-requested-update-banner-icon i { color: var(--blue); font-size: .8rem; }
.case-management-requested-update-banner-body { min-width: 0; flex: 1; }
.case-management-requested-update-banner-body h6 { font-size: .92rem; color: var(--blue); margin-bottom: 4px; }
.case-management-requested-update-banner-body p { color: var(--blue); line-height: 1.5; }
.case-management-requested-update-banner-meta { margin-top: 4px; font-size: .74rem; font-weight: 700; opacity: .9; }
.case-management-modal-header-border { margin: 0 4px 0 2px; }
.disciplinary-case-modal-header-divider { margin: 0 12px; }
.disciplinary-case-view-actions { display: flex; gap: 8px; flex-wrap: wrap; padding: 0 0 15px; }
.disciplinary-case-view-section { margin-bottom: 0; }
.disciplinary-case-view-section .items-01-item-title-text { min-width: 165px; }
.disciplinary-case-view-section .items-01-item-section-item { min-width: 0; padding: 15px 0; border-bottom: solid 1px var(--border); }
.disciplinary-case-view-section .items-01-item-section-item:last-child { border-bottom: none; }
.disciplinary-case-view-section .readable-text { white-space: pre-wrap; }
.case-management-action-cell { text-align: center; display: table-cell; vertical-align: middle; }
.case-management-action-cell .btn-icon { margin: 0 auto; display: inline-flex; justify-content: center; align-items: center; }
.case-management-access-cell { overflow: visible !important; position: relative; z-index: auto; }
.case-management-access-cell.case-management-access-cell-active { z-index: 4000; }
.case-management-access-cell .dropdown-menu-container { display: flex; justify-content: center; position: relative; z-index: auto; }
.case-management-access-cell.case-management-access-cell-active .dropdown-menu-container { z-index: 4001; }
.case-management-access-cell .menu { z-index: 5000 !important; }
.masked-reporter-avatar { background-color: var(--background-03); border: solid 1px var(--background-03); }
.masked-reporter-avatar .svg-inline--fa, .masked-reporter-avatar .fa-regular, .masked-reporter-avatar .fa-solid { font-size: .62rem; color: var(--font-main); margin-right: 0 !important; }
.disciplinaries-person-name { display: block; min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.disciplinaries-person-reference { font-size: .72rem; line-height: 1.25; }
.disciplinary-case-manage-inline-actions { margin-bottom: 20px; }
.disciplinary-case-view-modal .case-management-modal-tabs.people-header-tabs { display: flex; }
.case-management-modal-tabs { flex: 0 0 auto; margin-top: 10px; border-bottom: solid 1px var(--border); }
.case-management-modal-tabs::-webkit-scrollbar { display: none; }
.case-management-modal-tab { background: transparent; border: none; cursor: pointer; font: inherit; -webkit-appearance: none; appearance: none; position: relative; }
.case-management-modal-tab p { margin: 0; padding: 0; line-height: 1.2; }
.case-management-modal-tab-notification { position: absolute; top: 5px; right: -8px; min-width: 8px; width: 8px; height: 8px; padding: 0; border-radius: 50%; }
.case-management-modal-tab-notification p { display: none; }
.case-management-modal-tab-content { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; overflow: auto; padding-top: 0; }
.case-management-modal-panels { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; min-height: 0; }
.case-management-modal-panel { display: none; }
.case-management-modal-panel.is-active { display: block; }
.case-management-modal-panel[data-case-modal-panel="audit-trail"].is-active { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; }
.case-management-modal-panel[data-case-modal-panel="audit-trail"] .disciplinary-case-view-section { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
.case-management-modal-panel[data-case-modal-panel="audit-trail"] .case-management-activity-logs-panel { flex: 1 1 auto; min-height: 0; }
.case-management-modal-panel[data-case-modal-panel="audit-trail"] .modal-activity-log-footer { margin-top: auto; }
.disciplinary-case-view-modal .case-management-modal-panel[data-case-modal-panel="audit-trail"] .modal-activity-log-footer { padding-left: 0; padding-right: 0; }
.disciplinary-case-view-modal .case-management-modal-panel[data-case-modal-panel="audit-trail"] .modal-activity-log-pagination .btn:first-child { margin-left: 0 !important; }
.case-management-modal-panel .modal-content-inner-section { margin-bottom: 0; }
.case-management-hidden { display: none !important; }
.case-management-document-list { margin: 10px 0 0; width: 100%; }
.case-management-document-list .modal-item-list-item { width: calc(100% - 32px); margin-bottom: 10px; text-decoration: none; }
.case-management-document-list .modal-item-list-item:first-child { margin: 20px auto 10px; }
.case-management-document-list .modal-item-list-item:last-child { margin-bottom: 0; }
.case-management-people-list { width: 100%; border-top: solid 1px var(--border); }
.case-management-people-list .list-item { padding: 0 10px; min-height: 68px; }
.case-management-people-list .list-item:last-child { border-bottom: none; }
.case-management-people-list .list-item-name { max-width: none; }
.disciplinary-case-view-section .modal-policy-card-heading { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.disciplinary-case-view-section .modal-policy-card-subtitle { padding-top: 4px; }
.case-management-document-meta { display: flex; flex-direction: column; gap: 0; border-top: solid 1px var(--border); margin-top: 15px; }
.disciplinary-case-view-section .case-management-document-meta .items-01-item-section-item { padding: 12px 0; border-bottom: solid 1px var(--border); }
.disciplinary-case-view-section .case-management-document-meta .items-01-item-section-item:last-child { border-bottom: none; }
.disciplinary-case-view-section .case-management-document-meta .items-01-item-title-text { color: var(--font-subtle); }
.case-management-selected-files { margin: 10px 0 0; }
.case-management-selected-files.case-management-selected-files-empty { display: none; }
.case-management-selected-files .modal-item-list-item { width: calc(100% - 32px); margin-bottom: 10px; }
.case-management-selected-files .modal-item-list-item:last-child { margin-bottom: 0; }
.case-management-sub-header { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 15px; border-bottom: solid 1px var(--border); }
.case-management-sub-header p { line-height: 1.55; max-width: 650px; }
.case-management-sub-header-actions { margin-left: auto; display: flex; flex-direction: row; align-items: center; gap: 8px; }
.disciplinary-case-view-layout { display: flex; flex-direction: column; gap: 0; flex: 1 1 auto; min-height: 0; overflow: hidden; }
.disciplinary-case-view-main { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; min-height: 0; }
.disciplinary-case-view-main .case-management-modal-tab-content { overflow: auto; min-height: 0; }
.case-management-activity-logs-panel { width: 100%; }
.case-management-activity-logs-table-wrapper { width: 100%; }
.case-management-activity-logs-matrix .table { min-width: 1900px; }
.case-management-activity-logs-table .table-body-cell { vertical-align: middle; }
.case-management-activity-logs-table .table-body-cell.teammates-visibility-person-col { vertical-align: top; }
.case-management-activity-logs-table .table-body-cell p { line-height: 1.65; }
.case-management-activity-logs-table .table-cell.case-management-activity-log-align-left, .case-management-activity-logs-table .table-cell.case-management-activity-log-notes-col, .case-management-activity-logs-table .table-cell.case-management-activity-log-notes-col p, .case-management-activity-logs-table .table-body-cell.case-management-activity-log-align-left p { text-align: left !important; }
.case-management-activity-logs-table .case-management-activity-log-align-left span { display: block; text-align: left !important; }
.case-management-activity-log-type { display: flex; align-items: center; gap: 12px; min-width: 0; }
.case-management-activity-log-type-icon { width: 34px; height: 34px; min-width: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.case-management-activity-log-type-icon .svg-inline--fa, .case-management-activity-log-type-icon .fa-solid, .case-management-activity-log-type-icon .fa-regular { color: var(--icon-nav); font-size: .85rem; }
.case-management-activity-log-type-text p { line-height: 1.5; }
.case-management-activity-log-action-cell { white-space: normal !important; }
.case-management-activity-log-entry { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.case-management-activity-log-summary { line-height: 1.7; white-space: normal; }
.case-management-activity-log-notes-col { white-space: normal !important; }
.case-management-activity-logs-table .btn-icon { margin: 0 auto; }
.case-management-activity-log-details { display: flex; flex-direction: column; width: 100%; }
.case-management-activity-log-details .items-01-item-section-item { padding: 10px 0; border-bottom: solid 1px var(--border); }
.case-management-activity-log-details .items-01-item-section-item:last-child { border-bottom: none; }
.case-management-activity-log-details .items-01-item-title-text { min-width: 120px; color: var(--font-subtle); }
.case-management-activity-log-details .readable-text { white-space: pre-wrap; line-height: 1.7; }
.case-management-activity-log-attachment { margin-top: 2px; padding: 0 14px; border: solid 1px var(--border); border-radius: 8px; background: var(--background-03); }
.case-management-activity-log-attachment .items-01-item-section-item { padding: 10px 0; border-bottom: solid 1px var(--border); }
.case-management-activity-log-attachment .items-01-item-section-item:last-child { border-bottom: none; }
.whistleblowing-private-banner { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 0 4px; }
.whistleblowing-private-banner p { color: var(--font-subtle); font-size: .92rem; line-height: 1.5; }
.whistleblowing-private-pane { position: relative; transition: filter .18s ease, opacity .18s ease; display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
.whistleblowing-private-pane.is-masked { filter: blur(14px); opacity: .55; pointer-events: none; user-select: none; }
.whistleblowing-private-pane.is-masked::after { content: ""; position: absolute; inset: 0; border-radius: 16px; background: rgba(255, 255, 255, .08); }
.case-management-timeline-list { width: 100%; }
.case-management-timeline-item { margin-bottom: 24px; }
.case-management-timeline-item:last-child { margin-bottom: 0; }
.case-management-timeline-item:not(:last-of-type)::before { bottom: -20px; }
.case-management-timeline-detail { max-width: none; width: 100%; }
.case-management-timeline-detail .timeline-detail-header { line-height: 1.55; white-space: pre-wrap; }
.case-management-timeline-meta { margin-top: 10px; }
.case-management-timeline-meta .items-01-item-section-item { padding: 10px 0; border-bottom: solid 1px var(--border); }
.case-management-timeline-meta .items-01-item-section-item:last-child { border-bottom: none; }
.case-management-timeline-meta .items-01-item-title-text { min-width: 120px; color: var(--font-subtle); }
.case-management-timeline-meta .readable-text { white-space: pre-wrap; line-height: 1.7; }
.timeline-detail-attachment { margin-top: 12px; padding: 0 14px; border: solid 1px var(--border); border-radius: 8px; background: var(--background-03); }
.timeline-detail-attachment .items-01-item-section-item { padding: 10px 0; border-bottom: solid 1px var(--border); }
.timeline-detail-attachment .items-01-item-section-item:last-child { border-bottom: none; }
.disciplinary-case-timeline-row { align-items: flex-start; }
.person-empty-section.case-management-timeline-empty { margin: 34px auto 18px; }
.case-management-timeline-icon { background-color: var(--background-03); }
.case-management-timeline-icon .svg-inline--fa { color: var(--icon-nav) !important; font-size: .85rem; }
.case-management-timeline-icon-start { background-color: rgba(36, 160, 102, .12); }
.case-management-timeline-icon-update { background-color: rgba(53, 116, 204, .12); }
.case-management-timeline-icon-status { background-color: rgba(91, 76, 184, .12); }
.case-management-timeline-icon-stage { background-color: rgba(58, 105, 129, .12); }
.case-management-timeline-icon-owner { background-color: rgba(120, 84, 56, .12); }
.case-management-timeline-icon-schedule { background-color: rgba(36, 127, 153, .12); }
.case-management-timeline-icon-meeting { background-color: rgba(0, 122, 104, .12); }
.case-management-timeline-icon-hearing { background-color: rgba(124, 68, 154, .12); }
.case-management-timeline-icon-follow-up { background-color: rgba(68, 103, 176, .12); }
.case-management-timeline-icon-warning { background-color: rgba(194, 107, 0, .12); }
.case-management-timeline-icon-outcome { background-color: rgba(39, 142, 83, .12); }
.case-management-timeline-icon-attachment { background-color: rgba(97, 97, 97, .12); }
.case-management-timeline-icon-appeal { background-color: rgba(16, 121, 191, .12); }
.case-management-timeline-icon-acknowledgement { background-color: rgba(126, 91, 47, .12); }
.case-management-timeline-icon-complete { background-color: rgba(31, 146, 103, .12); }
.case-management-timeline-icon-audit { background-color: rgba(84, 98, 114, .12); }
.disciplinary-case-timeline-list { width: 100%; }
.disciplinary-case-timeline-row { display: flex; flex-direction: row; align-items: flex-start; gap: 20px; }
.disciplinary-case-timeline-row .items-01-item-title-text { min-width: 165px; flex: 0 0 165px; }
.disciplinary-case-timeline-row .case-management-timeline-list, .disciplinary-case-timeline-row .case-management-timeline-empty { flex: 1; min-width: 0; }
.disciplinary-case-timeline-row .case-management-timeline-detail { max-width: none; }
@media screen and (max-width: 950px) { .case-management-sub-header { flex-direction: column; align-items: flex-start; } .case-management-sub-header-actions { margin-left: 0; } }
@media screen and (min-width: 1180px) { .disciplinary-case-view-modal .modal-content-inner { overflow: hidden; } .disciplinary-case-view-layout { flex: 1 1 auto; overflow: hidden; } .disciplinary-case-view-main { flex: 1 1 auto; min-height: 0; } .disciplinary-case-view-main .case-management-modal-tab-content { overflow: auto; min-height: 0; } }

/*** App Person Empty Section ***/

.person-empty-section { margin: 40px auto 60px; text-align: center; display: flex; flex-direction: column; align-items: center; }
.person-empty-section p { padding: 0 0 15px; }

/*** App Person Nav ***/

.person-nav-tabs-sml { display: none; }
.person-tab-list { height: 55px; padding-top: 15px; }

/*** App Person Responsive ***/

@media screen and (max-width: 950px) {

.person-components { flex-direction: column; height: inherit !important; }
.person-components-inner { flex-direction: column; }
.person-back-btn-container { height: 85px; }
.person-header-container { height: inherit; }
.person-header { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.person-header-details .person-item-subtle-text { line-height: 1.6; font-size: .8rem; }
.person-item-subtle-text-last-active { padding: 3px 0 !important; }
.person-header-right { display: none; }
.person-nav-tabs { display: none; }
.person-compontents-left { width: 100%; display: flex; flex-direction: column-reverse; position: relative; z-index: 60; }
.person-mobile-controls-row { display: flex !important; flex-direction: row; align-items: center; width: 100%; gap: 10px; margin-bottom: 20px; position: relative; z-index: 60; }
.person-mobile-controls-row .person-nav-tabs-sml { flex: 1 1 auto; min-width: 0; width: auto; margin: 0; }
.person-mobile-controls-row .person-action-menu-sml { flex: 0 0 auto; width: auto; margin: 0; }
.person-nav-tabs-sml { display: block; position: relative; width: 100%; z-index: 61; }
.person-nav-tabs-sml .btn { height: 50px !important; }
.person-nav-tabs-sml .btn .svg-inline--fa { color: var(--font-main); font-size: .6rem !important; }
.person-action-menu-sml .btn { height: 50px !important; margin-bottom: 0; }
.person-action-menu-sml .btn .svg-inline--fa { color: var(--font-main); font-size: .6rem !important; }
.person-action-menu-sml .menu { top: 60px !important; z-index: 62 !important; }
.person-action-menu-sml-actions .person-action-menu-sml-icon-btn { height: 50px !important; width: 50px !important; min-width: 50px !important; min-height: 50px !important; max-width: 50px !important; max-height: 50px !important; }
.person-action-menu-sml-actions .person-action-menu-sml-icon-btn .svg-inline--fa { color: var(--font-main); font-size: .77rem !important; padding-top: 0 !important; }
.person-action-menu-sml-actions .menu { left: 0 !important; right: auto !important; }
.person-last-active { display: none; }
.person-nav-tabs-sml .menu { top: 60px !important; z-index: 62 !important; }
.person-nav-tabs-sml-menu-inner { display: flex; flex-direction: column; }
.person-actions-menu-sml { display: block; width: 100%; margin-bottom: 20px; }
.person-actions-menu-sml { width: 100%; }
.person-header-actions { width: 100%; }
.person-header-actions .btn { width: 100%; height: 48px; background-color: var(--subtle-btn-background); }
.person-header-actions .btn p { color: var(--font-main); }
.person-header-actions .btn .svg-inline--fa { color: var(--font-main); }
.person-header-actions .btn:hover { background-color: var(--subtle-btn-background-hover); }
.person-tab-link { border-left: none; color: var(--font-main); }
.person-tab-link:hover { background-color: var(--background); color: var(--font-main); border-left: none; }
.person-tab-link.active { background-color: var(--background); color: var(--font-main); border-left: none; }
.person-time-off-requests-table + .pagination, .person-surveys-matrix-page + .pagination, .person-documents-matrix-page + .pagination, .person-case-management-matrix-page + .pagination { margin-bottom: 20px; }
.person-compontents-middle { width: 100%; margin: 30px 0 0 0; position: relative; z-index: 1; } 
.disciplinary-case-card-top { flex-direction: column-reverse; gap: 10px; }
.disciplinary-case-inline-actions { width: auto; margin-left: 0; justify-content: flex-start; }
.disciplinary-case-modal-header-actions { gap: 6px; }
.disciplinary-case-modal-header-divider { margin: 0 10px; }
.person-main-data-box-item { flex-direction: column-reverse; }
.person-main-data-box-item-inner-actions .btn-icon { margin: 0 10px 0 0; } }

@media screen and (max-width: 1050px) {

.person-time-off-table-header .page-search { display: none !important; }

.person-banner { padding: 20px; height: inherit; flex-direction: column; align-items: flex-start; }
.person-banner-icon { margin-bottom: 10px; }
.person-banner-right { margin-left: 0; margin-top: 10px; flex-direction: column; align-items: flex-start; } 
.person-banner-offboarding-right { width: 100%; }
.person-banner-offboarding-stats { width: 100%; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px 12px; }
.person-banner-offboarding-stats .person-banner-stat { margin: 0; min-width: 0; flex: 0 0 auto; }
.person-banner-offboarding-balance-select { width: 100%; justify-content: flex-start; }
.person-banner-stat-border { display: none; }
.person-banner-actions { margin-left: 0; margin-top: 15px; } 
.person-banner-stat { text-align: left; margin: 10px 0; }  }

@media screen and (max-width: 650px) {

.person-main-data { height: inherit !important; min-height: 60px; padding: 15px 0; }
.person-item-inner { flex-direction: column; }
.person-main-data-title { color: var(--font-subtle); padding-bottom: 4px; }
.person-item-inner-time-off { align-items: flex-start; }
.person-item-inner-time-off .person-item-inner-icon { margin-bottom: 10px; }
.person-item-inner-time-off-actions { margin-left: 0; margin-top: 20px; width: 100%; } }

@media screen and (max-width: 575px) {

.person-header-details-container { flex-direction: column; align-items: flex-start; }
.person-header-details { margin-top: 10px; }
.person-main-data-box-item-inner-actions { margin: 0 0 15px 0; } }

/*****************************
	App Settings
*****************************/

.settings-page { height: calc(100% - 110px); overflow: auto; }
.settings-page-no-footer { height: calc(100% - 60px); overflow: auto; }
.settings-hr-page-header { position: relative; z-index: 20; }
.settings-hr-page-header .dropdown-menu-container { position: relative; z-index: 21; }
.settings-hr-page-header .menu { z-index: 22; }
.settings-user-header { display: flex; flex-direction: row; align-items: center; border-bottom: solid 1px var(--border); padding-bottom: 20px; }
.settings-user-header-details p { color: var(--font-subtle); padding-top: 4px; }
.settings-user-header-right { margin-left: auto; }
.settings-user-item { display: flex; flex-direction: row; align-items: center; border-bottom: solid 1px var(--border); padding: 15px 0; min-height: 55px; }
.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; }
.settings-user-qr-code-setup { margin-bottom: 20px; }
.settings-user-qr-code-setup img { margin: 20px 0; width: 250px; }
.settings-user-item-icon-container { display: flex; flex-direction: row; align-items: center; }
.settings-page-text { max-width: 500px; }
.settings-page-text .readable-text { margin-bottom: 10px; }
.settings-page-text .btn { margin-top: 20px; }

.settings-teammates-visibility-table .teammates-visibility-status-badge { display: inline-flex; width: fit-content; max-width: max-content; margin: 0 auto; }
.settings-teammates-visibility-table .teammates-visibility-permission-col { min-width: 170px !important; }
.settings-teammates-visibility-table .teammates-visibility-action-col { min-width: 120px !important; }
.settings-teammates-visibility-table .teammates-visibility-2fa-col { min-width: 140px !important; }
.settings-teammates-visibility-table .teammates-visibility-last-active-col { min-width: 210px !important; }
.settings-teammates-visibility-table { display: flex; flex-direction: column; flex: 1; min-height: 0; height: auto; overflow: hidden; }
.settings-teammates-visibility-table.settings-teams-full-width-table { width: 100%; }
.settings-teammates-visibility-table.settings-teams-full-width-table .table { width: 100%; min-width: 100%; }
.settings-page.settings-teammates-visibility-table.settings-teams-full-width-table.people-hub-matrix-page .table { width: max-content; min-width: 100%; }
.settings-teammates-visibility-table { width: 100%; min-width: 0; max-width: 100%; }
.settings-teammates-visibility-table .table-wrapper { display: flex; flex-direction: column; flex: 1; min-height: 0; min-width: 0; width: 100%; max-width: 100%; height: auto; }
.settings-teammates-visibility-table .table-container { flex: 1; height: auto; min-height: 0; min-width: 0; width: 100%; max-width: 100%; padding-top: 0; overflow: hidden; margin: 0 !important; }
.settings-teammates-visibility-table .table-scroll { flex: 1; min-height: 0; min-width: 0; width: 100%; overflow-x: auto; overflow-y: auto; }
.settings-teammates-visibility-table .table { min-width: max-content; border-spacing: 0; border-collapse: separate; }
.working-week-templates-matrix-page { width: 100%; }
.working-week-templates-matrix-page .table-wrapper { width: 100%; }
.working-week-templates-matrix-page .table-container { width: 100%; min-width: 0; }
.working-week-templates-matrix-page .table-scroll { width: 100%; min-width: 0; }
.working-week-templates-matrix-page .table { width: 100%; min-width: max-content; }
.admin-partners-matrix-page { width: 100%; }
.admin-partners-matrix-page .table-wrapper { width: 100%; }
.admin-partners-matrix-page .table-container { width: 100%; min-width: 0; margin: 0 !important; padding-top: 0; }
.admin-partners-matrix-page .table-scroll { width: 100%; min-width: 0; overflow-x: auto; overflow-y: visible; }
.admin-partners-matrix-page .table { width: 100%; min-width: max-content; }
.admin-partners-matrix-page .table-body-row { height: auto; }
.admin-partners-matrix-page .table-header-cell.teammates-visibility-person-col { z-index: 4; }
.admin-partners-matrix-page .admin-partners-name-col { min-width: 260px !important; width: 260px !important; max-width: 260px !important; text-align: left !important; }
.admin-partners-matrix-page .admin-partners-domain-col { min-width: 220px !important; width: 220px !important; max-width: 220px !important; text-align: left !important; }
.admin-partners-matrix-page .admin-partners-created-col { min-width: 150px !important; width: 150px !important; max-width: 150px !important; }
.admin-partners-matrix-page .admin-partners-organisations-col { min-width: 130px !important; width: 130px !important; max-width: 130px !important; }
.admin-partners-matrix-page .admin-partners-active-users-col { min-width: 140px !important; width: 140px !important; max-width: 140px !important; }
.admin-partners-matrix-page .admin-partners-price-col { min-width: 150px !important; width: 150px !important; max-width: 150px !important; }
.admin-partners-matrix-page .admin-partners-mrr-col { min-width: 130px !important; width: 130px !important; max-width: 130px !important; }
.admin-partners-matrix-page .admin-partners-arr-col { min-width: 130px !important; width: 130px !important; max-width: 130px !important; }
.admin-partners-matrix-page .table-header-cell.admin-partners-name-col span, .admin-partners-matrix-page .table-header-cell.admin-partners-domain-col span, .admin-partners-matrix-page .table-body-cell.admin-partners-name-col, .admin-partners-matrix-page .table-body-cell.admin-partners-domain-col { text-align: left !important; }
.admin-partners-matrix-page .table-body-cell.admin-partners-name-col { padding-left: 0 !important; }
.admin-partners-matrix-page .table-body-cell.admin-partners-name-col .teammates-visibility-person-cell { width: 100%; justify-content: flex-start !important; text-align: left !important; }
.admin-partners-matrix-page .admin-partners-name-cell { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 5px; min-width: 0; width: 100%; text-align: left !important; }
.admin-partners-matrix-page .admin-partners-name-cell p, .admin-partners-matrix-page .admin-partners-domain-col p { margin: 0; width: 100%; text-align: left !important; }
.settings-teammates-visibility-table.admin-partners-matrix-page .admin-partners-link { display: flex; flex-direction: column; min-width: 0; text-align: left; color: inherit; text-decoration: none; }
.settings-teammates-visibility-table.admin-partners-matrix-page .admin-partners-link:hover .admin-partners-name { color: var(--brand-color); text-decoration: underline; }
.page-alt-inner-async.admin-partners-shell .admin-partners-matrix-page { flex: 1; min-height: 0; }
.page-alt-inner-async.admin-partners-shell .pagination { margin-top: auto; }
.admin-blog-drafts-table .admin-blog-drafts-title-col { min-width: 420px !important; width: 420px !important; max-width: 420px !important; text-align: left !important; }
.admin-blog-drafts-table .admin-blog-drafts-type-col { min-width: 150px !important; width: 150px !important; max-width: 150px !important; text-align: left !important; }
.admin-blog-drafts-table .admin-blog-drafts-author-col { min-width: 220px !important; width: 220px !important; max-width: 220px !important; text-align: left !important; }
.admin-blog-drafts-table .admin-blog-drafts-date-col { min-width: 250px !important; width: 250px !important; max-width: 250px !important; }
.admin-blog-drafts-table .admin-blog-drafts-published-col { min-width: 110px !important; width: 110px !important; max-width: 110px !important; }
.admin-blog-drafts-table .admin-blog-drafts-icon-col { min-width: 75px !important; width: 75px !important; max-width: 75px !important; }
.admin-blog-drafts-table .table-header-cell.admin-blog-drafts-icon-col, .admin-blog-drafts-table .table-header-cell.admin-blog-drafts-icon-col span, .admin-blog-drafts-table .table-body-cell.admin-blog-drafts-icon-col, .admin-blog-drafts-table .table-body-cell.admin-blog-drafts-icon-col p { text-align: center !important; }
.admin-blog-drafts-table .admin-blog-drafts-title-col .table-cell-flex-inner, .admin-blog-drafts-table .admin-blog-drafts-type-col .table-cell-flex-inner, .admin-blog-drafts-table .admin-blog-drafts-author-col .table-cell-flex-inner { min-width: 0; text-align: left !important; }
.admin-blog-drafts-table .table-body-cell.admin-blog-drafts-author-col { text-align: left !important; }
.admin-blog-drafts-table .admin-blog-drafts-author-col .table-cell-flex { justify-content: flex-start !important; min-width: 0; }
.admin-blog-drafts-table .admin-blog-drafts-icon-col .btn-icon { margin: 0 auto; }
.admin-blog-drafts-table .btn-icon .svg-inline--fa, .admin-blog-drafts-table .btn-icon i { color: var(--font-main); font-size: 0.77rem; }
.admin-blog-drafts-table .btn-icon-success-outline .svg-inline--fa, .admin-blog-drafts-table .btn-icon-success-outline i { color: var(--green-success) !important; }
.admin-blog-drafts-reject-btn { background-color: transparent; border: 1px solid var(--red-alert); }
.admin-blog-drafts-reject-btn:hover { background-color: var(--red-light); }
.admin-blog-drafts-reject-btn .svg-inline--fa, .admin-blog-drafts-reject-btn i { color: var(--red-alert) !important; }
.modal.admin-blog-draft-preview-modal-shell { max-width: 1100px; width: min(1100px, 96vw); height: 90vh; max-height: 90vh; }
.admin-blog-draft-preview-modal { min-height: 90vh; max-height: 90vh; }
.admin-blog-draft-preview-modal .modal-content-inner { padding: 0; flex: 1 1 auto; min-height: 0; max-height: calc(90vh - 60px); overflow-y: auto; overflow-x: hidden; }
.admin-blog-draft-preview-content { padding: 25px 25px 30px; }
.admin-blog-draft-preview-article { max-width: 760px; margin: 0 auto; padding: 0; }
.admin-blog-draft-preview-article .article-header .subtle-text { padding-bottom: 10px !important; }
.admin-blog-draft-preview-article .article-header h1 { padding-top: 0; }
.admin-blog-draft-preview-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 0 0 15px; }
.admin-blog-draft-refresh-review { margin: 0 0 30px; }
.admin-blog-draft-refresh-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; margin: 0 0 15px; }
.admin-blog-draft-refresh-card { padding: 15px; border: solid 1px var(--border); border-radius: 10px; background-color: var(--background); }
.admin-blog-draft-refresh-card-wide { grid-column: 1 / -1; }
.admin-blog-draft-refresh-card h6, .admin-blog-draft-refresh-card p { margin: 0; }
.admin-blog-draft-refresh-card h6 { padding: 5px 0 0; }
.admin-blog-draft-refresh-reasons { margin: 0 0 20px; }
.admin-blog-draft-refresh-reasons .subtle-text { margin-bottom: 5px; }
.admin-blog-draft-refresh-reasons p { margin: 0 0 5px; }
.admin-blog-draft-compare-table { border: solid 1px var(--border); border-radius: 10px; overflow: hidden; margin: 0 0 25px; }
.admin-blog-draft-compare-header, .admin-blog-draft-compare-row { display: grid; grid-template-columns: 160px minmax(0, 1fr) minmax(0, 1fr); }
.admin-blog-draft-compare-header { background-color: var(--subtle-btn-background); }
.admin-blog-draft-compare-header p { margin: 0; font-weight: 700; color: var(--font-main); }
.admin-blog-draft-compare-row { border-top: solid 1px var(--border); }
.admin-blog-draft-compare-cell { padding: 15px; min-width: 0; }
.admin-blog-draft-compare-field { background-color: var(--background); }
.admin-blog-draft-compare-field p { margin: 0; font-weight: 700; }
.admin-blog-draft-compare-text { margin: 5px 0 0; white-space: pre-line; word-break: break-word; }
.admin-blog-draft-preview-article .article-author { margin: 20px 0 25px; align-items: center; gap: 10px; }
.admin-blog-draft-preview-article .article-author-detail { display: flex; flex-direction: column; justify-content: center; gap: 2px; }
.admin-blog-draft-preview-article .article-author-detail p { padding: 0 !important; margin: 0 !important; line-height: 1.35 !important; }
.admin-blog-draft-preview-article .article-author-detail p:first-child { font-weight: 700; color: var(--font-main); }
.admin-blog-draft-preview-article .article-author-detail p:last-child { color: var(--font-subtle); }
.admin-blog-draft-preview-article a { font-weight: 700; text-decoration: underline; }
.article-author-img { display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 100%; }
.article-author-avatar-fallback { width: 38px; height: 38px; border-radius: 100%; }
.article-author-avatar-fallback i, .article-author-avatar-fallback .svg-inline--fa { color: var(--font-main); font-size: 0.8rem; }
.admin-blog-draft-preview-faqs { max-width: 760px; margin: 30px auto 0; }
.admin-blog-draft-preview-faq-list { border: solid 1px var(--border); border-radius: 10px; overflow: hidden; }
.admin-blog-draft-preview-faq-item { padding: 20px; border-bottom: solid 1px var(--border); }
.admin-blog-draft-preview-faq-item:last-child { border-bottom: none; }
.admin-blog-draft-preview-faq-item h6 { margin-bottom: 10px; font-size: 0.95rem; }
.admin-blog-draft-preview-faq-answer p { margin: 0; padding: 0; line-height: 1.7; }
.admin-blog-draft-preview-faq-answer p:last-child { padding-bottom: 0; margin-bottom: 0; }
@media screen and (max-width: 880px) { .modal.admin-blog-draft-preview-modal-shell { width: 96vw; height: 92vh; max-height: 92vh; } .admin-blog-draft-preview-modal { min-height: 92vh; max-height: 92vh; } .admin-blog-draft-preview-modal .modal-content-inner { max-height: calc(92vh - 60px); } .admin-blog-draft-preview-content { padding: 15px 15px 20px; } .admin-blog-draft-preview-article .article-header h1 { font-size: 1.55rem; } .admin-blog-drafts-table .admin-blog-drafts-title-col { min-width: 320px !important; width: 320px !important; max-width: 320px !important; } .admin-blog-drafts-table .admin-blog-drafts-type-col { min-width: 140px !important; width: 140px !important; max-width: 140px !important; } .admin-blog-drafts-table .admin-blog-drafts-author-col { min-width: 190px !important; width: 190px !important; max-width: 190px !important; } .admin-blog-drafts-table .admin-blog-drafts-date-col { min-width: 220px !important; width: 220px !important; max-width: 220px !important; } .admin-blog-draft-refresh-grid { grid-template-columns: minmax(0, 1fr); } .admin-blog-draft-compare-header, .admin-blog-draft-compare-row { grid-template-columns: minmax(0, 1fr); } .admin-blog-draft-compare-header { display: none; } .admin-blog-draft-compare-cell { border-top: solid 1px var(--border); } .admin-blog-draft-compare-row .admin-blog-draft-compare-cell:first-child { border-top: none; } }
.admin-partner-invoices-matrix-page { width: 100%; }
.admin-partner-invoices-matrix-page .table-wrapper { width: 100%; }
.admin-partner-invoices-matrix-page .table-container { width: 100%; min-width: 0; margin: 0 !important; padding-top: 0; }
.admin-partner-invoices-matrix-page .table-scroll { width: 100%; min-width: 0; overflow-x: auto; overflow-y: visible; }
.admin-partner-invoices-matrix-page .table { width: 100%; min-width: max-content; }
.admin-partner-invoices-matrix-page .table-body-row { height: auto; }
.admin-partner-invoices-matrix-page .table-header-cell.teammates-visibility-person-col { z-index: 4; }
.admin-partner-invoices-matrix-page .admin-partner-invoices-name-col { min-width: 260px !important; width: 260px !important; max-width: 260px !important; text-align: left !important; }
.admin-partner-invoices-matrix-page .admin-partner-invoices-period-col { min-width: 210px !important; width: 210px !important; max-width: 210px !important; text-align: left !important; }
.admin-partner-invoices-matrix-page .admin-partner-invoices-billing-col { min-width: 120px !important; width: 120px !important; max-width: 120px !important; }
.admin-partner-invoices-matrix-page .admin-partner-invoices-status-col { min-width: 140px !important; width: 140px !important; max-width: 140px !important; }
.admin-partner-invoices-matrix-page .admin-partner-invoices-employees-col { min-width: 140px !important; width: 140px !important; max-width: 140px !important; }
.admin-partner-invoices-matrix-page .admin-partner-invoices-price-col { min-width: 140px !important; width: 140px !important; max-width: 140px !important; }
.admin-partner-invoices-matrix-page .admin-partner-invoices-total-col { min-width: 130px !important; width: 130px !important; max-width: 130px !important; }
.admin-partner-invoices-matrix-page .admin-partner-invoices-created-col { min-width: 150px !important; width: 150px !important; max-width: 150px !important; }
.admin-partner-invoices-matrix-page .admin-partner-invoices-link-col { min-width: 90px !important; width: 90px !important; max-width: 90px !important; }
.admin-partner-invoices-matrix-page .admin-partner-invoices-action-col { min-width: 110px !important; width: 110px !important; max-width: 110px !important; }
.admin-partner-invoices-matrix-page .table-header-cell.admin-partner-invoices-name-col span, .admin-partner-invoices-matrix-page .table-header-cell.admin-partner-invoices-period-col span, .admin-partner-invoices-matrix-page .table-body-cell.admin-partner-invoices-name-col, .admin-partner-invoices-matrix-page .table-body-cell.admin-partner-invoices-period-col { text-align: left !important; }
.admin-partner-invoices-matrix-page .table-body-cell.admin-partner-invoices-name-col { padding-left: 0 !important; }
.admin-partner-invoices-matrix-page .table-body-cell.admin-partner-invoices-name-col .teammates-visibility-person-cell { width: 100%; justify-content: flex-start !important; text-align: left !important; }
.admin-partner-invoices-matrix-page form { margin: 0; }
.page-alt-inner-async.admin-partners-shell .admin-partner-invoices-matrix-page { flex: 1; min-height: 0; }
.partner-plans-matrix-page { width: 100%; }
.partner-plans-matrix-page .table-wrapper { width: 100%; }
.partner-plans-matrix-page .table-container { width: 100%; min-width: 0; }
.partner-plans-matrix-page .table-scroll { width: 100%; min-width: 0; }
.partner-plans-matrix-page .table { width: 100%; min-width: max-content; }
.partner-plans-matrix-page .table-header-cell.teammates-visibility-person-col { z-index: 4; }
.partner-plans-matrix-page .partner-plans-name-col { min-width: 220px !important; width: 220px !important; max-width: 220px !important; text-align: left !important; }
.partner-plans-matrix-page .partner-plans-price-col { min-width: 110px !important; width: 110px !important; max-width: 110px !important; }
.partner-plans-matrix-page .partner-plans-model-col { min-width: 180px !important; width: 180px !important; max-width: 180px !important; text-align: center !important; }
.partner-plans-matrix-page .partner-plans-feature-col { min-width: 140px !important; width: 140px !important; max-width: 140px !important; text-align: center !important; }
.partner-plans-matrix-page .partner-plans-clients-col { min-width: 130px !important; width: 130px !important; max-width: 130px !important; }
.partner-plans-matrix-page .partner-plans-in-use-col { min-width: 90px !important; width: 90px !important; max-width: 90px !important; }
.partner-plans-matrix-page .partner-plans-status-col { min-width: 180px !important; width: 180px !important; max-width: 180px !important; }
.partner-plans-matrix-page .partner-plans-action-col { min-width: 70px !important; width: 70px !important; max-width: 70px !important; }
.partner-plans-matrix-page .partner-plans-delete-col { min-width: 120px !important; width: 120px !important; max-width: 120px !important; }
.partner-plans-matrix-page .partner-plans-status-col .fa-circle-check, .partner-plans-matrix-page .partner-plans-status-col .partner-plans-active-icon-empty, .partner-plans-matrix-page .partner-plans-in-use-col .fa-circle-check, .partner-plans-matrix-page .partner-plans-in-use-col .partner-plans-active-icon-empty, .partner-plans-matrix-page .partner-plans-feature-col .fa-circle-check, .partner-plans-matrix-page .partner-plans-feature-col .partner-plans-active-icon-empty { font-size: .95rem; }
.partner-plans-matrix-page .partner-plans-active-icon-empty { color: var(--font-subtle); }
.partner-plans-matrix-page .table-header-cell.partner-plans-name-col span, .partner-plans-matrix-page .table-body-cell.partner-plans-name-col { text-align: left !important; }
.partner-plans-matrix-page .table-header-cell.partner-plans-model-col span, .partner-plans-matrix-page .table-body-cell.partner-plans-model-col { text-align: center !important; }
.partner-plans-matrix-page .table-header-cell.partner-plans-model-col span { white-space: normal; overflow-wrap: anywhere; line-height: 1.4; }
.partner-plans-matrix-page .table-header-cell.partner-plans-feature-col span, .partner-plans-matrix-page .table-body-cell.partner-plans-feature-col { text-align: center !important; }
.partner-plans-matrix-page .table-header-cell.partner-plans-feature-col span { white-space: normal; overflow-wrap: anywhere; line-height: 1.4; }
.partner-plans-matrix-page .table-header-cell.partner-plans-action-col { text-align: center !important; }
.partner-plans-matrix-page .table-header-cell.partner-plans-action-col span { text-align: center !important; width: 100%; }
.partner-plans-matrix-page .table-header-cell.partner-plans-delete-col, .partner-plans-matrix-page .table-header-cell.partner-plans-delete-col span { text-align: center !important; }
.partner-plans-matrix-page .table-body-cell.partner-plans-name-col { padding-left: 0 !important; }
.partner-plans-matrix-page .table-body-cell.partner-plans-name-col .teammates-visibility-person-cell { width: 100%; justify-content: flex-start !important; text-align: left !important; }
.partner-plans-matrix-page .partner-plans-name-cell { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 5px; min-width: 0; width: 100%; text-align: left !important; }
.partner-plans-matrix-page .partner-plans-name-cell p { margin: 0; width: 100%; text-align: left !important; }
.partner-plans-matrix-page .partner-plans-helper-text { color: var(--font-subtle); }
.partner-plans-matrix-page .partner-plans-delete-col .teammates-visibility-person-meta { width: 100%; align-items: center; text-align: center; }
.partner-plans-matrix-page .partner-plans-delete-col .subtle-link { text-align: center; }
.partner-plans-matrix-page form { margin: 0; }
.page-alt-inner-async.partner-plans-shell .partner-plans-matrix-page { flex: 1; min-height: 0; }
.page-alt-inner-async.partner-plans-shell .pagination { margin-top: auto; }
.partner-plan-feature-checkbox-list { display: flex; flex-direction: column; }
.settings-teammates-visibility-table .table-header-cell { position: sticky; top: 0; z-index: 3; height: auto; padding-top: 17px !important; padding-bottom: 17px !important; background: var(--background); }
.time-off-tracker-page .settings-teammates-visibility-table { width: 100%; }
.time-off-tracker-page .settings-teammates-visibility-table .table { width: 100%; min-width: 100%; }
.time-off-tracker-page .settings-teammates-visibility-table .table-header-cell { position: sticky !important; top: 0 !important; z-index: 5; background: var(--background); }
.time-off-tracker-page .settings-teammates-visibility-table .table-header { position: sticky; top: 0; z-index: 5; background: var(--background); }
.settings-teammates-visibility-table .table-header-cell.teammates-visibility-person-col { left: 0; z-index: 4; }
.time-off-tracker-page .settings-teammates-visibility-table .table-header-cell.teammates-visibility-person-col { z-index: 6; }
.time-off-tracker-page .settings-async-root { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.time-off-tracker-page .settings-async-root .settings-page { flex: 1; min-height: 0; height: auto; }
.settings-teammates-visibility-table .table-header-cell span { position: static; display: block; }
.settings-teammates-visibility-table .table-cell { text-align: center; border-right: solid 1px var(--border); box-sizing: border-box; }
.admin-users-table .table-cell.admin-users-name-col, .admin-users-table .table-header-cell.admin-users-name-col, .admin-users-table .admin-users-name-cell { text-align: left !important; justify-content: flex-start !important; }
.admin-users-table .admin-user-client-tags .items-01-item-status { background: var(--background-03); }
.admin-users-table .admin-user-client-tags .items-01-item-status p { color: var(--font-subtle) !important; }
.settings-teammates-visibility-table .table-header-cell.activity-log-action-col,
.settings-teammates-visibility-table .table-body-cell.activity-log-action-col,
.activity-log-action-col { text-align: left !important; }
.table-body-cell.activity-log-action-col { white-space: normal !important; text-wrap: wrap; overflow-wrap: anywhere; word-break: break-word; max-width: 500px; line-height: 1.7; vertical-align: top; }
.settings-teammates-visibility-table .table-header-cell.activity-log-action-col span { text-align: left !important; }
.settings-teammates-visibility-table .table-header-cell.activity-log-source-col,
.settings-teammates-visibility-table .table-body-cell.activity-log-source-col,
.activity-log-source-col { text-align: center !important; }
.activity-log-source-col span { text-align: center !important; margin: 0 auto !important; display: block !important; }
.settings-teammates-visibility-table .table-header-cell.activity-log-path-col,
.settings-teammates-visibility-table .table-body-cell.activity-log-path-col,
.activity-log-path-col { text-align: left !important; }
.settings-teammates-visibility-table .table-header-cell.activity-log-source-col,
.settings-teammates-visibility-table .table-body-cell.activity-log-source-col { width: 120px !important; max-width: 120px !important; min-width: 100px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.settings-teammates-visibility-table .table-header-cell.activity-log-source-col span,
.settings-teammates-visibility-table .table-body-cell.activity-log-source-col span { display: block !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.table-header-cell.activity-log-source-col span { left: 0 !important; right: 0 !important; }
.admin-page-table .table-header-cell.activity-log-source-col,
.admin-page-table .table-body-cell.activity-log-source-col,
.admin-page-table .table-cell.activity-log-source-col,
.table-header-cell.activity-log-source-col,
.table-body-cell.activity-log-source-col,
.activity-log-source-col { text-align: center !important; padding-left: 15px !important; padding-right: 15px !important; }
.time-off-tracker-page .settings-teammates-visibility-table .table-cell:last-child { padding-left: 15px; padding-right: 15px; text-align: center; }
.settings-teammates-visibility-table .table-header .table-header-cell:last-child { border-right: none; }
.settings-teammates-visibility-table .table-body .table-body-cell:last-child { border-right: none; }
.settings-teammates-visibility-table .table-cell-flex { justify-content: center; }
.settings-teammates-visibility-table .teammates-visibility-person-col { text-align: left; min-width: 210px !important; }
.settings-teammates-visibility-table .table-body-cell.teammates-visibility-person-col { position: sticky; left: 0; z-index: 2; background: var(--background); }
.settings-teammates-visibility-table .table-header-cell.teammates-visibility-person-col,
.settings-teammates-visibility-table .table-body-cell.teammates-visibility-person-col { position: sticky; left: 0; background: var(--background); }
.settings-teammates-visibility-table .teammates-visibility-person-cell { display: flex; align-items: center; justify-content: flex-start; }
.settings-teammates-visibility-table .teammates-visibility-person-cell--stack { align-items: center; }
.settings-teammates-visibility-table .teammates-visibility-person-cell--stack .teammates-visibility-person-meta { display: flex; flex-direction: column; min-width: 0; gap: 1px; }
.settings-teammates-visibility-table .teammates-visibility-person-cell--system { align-items: center; justify-content: flex-start; text-align: left; }
.settings-teammates-visibility-table .teammates-visibility-person-cell--system .teammates-visibility-person-meta { display: flex; flex-direction: column; align-items: flex-start; }
.settings-teammates-visibility-table .table-body-cell.teammates-visibility-person-col { transition: all 0.3s; }
.settings-teammates-visibility-table .table-body-row.table-body-row-clickable:hover .table-body-cell.teammates-visibility-person-col { background: var(--background-hover-02); }
.settings-teammates-visibility-table .teammates-visibility-action-col { text-align: center; padding-left: 10px !important; padding-right: 10px !important; }
.settings-teammates-visibility-table .teammates-visibility-action-col .btn-icon { margin: 0 auto; }
.settings-teammates-visibility-table .teammates-visibility-action-col .btn-icon { height: 30px; width: 30px; min-width: 30px; min-height: 30px; max-width: 30px; max-height: 30px; }
.settings-teammates-visibility-table.settings-restricted-dates-table .teammates-visibility-person-col { min-width: 260px !important; width: 260px !important; max-width: 260px !important; }
.settings-teammates-visibility-table.settings-restricted-dates-table .settings-restricted-dates-date-col { min-width: 180px !important; }
.settings-teammates-visibility-table.settings-restricted-dates-table .settings-restricted-dates-status-col { min-width: 140px !important; }
.settings-teammates-visibility-table.settings-restricted-dates-table .settings-restricted-dates-days-col { min-width: 160px !important; }
.settings-teammates-visibility-table.settings-restricted-dates-table .settings-restricted-dates-created-date-col { min-width: 170px !important; }
.settings-teammates-visibility-table.settings-client-holidays-table .teammates-visibility-person-col { min-width: 260px !important; width: 260px !important; max-width: 260px !important; }
.settings-teammates-visibility-table.settings-client-holidays-table .settings-client-holidays-start-col, .settings-teammates-visibility-table.settings-client-holidays-table .settings-client-holidays-end-col { min-width: 170px !important; }
.settings-teammates-visibility-table.settings-client-holidays-table .settings-client-holidays-status-col { min-width: 140px !important; }
.settings-teammates-visibility-table.settings-client-holidays-table .settings-client-holidays-duration-col, .settings-teammates-visibility-table.settings-client-holidays-table .settings-client-holidays-days-col { min-width: 160px !important; }
.settings-teammates-visibility-table.settings-client-holidays-table .settings-client-holidays-created-date-col { min-width: 170px !important; }
.settings-client-holidays-actions { display: flex; align-items: center; justify-content: center; gap: 8px; }
.settings-client-holidays-actions .btn-icon { margin: 0 !important; }
.settings-teammates-visibility-table.admin-clients-table .table-container { margin: 0 !important; padding-top: 0 !important; }
.settings-teammates-visibility-table.admin-clients-table .table-scroll { min-width: 0; width: 100%; overflow-x: auto; overflow-y: auto; }
.settings-teammates-visibility-table.admin-clients-table .table { min-width: max-content; border-spacing: 0; border-collapse: separate; }
.settings-teammates-visibility-table.admin-clients-table .table-header-cell { border-bottom: solid 1px var(--border); }
.settings-teammates-visibility-table.admin-clients-table .table-cell { text-align: center; vertical-align: middle; }
.table-bulk-toolbar { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 15px; height: 50px; border-bottom: solid 1px var(--border); background: var(--background-02); }
.table-bulk-toolbar-left { display: flex; flex-direction: row; align-items: center; gap: 10px; min-width: 0; }
.table-bulk-summary { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 8px; min-width: 0; flex-wrap: wrap; }
.table-bulk-summary p { font-size: .78rem; color: var(--font-main); font-weight: 700; line-height: 1.2; }
.table-bulk-summary-link { display: none; font-size: .78rem; line-height: 1.2; color: var(--font-main); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.table-bulk-action-btn { transition: opacity 0.2s ease, visibility 0.2s ease; }
.table-bulk-action-btn.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.table-bulk-checkbox-btn { display: flex; align-items: center; justify-content: center; width: 24px; min-width: 24px; height: 24px; padding: 0; border: none; background: transparent; cursor: pointer; color: var(--icon-light); }
.table-bulk-checkbox-btn:hover { color: var(--primary-01); }
.table-bulk-checkbox-btn .table-bulk-checkbox-icon { display: none; font-size: 1rem; width: 1rem; min-width: 1rem; text-align: center; line-height: 1; }
.table-bulk-checkbox-btn.is-none .table-bulk-checkbox-icon-unchecked, .table-row-checkbox-btn:not(.is-selected) .table-bulk-checkbox-icon-unchecked { display: block; }
.table-bulk-checkbox-btn.is-none .table-bulk-checkbox-icon-unchecked { color: var(--font-main); }
.table-bulk-checkbox-btn.is-all .table-bulk-checkbox-icon-checked, .table-row-checkbox-btn.is-selected .table-bulk-checkbox-icon-checked { display: block; color: var(--font-main); }
.table-bulk-checkbox-btn.is-some .table-bulk-checkbox-icon-partial { display: block; color: var(--font-main); }
.settings-teammates-visibility-table.admin-clients-table .table-select-col { min-width: 54px !important; width: 54px !important; max-width: 54px !important; text-align: center; }
.settings-teammates-visibility-table.admin-clients-table.admin-clients-table-with-select .table-header-cell.table-select-col { position: sticky; left: 0; z-index: 5; background: var(--background); }
.settings-teammates-visibility-table.admin-clients-table.admin-clients-table-with-select .table-body-cell.table-select-col { position: sticky; left: 0; z-index: 4; background: var(--background); }
.settings-teammates-visibility-table.admin-clients-table.admin-clients-table-with-select .table-header-cell.teammates-visibility-person-col, .settings-teammates-visibility-table.admin-clients-table.admin-clients-table-with-select .table-body-cell.teammates-visibility-person-col { left: 54px; }
.settings-teammates-visibility-table.admin-clients-table.partner-organisations-no-bulk .table-bulk-toolbar { display: none; }
.settings-teammates-visibility-table.admin-clients-table.partner-organisations-no-bulk .table-select-col { display: none; }
.settings-teammates-visibility-table.admin-clients-table .table-cell-flex { justify-content: center; min-height: 34px; min-width: 0; }
.settings-teammates-visibility-table.admin-clients-table .table-cell-flex-inner { min-width: 0; }
.settings-teammates-visibility-table.admin-clients-table .table-body-row { height: auto; }
.settings-teammates-visibility-table.admin-clients-table .admin-clients-client-col { min-width: 230px !important; width: 230px !important; max-width: 230px !important; text-align: left; }
.settings-teammates-visibility-table.admin-clients-table .admin-clients-owner-col { min-width: 280px !important; width: 280px !important; max-width: 280px !important; text-align: left; }
.settings-teammates-visibility-table.admin-clients-table .admin-clients-signup-col { min-width: 140px !important; }
.settings-teammates-visibility-table.admin-clients-table .admin-clients-partner-col { min-width: 140px !important; }
.settings-teammates-visibility-table.admin-clients-table .admin-clients-status-col { min-width: 120px !important; }
.settings-teammates-visibility-table.admin-clients-table .admin-clients-current-plan-col { min-width: 170px !important; width: 170px !important; max-width: 170px !important; }
.settings-teammates-visibility-table.admin-clients-table .admin-clients-members-col { min-width: 90px !important; width: 90px !important; max-width: 90px !important; }
.settings-teammates-visibility-table.admin-clients-table .admin-clients-website-col { min-width: 230px !important; max-width: 230px !important; }
.settings-teammates-visibility-table.admin-clients-table .admin-clients-created-col { min-width: 150px !important; }
.settings-teammates-visibility-table.admin-clients-table .admin-clients-last-outbound-col { min-width: 230px !important; width: 230px !important; max-width: 230px !important; }
.settings-teammates-visibility-table.admin-clients-table .admin-clients-expiry-col { min-width: 150px !important; }
.settings-teammates-visibility-table.admin-clients-table .admin-clients-client-col .table-cell-flex { justify-content: flex-start; }
.settings-teammates-visibility-table.admin-clients-table .admin-clients-client-col .table-cell-flex-inner { text-align: left; }
.settings-teammates-visibility-table.admin-clients-table .admin-clients-client-link { display: flex; flex-direction: column; min-width: 0; text-align: left; color: inherit; text-decoration: none; }
.settings-teammates-visibility-table.admin-clients-table .admin-clients-client-link:hover .admin-clients-client-name { color: var(--brand-color); text-decoration: underline; }
.settings-teammates-visibility-table.admin-clients-table .admin-clients-owner-col .table-cell-flex { justify-content: flex-start; }
.settings-teammates-visibility-table.admin-clients-table .admin-clients-owner-col .table-cell-flex-inner { text-align: left; }
.settings-teammates-visibility-table.admin-clients-table .admin-clients-client-name { line-height: 1.25; }
.settings-teammates-visibility-table.admin-clients-table .admin-clients-client-id { font-size: .74rem; color: var(--font-subtle); font-weight: 500 !important; line-height: 1.2; }
.settings-teammates-visibility-table.admin-clients-table .admin-clients-owner-col .table-cell-flex-inner p { line-height: 1.25; }
.settings-teammates-visibility-table.admin-clients-table .admin-clients-owner-col .subtle-text { font-size: .74rem; color: var(--font-subtle); font-weight: 500 !important; }
.settings-teammates-visibility-table.admin-clients-table .admin-clients-website-col a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.settings-teammates-visibility-table.admin-clients-table .admin-clients-signup-col .fa-circle-check, .settings-teammates-visibility-table.admin-clients-table .admin-clients-signup-col .admin-clients-signup-icon-empty { font-size: .95rem; }
.settings-teammates-visibility-table.admin-clients-table .admin-clients-signup-icon-empty { color: var(--font-subtle); }
.settings-teammates-visibility-table.admin-clients-table .table-body-cell.teammates-visibility-person-col { transition: none; }
.settings-teammates-visibility-table.admin-clients-table .table-body-row:hover { background: transparent; }
.settings-teammates-visibility-table.admin-clients-table .table-body-row:hover .table-body-cell { background: transparent; }
.client-plans-modal-item { align-items: flex-start; }
.client-plans-modal-copy { width: 100%; }
.client-plans-modal-title-row { display: flex; align-items: center; gap: 10px; min-width: 0; }
.client-plans-modal-title-row p { min-width: 0; }
.page-alt-inner-async.admin-clients-shell .admin-clients-table { flex: 1; min-height: 0; }
.page-alt-inner-async.admin-clients-shell .pagination { margin-top: auto; }
.admin-bulk-message-preview-text { min-width: 0; }
.admin-bulk-message-preview-text p { line-height: 1.25; }
.admin-message-ai-row { display: flex; align-items: stretch; gap: 10px; }
.admin-message-ai-row input { flex: 1; min-width: 0; margin-bottom: 0; }
.admin-message-ai-row .btn-icon { flex-shrink: 0; width: 55px; min-width: 55px; max-width: 55px; height: 55px; min-height: 55px; max-height: 55px; margin-bottom: 0; align-self: stretch; display: flex; align-items: center; justify-content: center; }
.admin-message-ai-row-btn-only { justify-content: flex-start; }
.admin-message-field-label { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 5px; }
.admin-message-field-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.admin-message-field-label label { margin-bottom: 0; }
.admin-message-field-label .btn-icon { display: flex; align-items: center; justify-content: center; }
.admin-message-field-label .btn-icon .svg-inline--fa { font-size: .85rem; }
.admin-message-formatting-menu { right: 0; top: 34px; min-width: 280px !important; max-width: 320px; z-index: 4001; padding: 0; overflow: hidden; }
.admin-message-formatting-menu .menu-item { white-space: normal; cursor: default; min-height: 0; height: auto; align-items: flex-start; padding-top: 10px; padding-bottom: 10px; }
.admin-message-formatting-menu .menu-item:hover { background: transparent !important; }
.admin-message-formatting-menu .menu-item:not(:last-child) { border-bottom: solid 1px var(--border); }
.admin-message-formatting-menu .menu-item p { line-height: 1.4; margin: 0; }
.admin-message-formatting-menu .menu-item code { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: .72rem; }
.admin-message-placeholder-menu { right: 0; top: 34px; min-width: 220px !important; max-width: 260px; z-index: 4001; padding: 0; overflow: hidden; }
.admin-message-placeholder-menu .menu-item { white-space: nowrap; min-height: 0; height: auto; padding-top: 10px; padding-bottom: 10px; }
.admin-message-placeholder-menu .menu-item:not(:last-child) { border-bottom: solid 1px var(--border); }
.admin-message-placeholder-menu .menu-item p { margin: 0; text-transform: none !important; }
.admin-message-placeholder-menu .menu-item code { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: .72rem; color: var(--font-subtle) !important; }
.admin-message-schedule-popover { position: relative; }
.admin-message-schedule-panel { display: none; position: absolute; right: 0; bottom: calc(100% + 10px); width: 230px; padding: 15px; border: solid 1px var(--border); border-radius: 10px; background: var(--background-02); box-shadow: var(--box-shadow-menu); z-index: 4002; }
.admin-message-schedule-panel.is-open { display: block; }
.admin-message-schedule-panel-fields { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
.admin-message-schedule-panel-fields .form-field { width: 100%; margin: 0; }
.admin-message-schedule-panel-fields .form-field:first-child { margin-bottom: 10px; }
.admin-message-schedule-panel-fields label { margin-bottom: 5px; }
.admin-message-schedule-panel-fields input, .admin-message-schedule-panel-fields select { width: 100%; box-sizing: border-box; display: block; padding: 0 8px; height: 33px; margin-bottom: 0 !important; border: 1px solid var(--border); border-radius: 4px; background: var(--background); color: var(--font-main); font-size: .77rem; font-family: 'Muli', sans-serif; line-height: 1; -webkit-appearance: auto; -moz-appearance: textfield; appearance: auto; cursor: text; }
.admin-message-schedule-panel-fields input:focus, .admin-message-schedule-panel-fields select:focus { border-color: var(--brand-color); outline: none; }
.admin-message-schedule-panel-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 10px; padding-top: 10px; border-top: solid 1px var(--border); }
.modal-content-footer .admin-message-schedule-panel-actions .btn { min-width: 0; margin: 0 !important; height: 29px !important; }
.admin-message-schedule-panel-actions .btn.btn-sml { height: 29px !important; padding: 0 12px !important; }
.admin-message-schedule-panel-actions .js-schedule-send-confirm { padding: 0 10px !important; }
.admin-message-schedule-panel-actions .js-schedule-send-confirm p { margin: 0 !important; padding: 0 !important; }
.admin-message-schedule-panel-actions .js-schedule-send-confirm .btn-spinner { margin-left: 0 !important; }

@media screen and (max-width: 950px) {
.table-bulk-toolbar { flex-direction: column; align-items: flex-start; }
.table-bulk-toolbar-left { width: 100%; flex-wrap: wrap; }
.admin-message-schedule-panel { width: min(230px, calc(100vw - 40px)); }
.admin-message-schedule-panel-fields .form-field { width: 100%; } }
.page-alt-inner-async.admin-logs-shell .admin-logs-table { flex: 1; min-height: 0; }
.page-alt-inner-async.admin-logs-shell .pagination { margin-top: auto; }
.page-alt-inner-async.admin-user-documents-shell .admin-user-documents-table { flex: 1; min-height: 0; }
.page-alt-inner-async.admin-user-documents-shell .pagination { margin-top: auto; }
.page-alt-inner-async.admin-last-active-shell .admin-last-active-table { flex: 1; min-height: 0; }
.page-alt-inner-async.admin-last-active-shell .pagination { margin-top: auto; }
.page-alt-inner-async.admin-api-usage-shell .admin-api-usage-table { flex: 1; min-height: 0; }
.page-alt-inner-async.admin-api-usage-shell .pagination { margin-top: auto; }
.page-alt-inner-async.admin-api-call-logs-shell .admin-api-call-logs-table { flex: 1; min-height: 0; }
.page-alt-inner-async.admin-api-call-logs-shell .pagination { margin-top: auto; }
.settings-teammates-visibility-table.admin-user-documents-table .table-wrapper, .settings-teammates-visibility-table.admin-last-active-table .table-wrapper, .settings-teammates-visibility-table.admin-api-usage-table .table-wrapper, .settings-teammates-visibility-table.admin-api-call-logs-table .table-wrapper { width: 100%; }
.settings-teammates-visibility-table.admin-user-documents-table .table-container, .settings-teammates-visibility-table.admin-last-active-table .table-container, .settings-teammates-visibility-table.admin-api-usage-table .table-container, .settings-teammates-visibility-table.admin-api-call-logs-table .table-container { width: 100%; min-width: 0; margin: 0 !important; padding-top: 0 !important; }
.settings-teammates-visibility-table.admin-user-documents-table .table-scroll, .settings-teammates-visibility-table.admin-last-active-table .table-scroll, .settings-teammates-visibility-table.admin-api-usage-table .table-scroll, .settings-teammates-visibility-table.admin-api-call-logs-table .table-scroll { min-width: 0; width: 100%; overflow-x: auto; overflow-y: auto; }
.settings-teammates-visibility-table.admin-user-documents-table .table, .settings-teammates-visibility-table.admin-last-active-table .table, .settings-teammates-visibility-table.admin-api-usage-table .table, .settings-teammates-visibility-table.admin-api-call-logs-table .table { width: 100%; min-width: max-content; border-spacing: 0; border-collapse: separate; }
.settings-teammates-visibility-table.admin-user-documents-table .table-header-cell, .settings-teammates-visibility-table.admin-last-active-table .table-header-cell, .settings-teammates-visibility-table.admin-api-usage-table .table-header-cell, .settings-teammates-visibility-table.admin-api-call-logs-table .table-header-cell { border-bottom: solid 1px var(--border); }
.settings-teammates-visibility-table.admin-user-documents-table .table-cell, .settings-teammates-visibility-table.admin-last-active-table .table-cell, .settings-teammates-visibility-table.admin-api-usage-table .table-cell, .settings-teammates-visibility-table.admin-api-call-logs-table .table-cell { text-align: center; vertical-align: middle; }
.settings-teammates-visibility-table.admin-user-documents-table .table-body-row, .settings-teammates-visibility-table.admin-last-active-table .table-body-row, .settings-teammates-visibility-table.admin-api-call-logs-table .table-body-row { height: auto; }
.settings-teammates-visibility-table.admin-user-documents-table .table-cell-flex, .settings-teammates-visibility-table.admin-last-active-table .table-cell-flex { justify-content: center; min-height: 34px; min-width: 0; }
.settings-teammates-visibility-table.admin-user-documents-table .table-cell-flex-inner, .settings-teammates-visibility-table.admin-last-active-table .table-cell-flex-inner { min-width: 0; }
.settings-teammates-visibility-table.admin-user-documents-table .table-header-cell.admin-user-documents-name-col, .settings-teammates-visibility-table.admin-user-documents-table .table-body-cell.admin-user-documents-name-col, .settings-teammates-visibility-table.admin-user-documents-table .admin-user-documents-name-cell { min-width: 340px !important; width: 340px !important; max-width: 340px !important; text-align: left !important; justify-content: flex-start !important; }
.settings-teammates-visibility-table.admin-user-documents-table .table-header-cell.admin-user-documents-name-col { z-index: 4; }
.settings-teammates-visibility-table.admin-user-documents-table .admin-user-documents-client-col { min-width: 240px !important; width: 240px !important; max-width: 240px !important; text-align: left !important; }
.settings-teammates-visibility-table.admin-user-documents-table .table-header-cell.admin-user-documents-added-by-col, .settings-teammates-visibility-table.admin-user-documents-table .table-body-cell.admin-user-documents-added-by-col, .settings-teammates-visibility-table.admin-user-documents-table .admin-user-documents-added-by-col .teammates-visibility-person-cell { min-width: 220px !important; width: 220px !important; max-width: 220px !important; text-align: left !important; }
.settings-teammates-visibility-table.admin-user-documents-table .admin-user-documents-created-col { min-width: 170px !important; }
.settings-teammates-visibility-table.admin-user-documents-table .admin-user-documents-action-col { min-width: 90px !important; width: 90px !important; max-width: 90px !important; }
.settings-teammates-visibility-table.admin-user-documents-table .admin-user-documents-client-cell, .settings-teammates-visibility-table.admin-user-documents-table .admin-user-documents-name-cell { justify-content: flex-start; }
.settings-teammates-visibility-table.admin-user-documents-table .admin-user-documents-client-cell .table-cell-flex-inner, .settings-teammates-visibility-table.admin-user-documents-table .admin-user-documents-name-cell .table-cell-flex-inner { text-align: left; }
.settings-teammates-visibility-table.admin-user-documents-table .admin-user-documents-name-cell .table-cell-flex-inner { width: 100%; }
.settings-teammates-visibility-table.admin-user-documents-table .admin-user-documents-added-by-col .teammates-visibility-person-meta { align-items: flex-start; text-align: left; min-width: 0; }
.settings-teammates-visibility-table.admin-user-documents-table .admin-user-documents-added-by-col .teammates-visibility-person-meta > span { display: block; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.settings-teammates-visibility-table.admin-user-documents-table .admin-user-documents-client-cell p, .settings-teammates-visibility-table.admin-user-documents-table .admin-user-documents-name-cell p { line-height: 1.25; }
.settings-teammates-visibility-table.admin-user-documents-table .admin-user-documents-client-cell .subtle-text, .settings-teammates-visibility-table.admin-user-documents-table .admin-user-documents-name-cell .subtle-text { font-size: .74rem; color: var(--font-subtle); font-weight: 500 !important; line-height: 1.2; }
.settings-teammates-visibility-table.admin-last-active-table .table-header-cell.admin-last-active-user-col, .settings-teammates-visibility-table.admin-last-active-table .table-body-cell.admin-last-active-user-col, .settings-teammates-visibility-table.admin-last-active-table .teammates-visibility-person-cell { min-width: 240px !important; width: 240px !important; max-width: 240px !important; }
.settings-teammates-visibility-table.admin-last-active-table .table-header-cell.admin-last-active-user-col { z-index: 4; }
.settings-teammates-visibility-table.admin-last-active-table .admin-last-active-client-col { min-width: 240px !important; width: 240px !important; max-width: 240px !important; text-align: left !important; }
.settings-teammates-visibility-table.admin-last-active-table .admin-last-active-date-col { min-width: 180px !important; }
.settings-teammates-visibility-table.admin-last-active-table .admin-last-active-client-col, .settings-teammates-visibility-table.admin-last-active-table .admin-last-active-user-col { text-align: left !important; }
.settings-teammates-visibility-table.admin-last-active-table .teammates-visibility-person-meta { align-items: flex-start; text-align: left; min-width: 0; }
.settings-teammates-visibility-table.admin-last-active-table .teammates-visibility-person-meta > span { display: block; max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.settings-teammates-visibility-table.admin-client-people-table .table-header-cell.admin-client-people-user-col, .settings-teammates-visibility-table.admin-client-people-table .table-body-cell.admin-client-people-user-col, .settings-teammates-visibility-table.admin-client-people-table .teammates-visibility-person-cell { min-width: 250px !important; width: 250px !important; max-width: 250px !important; text-align: left !important; }
.settings-teammates-visibility-table.admin-client-people-table .table-header-cell.admin-client-people-user-col { z-index: 4; }
.settings-teammates-visibility-table.admin-client-people-table .admin-client-people-user-col .teammates-visibility-person-meta { align-items: flex-start; text-align: left; min-width: 0; }
.settings-teammates-visibility-table.admin-client-people-table .admin-client-people-user-col .teammates-visibility-person-meta > span { display: block; max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.settings-teammates-visibility-table.admin-client-people-table .admin-client-people-user-col .subtle-text { font-size: .74rem; color: var(--font-subtle); font-weight: 500 !important; line-height: 1.2; }
.admin-client-tab-root { display: flex; flex-direction: column; min-height: 220px; }
.admin-client-plans-page-header { margin-bottom: 0; }
.admin-client-plans-table .table-scroll { width: 100%; min-width: 0; overflow-x: auto !important; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.admin-client-plans-table .table { width: max-content !important; min-width: 100% !important; }
.admin-client-plans-table .partner-plans-name-col { min-width: 280px !important; width: 280px !important; max-width: 280px !important; }
.admin-client-plans-table .admin-client-plans-current-col { min-width: 120px !important; width: 120px !important; max-width: 120px !important; text-align: center !important; }
.admin-client-plans-table .admin-client-plans-type-col { min-width: 170px !important; width: 170px !important; max-width: 170px !important; }
.admin-client-plans-table .admin-client-plans-included-col { min-width: 120px !important; width: 120px !important; max-width: 120px !important; text-align: center !important; }
.admin-client-plans-table .admin-client-plans-cycle-col { min-width: 150px !important; width: 150px !important; max-width: 150px !important; }
.admin-client-plans-table .admin-client-plans-plan-header { display: flex; align-items: center; gap: 10px; width: 100%; min-width: 0; }
.admin-client-plans-table .admin-client-plans-plan-header p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-client-plans-table .partner-plans-helper-text { line-height: 1.25; white-space: normal; overflow-wrap: anywhere; }
.admin-client-plans-table .partner-plans-delete-col .btn-icon { margin: 0 auto; }
.settings-teammates-visibility-table.admin-api-usage-table .admin-api-usage-id-col { min-width: 80px !important; width: 80px !important; max-width: 80px !important; }
.settings-teammates-visibility-table.admin-api-usage-table .admin-api-usage-user-col { min-width: 110px !important; }
.settings-teammates-visibility-table.admin-api-usage-table .admin-api-usage-key-col { min-width: 120px !important; }
.settings-teammates-visibility-table.admin-api-usage-table .admin-api-usage-year-col, .settings-teammates-visibility-table.admin-api-usage-table .admin-api-usage-month-col { min-width: 90px !important; }
.settings-teammates-visibility-table.admin-api-usage-table .admin-api-usage-total-col { min-width: 130px !important; }
.settings-teammates-visibility-table.admin-api-call-logs-table .admin-api-call-logs-id-col { min-width: 80px !important; width: 80px !important; max-width: 80px !important; }
.settings-teammates-visibility-table.admin-api-call-logs-table .admin-api-call-logs-created-col { min-width: 170px !important; }
.settings-teammates-visibility-table.admin-api-call-logs-table .admin-api-call-logs-user-col, .settings-teammates-visibility-table.admin-api-call-logs-table .admin-api-call-logs-key-col, .settings-teammates-visibility-table.admin-api-call-logs-table .admin-api-call-logs-status-col, .settings-teammates-visibility-table.admin-api-call-logs-table .admin-api-call-logs-method-col, .settings-teammates-visibility-table.admin-api-call-logs-table .admin-api-call-logs-response-col, .settings-teammates-visibility-table.admin-api-call-logs-table .admin-api-call-logs-partner-col { min-width: 110px !important; }
.settings-teammates-visibility-table.admin-api-call-logs-table .admin-api-call-logs-endpoint-col, .settings-teammates-visibility-table.admin-api-call-logs-table .admin-api-call-logs-function-col { min-width: 220px !important; text-align: left !important; }
.settings-teammates-visibility-table.admin-api-call-logs-table .admin-api-call-logs-path-col, .settings-teammates-visibility-table.admin-api-call-logs-table .admin-api-call-logs-agent-col { min-width: 260px !important; text-align: left !important; }
.page-alt-inner-async.admin-sent-emails-shell .admin-sent-emails-table { flex: 1; min-height: 0; }
.page-alt-inner-async.admin-sent-emails-shell .pagination { margin-top: auto; }
.settings-teammates-visibility-table.admin-sent-emails-table .table-wrapper { width: 100%; }
.settings-teammates-visibility-table.admin-sent-emails-table .table-container { width: 100%; min-width: 0; margin: 0 !important; padding-top: 0 !important; }
.settings-teammates-visibility-table.admin-sent-emails-table .table-scroll { min-width: 0; width: 100%; overflow-x: auto; overflow-y: auto; }
.settings-teammates-visibility-table.admin-sent-emails-table .table { width: 100%; min-width: max-content; border-spacing: 0; border-collapse: separate; }
.settings-teammates-visibility-table.admin-sent-emails-table .table-header-cell { border-bottom: solid 1px var(--border); }
.settings-teammates-visibility-table.admin-sent-emails-table .table-cell { text-align: center; vertical-align: middle; }
.settings-teammates-visibility-table.admin-sent-emails-table .table-body-row { height: auto; }
.settings-teammates-visibility-table.admin-sent-emails-table .table-cell-flex { justify-content: center; min-height: 34px; min-width: 0; }
.settings-teammates-visibility-table.admin-sent-emails-table .table-cell-flex-inner { min-width: 0; }
.settings-teammates-visibility-table.admin-sent-emails-table .table-header-cell.admin-sent-emails-person-col,
.settings-teammates-visibility-table.admin-sent-emails-table .table-body-cell.admin-sent-emails-person-col,
.settings-teammates-visibility-table.admin-sent-emails-table .teammates-visibility-person-cell { min-width: 250px !important; width: 250px !important; max-width: 250px !important; }
.settings-teammates-visibility-table.admin-sent-emails-table .table-header-cell.admin-sent-emails-person-col { z-index: 4; }
.settings-teammates-visibility-table.admin-sent-emails-table .admin-sent-emails-person-col { text-align: left !important; }
.settings-teammates-visibility-table.admin-sent-emails-table .admin-sent-emails-person-col .teammates-visibility-person-meta { align-items: flex-start; text-align: left; min-width: 0; }
.settings-teammates-visibility-table.admin-sent-emails-table .admin-sent-emails-person-col .time-off-person-link,
.settings-teammates-visibility-table.admin-sent-emails-table .admin-sent-emails-person-col .teammates-visibility-person-meta > span { display: block; max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.settings-teammates-visibility-table.admin-sent-emails-table .admin-sent-emails-client-col { min-width: 220px !important; width: 220px !important; max-width: 220px !important; text-align: left !important; }
.settings-teammates-visibility-table.admin-sent-emails-table .admin-sent-emails-date-col { min-width: 240px !important; width: auto !important; max-width: none !important; }
.settings-teammates-visibility-table.admin-sent-emails-table .admin-sent-emails-type-col { min-width: 260px !important; width: auto !important; max-width: none !important; }
.settings-teammates-visibility-table.admin-sent-emails-table .admin-sent-emails-type-col .items-01-item-status { margin-left: auto !important; margin-right: auto !important; width: max-content; }
.settings-teammates-visibility-table.admin-sent-emails-table .admin-sent-emails-subject-col { min-width: 90px !important; width: 90px !important; max-width: 90px !important; text-align: center !important; }
.settings-teammates-visibility-table.admin-sent-emails-table .admin-sent-emails-view-action { justify-content: center !important; width: 100%; }
.settings-teammates-visibility-table.admin-sent-emails-table .admin-sent-emails-subject-col .btn-icon { margin: 0 auto !important; }
.settings-teammates-visibility-table.admin-sent-emails-table .admin-sent-emails-status-col { min-width: 90px !important; width: 90px !important; max-width: 90px !important; }
.settings-teammates-visibility-table.admin-sent-emails-table .admin-sent-emails-client-cell { justify-content: flex-start; min-width: 0; }
.settings-teammates-visibility-table.admin-sent-emails-table .admin-sent-emails-client-cell .table-cell-flex-inner { text-align: left; min-width: 0; }
.settings-teammates-visibility-table.admin-sent-emails-table .admin-sent-emails-client-name,
.settings-teammates-visibility-table.admin-sent-emails-table .admin-sent-emails-client-id,
.settings-teammates-visibility-table.admin-sent-emails-table .admin-sent-emails-subject-text { line-height: 1.25; }
.settings-teammates-visibility-table.admin-sent-emails-table .admin-sent-emails-client-id,
.settings-teammates-visibility-table.admin-sent-emails-table .admin-sent-emails-email-id,
.settings-teammates-visibility-table.admin-sent-emails-table .teammates-visibility-person-meta .subtle-text { font-size: .74rem; color: var(--font-subtle); font-weight: 500 !important; line-height: 1.2; }
.settings-teammates-visibility-table.admin-sent-emails-table .admin-sent-emails-subject-text,
.settings-teammates-visibility-table.admin-sent-emails-table .admin-sent-emails-client-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.settings-teammates-visibility-table.admin-sent-emails-table .admin-sent-emails-status-col .fa-circle-check,
.settings-teammates-visibility-table.admin-sent-emails-table .admin-sent-emails-status-col .fa-circle-xmark { font-size: .95rem; }
.settings-teammates-visibility-table.admin-email-templates-table .table-wrapper { width: 100%; }
.settings-teammates-visibility-table.admin-email-templates-table .table-container { width: 100%; min-width: 0; margin: 0 !important; padding-top: 0 !important; }
.settings-teammates-visibility-table.admin-email-templates-table .table-scroll { min-width: 0; width: 100%; overflow-x: auto; overflow-y: auto; }
.settings-teammates-visibility-table.admin-email-templates-table .table { width: 100%; min-width: max-content; border-spacing: 0; border-collapse: separate; }
.settings-teammates-visibility-table.admin-email-templates-table .table-header-cell { border-bottom: solid 1px var(--border); }
.settings-teammates-visibility-table.admin-email-templates-table .table-cell { text-align: center; vertical-align: middle; }
.settings-teammates-visibility-table.admin-email-templates-table .admin-email-templates-name-col { min-width: 260px !important; width: 260px !important; max-width: 260px !important; text-align: left !important; }
.settings-teammates-visibility-table.admin-email-templates-table .admin-email-templates-created-by-col { min-width: 220px !important; width: 220px !important; max-width: 220px !important; text-align: left !important; }
.settings-teammates-visibility-table.admin-email-templates-table .admin-email-templates-updated-col { min-width: 170px !important; }
.settings-teammates-visibility-table.admin-email-templates-table .admin-email-templates-style-col, .settings-teammates-visibility-table.admin-email-templates-table .admin-email-templates-replies-col { min-width: 130px !important; }
.settings-teammates-visibility-table.admin-email-templates-table .admin-email-templates-action-col { min-width: 110px !important; width: 110px !important; max-width: 110px !important; }
.settings-teammates-visibility-table.admin-email-templates-table .admin-email-templates-style-col .items-01-item-status, .settings-teammates-visibility-table.admin-email-templates-table .admin-email-templates-replies-col .items-01-item-status { margin-left: auto !important; margin-right: auto !important; width: max-content; }
.settings-teammates-visibility-table.admin-email-templates-table .admin-email-templates-name-cell { justify-content: flex-start; min-height: 34px; min-width: 0; }
.settings-teammates-visibility-table.admin-email-templates-table .admin-email-templates-name-cell .table-cell-flex-inner { min-width: 0; text-align: left; }
.settings-teammates-visibility-table.admin-email-templates-table .admin-email-templates-name-cell .subtle-text { font-size: .74rem; color: var(--font-subtle); font-weight: 500 !important; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.settings-teammates-visibility-table.admin-email-templates-table .admin-email-templates-created-by-col .teammates-visibility-person-meta { align-items: flex-start; text-align: left; min-width: 0; }
.settings-teammates-visibility-table.admin-email-templates-table .admin-email-templates-action-cell { justify-content: center !important; width: 100%; }
.settings-teammates-visibility-table.admin-logs-table .table-header-cell.admin-logs-person-col,
.settings-teammates-visibility-table.admin-logs-table .table-body-cell.admin-logs-person-col,
.settings-teammates-visibility-table.admin-logs-table .teammates-visibility-person-cell { min-width: 190px !important; width: 190px !important; max-width: 190px !important; }
.settings-teammates-visibility-table.admin-logs-table .admin-logs-client-col { min-width: 270px !important; width: 270px !important; max-width: 270px !important; text-align: left !important; }
.settings-teammates-visibility-table.admin-logs-table .admin-logs-client-link { color: var(--font-main); text-decoration: none; display: inline-block; }
.settings-teammates-visibility-table.admin-logs-table .admin-logs-client-link:hover { text-decoration: underline; }
.settings-teammates-visibility-table.admin-logs-table .admin-logs-client-cell { justify-content: flex-start; min-width: 0; }
.settings-teammates-visibility-table.admin-logs-table .admin-logs-client-cell .table-cell-flex-inner { text-align: left; min-width: 0; }
.settings-teammates-visibility-table.admin-logs-table .admin-logs-client-name,
.settings-teammates-visibility-table.admin-logs-table .admin-logs-client-id { max-width: 190px; }
.settings-teammates-visibility-table.admin-logs-table .admin-logs-user-link,
.settings-teammates-visibility-table.admin-logs-table .admin-logs-client-link {
  font-weight: 500;
  display: inline;
}
.settings-teammates-visibility-table.admin-logs-table .admin-logs-user-link,
.settings-teammates-visibility-table.admin-logs-table .admin-logs-client-link { color: var(--font-main); text-decoration: none; }
.settings-teammates-visibility-table.admin-logs-table .admin-logs-user-link:hover,
.settings-teammates-visibility-table.admin-logs-table .admin-logs-client-link:hover { text-decoration: underline; }
.settings-teammates-visibility-table.admin-logs-table .table-header-cell.teammates-visibility-person-col,
.settings-teammates-visibility-table.admin-logs-table .table-body-cell.teammates-visibility-person-col { left: 0; }
.settings-teammates-visibility-table.admin-logs-table .table-header-cell.teammates-visibility-person-col { z-index: 4; }
.settings-teammates-visibility-table.admin-logs-table .teammates-visibility-person-cell--stack { align-items: flex-start; }
.settings-teammates-visibility-table.admin-logs-table .teammates-visibility-person-meta { align-items: flex-start; text-align: left; }
.settings-teammates-visibility-table.admin-logs-table .admin-logs-user-agent-col,
.settings-teammates-visibility-table.admin-logs-table .admin-logs-path-col { min-width: 260px !important; width: 260px !important; max-width: 260px !important; }
.settings-teammates-visibility-table.admin-logs-table .table-body-cell.admin-logs-user-agent-col,
.settings-teammates-visibility-table.admin-logs-table .table-body-cell.admin-logs-path-col { white-space: normal !important; text-wrap: wrap; overflow-wrap: anywhere; word-break: break-word; line-height: 1.6; vertical-align: top; }
.settings-team-access-section { margin-bottom: 16px; }
.settings-team-access-section:last-child { margin-bottom: 0; }
.teammates-access-icon-btn { position: relative; top: 0; }
.teammates-access-menu { right: 0; top: 46px; min-width: 250px !important; max-width: 400px; z-index: 999999 !important; }
.teammates-access-menu-content { max-height: 360px; overflow-y: auto; }
.teammates-access-menu-section { margin: 10px 0; }
.teammates-access-menu-item { min-height: 50px; }
.teammates-access-menu-item-static { cursor: default; }
.teammates-access-menu-item-static:hover { background-color: transparent !important; }
.teammates-access-menu-item-details { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; flex: 1; }
.teammates-access-menu-item-name { min-width: 0; }
.teammates-access-menu-pagination { border-top: solid 1px var(--border); padding: 10px 12px; }
.teammates-access-menu-pagination-btns { display: flex; align-items: center; }
.teammates-access-menu-pagination-btns .btn { margin-right: 8px; min-width: 72px; }
.teammates-access-menu-pagination .subtle-text { padding-top: 6px; }
.person-protected-access-section { border-top: solid 1px var(--border); }
.person-protected-access-section:first-child { border-top: none; }
.person-protected-access-section-trigger { display: flex; align-items: center; justify-content: space-between; }
.person-protected-access-section-trigger { width: 100%; border: 0; background: transparent; color: var(--font-main); font-family: 'Muli', sans-serif; font-size: .82rem !important; text-align: left; cursor: pointer; }
.person-protected-access-section-trigger p { line-height: 1.4; }
.person-protected-access-section-trigger i { font-size: .7rem; transition: transform .2s ease; }
.person-protected-access-section.is-open .person-protected-access-section-trigger i { transform: rotate(180deg); }
.person-protected-access-section-content { border-top: solid 1px var(--border); }
.settings-user-item-name { font-weight: 700; }
.settings-page-header { display: flex; flex-direction: row; align-items: center; padding: 0 0 10px; margin: 0 0 30px; border-bottom: solid 1px var(--border); }
.settings-page-header-no-margin { margin: 0 !important; }
.settings-page-header h6 { color: var(--font-subtle); text-transform: none; font-size: 0.77rem; }
.settings-items { display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap; }
.settings-item { width: calc(25% - 42px); margin: 20px; border-radius: 10px !important; border: solid 1px var(--border); box-shadow: var(--box-item-01); }
.settings-item-inner { display: flex; flex-direction: column; padding: 20px; }
.settings-item-img img { width: auto; height: 30px; }
.settings-item-header { margin: 10px 0 5px; }
.settings-item-description p { line-height: 1.6; }
.settings-item-btn { margin-top: auto; padding-top: 25px; }
.settings-box-items { margin: 20px 0; display: flex; flex-direction: row; }
.settings-box-item { width: calc(33.33% - 42px); padding: 20px; border-radius: 10px; border: solid 1px var(--border); }
.settings-box-item:nth-child(2) { margin: 0 20px; }

@media (max-width: 768px) {
.teammates-access-menu { min-width: 300px !important; max-width: calc(100vw - 60px); }
}
.settings-box-item-title { color: var(--font-subtle); padding-bottom: 2px; }
.settings-content-container { max-width: 500px; padding: 0 20px; }
.settings-content-section { border-top: solid 1px var(--border); padding: 20px 0; }
.settings-content-section h6 { padding-bottom: 10px; }
.settings-content-section p { font-size: .82rem; line-height: 1.6; padding-bottom: 10px; }
.settings-content-section a { color: var(--font-main); font-weight: bolder; text-decoration: underline; }
.settings-about-your-data-modal .settings-content-container { padding: 0; }
.settings-about-your-data-modal .settings-content-section { border-top: none; padding: 5px 0; }

@media screen and (max-width: 1750px) {

.settings-item { width: calc(33.33% - 42px); } }

@media screen and (max-width: 1250px) {

.settings-item { width: calc(50% - 42px); } }

@media screen and (max-width: 950px) {

.settings-box-items { flex-direction: column; }
.settings-box-item { width: calc(100% - 42px); }
.settings-box-item:nth-child(2) { margin: 20px 0; } }

@media screen and (max-width: 800px) {

.settings-item { width: calc(100% - 42px); } }

@media screen and (max-width: 650px) {

.settings-user-header { flex-direction: column; align-items: flex-start; padding-bottom: 30px; }
.settings-user-header-details { margin: 10px 0 20px; }
.settings-user-header-right { margin-left: 0; padding-left: 0; }
.settings-user-item-icon-container { margin-top: 3px; }
.settings-user-item { height: auto; flex-direction: column; align-items: flex-start; justify-content: center; }
.settings-user-item-title { padding-bottom: 5px; color: var(--font-subtle); }
.settings-user-item-name { font-size: .9rem; font-weight: 700; padding: 10px 0 0; }
.settings-user-item-right { padding-left: 0; margin: 10px 0 0 0; } 
.settings-user-item .items-01-item-status { margin: 10px 10px 10px 0 !important; } }

/*****************************
	App Billing
*****************************/

.billing-section { margin-bottom: 40px; }
.settings-inner-section { margin-bottom: 40px; }
.settings-inner-section-has-list { margin-top: 20px; }
.billing-inner-section-header h6 { color: var(--font-subtle); font-size: 0.77rem; text-transform: uppercase; letter-spacing: 0.03em; }
.billing-plan-list { display: flex; flex-direction: column; gap: 15px; margin-top: 20px; }
.billing-plan-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px; align-items: center; padding: 20px; border: solid 1px var(--border); border-radius: 10px; }
.billing-plan-row-current { border-color: var(--font-main); }
.billing-plan-row-main { min-width: 0; }
.billing-plan-row-heading { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.billing-plan-row-heading h6 { margin: 0; }
.billing-plan-row-meta { margin-top: 10px; }
.billing-plan-row-actions { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 10px; }
.billing-plan-row-actions .btn { width: auto; max-width: 100%; }
.billing-plan-row-form { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 10px; width: auto; }
.billing-plan-row-cycle-field { width: auto; min-width: 180px; max-width: 220px; margin-bottom: 0; }
.billing-plan-row-cycle-field label { text-align: left; }
.billing-plan-row-unavailable { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 10px; }
.billing-plan-section-heading { width: 100%; padding: 20px 0 10px; text-align: left; }
.billing-plan-section-heading p { color: var(--font-subtle); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.03em; text-transform: uppercase; }
.billing-plan-item { width: 100%; display: flex; flex-direction: row; border-bottom: solid 1px var(--border); padding: 20px 0; }
.billing-plan-item:last-child { border-bottom: none; }
.billing-plan-tag-soon { background-color: var(--purple-light) !important; }
.billing-plan-tag-soon p { color: var(--purple) !important; }
.billing-plan-item-right { margin-left: auto; }
.billing-price { display: flex; align-items: flex-end; font-size: 1.1rem; }
.billing-currency { padding-top: 3px; font-size: 0.75rem; align-self: flex-start; margin-right: 2px; }
.billing-value { font-size: 2.2rem; line-height: 0.8 !important; font-weight: bold; }
.billing-period { padding-left: 2px; font-size: 0.75rem; align-self: flex-end; }
.billing-plan-tag { border-radius: 100px; }
.billing-plan-tag p { padding: 2px 8px; text-transform: uppercase; font-size: .65rem; font-weight: 800; }
.billing-plan-tag-one-time { border: solid 1px var(--font-main); }
.billing-plan-tag-one-time p { color: var(--font-main); }
.billing-plan-not-included { background: var(--background-02); }
.billing-plan-not-included .billing-plan-tag { background-color: var(--grey-light); }
.billing-plan-not-included .billing-plan-tag p { color: var(--grey); }
.billing-plan-not-included .billing-feature { text-decoration: line-through !important; color: var(--grey); font-weight: 700; }
.billing-plan-included .billing-plan-tag { background-color: var(--blue-light); }
.billing-plan-included .billing-plan-tag p { color: var(--blue); }
.billing-plan-cta-current { border: solid 1px var(--border); cursor: auto; width: auto !important; }
.billing-plan-cta-current p { color: var(--font-subtle); }
.billing-plan-cta-sub-text { color: var(--font-subtle); line-height: 1.6; margin-top: 8px; font-size: .72rem; }
.billing-plan-comparison { width: 100%; margin-top: 15px; text-align: left; border-top: solid 1px var(--border); }
.billing-plan-section-heading-impact { padding-top: 15px; }
.billing-plan-comparison-item { background: transparent; }
.billing-plan-comparison-item .billing-plan-item-right p { text-align: right; color: var(--font-subtle); }
.billing-plan-comparison-notes { display: flex; flex-direction: column; gap: 10px; padding-bottom: 10px; }
.billing-plan-comparison-note { background: var(--background-02); border-radius: 10px; padding: 15px; }
.billing-plan-comparison-note p { color: var(--font-subtle); line-height: 1.5; }
.modal:has(.billing-plan-matrix-modal) { max-width: 1100px; width: min(1100px, 96vw); }
.billing-plan-matrix-table, .billing-plan-matrix-table .table-wrapper, .billing-plan-matrix-table .table-container { width: 100%; }
.billing-plan-matrix-table .table-container { margin: 0; padding-top: 0; overflow: visible; }
.billing-plan-matrix-table .table-scroll { min-width: 0; width: 100%; overflow-x: auto; overflow-y: visible; }
.billing-plan-matrix-table .table { width: 100%; min-width: max-content; margin-bottom: 0; border-spacing: 0; border-collapse: separate; table-layout: auto; }
.billing-plan-matrix-table .table-header-cell { position: static; height: auto; padding-top: 15px !important; padding-bottom: 15px !important; min-width: 150px; background: var(--background); vertical-align: bottom; border-top: none; }
.billing-plan-matrix-table .table-header-cell span { position: static; display: block; white-space: normal; line-height: 1.3; color: var(--font-main); text-align: center; }
.billing-plan-matrix-table .table-header-cell span strong { display: block; font-size: 0.82rem; font-weight: 700; }
.billing-plan-matrix-table .table-header-cell span small { display: block; margin-top: 5px; font-size: 0.72rem; font-weight: 600; color: var(--font-subtle); }
.billing-plan-matrix-table .table-header-cell span em { display: inline-block; margin-top: 10px; font-size: 0.65rem; font-style: normal; font-weight: 800; letter-spacing: 0.03em; color: var(--font-subtle); text-transform: uppercase; }
.billing-plan-matrix-table .table-body-cell { padding-top: 15px; padding-bottom: 15px; overflow: visible; text-overflow: initial; }
.billing-plan-matrix-table .billing-plan-matrix-feature-col { min-width: 220px !important; width: 220px !important; max-width: 220px !important; text-align: left !important; }
.billing-plan-matrix-table .table-header-cell.billing-plan-matrix-feature-col { position: sticky; left: 0; z-index: 6; background: var(--background); }
.billing-plan-matrix-table .table-body-cell.billing-plan-matrix-feature-col { position: sticky; left: 0; z-index: 5; background: var(--background); color: var(--font-main); font-weight: 700 !important; }
.billing-plan-matrix-table .billing-plan-matrix-plan-col-active, .billing-plan-matrix-table .billing-plan-matrix-value-cell-active { background: var(--background-02); }
.billing-plan-matrix-table .billing-plan-matrix-value-cell { text-align: center; vertical-align: middle; border-left: solid 1px var(--border); }
.billing-plan-matrix-table .billing-plan-matrix-status { display: inline-flex; align-items: center; justify-content: center; width: 100%; }
.billing-plan-matrix-table .billing-plan-matrix-status i { font-size: .95rem; }
.billing-plan-matrix-table .billing-plan-matrix-status-not-included { color: var(--font-subtle); }
.billing-payment-method-meta { color: var(--font-subtle); margin-top: 10px; }
.billing-payment-method-placeholder { margin-top: 20px; min-height: 105px; border: solid 1px var(--border); border-radius: 10px; background: var(--background-02); display: flex; align-items: center; justify-content: center; }
.billing-payment-method-placeholder .fa-spinner, .billing-payment-method-placeholder .svg-inline--fa { color: var(--icon-load-spinner); font-size: 1.25rem; }
.billing-payment-method-action { margin-top: 20px; }
.billing-payment-method-empty-state { margin: 20px 0 0; padding: 20px; max-width: none; flex-direction: row; align-items: center; text-align: left; border: solid 1px var(--border); border-radius: 10px; }
.billing-payment-method-empty-state-icon { height: 45px; width: 45px; min-height: 45px; min-width: 45px; border-radius: 100%; background: var(--background-02); display: flex; align-items: center; justify-content: center; margin-right: 15px; }
.billing-payment-method-empty-state .svg-inline--fa, .billing-payment-method-empty-state i { font-size: 1.1rem; margin: 0; }
.billing-payment-method-empty-state-content { flex: 1; min-width: 0; }
.billing-payment-method-empty-state h6 { margin: 0 0 5px; }
.billing-payment-method-empty-state .empty-state-sub-text { max-width: 520px; }
.billing-payment-method-empty-state-action { margin: 0 0 0 20px; }
.billing-payment-method-empty-state-action .btn { margin-top: 0; max-width: none; width: auto; min-width: 0; }
.billing-payment-issue-banner { border: solid 1px var(--red-alert); background: var(--red-light); border-radius: 12px; padding: 20px; display: flex; flex-direction: row; align-items: flex-start; gap: 15px; margin-bottom: 20px; }
.billing-payment-issue-icon { height: 42px; width: 42px; min-height: 42px; min-width: 42px; border-radius: 100%; background: var(--red-alert); display: flex; align-items: center; justify-content: center; color: var(--white); }
.billing-payment-issue-icon .svg-inline--fa, .billing-payment-issue-icon i { color: var(--white); font-size: 1rem; }
.billing-payment-issue-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 10px; text-align: left; }
.billing-payment-issue-heading { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 10px; }
.billing-payment-issue-heading h6 { margin: 0; }
.billing-payment-issue-tag { margin: 0; border: solid 1px var(--red-alert); background: var(--red-light); }
.billing-payment-issue-tag p { color: var(--red-dark); }
.billing-payment-issue-reason { background: var(--background-02); border: solid 1px var(--border); border-radius: 10px; padding: 10px 12px; color: var(--font-main); line-height: 1.6; }
.billing-payment-issue-meta { display: flex; flex-direction: row; flex-wrap: wrap; gap: 15px; }
.billing-payment-issue-meta p { color: var(--font-subtle); line-height: 1.6; }
.billing-payment-issue-meta span { color: var(--font-main); }
.billing-payment-issue-footer { color: var(--font-subtle); line-height: 1.6; }
.billing-payment-issue-action { align-self: center; margin-top: 2px; }
.billing-payment-method-warning { margin-top: 15px; border-radius: 10px; border: solid 1px var(--border); background: var(--background-02); padding: 15px; text-align: left; }
.billing-payment-method-warning p { line-height: 1.6; }
.billing-payment-method-warning-meta { color: var(--font-subtle); margin-top: 5px; }
.billing-payment-method-warning-reason { color: var(--font-main); margin-top: 10px; }
.billing-payment-table-status { display: inline-flex; align-items: center; border-radius: 100px; background: var(--background-04); padding: 2px 8px; }
.billing-payment-table-status p { font-size: .65rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.03em; }
.billing-payment-table-status-danger { background: var(--red-light); }
.billing-payment-table-status-danger p { color: var(--red-dark); }
.billing-payment-table-note { color: var(--font-subtle); margin-top: 5px; line-height: 1.5; }
.billing-payment-response { text-align: center; max-width: 500px; margin: 100px auto; }
.billing-payment-response .fa-circle-check { color: var(--green-success); font-size: 3rem; }
.billing-current-plan-tag { background: var(--grey-light); color: var(--grey); border-radius: 100px; padding: 3px 10px; text-transform: uppercase; font-size: .65rem; font-weight: 800; }
.billing-current-plan-tag-inline { width: auto; }
.billing-empty-state { text-align: center; display: flex; flex-direction: column; max-width: 350px; margin: 150px auto; }
.billing-empty-state p { padding: 5px 0 20px; }
.billing-empty-state .btn { max-width: 125px; margin: 0 auto; }

@media screen and (max-width: 1450px) {

.billing-plan-row { grid-template-columns: minmax(0, 1fr); }
.billing-plan-row-actions { align-items: flex-start; }
.billing-plan-row-form { align-items: flex-start; }
.billing-plan-row-cycle-field { max-width: 260px; }
.billing-plan-row-unavailable { align-items: flex-start; }
.billing-payment-method-empty-state { flex-direction: column; align-items: flex-start; }
.billing-payment-method-empty-state-icon { margin: 0 0 15px; }
.billing-payment-method-empty-state-action { margin: 20px 0 0; } }

@media screen and (max-width: 600px) {
    
.billing-empty-state { margin: 50px auto; } }


/*****************************
  App Time Off
*****************************/

.time-off-page .items-01-item { cursor: auto; }
.time-off-page .items-01-item:hover { background-color: var(--background-mid); }
.time-off-page .items-01-item-title-text { min-width: 135px; }
.time-off-tracker-page .people-header { margin: 0; }
.offboarding-page .people-header { margin: 0; }
.offboarding-page .page-search .page-header-vertical-border { margin: 0 15px !important; }
.offboarding-tracker-matrix-page { display: flex; flex-direction: column; flex: 1; min-height: 0; height: auto; overflow: hidden; width: 100%; }
.offboarding-tracker-matrix-page .table-wrapper { flex: 1; min-height: 0; height: auto; }
.offboarding-tracker-matrix-page .table-container { flex: 1; min-height: 0; height: auto; overflow: hidden; padding-top: 0; margin: 0 !important; }
.offboarding-tracker-matrix-page .table-scroll { flex: 1; min-height: 0; width: 100%; overflow-x: auto; overflow-y: auto; }
.offboarding-tracker-matrix-page .table { width: 100%; min-width: 100%; border-spacing: 0; border-collapse: separate; table-layout: auto; }
.offboarding-tracker-matrix-page .table-header-cell { position: sticky !important; top: 0 !important; z-index: 5; background: var(--background); }
.offboarding-tracker-matrix-page .table-header { position: sticky; top: 0; z-index: 5; background: var(--background); }
.offboarding-tracker-matrix-page .table-header-cell.teammates-visibility-person-col { z-index: 6; }
.offboarding-tracker-matrix-page .table-header-row .table-header-cell:nth-child(3) { text-align: center; }
.offboarding-tracker-matrix-page .table-header-row .table-header-cell:nth-child(3) span { width: 100%; text-align: center; }
.offboarding-tracker-matrix-page .offboarding-status-cell { text-align: center !important; }
.offboarding-tracker-matrix-page .offboarding-status-cell .items-01-item-status { margin-left: auto !important; margin-right: auto !important; width: max-content; }
.offboarding-tracker-matrix-page .table-cell:last-child { text-align: center; padding-left: 15px; padding-right: 15px; }
.offboarding-tracker-matrix-page .table-header-cell:last-child span { text-align: center; }
.disciplinaries-shell { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.disciplinaries-shell .pagination { margin-top: auto; padding: 0 20px; height: 50px; border-top: solid 1px var(--border); background: var(--background); }
.resignations-shell { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.resignations-shell .pagination { margin-top: auto; padding: 0 20px; height: 50px; border-top: solid 1px var(--border); background: var(--background); }
.time-off-side-nav .side-nav-item,
#timeOffMenuSml .menu-item { text-transform: none; }
.time-off-balances-matrix-shell .settings-teammates-visibility-table { width: 100%; }
.time-off-balances-matrix-shell .settings-teammates-visibility-table .table { width: 100%; min-width: 100%; }
.time-off-balances-matrix-shell .time-off-balances-matrix-async-root { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.time-off-balances-matrix-shell #time-off-balances-matrix-fragment { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.time-off-balances-matrix-page { display: flex; flex-direction: column; flex: 1; min-height: 0; height: auto; overflow: hidden; }
.time-off-balances-matrix-page .table-wrapper { flex: 1; min-height: 0; height: auto; }
.time-off-balances-matrix-page .table-container { flex: 1; min-height: 0; height: auto; overflow: hidden; padding-top: 0; margin: 0 !important; }
.time-off-balances-matrix-page .table-scroll { flex: 1; min-height: 0; width: 100%; overflow-x: auto; overflow-y: auto; }
.time-off-balances-matrix-page .table { width: 100%; min-width: 100%; border-spacing: 0; border-collapse: separate; table-layout: auto; }
.time-off-balances-matrix-page .table-header-cell { position: sticky !important; top: 0 !important; z-index: 5; background: var(--background); }
.time-off-balances-matrix-page .table-header { position: sticky; top: 0; z-index: 5; background: var(--background); }
.time-off-balances-matrix-page .table-header-cell.teammates-visibility-person-col { z-index: 6; }
.time-off-balances-pagination { margin-top: auto; padding: 0; height: 50px; border-top: solid 1px var(--border); background: var(--background); }
.time-off-btn { margin-top: 20px; }
.time-off-requests-matrix-shell .settings-teammates-visibility-table { width: 100%; }
.time-off-requests-matrix-shell .settings-teammates-visibility-table .table { width: 100%; min-width: 100%; }
.time-off-requests-matrix-shell .time-off-requests-matrix-async-root { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.time-off-requests-matrix-shell #time-off-requests-matrix-fragment { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.time-off-requests-matrix-page { display: flex; flex-direction: column; flex: 1; min-height: 0; height: auto; overflow: hidden; }
.time-off-requests-matrix-page .table-wrapper { flex: 1; min-height: 0; height: auto; }
.time-off-requests-matrix-page .table-container { flex: 1; min-height: 0; height: auto; overflow: hidden; padding-top: 0; margin: 0 !important; }
.time-off-requests-matrix-page .table-scroll { flex: 1; min-height: 0; width: 100%; overflow-x: auto; overflow-y: auto; }
.time-off-requests-matrix-page .table { width: 100%; min-width: 100%; border-spacing: 0; border-collapse: separate; table-layout: auto; }
.time-off-requests-matrix-page .table-header-cell { position: sticky !important; top: 0 !important; z-index: 5; background: var(--background); }
.time-off-requests-matrix-page .table-header { position: sticky; top: 0; z-index: 5; background: var(--background); }
.time-off-requests-matrix-page .table-header-cell.teammates-visibility-person-col { z-index: 6; }
.time-off-requests-matrix-page .time-off-requests-notes-col { text-align: center !important; }
.time-off-requests-matrix-page .table-header-cell.time-off-requests-notes-col span { text-align: center; }
.time-off-requests-matrix-page .table-cell.time-off-requests-notes-col { padding-left: 15px; padding-right: 15px; }
.time-off-requests-matrix-pagination { margin-top: auto; padding: 0; height: 50px; border-top: solid 1px var(--border); background: var(--background); }
.time-off-person-header-details { width: 100% !important; }
.time-off-person-title-row { display: flex; align-items: center; gap: 8px; min-width: 0; width: 100%; }
.time-off-person-title-row .items-01-item-bold-text { flex: 1; min-width: 0; padding-bottom: 0; }
.time-off-person-profile-btn { height: 24px; width: 24px; min-width: 24px; min-height: 24px; max-width: 24px; max-height: 24px; border-radius: 4px; }
.time-off-person-profile-btn .svg-inline--fa { font-size: .66rem; }
.time-off-person-link { color: var(--font-main); font-size: inherit; line-height: inherit; text-decoration: underline; }
.time-off-person-link:hover { text-decoration: underline; }
.time-off-approvers-list { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.8; }
.time-off-page #timeOffRequestsRoot .items-01-container-row { align-items: stretch; }
.time-off-page #timeOffRequestsRoot .items-01-item-time-off { display: flex; }
.time-off-page #timeOffRequestsRoot .items-01-item-time-off .items-01-item-inner { flex: 1; }
.time-off-page #timeOffRequestsRoot .items-01-item-time-off .time-off-btn { margin-top: auto; }
.time-off-page #timeOffRequestsRoot .items-01-item-time-off .time-off-request-action-row { margin-top: auto; padding-top: 16px; }
.items-01-item-time-off:hover { background-color: var(--background) !important; }

@media screen and (max-width: 1150px) {
.time-off-tracker-page .page-header.page-header-with-search, .time-off-balances-matrix-shell .page-header.page-header-with-search, .time-off-requests-matrix-shell .page-header.page-header-with-search { height: auto !important; min-height: 0 !important; max-height: none !important; padding: 20px 0 !important; flex-direction: column !important; align-items: flex-start !important; overflow: visible !important; }
.time-off-tracker-page .page-header.page-header-with-search .page-header-actions, .time-off-balances-matrix-shell .page-header.page-header-with-search .page-header-actions, .time-off-requests-matrix-shell .page-header.page-header-with-search .page-header-actions { order: 2; width: 100%; margin: 12px 0 0; margin-left: 0; justify-content: flex-start; }
.time-off-tracker-page .page-header.page-header-with-search .page-search, .time-off-balances-matrix-shell .page-header.page-header-with-search .page-search, .time-off-requests-matrix-shell .page-header.page-header-with-search .page-search { order: 3; width: 100%; margin: 12px 0 0 !important; }
.time-off-tracker-page .page-header.page-header-with-search .page-search form, .time-off-balances-matrix-shell .page-header.page-header-with-search .page-search form, .time-off-requests-matrix-shell .page-header.page-header-with-search .page-search form { width: 100%; }
.time-off-tracker-page .page-header.page-header-with-search .page-search input, .time-off-balances-matrix-shell .page-header.page-header-with-search .page-search input, .time-off-requests-matrix-shell .page-header.page-header-with-search .page-search input { width: 100%; min-width: 0; }
.offboarding-page .people-page-header-standard { position: relative; z-index: 20; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center; gap: 0; overflow: visible !important; }
.offboarding-page .people-page-header-standard > .page-header-title { display: none; }
.offboarding-page .people-page-header-standard > .page-search { margin: 0 !important; display: flex; flex: 1 1 auto; min-width: 0; max-width: calc(100% - 43px); width: auto; }
.offboarding-page .people-page-header-standard > .page-search form { flex: 1 1 auto; width: 100%; min-width: 0; }
.offboarding-page .people-page-header-standard > .page-search input { flex: 1 1 auto; width: 100%; min-width: 0; }
.offboarding-page .people-page-header-standard > .page-header-actions { order: 0; width: auto; margin: 0 0 0 10px; justify-content: flex-end; flex: 0 0 auto; }
}

/*** Manage time off ***/

.manage-time-off-items { border-top: solid 1px var(--border); margin: 20px 0; width: 100%; }
.manage-time-off-items .items-01-item-section { border-bottom: solid 1px var(--border); }
.manage-time-off-items .items-01-item-section-item { padding: 15px 0; }
.manage-time-off-items .items-01-item-title-text { min-width: 125px; }


.manage-time-off-items .stats { margin-bottom: 0; }
.manage-time-off-items .stat { margin: 0 auto 20px; padding: 20px 0; }
.manage-time-off-items .stat h6 { font-size: 1.2rem; } 
.manage-time-off-item { text-align: left; padding: 10px 0; }
.time-off-page .pagination { padding: 0 20px; }

/*** Who's In ***/

.whos-in-shell { display: flex; flex-direction: column; height: 100%; }
.whos-in-shell .whos-in-async-root { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.whos-in-shell #whosInContent { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.whos-in-page .table-scroll { overflow-x: auto; overflow-y: auto; }
.whos-in-page { display: flex; flex-direction: column; overflow: hidden; }
.whos-in-page .table-wrapper { flex: 1; min-height: 0; }
.whos-in-page .table { width: 100%; min-width: 100% !important; table-layout: auto; }
.whos-in-page .table-cell,
.whos-in-page .table-header-cell,
.whos-in-page .table-body-cell { max-width: none !important; }
.whos-in-page .whos-in-person-col { min-width: 230px; }
.whos-in-page .table-header-cell.whos-in-person-col { position: sticky; top: 0; left: 0; z-index: 4; background: var(--background); }
.whos-in-page .table-body-cell.whos-in-person-col { position: sticky; left: 0; z-index: 2; background: var(--background); }
.whos-in-day-col { min-width: 160px; vertical-align: top; text-align: center; }
.whos-in-day-header { display: flex; flex-direction: column; align-items: center; gap: 3px; text-align: center; }
.whos-in-day-name { font-weight: 800; }
.whos-in-day-date { color: var(--font-subtle); font-size: .74rem; }
.settings-teammates-visibility-table .table-header-cell.whos-in-day-col.whos-in-day-col-today { background: var(--background-hover); }
.whos-in-status-cell { vertical-align: middle; text-align: center !important; }
.whos-in-status-badge { margin: 0 auto; width: max-content; max-width: 100%; display: inline-flex; align-items: center; justify-content: center; }
.whos-in-status-badge p { width: 100%; text-align: center; }
.whos-in-time-off-type-badge { margin-top: 6px !important; margin-left: auto !important; margin-right: auto !important; width: max-content; max-width: 100%; }
.whos-in-time-off-type-badge-only { margin-top: 0 !important; }
.whos-in-time-off-type-badge p { text-transform: uppercase; text-align: center; }
.whos-in-status-note { margin-top: 6px; text-align: center; color: var(--font-subtle); font-size: .7rem; line-height: 1.3; }
.whos-in-location-list { margin-top: 6px; display: flex; flex-direction: column; align-items: center; gap: 4px; }
.whos-in-location-badge { margin: 0 auto; width: max-content; max-width: 100%; }
.whos-in-location-badge p { text-transform: uppercase; text-align: center; }
.whos-in-location-badge .svg-inline--fa { margin: 0 2px 0 0; font-size: .62rem; }
.whos-in-header-actions { gap: 10px; justify-content: flex-end; }
.whos-in-week-nav { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.whos-in-week-nav-btns { display: flex; align-items: center; gap: 10px; }
.whos-in-week-range { order: 1; }
.whos-in-week-nav-btns { order: 2; }
.whos-in-nav-btn { width: 34px; height: 34px; min-width: 34px; min-height: 34px; max-width: 34px; max-height: 34px; }
.whos-in-nav-btn .svg-inline--fa { font-size: .75rem; }
.year-nav-disabled { opacity: .45; pointer-events: none; cursor: default; }
.whos-in-week-range { min-width: 210px; text-align: right; }
.whos-in-week-range p { font-weight: 700; color: var(--font-main); }
.whos-in-week-range p.whos-in-week-range-current { display: inline-flex; align-items: center; border-radius: 20px; padding: 3px 10px; background: var(--subtle-btn-background); color: var(--font-main); }
.whos-in-pagination { margin-top: auto; padding: 0; height: 50px; border-top: solid 1px var(--border); background: var(--background); }
.whos-in-pagination .pagination-btns { gap: 0; }
.whos-in-pagination .pagination-count p { font-weight: 700; }

@media screen and (max-width: 650px) {

.manage-time-off-items .stats { margin-bottom: 0; } }

@media screen and (max-width: 950px) {

.whos-in-shell .page-header { flex-direction: column; align-items: flex-start; }
.whos-in-header-actions { width: 100%; margin-left: 0; margin-top: 10px; padding-top: 4px; justify-content: flex-start; }
.whos-in-week-nav { width: 100%; justify-content: flex-start; margin-left: 0; }
.whos-in-week-nav-btns { order: 1; }
.whos-in-week-range { order: 2; }
.whos-in-week-range { min-width: 0; text-align: left; }
.people .pagination, .people-teams-pagination, .whos-in-pagination, .disciplinaries-shell .pagination, .resignations-shell .pagination { margin-top: 30px !important; border-top: none !important; height: auto; flex-direction: column; padding-top: 20px; background: transparent; }
.whos-in-day-col { min-width: 145px; } }

@media screen and (max-width: 950px) {

.time-off-tracker-page .page-header { position: relative; z-index: 20; }
.time-off-tracker-page .page-header .page-header-actions { justify-content: flex-end; margin-left: auto; gap: 10px; align-items: center; flex-wrap: wrap; }
.time-off-tracker-page .page-header .page-search { margin-left: 0; }
.time-off-tracker-page .page-header .page-header-title { padding-right: 0; }
.time-off-tracker-page .page-header .page-header-actions .time-off-access-icon-btn { margin-right: 0; }
.time-off-tracker-page .page-header .show-mobile { position: relative; z-index: 30; }
.time-off-tracker-page .page-header .show-mobile #timeOffMenuSml { z-index: 40 !important; }
.time-off-balances-matrix-shell .page-header { position: relative; z-index: 20; }
.time-off-balances-matrix-shell .page-header .page-header-actions { justify-content: flex-end; margin-left: auto; gap: 10px; align-items: center; flex-wrap: wrap; }
.time-off-balances-matrix-shell .page-header .page-header-title { padding-right: 0; }
.time-off-balances-matrix-shell .page-header .show-mobile { position: relative; z-index: 30; }
.time-off-balances-matrix-shell .page-header .show-mobile #timeOffMenuSml { z-index: 40 !important; max-width: calc(100vw - 40px); }
}

@media screen and (max-width: 750px) {

.time-off-page .page-header.people-header,
.time-off-tracker-page .page-header.people-header,
.offboarding-page .people-page-header { flex-direction: column; align-items: flex-start; }
.time-off-page .page-header.people-header .page-header-title,
.time-off-tracker-page .page-header.people-header .page-header-title,
.offboarding-page .people-page-header .people-page-header-title { width: 100%; padding-right: 0; }
.time-off-page .page-header.people-header .page-header-actions,
.time-off-tracker-page .page-header.people-header .page-header-actions,
.offboarding-page .people-page-header .people-page-header-actions { width: 100%; margin-left: 0; margin-top: 10px; justify-content: flex-start; flex-wrap: wrap; gap: 10px; }
.time-off-page .page-header.people-header .page-header-actions .show-mobile,
.time-off-tracker-page .page-header.people-header .page-header-actions .show-mobile,
.offboarding-page .people-page-header .people-page-header-actions .people-mobile-nav-dropdown { position: relative; z-index: 30; }
.time-off-page .page-header.people-header .page-header-actions .show-mobile #timeOffMenuSml,
.time-off-tracker-page .page-header.people-header .page-header-actions .show-mobile #timeOffMenuSml,
.offboarding-page .people-page-header .people-page-header-actions .people-mobile-nav-dropdown #peopleMenuSml { z-index: 40 !important; max-width: calc(100vw - 40px); }
.time-off-page .page-header.people-header .page-header-actions > .show-mobile,
.time-off-tracker-page .page-header.people-header .page-header-actions > .show-mobile,
.offboarding-page .people-page-header .people-page-header-actions > .people-mobile-nav-dropdown { order: 1; }
.time-off-page .page-header.people-header .page-header-actions > .dropdown-menu-container,
.time-off-tracker-page .page-header.people-header .page-header-actions > .dropdown-menu-container,
.offboarding-page .people-page-header .people-page-header-actions > .dropdown-menu-container { order: 2; }
.time-off-page .page-header.people-header .page-header-actions > .show-mobile .dropdown-menu-container,
.time-off-tracker-page .page-header.people-header .page-header-actions > .show-mobile .dropdown-menu-container,
.offboarding-page .people-page-header .people-page-header-actions > .people-mobile-nav-dropdown .dropdown-menu-container { position: relative; }
.time-off-page .page-header.people-header .page-header-actions > .show-mobile #timeOffMenuSml,
.time-off-tracker-page .page-header.people-header .page-header-actions > .show-mobile #timeOffMenuSml,
.offboarding-page .people-page-header .people-page-header-actions > .people-mobile-nav-dropdown #peopleMenuSml { left: 0 !important; right: auto !important; }
.time-off-tracker-page .page-header.people-header .page-header-actions { flex-wrap: wrap; position: relative; padding-bottom: 0; margin-bottom: 0; }
.time-off-tracker-page .page-header.people-header .page-header-actions .page-search { width: 100%; margin: 0; }
.time-off-tracker-page .page-header.people-header .page-header-actions .page-search form { width: 100%; }
.time-off-tracker-page .page-header.people-header .page-header-actions .page-search input { width: 100%; min-width: 0; }
.time-off-tracker-page .page-header.people-header .page-header-actions .time-off-tracker-year-filter-form { width: 100%; margin: 0; }
.time-off-tracker-page .page-header.people-header .page-header-actions .time-off-tracker-year-filter-form select { width: 100%; }
.time-off-balances-matrix-shell .page-header { flex-direction: column; align-items: flex-start; }
.time-off-balances-matrix-shell .page-header .page-header-title { width: 100%; padding-right: 0; }
.time-off-balances-matrix-shell .page-header .page-header-actions { width: 100%; margin-left: 0; margin-top: 10px; justify-content: flex-start; flex-wrap: wrap; gap: 10px; }
.time-off-balances-matrix-shell .page-header .page-header-actions .show-mobile { position: relative; z-index: 30; }
.time-off-balances-matrix-shell .page-header .page-header-actions .show-mobile #timeOffMenuSml { z-index: 40 !important; max-width: calc(100vw - 40px); left: 0 !important; right: auto !important; }
.time-off-balances-pagination { margin-top: 25px; border-top: none; padding: 0 20px; background: transparent; }
.time-off-requests-matrix-shell .page-header { flex-direction: column; align-items: flex-start; }
.time-off-requests-matrix-shell .page-header .page-header-title { width: 100%; padding-right: 0; }
.time-off-requests-matrix-shell .page-header .page-header-actions { width: 100%; margin-left: 0; margin-top: 10px; justify-content: flex-start; flex-wrap: wrap; gap: 10px; }
.time-off-requests-matrix-shell .page-header .page-header-actions .show-mobile { position: relative; z-index: 30; }
.time-off-requests-matrix-shell .page-header .page-header-actions .show-mobile #timeOffMenuSml { z-index: 40 !important; max-width: calc(100vw - 40px); left: 0 !important; right: auto !important; }
.time-off-requests-matrix-pagination { margin-top: 25px; border-top: none; padding: 0 20px; background: transparent; }
}

@media screen and (max-width: 350px) {

.manage-time-off-btn-container { flex-direction: column-reverse !important; }
.manage-time-off-btn-container .btn:nth-child(even) { margin: 0 0 20px !important; } }

@media screen and (max-width: 1150px) {
.page-header-actions .time-off-page-select { order: 1; }
.page-header-actions .time-off-access-control { order: 2; }
.page-header-actions .time-off-access-icon-btn { margin-right: 0; margin-left: 0; }
.page-header-actions .time-off-page-select-menu { left: 0 !important; right: auto !important; }
.page-header-actions .time-off-access-menu { left: 0 !important; right: auto !important; }
}

/*****************************
  App Surveys
*****************************/

.surveys-page { height: calc(100% - 110px); }
.survey-stats { height: 133px; margin: 0 0 20px 0; }
.surveys-item-header { margin: 0 0 20px; padding: 0 0 20px; border-bottom: solid 1px var(--border); display: flex; flex-direction: row; align-items: center; }
.surveys-item-header h6 { padding-bottom: 0 !important; }
.survey-header-status { margin-left: 20px; }
.survey-items-container { border-top: solid 1px var(--border); display: flex; flex-direction: row-reverse; height: calc(100% - 154px) !important; }
.survey-sidebar { width: 350px; border-left: solid 1px var(--border); display: flex; flex-direction: column; padding-left: 30px; }
.survey-sidebar-inner { padding: 30px 0; }
.survey-sidebar-header { padding-bottom: 15px; }
.survey-sidebar-inner .items-01-item-status { margin-left: 0 !important; }
.survey-sidebar .items-01-item-section-item { padding: 15px 0; }
.survey-sidebar .items-01-item-title-text { min-width: 110px; }
.survey-items { width: calc(100% - 350px); overflow: auto; }
.survey-items .item-02 { padding: 0 20px 0 10px; }
.survey-items .item-02-inner-right .items-01-item-status + .items-01-item-status { margin-left: 8px; }
.survey-response-question { margin-bottom: 40px; } 
.survey-response-question p { font-size: .85rem; line-height: 1.5; margin-bottom: 10px; }
.survey-response-question-option-selected { color: var(--btn-text); background-color: var(--brand-color); border-radius: 3px; padding: 5px 7px; font-weight: 700; }
.survey-response-question .form-drag-list-item { cursor: default !important; }
.survey-response-question .ranking-question { margin-top: 20px; }
.survey-response-question-feedback-display { display: flex; flex-direction: column; align-items: flex-start; border-top: solid 1px var(--border); padding-top: 15px; margin-top: 40px; }
.survey-response-question-feedback-display p { color: var(--font-main); opacity: .7; font-style: italic; }
.survey-response-question-feedback-field { border-top: solid 1px var(--border); padding-top: 15px; margin-top: 15px; }
.survey-response-question .form-box-section-header .items-01-item-status.whos-in-status-badge { margin-left: auto !important; margin-right: 0 !important; width: max-content; }

.survey-response-main-feedback-section h3 { font-style: italic; opacity: .7; }
.survey-response-main-feedback-section p { font-style: italic; opacity: .7; }

.survey-response-question .form-box-section-header .items-01-item-status.whos-in-status-badge p { margin-bottom: 0; padding: 2px 8px; font-size: .65rem; line-height: 1.2; }
.survey-response-submit-feedback-btn.is-loading { cursor: pointer !important; }
.survey-response-url-value { display: none; }
.survey-response-header { display: flex; flex-direction: row; align-items: center; margin-bottom: 20px; }
.survey-response-status-row { display: flex; align-items: center; flex-wrap: wrap; width: fit-content; }
.survey-response-status { max-width: fit-content; }
.survey-response-view-profile-btn { margin-left: auto; }

@media screen and (max-width: 950px) {

.survey-items { width: 100%; }
.survey-sidebar { display: none; }
.survey-stats { height: 100%; }
.surveys-item-header { flex-direction: column; align-items: flex-start; }
.surveys-item-header h6 { padding-bottom: 5px !important; }
.survey-response-header { align-items: flex-start; flex-direction: column; } }

/*****************************
	App Onboard
*****************************/

.onboard-header-container { display: flex; flex-direction: row; align-items: center; }
.onboard-header { display: flex; flex-direction: column; }
.onboard-header h1 { font-size: 2rem; font-weight: 800; }
.onboard-header p { font-size: .82rem; line-height: 1.6; }

@media screen and (max-width: 950px) {

.onboard-header-container { flex-direction: column; align-items: flex-start; margin-bottom: 40px !important; }
.onboard-header-container .avatar { margin-bottom: 10px; } }

/*****************************
  App Errors
*****************************/

.error-page { max-width: 600px; margin: 150px auto; text-align: center; }
.error-page-inner { max-width: 350px; margin: 0 auto; }
.error-page > .svg-inline--fa { font-size: 5rem; color: var(--icon-light) }
.error-page h1 { font-size: 3rem; font-weight: 800; padding: 10px 0; }
.error-page p { line-height: 1.6; font-size: .95rem; }
.error-page .btn { margin-top: 30px; height: 55px; }

@media screen and (max-width: 750px) {

.error-page { margin: 80px auto; }
.error-page > .svg-inline--fa { font-size: 4rem; }
.error-page h1 { font-size: 2.2rem; }
.error-page .btn { height: 48px; } }

/*****************************
  App Admin
*****************************/

.admin-home { display: flex; flex-direction: column; align-items: center; padding: 60px 0 30px; width: 100%; max-width: 950px; margin: 0 auto; }
.admin-stats .stats { margin-bottom: 20px; }
.ada-review-page { display: flex; flex-direction: column; gap: 30px; }
.ada-review-stats { margin-bottom: 10px; }
.ada-review-page-header-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.ada-review-section { display: flex; flex-direction: column; gap: 15px; }
.ada-review-section .page-header { padding: 0 0 15px; }
.ada-review-table .ada-review-query-col, .ada-review-table .table-header-cell.ada-review-query-col { text-align: left !important; min-width: 320px; max-width: 420px; }
.ada-review-table .ada-review-query-col .subtle-text { margin-top: 5px; line-height: 1.6; white-space: normal; overflow-wrap: anywhere; }
.ada-review-table .table-cell { vertical-align: top; }
.admin-page .items-01-item-section-item .fa-circle-check { color: var(--green-success); }
.admin-page .items-01-item-section-item .fa-circle-xmark { color: var(--red-alert); }
.admin-page .items-01-item-title-text { min-width: 135px; }
.admin-page-container { max-width: 1240px; margin: 0 auto; width: calc(100% - 270px); padding: 0 20px; height: 100%; }
.admin-page-container.admin-page-container-sml { max-width: 900px; }
.admin-page-header { display: flex; flex-direction: row; align-items: center; padding: 20px 0 0; margin-bottom: 20px; } 
.admin-page-header-details-container { display: flex; flex-direction: row; align-items: center; }
.admin-page-header-details { display: flex; flex-direction: column; }
.admin-page-header-details h6 { font-size: 2rem; padding-bottom: 5px; }
.admin-page-header-details p { color: var(--font-subtle); }
.admin-page-header-actions { margin-left: auto; }
.admin-page-header { position: relative; z-index: 30; }
.admin-page-header-actions .dropdown-menu-container { position: relative; z-index: 31; }
.admin-page-header-actions .menu { z-index: 32; }
.admin-page-header-actions form { display: inline-flex; }
.page-header-filter-btns { display: flex; flex-direction: row; align-items: center; gap: 8px; }
.page-header-filter-btns .btn.selected { background-color: var(--subtle-btn-background-hover); }
.support-request-page-header { gap: 16px; align-items: flex-start; }
.support-request-page-header .admin-page-header-details { display: flex; flex-direction: column; gap: 4px; }
.support-request-page-header .admin-page-header-actions { display: flex; flex-direction: row; align-items: center; gap: 8px; }
.support-request-page-inner { gap: 24px; }
.support-request-thread { display: flex; flex-direction: column; margin-top: 16px; }
.support-request-thread-item { display: flex; flex-direction: row; padding: 20px 0 0; margin-top: 20px; border-top: 1px solid var(--border); }
.support-request-thread-item:first-child { padding-top: 0; margin-top: 0; border-top: none; }
.support-request-thread-avatar { flex: 0 0 auto; margin-right: 14px; }
.support-request-thread-body { min-width: 0; flex: 1 1 auto; }
.support-request-thread-meta { display: flex; flex-direction: column; gap: 4px; margin: 0 0 12px; }
.support-request-thread-meta > p:first-child { font-weight: 600; }
.support-request-thread-message { color: var(--font-main); line-height: 1.8; word-break: break-word; }
.support-request-thread-message p { margin: 0 0 14px; }
.support-request-thread-message p:last-child { margin-bottom: 0; }
.support-request-status-pill { width: max-content; }
.support-request-status-pill p { white-space: nowrap; }
.support-request-waiting-pill { width: max-content; }
.support-request-waiting-pill p { text-transform: none !important; white-space: nowrap; }
.support-request-reply-message-field { margin-top: 12px; }
.support-requests-table .support-request-client-col { text-align: left; }
.support-requests-table .support-request-type-col { text-align: left; }
.support-requests-table .support-request-created-col { text-align: left; }
.support-requests-table .support-request-waiting-col { text-align: center; }
.support-requests-table .support-request-select-col { min-width: 54px !important; width: 54px !important; max-width: 54px !important; text-align: left; }
.support-requests-table .support-request-status-pill { margin-left: auto !important; margin-right: auto !important; }
.support-requests-table .support-request-waiting-col .items-01-item-status { margin-left: auto !important; margin-right: auto !important; }
.admin-page-inner-container { width: 100%; height: calc(100% - 224px); overflow: auto; }
.admin-page-banner { margin-bottom: 40px; text-align: center; padding: 5px 10px; width: calc(100% - 20px); border-radius: 3px; }
.admin-page-banner .svg-inline--fa { padding-right: 3px; }
.admin-page-banner-red { background-color: var(--red-alert); }
.admin-page-banner-red p { color: var(--btn-text); font-weight: 700; }
.admin-page-inner { display: flex; margin-bottom: 50px; }
.admin-page-inner-left { width: 350px; margin-right: 20px; }
.admin-page-inner-middle { width: calc(100% - 370px); }
.admin-page-inner.admin-page-inner-single { display: block; max-width: 1100px; margin: 0 auto 50px; }
.admin-page-inner.admin-page-inner-single .admin-page-inner-middle { width: 100%; max-width: 100%; }
.admin-page-inner.admin-page-inner-single .case-management-tabs-shell { margin-bottom: 20px; }
.admin-page-inner.admin-page-inner-single .admin-page-section:first-of-type { margin-top: 0 !important; }
.admin-page-inner-left .admin-page-section:first-child { margin-top: 0 !important; }
.admin-page-inner-middle .admin-page-section:first-child { margin-top: 0 !important; }
.admin-page-section { margin-top: 20px; border: solid 1px var(--border); padding: 20px; border-radius: 10px; }
.admin-page-section-header { padding: 0 0 20px; margin: 0 0 20px; border-bottom: solid 1px var(--border); }
.admin-page-section-lg .admin-page-section-header { margin: 0 !important; }
.admin-page-section-lg .list-item-detail { width: calc(100% - 40px) }
.admin-page-items .list-item:last-child { border-bottom: none !important; }
.admin-page-items .list-item-name { max-width: 100% !important; }
.admin-page-items-no-margin { margin: -25px -15px; }
.admin-sml-menu-container { position: relative; z-index: 40; }
.admin-sml-menu-container .dropdown-menu-container { position: relative; z-index: 41; }
.admin-sml-menu-container .menu { z-index: 42; }

@media screen and (max-width: 950px) {

.admin-page-container { width: calc(100% - 40px); height: auto; }
.admin-page-container.admin-page-container-sml { max-width: 900px; }
.admin-page-header { flex-direction: column; align-items: flex-start; }
.admin-page-header-details-container { flex-direction: column; align-items: flex-start; margin-bottom: 15px; }
.admin-page-header-details-container .avatar { margin-bottom: 10px; }
.admin-page-header-actions { margin-left: 0; width: 100%; }
.admin-page-inner { flex-direction: column; }
.admin-page-inner-left { width: 100%; border-right: none; padding-right: 0; margin-right: 0; }
.admin-page-inner-middle { width: 100%; }
.admin-page-inner-middle .admin-page-section:first-child { margin-top: 40px !important; }
.admin-sml-menu-container { margin: 30px 20px 0; }
.admin-sml-menu-container .menu { width: 100%; top: 60px; }
.admin-sml-menu-container .btn { height: 50px !important } }

/*****************************
  App Search
*****************************/

.page-search { margin-left: 15px; display: flex; flex-direction: row; align-items: center; }
.page-search form { display: flex; flex-direction: row; align-items: center; }
.page-search input { height: 33px; margin: 0; min-width: 265px; }
.page-search-btn { margin: 0 10px; }
.settings-team-page-search .page-header-vertical-border { margin: 0 15px; }
.settings-team-page-search .settings-activity-logs-export-btn { margin: 0 10px 0 0; }
.settings-teams-page-search .page-header-vertical-border { margin: 0 15px; }
.settings-teams-page-search .settings-activity-logs-export-btn { margin: 0 10px 0 0; }
.page-search-lg { display: flex; flex-direction: row; align-items: center; }
.page-search-lg form { display: flex; flex-direction: row; align-items: center; width: 100%; }
.page-search-lg input { height: 50px; margin: 0; min-width: calc(100% - 80px); }

@media screen and (max-width: 950px) {

.page-search { margin: 15px 0 0 0; }
.page-search input { height: 45px; min-width: 235px; } }

@media screen and (max-width: 400px) {

.page-search input { min-width: 175px; } }

/*****************************
  Settings Matrix Header (Responsive)
*****************************/

@media screen and (max-width: 950px) {
.settings-matrix-page-header .settings-activity-logs-filter-menu, .settings-matrix-page-header .settings-activity-logs-export-btn, .settings-matrix-page-header .settings-activity-logs-filter-reset-link, .settings-matrix-page-header .page-header-vertical-border { display: none !important; }
.settings-matrix-page-header { flex-direction: row !important; flex-wrap: wrap; align-items: center; gap: 0; }
.settings-matrix-page-header > h6, .settings-matrix-page-header > .page-header-left, .settings-matrix-page-header > .back-btn { flex: 0 0 100%; width: 100%; margin: 0 0 12px; }
.settings-matrix-page-header .page-search { margin: 0 !important; display: flex; flex: 1 1 340px; min-width: 240px; width: auto; }
.settings-matrix-page-header .page-search form { flex: 1 1 auto; width: 100%; min-width: 0; }
.settings-matrix-page-header .page-search input { flex: 1 1 auto; width: auto; min-width: 140px; }
.settings-matrix-page-header .page-header-actions { margin: 0 0 0 10px; display: flex; flex-direction: row; align-items: center; gap: 10px; flex: 0 0 auto; }
.settings-matrix-page-header .page-header-actions .page-header-icon-padding { margin-left: 0; }
.settings-matrix-page-header .settings-matrix-primary-action { width: 33px; min-width: 33px; max-width: 33px; height: 33px; padding: 0 !important; justify-content: center; }
.settings-matrix-page-header .settings-matrix-primary-action p { display: none; }
.settings-matrix-page-header .settings-matrix-primary-action::before { content: "+"; color: var(--btn-text); font-size: 1rem; font-weight: 700; line-height: 1; }
.settings-matrix-page-header .settings-matrix-primary-action.is-loading::before { display: none; } }

@media screen and (max-width: 500px) {
.settings-matrix-page-header .page-search { flex: 1 1 auto; min-width: 0; }
.settings-matrix-page-header .page-search form { min-width: 0; }
.settings-matrix-page-header .page-search input { min-width: 95px; }
.settings-matrix-page-header .page-search-btn { margin: 0 6px; }
.settings-matrix-page-header .page-header-actions { margin-left: 6px; gap: 6px; } }

@media screen and (max-width: 400px) {
.settings-matrix-page-header .page-search input { min-width: 70px; }
.settings-matrix-page-header .page-search .btn-icon, .settings-matrix-page-header .page-header-actions .btn-icon { width: 33px; min-width: 33px; max-width: 33px; height: 33px; min-height: 33px; max-height: 33px; }
.settings-matrix-page-header .page-search-btn { margin: 0 4px; }
.settings-matrix-page-header .page-header-actions { margin-left: 4px; gap: 4px; } }

@media screen and (max-width: 370px) {
.settings-matrix-page-header .page-search { flex: 1 1 auto; min-width: 0; max-width: calc(100% - 68px); }
.settings-matrix-page-header .page-search form { width: 100%; min-width: 0; }
.settings-matrix-page-header .page-search input { min-width: 0; width: 100%; height: 40px; font-size: .74rem; padding-left: 6px; padding-right: 6px; }
.settings-matrix-page-header .page-search .page-search-clear-btn { display: none; }
.settings-matrix-page-header .page-search .btn-icon, .settings-matrix-page-header .page-header-actions .btn-icon, .settings-matrix-page-header .settings-matrix-primary-action { width: 30px; min-width: 30px; max-width: 30px; height: 30px; min-height: 30px; max-height: 30px; }
.settings-matrix-page-header .page-search-btn { margin: 0 2px; }
.settings-matrix-page-header .page-header-actions { margin-left: 2px; gap: 2px; } }

/*****************************
  News
*****************************/

.news { height: 100%; overflow: auto; }
.news-inner { max-width: 650px; margin: 0 auto; height: calc(100% - 100px); padding: 50px 20px; }
.news-header { padding-bottom: 20px; }
.news-header p { padding-top: 5px; font-size: .85rem; line-height: 1.8; color: var(--font-subtle); }
.news-header-col { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.news-header-btn { margin-top: 20px; }
.news-item-inner-header { display: flex; flex-direction: row; align-items: center; }
.news-item-inner-header-actions { margin-left: auto; display: flex; flex-direction: row; align-items: center; }
.news-item-inner-header-actions .btn-icon { margin-left: 10px; }
.news-items { display: flex; flex-direction: column; }
.news-item { width: 100%; border: solid 1px var(--border); border-radius: 10px; margin: 20px auto; transition: 0.4s all; }
.news-item:hover { border: solid 1px var(--brand-color); }
.news-item-no-hover:hover { border: solid 1px var(--border); }
.news-item-inner { padding: 20px; }
.news-item img { max-width: 100%; height: auto; border: solid 1px var(--border); }
.news-item-body p { line-height: 1.7; font-size: .82rem; }
.news-item-inner h2 { padding: 10px 0 15px; font-size: 1.5rem; }
.news-tag { margin-left: auto; border-radius: 20px; text-align: center; display: inline-flex; justify-content: center; align-items: center; background-color: var(--blue-light) !important; }
.news-tag p { padding: 2px 8px !important; text-transform: uppercase; font-size: 0.65rem; font-weight: 800; color: var(--btn-text); }
.news-author { margin-top: 20px; display: flex; flex-direction: row; align-items: center; }
.news-author-img { width: 38px; height: 38px; margin-right: 8px; }
.news-author-img img { border-radius: 100%; display: block; width: 100% !important; height: auto !important; }
.news-author-img-sml { width: 33px; height: 33px; }
.news-author-border { border-top: solid 1px var(--border); padding-top: 20px; margin-top: 30px; }
.news-author-detail p:last-child { padding-top: 2px; color: var(--font-subtle); }
.news .pagination { border-top: none !important; margin-bottom: 50px; }

/*****************************
  Partners
*****************************/

/*** Partner Home ***/

.partner-home { display: flex; flex-direction: column; align-items: center; padding: 100px 0; width: 100%; max-width: 950px; margin: 0 auto; }
.partner-home-header { display: inline-flex; flex-direction: column; padding-bottom: 20px; text-align: center; }
.partner-home-header p { font-weight: 600; line-height: 1.2; color: var(--font-subtle); }
.partner-home-header .btn { margin: 7px auto 0; max-width: 125px; }
.partner-home .person-item-inner .fa-circle-check { color: var(--green-success); }
.partner-home .person-item-inner .fa-circle-xmark { color: var(--red-alert); }

/*** Partner Stats ***/

.partner-home-stats { width: 100%; display: flex; flex-direction: row; align-items: center; margin-bottom: 30px; }
.partner-home-stats .stat { width: 100%; margin: 15px 0; }
.partner-home-stats .stat:first-child { margin-right: 10px; }
.partner-home-stats .stat:last-child { margin-left: 10px; }

/*** Partner Support Page ***/

.partner-support-page { width: calc(100% - 230px); }
.partner-support-page-container { height: 100%; overflow: auto; width: 100%; }

@media screen and (max-width: 950px) {

.partner-home { padding: 50px 0; } }

/*****************************
  Tag list
*****************************/

.tag-list { display: flex; flex-wrap: wrap; gap: 5px; }
.tag-pill { display: flex; align-items: center; background: var(--background-04); border-radius: 4px; padding: 2px 6px; font-size: .77rem; color: var(--font-subtle); margin-bottom: 5px; }
.tag-pill .remove-tag { margin-left: 4px; text-decoration: none; font-weight: 700; color: var(--font-subtle); }

/* Dropdown menu that opens upward */
.form-select-menu-up { top: auto!important; bottom: 50px; }

/*****************************
  Charts
*****************************/

.chart-container { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 -8px; }
.chart { width: calc(50% - 22px); border: solid 1px var(--border); border-radius: 10px; margin: 10px; }
.chart-inner { padding: 20px; position: relative; display: flex; flex-direction: column; }
.chart-inner .chart-simple { flex: 1 1 auto; }
.chart-inner p { padding: 7px 0 0; }
.chart-inner-header { padding: 0 0 20px; }

.chart-table-row { display: flex; flex-direction: row; align-items: center; width: 100%; height: 30px; }
.chart-table-row .chart-table-col:last-child { margin-left: auto; }
.chart-table-row-header { border-bottom: solid 1px var(--border); padding-bottom: 10px; margin-bottom: 10px; }
.chart-table-row-header .chart-table-col p { color: var(--font-subtle); }
canvas { max-height: 200px; height: 225px !important; width: 100% !important; }
.chart-empty { display: none; flex-direction: column; justify-content: center; align-items: center; height: 200px; }
.chart-table-row-right { display: flex; flex-direction: row; align-items: center; margin-left: auto; }
.chart-table-row-right .chart-table-col { display: flex; justify-content: flex-end; min-width: 50px; text-align: right; }
.chart-table-col-lg { min-width: 75px !important; }
.chart-canvas-footer { padding: 0 10px; display: flex; flex-direction: row; justify-content: space-between; }

.chart-simple { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; position: relative; min-height: 120px; }
.chart-simple-empty { margin: 0; }
.chart-simple h6 { font-size: 1.6rem; font-weight: 800; padding-bottom: 3px; }
.chart-spinner { display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; pointer-events: none; }
.chart-spinner i,
.chart-spinner .fa-spinner { font-size: 1.5rem; color: var(--icon-load-spinner); }

/* Async content roots: ensure spinner centers within section, not viewport */
.async-root { position: relative; min-height: 120px; }
.async-root-sm { position: relative; min-height: 60px; }

/* Settings async lists: keep pagination pinned and list scrollable */
.page-alt-inner-async { display: flex; flex-direction: column; height: 100%; }
.page-alt-inner-async .settings-async-root { flex: 1; min-height: 0; display: flex; flex-direction: column; }
.page-alt-inner-async .settings-async-root .settings-page { flex: 1; min-height: 0; height: auto; }
.page-alt-inner-async .settings-async-root .pagination { margin-top: auto; }

@media screen and (max-width: 950px) {
.page-alt-inner-async { height: auto; }

.chart { width: 100%; } }

/*****************************
  Upsells
*****************************/

.upsell-state-container { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; width: calc(100% - 40px); padding: 0 20px; max-width: 650px; margin: 0 auto; text-align: center; }
.upsell-state-container img { max-width: 100%; display: block; border: solid 1px var(--border); border-radius: 10px; }
.upsell-state-text-container { max-width: 500px; margin: 0 auto; text-align: center; }
.upsell-state-text-container h1 { font-weight: 800; margin-top: 20px; }
.upsell-state-text-container p { font-size: .85rem; line-height: 1.6; padding: 5px 0 15px; }
.upsell-state-text-container .btn { max-width: 150px; margin: 0 auto; }

@media screen and (max-width: 950px) {

.upsell-state-container { margin: 60px auto; } }


/*****************************
  Timeline
*****************************/

.timeline { display: flex; flex-direction: column; }
.timeline-item { display: flex; flex-direction: row; align-items: flex-start; margin-bottom: 40px; position: relative; }
.timeline-icon { height: 34px; width: 34px; min-height: 34px; min-width: 34px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-right: 12px; background-color: var(--background-03); }
.timeline-icon .svg-inline--fa { color: var(--icon-nav); font-size: .85rem; }
.timeline-item:not(:last-of-type)::before { border: 1px solid var(--border); border-radius: 4px; bottom: -36px; left: 16px; position: absolute; top: 39px; width: 0; content: " "; }
.timeline-detail { display: flex; flex-direction: column; max-width: 450px; }
.timeline-detail-header { line-height: 1.8; }
.timeline-detail-sub { padding-top: 2px; color: var(--font-subtle); font-size: .74rem; } 

@media screen and (max-width: 950px) {

.timeline-row { flex-direction: column; }
.disciplinary-case-timeline-row { flex-direction: column; gap: 0; }
.disciplinary-case-timeline-row .items-01-item-title-text { min-width: 0; flex: 0 0 auto; }
.timeline { margin-top: 20px; } }

/*****************************
  Modals
*****************************/

.modal-overlay { position: fixed; top: 0; left: 0; width: 100%; background: rgba(0, 0, 0, .5); display: none; z-index: 10000; backdrop-filter: blur(4px); height: 100%; } 
.modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: var(--background-02); border-radius: 8px; max-width: 600px; width: 90%; max-height: 90vh; overflow: hidden; display: none; z-index: 10001; box-shadow: var(--box-shadow-modal); height: auto; }
.modal-content { display: flex; flex-direction: column; height: 100%; }
.create-workspace-modal-content { min-height: 420px; }
.time-off-request-modal { min-height: 95vh; max-height: 95vh; }
.modal:has(.time-off-request-modal) { max-height: 95vh; }
.time-off-request-modal .modal-content-inner { max-height: calc(95vh - 170px); }
/* Ensure only the form body scrolls when modal height is limited */
.modal-content form { display: flex; flex-direction: column; flex-grow: 1; overflow-y: auto; }
.modal-content form.modal-form-static-footer { overflow-y: hidden; min-height: 0; }
.modal-content-header { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; flex-direction: row; align-items: center; height: 60px; min-height: 60px; padding: 0 15px; border-bottom: solid 1px var(--border); }
.modal-close:hover { background-color: var(--background-subtle-btn-hover); }
.modal-close .svg-inline--fa { font-size: 1rem; color: var(--font-main); }
.modal-close { margin-left: auto; background-color: var(--background-02); border-radius: 100%; height: 34px; width: 34px; min-height: 34px; min-width: 34px; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: all .5s; border: none; } 
.modal-content-inner { flex-grow: 1; padding: 25px 15px; overflow-y: auto; max-height: calc(90vh - 170px); }
.modal-content-inner-loading { display: flex; align-items: center; justify-content: center; min-height: 220px; padding: 25px 15px; } .modal-content-inner-loading .svg-inline--fa, .modal-content-inner-loading i { color: var(--icon-load-spinner); font-size: 1.2rem; }
.modal-content-inner-public-holidays { padding: 0 15px; }
.feature-upsell-modal .modal-content-inner { padding: 20px 15px; }
.feature-upsell-modal .empty-state { margin: 10px auto; max-width: 360px; padding: 50px 0; }
.feature-upsell-modal .empty-state .btn { max-width: 160px; }
.feature-upsell-modal .empty-state p { line-height: 1.7; font-size: .82rem; }
.person-main-data-section-public-holidays { margin: 0; }
.person-main-data-section-public-holidays .person-main-data:first-of-type { border-top: none; }
.modal-content-inner-section { margin-bottom: 20px; }
.modal-content-inner-section-no-margin { margin-bottom: 0 !important; }
.modal-content-inner-section-header { margin-bottom: 25px; padding-bottom: 15px; border-bottom: solid 1px var(--border); }
.modal-content-inner-section-header h6 { font-size: .92rem !important; }
.partner-update-settings-modal .modal-content-inner-section { margin-bottom: 35px; }
.partner-update-settings-modal .modal-content-inner-section:last-child { margin-bottom: 0; }
.modal-content-footer { border-top: solid 1px var(--border); height: 60px; padding: 0 15px; display: flex; flex-direction: row; align-items: center; justify-content: flex-end; }
.modal-content-footer-inner { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-end !important; }
.modal-pagination-inner { width: 100%; justify-content: space-between !important; }
.modal-pagination-inner .btn { margin-left: 8px !important; }
.modal-activity-log-footer { justify-content: flex-start; height: 60px; padding: 0 15px; }
.modal-activity-log-pagination { width: 100%; justify-content: flex-start !important; gap: 8px; }
.modal-activity-log-pagination .btn { margin: 0 !important; min-width: 30px; height: 32px !important; padding: 0 12px !important; justify-content: center; }
.modal-activity-log-pagination .subtle-text { margin-left: 8px; white-space: nowrap; font-size: .82rem; color: var(--font-main); }
.modal-content-footer .form-btn { margin: 0 0 0 10px !important; max-width: max-content; height: 35px; padding: 0 12px !important; }
.modal-content-footer .btn { margin: 0 0 0 10px !important; max-width: max-content; height: 35px; padding: 0 12px !important; }
.modal-item-list { margin: 0 auto 20px; width: 100%;; }
.modal-item-list-item { width: calc(100% - 20px); padding: 10px; border-radius: 10px; border: solid 1px var(--border); display: flex; flex-direction: row; align-items: center; margin-bottom: 20px; }
.modal-item-list-item p { color: var(--font-main) }
.update-time-off-allowance-modal { min-height: 620px; }
.update-working-week-modal { min-height: 360px; }
.compliance-beta-modal-form { overflow-y: visible !important; }
.compliance-beta-modal-body { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 40px 30px; max-height: none; }
.compliance-beta-modal-icon { width: 54px; height: 54px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--subtle-btn-background); color: var(--font-main); margin-bottom: 22px; }
.compliance-beta-modal-icon .svg-inline--fa, .compliance-beta-modal-icon i { font-size: 1.2rem; }
.compliance-beta-modal-copy { max-width: 420px; }
.compliance-beta-modal-copy h3 { margin: 0 0 10px; font-size: 1.25rem; line-height: 1.4; }
.compliance-beta-modal-copy p { margin: 0 0 14px; color: var(--font-subtle); line-height: 1.7; }
.compliance-beta-modal-copy p:last-child { margin-bottom: 0; }
.compliance-beta-modal-meta { margin-top: 18px; }
.compliance-beta-modal-meta .items-01-item-title-text { margin-bottom: 6px; text-align: center; }
.compliance-beta-modal-meta p:last-child { margin-bottom: 0; color: var(--font-main); }
.compliance-beta-modal-action { width: 100%; display: flex; justify-content: center; margin-top: 26px; }
.compliance-beta-modal-action .btn { max-width: 190px; }

/* Modal policy card */

.modal-policy-add-btn { width: calc(100% - 2px); justify-content: center; }
.modal-policy-card { width: calc(100% - 32px); align-items: stretch; gap: 0; margin-bottom: 12px; padding: 15px; }
.modal-policy-card-main { width: 100%; min-width: 0; }
.modal-policy-card-header { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; }
.modal-policy-card-heading { flex-grow: 1; min-width: 0; }
.modal-policy-card-title { margin: 0 0 5px 0; font-size: .85rem; }
.modal-policy-card-subtitle { margin: 0; color: var(--font-subtle) !important; font-style: italic; }
.modal-policy-card-main .form-field { margin-bottom: 12px; }
.modal-policy-card-main .form-field:last-child { margin-bottom: 0; }
.modal-policy-card-main .form-field input { height: 46px; min-height: 46px; margin-bottom: 0; }
.modal-policy-card-remove-btn { margin-left: auto; margin-top: 1px; flex-shrink: 0; }
.invite-modal-back-link { margin-bottom: 20px; }
.invite-method-grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
.invite-method-card { border: solid 1px var(--border); border-radius: 10px; padding: 20px; text-decoration: none; color: inherit; transition: all 0.5s; background: transparent; }
.invite-method-card:hover { background-color: var(--background-hover); }
.invite-method-card.btn-loading-replace { position: relative; }
.invite-method-card .btn-spinner { display: none; }
.invite-method-card.is-loading { cursor: wait; }
.invite-method-card.is-loading[data-load-ok="1"] { pointer-events: none; }
.invite-method-card.is-loading[data-load-ok="1"] .btn-spinner { position: absolute; inset: 0; width: 1em; height: 1em; margin: auto; line-height: 1; display: block; }
.invite-method-card.is-loading[data-load-ok="1"] > :not(.btn-spinner) { opacity: 0 !important; visibility: hidden; transition: none !important; }
.invite-method-card-icon { width: 42px; height: 42px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--subtle-btn-background); color: var(--font-main); margin-bottom: 14px; }
.invite-method-card h6 { margin: 0 0 8px; }
.invite-method-card p { margin: 0; color: var(--font-subtle); line-height: 1.6; }
.invite-csv-header-link { margin-left: auto; }
.invite-csv-validation-progress { margin-top: 12px; padding: 12px 14px; border: solid 1px var(--border); border-radius: 10px; background: var(--background-subtle); }
.invite-csv-validation-progress-copy { margin-bottom: 10px; }
.invite-csv-validation-progress-copy p { margin: 0; color: var(--font-main); font-weight: 700; min-height: 1.2em; white-space: nowrap; }
.invite-csv-validation-progress-bar { position: relative; overflow: hidden; width: 100%; height: 6px; border-radius: 999px; background: var(--border); }
.invite-csv-validation-progress-bar span { position: absolute; inset: 0 auto 0 0; width: 28%; border-radius: inherit; background: var(--brand-color); animation: inviteCsvProgress 2.8s ease-in-out infinite; }
.invite-import-summary { border: solid 1px var(--border); border-radius: 10px; padding: 16px; margin-bottom: 20px; background: var(--background-subtle); }
.invite-import-summary-header { margin-bottom: 12px; }
.invite-import-summary-subheading { margin: 16px 0 10px; }
.invite-import-summary-subheading p { margin: 0; font-weight: 700; color: var(--font-main); }
.invite-import-summary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 12px; }
.invite-import-summary-stat { border: solid 1px var(--border); border-radius: 8px; padding: 12px; }
.invite-import-summary-stat span { display: block; margin-bottom: 6px; color: var(--font-subtle); font-size: .8rem; }
.invite-import-summary-stat strong { font-size: 1.1rem; color: var(--font-main); }
.invite-import-summary-list { display: flex; flex-direction: column; gap: 10px; margin-bottom: 15px; padding-top: 10px; border-top: solid 1px var(--border); }
.invite-import-summary-item { display: flex; align-items: flex-start; gap: 10px; border-top: solid 1px var(--border); padding-top: 10px; }
.invite-import-summary-item:first-child { border-top: 0; padding-top: 0; }
.invite-import-summary-item .svg-inline--fa, .invite-import-summary-item i { flex-shrink: 0; margin-top: 2px; color: var(--font-subtle); font-size: .9rem; }
.invite-import-summary-item .fa-circle-info { color: var(--brand-color); }
.invite-import-summary-item .fa-circle-xmark { color: var(--warning-btn-border); }
.invite-import-summary-item p { margin: 0; color: var(--font-main); }
@media (max-width: 700px) { .invite-import-summary-grid { grid-template-columns: 1fr; } }
.trial-signups-feature-list { margin: 0; padding-left: 20px; }
.trial-signups-feature-list li { margin: 0 0 10px; color: var(--font-main); }
.trial-signups-feature-list li:last-child { margin-bottom: 0; }
.onboarding-document-template-picker-select { display: none !important; }
.onboarding-document-template-picker .searchable-paged-menu-trigger { margin-bottom: 10px; }
.onboarding-selected-document-templates { margin-top: 10px; margin-bottom: 0; }
.onboarding-document-template-card .modal-policy-card-header { align-items: center; margin-bottom: 0; min-height: 30px; }
.onboarding-document-template-card .modal-policy-card-heading { display: flex; align-items: flex-start; }
.onboarding-document-template-card .modal-policy-card-title { margin: 0; }
.onboarding-document-template-card .modal-policy-card-remove-btn { margin-top: 0; align-self: center; }
.disciplinary-modal .modal-item-list-item .modal-policy-card-header { align-items: center; margin-bottom: 0; min-height: 30px; }
.disciplinary-modal .modal-item-list-item .modal-policy-card-heading { display: flex; flex-direction: column; justify-content: center; min-height: 30px; }
.disciplinary-modal .modal-item-list-item .modal-policy-card-heading p { margin: 2px 0 0; color: var(--font-subtle); }
.disciplinary-modal .modal-item-list-item .modal-policy-card-remove-btn { margin-top: 0; align-self: center; }
.modal-footer-split { width: 100%; justify-content: space-between !important; align-items: center !important; gap: 10px; min-width: 0; overflow: hidden; }
.modal-footer-split .modal-pagination { margin-right: auto; display: flex; flex-direction: row; align-items: center; gap: 8px; }
.modal-footer-split .modal-pagination-controls { display: flex; flex-direction: row; align-items: center; gap: 8px; }
.modal-footer-split .modal-pagination-btn { min-width: 30px; width: 30px; height: 30px !important; justify-content: center; }
.modal-footer-split .modal-pagination .btn { margin: 0 !important; }
.modal-footer-split .modal-footer-actions { margin-left: auto; display: flex; flex-direction: row; align-items: center; gap: 8px; min-width: 0; flex: 1 1 auto; overflow: hidden; }
.modal-footer-split .case-management-modal-save-btn { flex: 0 1 auto; min-width: 0; max-width: 220px; margin-left: auto !important; }
.modal-footer-split .case-management-modal-save-btn p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 880px) { .case-management-modal-tabs { gap: 16px; } .case-management-modal-tab p { font-size: 0.9rem; } }
.modal-selection-toolbar { display: flex; flex-direction: row; align-items: center; border-bottom: solid 1px var(--border); padding-bottom: 10px; }
.modal-selection-toggle-all { min-width: 30px; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; margin: 0 !important; border-radius: 6px; background: var(--background); color: var(--font-subtle); }
.modal-selection-toggle-all .icon-selected { display: none; color: var(--brand-color); }
.modal-selection-toggle-all .icon-unselected { display: block; }
.modal-selection-toggle-all.is-selected .icon-selected { display: block; }
.modal-selection-toggle-all.is-selected .icon-unselected { display: none; }
.modal-selection-count { color: var(--font-subtle); font-size: .8rem; }
.modal-selection-search { margin-bottom: 10px; }
.modal-selection-list { overflow: hidden; }
.modal-selection-item { min-height: 50px; padding: 10px 0; display: flex; flex-direction: row; align-items: center; border-bottom: solid 1px var(--border); cursor: pointer; }
.modal-selection-item.is-selected { background: var(--background-02); }
.modal-selection-item:last-child { border-bottom: none; }
.modal-selection-checkbox { min-width: 30px; width: 30px; height: 30px; margin: 0 10px 0 0 !important; display: flex; justify-content: center; align-items: center; border-radius: 6px; background: var(--background); color: var(--font-subtle); }
.modal-selection-checkbox .icon-selected { display: none; color: var(--brand-color); }
.modal-selection-checkbox .icon-unselected { display: block; }
.modal-selection-checkbox.is-selected .icon-selected { display: block; }
.modal-selection-checkbox.is-selected .icon-unselected { display: none; }
.modal-selection-identity { display: flex; flex-direction: row; align-items: center; min-width: 0; }
.modal-selection-avatar { min-width: 34px; width: 34px; height: 34px; border-radius: 100%; border: solid 1px var(--border); margin-right: 10px; display: flex; justify-content: center; align-items: center; overflow: hidden; font-size: .72rem; color: var(--font-subtle); background: var(--background-03); }
.modal-selection-avatar img { width: 100%; height: 100%; object-fit: cover; }
.modal-selection-item-details { min-width: 0; }
.modal-selection-item-title { font-size: .82rem; font-weight: 700; color: var(--font-main); max-width: 320px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.modal-selection-item-subtitle { padding-top: 2px; font-size: .75rem; color: var(--font-subtle); max-width: 320px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.modal-selection-empty { margin-top: 8px; }
.modal-selection-next-step-note { margin-bottom: 25px; }
#apply_scope_selection_container + .form-label-tip { margin-top: 10px; }
.global-banner-inline-form { display: inline-flex; margin-left: 8px; }
.global-banner-inline-btn { border: 0; background: transparent; color: inherit; padding: 0; margin: 0; text-decoration: underline; cursor: pointer; min-height: 0; gap: 6px; }
.global-banner-inline-btn p { margin: 0; }
.global-banner-inline-btn .btn-spinner { color: inherit; }
.menu-item-form { margin: 0; }
.menu-item-form .menu-item { width: 100%; text-align: left; border: 0; background: transparent; display: flex; align-items: center; justify-content: space-between; }
.menu-item-form .menu-item p { margin: 0; }
.nav-overlay-action-form { margin: 0; }
.nav-overlay-action-btn { width: 100%; text-align: left; border: 0; background: transparent; color: inherit; display: flex; align-items: center; justify-content: space-between; padding: 0; }
.nav-overlay-action-btn p { margin: 0; text-decoration: underline; }
.nav-overlay-action-btn .btn-spinner { color: inherit; }