@font-face {
    font-family: 'Barlow';
    src: url('../webfonts/Barlow/barlow-regular.woff2') format('woff2')
    url('../webfonts/Barlow/barlow-italic.woff2') format('woff2')
    url('../webfonts/Barlow/barlow-200.woff2') format('woff2')
    url('../webfonts/Barlow/barlow-200italic.woff2') format('woff2')
    url('../webfonts/Barlow/barlow-500.woff2') format('woff2')
    url('../webfonts/Barlow/barlow-500italic.woff2') format('woff2')
    url('../webfonts/Barlow/barlow-600.woff2') format('woff2')
    url('../webfonts/Barlow/barlow-600italic.woff2') format('woff2');
}
html {
    background-color: #EFEFEF;
}
body {
    font-family: "Barlow", sans-serif !important;
    font-size: 1rem !important;
    color: #212529;
    background-color: white;
}

.hide508 {
    position: absolute;
    top: -10000px;
    left: -10000px;
}

a, .btn-link {
    font-weight: 500;
}
.yui3-g [class *= "yui3-u"],
.yui-skin-sam .yui-pg-first,
.yui-skin-sam .yui-pg-previous,
.yui-skin-sam .yui-pg-next,
.yui-skin-sam .yui-pg-last,
.yui-skin-sam .yui-pg-current,
.yui-skin-sam .yui-pg-pages,
.yui-skin-sam .yui-pg-page,
.yui-skin-sam .yui-dt table,
.yui3-skin-sam .yui3-datatable-caption,
.yui3-skin-sam .yui3-datatable-scroll-columns,
.MuiDataGrid-root,
.MuiTablePagination-selectLabel,
.MuiTablePagination-displayedRows,
.MuiSelect-select {
    font-family: "Barlow", sans-serif !important;
}

.cke_reset_all, .cke_reset_all *, .cke_reset_all a, .cke_reset_all textarea {
    font: normal normal normal 0.85rem 'Barlow', sans-serif!important;
}

h1, .h1 {
    font-size: 2.0rem;
}

h2, .h2 {
    font-size: 1.8rem;
}

h3, .h3 {
    font-size: 1.6rem;
}

h4, .h4 {
    font-size: 1.4rem;
}

h5, .h5 {
    font-size: 1.2rem;
}

h6, .h6 {
    font-size: 1rem;
}

.btn-whitespace {
    white-space: normal;
}

.mb-7 {
    margin-bottom: 7rem !important;
}

.clear {
    display: block;
    overflow: hidden;
}

.right-0 {
    position: absolute;
    right: 0;
}

#article-content {
    min-height: 50vh;
}

#site-navigation {
    padding: 0rem;
}

    #site-navigation .nav-link {
        padding: .25rem .5rem;
    }

    #site-navigation .nav-item {
        padding: .25rem;
    }

    #site-navigation .dropdown-menu {
        border: none;
        left: inherit;
        right: 0;
        margin: 0;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .175);
    }

body[dir='rtl'] #site-navigation .dropdown-menu {
    left: 0;
    right: inherit;
}

    #site-navigation .dropdown-menu {
        border-top-right-radius: 0rem;
    }

/** SIDEBAR END **/

#header a, #header a:visited, #header a:hover {
    color: #666;
}

/** FOOTER START **/
#footer {
    background-color: #EFEFEF;
    color: #575757!important;
}

.tt-plain-datatable .yui3-datatable-header {
    background: transparent !important;
    background-color: transparent !important;
    border-left: 0 !important;
    font-weight: 500;
}

.tt-plain-datatable thead th {
    background: transparent !important;
    background-color: transparent !important;
    border-left: 0 !important;
    font-weight: 500;
}

.tt-plain-datatable .yui3-datatable-odd .yui3-datatable-cell,
.tt-plain-datatable .yui3-datatable-odd .yui3-datatable-cell.yui3-datatable-sorted,
.tt-plain-datatable .yui3-datatable-even .yui3-datatable-cell,
.tt-plain-datatable .yui3-datatable-even .yui3-datatable-cell.yui3-datatable-sorted,
.tt-plain-datatable tbody td {
    background: #fff !important;
    background-color: #fff !important;
}

.tt-plain-datatable .yui3-datatable-cell {
    border-left: 0 !important;
}

.tt-plain-datatable .yui3-datatable-header,
.tt-plain-datatable .yui3-datatable-cell,
.tt-plain-datatable thead th,
.tt-plain-datatable tbody td {
    border-color: #dee2e6 !important;
}

.tt-plain-datatable.table-bordered > :not(caption) > * > *,
.tt-plain-datatable table.table-bordered > :not(caption) > * > * {
    border-left: 0 !important;
    border-right: 0 !important;
}

.tt-plain-datatable tr {
    height: 52px;
}
.tt-plain-datatable tr:hover td {
    background-color: #fcfcfc;
}

.tt-plain-datatable .yui3-datatable-table,
.tt-plain-datatable table {
    width: 100% !important;
    border: 0 !important;
}

.tt-plain-datatable tbody {
    border-color: #ddd;
}
.tt-plain-datatable .yui3-datatable-sort-liner {
    color: inherit;
    padding-right: 1.25rem;
}

.tt-plain-datatable .yui3-datatable-sort-indicator {
    opacity: 0.7;
    right: 0.35rem;
}

/* Visually neutral fieldset for radio/checkbox groups — preserves accessibility semantics without adding browser-default borders or padding */
fieldset.tt-fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    min-width: 0;
}

fieldset.tt-fieldset legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 0;
    font-size:1.4rem;
    line-height: inherit;
}

fieldset.tt-fieldset legend + * {
    clear: left;
}

/* Shared checkbox/radio sizing and spacing utilities */
#candidateSearchResults .pan-chk,
#adminSearchResultsHeader .pan-chk,
#adminSearchResults .pan-chk,
.tt-check-accent-neutral {
    accent-color: #737373;
    width: 24px;
    height: 24px;
    margin: 0;
    vertical-align: middle;
}

.tt-form-check-group-lg .form-check-input[type="radio"],
.tt-form-check-group-lg .form-check-input[type="checkbox"],
.tt-form-check-input-lg[type="radio"],
.tt-form-check-input-lg[type="checkbox"] {
    width: 24px;
    height: 24px;
    margin-top: 0;
    vertical-align: middle;
}

.tt-form-check-group-lg .form-check-label,
.tt-form-check-label-offset {
    margin-left: 5px;
}

.tt-form-check-stack .form-check-inline {
    display: block;
    margin-right: 0;
}

.tt-form-check-stack .form-check-inline + .form-check-inline {
    margin-top: 0.5rem;
}

#actionsContainer {
    display: none;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem 1.5rem;
    margin-top: 1rem;
}

#actionsContainer > .btn {
    margin-right: 0 !important;
}

@media (min-width: 768px) {
    #actionsContainer {
        gap: 1.5rem 2rem;
        margin-top: 1.5rem;
    }
}

@media (min-width: 992px) {
    #actionsContainer {
        gap: 2rem 3rem;
        margin-top: 2rem;
    }
}

.tt-form-section {
    margin-top: 1rem;
}

.tt-form-section {
    margin-top: 1rem;
}

.pipe-divider {
    margin: 0 0.75rem;
}

.pipe-divider::after {
    content: '|';
}

#languageChoices {
    background-color: transparent !important;
    width: 275px;
    color: #575757;
}

/** FOOTER END **/
@media (max-width: 768px) {
    #sidebar .nav > li {
        display: block;
        position: relative;
        width: 100%;
    }

    #nav-logo-img,
    #sidebar .client-name {
        display: none !important;
    }
}

@media (min-width: 769px) {
    #sidebar .navbar-toggler,
    #sidebar .navbar-brand,
    #sidebar .switch-client {
        display: none;
    }

    #sidebar .yui3-aclist {
        width: 98% !important;
    }

    #navbar-supported-content {
        display: block;
    }
}

.pageTitle {
    line-height: 40px;
    font-weight: normal;
}

.col-form-label {
    font-weight: 500;
}

/* Admin App Overrides*/
.typeahead {
    padding: 0;
    border: none;
}

#antiForgeryToken legend {display:none;}

/* =========================================================
   Focus styling tokens
   Shared values for focus indicators across the application
   ========================================================= */

:root {
    --tt-focus-outer-color: #000;
    --tt-focus-inner-color: #fff;
    --tt-focus-outline-width: 2px;
    --tt-focus-outline-offset: 2px;
    --tt-focus-radius: var(--bs-border-radius, 0.375rem);

    /* Decorative ring spacing for button-like controls */
    --tt-focus-inner-inset: -2px;
    --tt-focus-outer-inset: -7px;
    --tt-focus-outer-radius: calc(var(--tt-focus-radius) + 4px);
}

/* =========================================================
   Shared selector groups
   - Button-like controls can use pseudo-elements
   - Native form controls should use outline + box-shadow only
   ========================================================= */

:where(
    .btn,
    button:not(.yui3-button-close),
    a:not(.nav-link.dropdown-toggle):not(.dropdown-item),
    summary,
    [role="button"][tabindex],
    .talogyFocus:not(input[type="checkbox"]):not(input[type="radio"])
) {
    position: relative;
}

:where(
    .form-control,
    .form-select,
    select,
    textarea,
    input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"])
):focus,
:where(
    .form-control,
    .form-select,
    select,
    textarea,
    input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"])
):focus-visible {
    outline: var(--tt-focus-outline-width) solid var(--tt-focus-outer-color) !important;
    outline-offset: var(--tt-focus-outline-offset);
    box-shadow: 0 0 0 2px var(--tt-focus-inner-color) !important;
}

/* =========================================================
   Button-like controls
   Use outline plus decorative pseudo-element rings
   Applies to buttons, button-style links, summary, etc.
   Excludes Bootstrap nav dropdown toggles
   ========================================================= */

:where(
    .btn,
    button:not(.yui3-button-close),
    a:not(.nav-link.dropdown-toggle):not(.dropdown-item),
    summary,
    [role="button"][tabindex],
    .talogyFocus:not(input[type="checkbox"]):not(input[type="radio"])
):focus-visible {
    outline: var(--tt-focus-outline-width) solid var(--tt-focus-outer-color) !important;
    outline-offset: var(--tt-focus-outline-offset);
    border-radius: var(--tt-focus-radius);
}

:where(
    .btn,
    button:not(.yui3-button-close),
    a:not(.nav-link.dropdown-toggle):not(.dropdown-item),
    summary,
    [role="button"][tabindex],
    .talogyFocus:not(input[type="checkbox"]):not(input[type="radio"])
):focus-visible::before {
    content: "";
    position: absolute;
    inset: var(--tt-focus-inner-inset);
    border: 2px solid var(--tt-focus-inner-color);
    border-radius: var(--tt-focus-radius);
    pointer-events: none;
    box-sizing: border-box;
}

:where(
    .btn,
    button:not(.yui3-button-close),
    a:not(.nav-link.dropdown-toggle):not(.dropdown-item),
    summary,
    [role="button"][tabindex],
    .talogyFocus:not(input[type="checkbox"]):not(input[type="radio"])
):focus-visible::after {
    content: "";
    position: absolute;
    inset: var(--tt-focus-outer-inset);
    border: 2px solid var(--tt-focus-inner-color);
    border-radius: var(--tt-focus-outer-radius);
    pointer-events: none;
    box-sizing: border-box;
}

/* YUI push buttons
   Focus lands on the inner button, but the visible control is the outer wrapper. */
.yui-push-button {
    position: relative;
    border-radius: var(--tt-focus-radius);
}

.yui-push-button:has(button:focus),
.yui-push-button:has(button:focus-visible) {
    outline: var(--tt-focus-outline-width) solid var(--tt-focus-outer-color) !important;
    outline-offset: var(--tt-focus-outline-offset);
    box-shadow: 0 0 0 2px var(--tt-focus-inner-color) !important;
    border-radius: var(--tt-focus-radius);
    z-index: 2;
}

/* Remove focus styling from the inner button */
.yui-push-button button:focus,
.yui-push-button button:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

/* Prevent shared decorative focus rings from applying to the inner button */
.yui-push-button button:focus-visible::before,
.yui-push-button button:focus-visible::after {
    content: none !important;
}

/* Apply focus styling to the visible wrapper */
.yui-button:has(button:focus),
.yui-button:has(button:focus-visible) {
    outline: var(--tt-focus-outline-width) solid var(--tt-focus-outer-color) !important;
    outline-offset: var(--tt-focus-outline-offset);
    box-shadow: 0 0 0 2px var(--tt-focus-inner-color) !important;
    border-radius: var(--tt-focus-radius);
    z-index: 2;
}

/* Remove focus styling from the inner button */
.yui-button button:focus,
.yui-button button:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

/* Prevent shared decorative focus rings on inner buttons */
.yui-button button:focus-visible::before,
.yui-button button:focus-visible::after {
    content: none !important;
}

/* =========================================================
   Logo link
   Special-case treatment for the site logo
   ========================================================= */

#logo {
    position: relative;
    display: inline-block;
    border-radius: var(--bs-border-radius);
}

#logo:focus-visible {
    outline: var(--tt-focus-outline-width) solid var(--tt-focus-outer-color);
    outline-offset: var(--tt-focus-outline-offset);
    box-shadow: none !important;
}

#logo:focus-visible::before {
    content: "";
    position: absolute;
    inset: -2px;
    border: 2px solid var(--tt-focus-inner-color);
    border-radius: var(--bs-border-radius);
    pointer-events: none;
    box-sizing: border-box;
}

#logo:focus-visible::after {
    content: "";
    position: absolute;
    inset: -6px;
    border: 2px solid var(--tt-focus-inner-color);
    border-radius: calc(var(--bs-border-radius) + 4px);
    pointer-events: none;
    box-sizing: border-box;
}

/* =========================================================
   Image links
   Prevent inline anchor behavior from causing odd outlines
   around linked images
   ========================================================= */

a:has(> img) {
    display: inline-block;
    position: relative;
    line-height: 0;
}

/* =========================================================
   Checkboxes and radios
   Simpler focus treatment for native controls
   ========================================================= */

:where(input[type="checkbox"], input[type="radio"]):focus,
:where(input[type="checkbox"], input[type="radio"]):focus-visible {
    outline: var(--tt-focus-outline-width) solid var(--tt-focus-outer-color) !important;
    outline-offset: 3px;
    box-shadow: 0 0 0 2px var(--tt-focus-inner-color) !important;
}

/* =========================================================
   Legacy YUI override
   Replaces YUI focus border/glow with app focus styling
   ========================================================= */

/* YUI close button: keep the icon, hide the text */
button.yui3-button-close {
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0 !important;
    line-height: 0 !important;
}

/* Keep YUI's sprite-based X icon and center it better */
.yui3-skin-sam .yui3-panel .yui3-widget-hd .yui3-button-close::before {
    margin: 0 !important;
    display: inline-block;
    vertical-align: middle;
}

/* Focus styling for the YUI close button */
button.yui3-button-close:focus,
button.yui3-button-close:focus-visible {
    outline: var(--tt-focus-outline-width) solid var(--tt-focus-outer-color) !important;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px var(--tt-focus-inner-color) !important;
    border-color: transparent !important;
}

/* Do not apply the shared decorative focus pseudo-elements here */
button.yui3-button-close:focus-visible::after {
    content: none !important;
}

/* YUI datatable sortable header focus */
.yui3-datatable-sort-liner {
    position: relative;
}

.yui3-datatable-sort-liner:focus,
.yui3-datatable-sort-liner:focus-visible {
    outline: var(--tt-focus-outline-width) solid var(--tt-focus-outer-color) !important;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px var(--tt-focus-inner-color) !important;
    border-radius: 2px;
}

/* =========================================================
   Navigation dropdown toggles
   Keep Bootstrap caret intact
   Do not apply decorative pseudo-element focus rings here
   ========================================================= */

#site-navigation .nav-link.dropdown-toggle:focus-visible {
    outline: var(--tt-focus-outline-width) solid var(--tt-focus-outer-color) !important;
    outline-offset: var(--tt-focus-outline-offset);
    box-shadow: 0 0 0 2px var(--tt-focus-inner-color) !important;
    border-radius: var(--bs-border-radius, 0.375rem);
}

#site-navigation .nav-link.dropdown-toggle:focus-visible::before {
    content: none !important;
}

/* Dropdown menu items: keep focus styling inside the item to avoid overflow */
#site-navigation .dropdown-menu .dropdown-item:focus,
#site-navigation .dropdown-menu .dropdown-item:focus-visible {
    outline: 2px solid var(--tt-focus-outer-color) !important;
    outline-offset: 0px; /* keeps it inside so no scroll */
    box-shadow: inset 0 0 0 2px var(--tt-focus-inner-color) !important;
    border-radius: var(--bs-border-radius, 0.375rem);
}

/* Candidate search on legacy pages */
.candidate-search-label {
    display: flex;
    flex-shrink: 0;
}

#site-navigation .dropdown-menu .dropdown-item:focus-visible::before,
#site-navigation .dropdown-menu .dropdown-item:focus-visible::after {
    content: none !important;
}

/* Candidate and location search use react-select. Apply focus styling to the
   generated control wrapper and suppress inner combobox input ring so focus
   appears once around the full field. */
.candidate-search-select__control--is-focused,
.candidate-search-select__control:focus-within,
.location-search-select__control--is-focused,
.location-search-select__control:focus-within {
    border-color: var(--bs-border-color) !important;
    outline: var(--tt-focus-outline-width) solid var(--tt-focus-outer-color) !important;
    outline-offset: var(--tt-focus-outline-offset);
    box-shadow: inset 0 0 0 2px var(--tt-focus-inner-color) !important;
    border-radius: var(--tt-focus-radius);
}

.candidate-search-select__control:hover,
.location-search-select__control:hover {
    border-color: var(--bs-border-color) !important;
}

.candidate-search-select__input input:focus,
.candidate-search-select__input input:focus-visible,
.location-search-select__input input:focus,
.location-search-select__input input:focus-visible,
input#candidate-search[role="combobox"]:focus,
input#candidate-search[role="combobox"]:focus-visible,
input#location[role="combobox"]:focus,
input#location[role="combobox"]:focus-visible {
    outline: 0 !important;
    box-shadow: none !important;
}

/* Scheduling availability page uses MUI date pickers and slider plus native
   selects. Apply the shared focus treatment to the MUI wrapper elements and
   reinforce it for the page selects. */
.MuiPickersOutlinedInput-root.Mui-focused,
.MuiPickersTextField-root .MuiPickersOutlinedInput-root.Mui-focused {
    outline: none !important;
    box-shadow: none !important;
    border-radius: var(--tt-focus-radius);
}

.MuiPickersOutlinedInput-root.Mui-focused .MuiPickersOutlinedInput-notchedOutline,
.MuiPickersTextField-root .MuiPickersOutlinedInput-root.Mui-focused .MuiPickersOutlinedInput-notchedOutline {
    border-color: var(--tt-focus-outer-color) !important;
    border-width: 2px !important;
}

.MuiPickersTextField-root .MuiInputLabel-root.Mui-focused,
.MuiPickersTextField-root .MuiFormLabel-root.Mui-focused,
.MuiInputLabel-root.Mui-focused,
.MuiFormLabel-root.Mui-focused {
    color: var(--tt-focus-outer-color) !important;
}

.MuiOutlinedInput-root.Mui-focused,
.MuiPickersTextField-root .MuiOutlinedInput-root.Mui-focused {
    outline: var(--tt-focus-outline-width) solid var(--tt-focus-outer-color) !important;
    outline-offset: var(--tt-focus-outline-offset);
    box-shadow: none !important;
    border-radius: var(--tt-focus-radius);
}

.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,
.MuiPickersTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
    border-color: var(--bs-border-color) !important;
}

.MuiOutlinedInput-input:focus,
.MuiOutlinedInput-input:focus-visible,
.MuiPickersInputBase-root:focus,
.MuiPickersInputBase-root:focus-visible,
.MuiInputBase-input:focus,
.MuiInputBase-input:focus-visible {
    outline: 0 !important;
    box-shadow: none !important;
}

.MuiSlider-thumb.Mui-focusVisible,
.MuiSlider-thumb:focus-visible {
    outline: var(--tt-focus-outline-width) solid var(--tt-focus-outer-color) !important;
    outline-offset: 2px;
    box-shadow: 0 0 0 2px var(--tt-focus-inner-color) !important;
}

select.form-select.talogyFocus:focus,
select.form-select.talogyFocus:focus-visible {
    outline: var(--tt-focus-outline-width) solid var(--tt-focus-outer-color) !important;
    outline-offset: var(--tt-focus-outline-offset);
    box-shadow: 0 0 0 2px var(--tt-focus-inner-color) !important;
    border-color: var(--bs-border-color) !important;
}

.view-map-button:focus-visible {
    background-color: transparent !important;
    color: var(--tt-focus-outer-color) !important;
    border-color: var(--tt-focus-outer-color) !important;
}

/* Material Symbols Outlined for ASP pages */
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    src: url('../webfonts/MaterialIcons/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].woff2') format('woff2'), url('../webfonts/MaterialIcons/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].ttf') format('ttf');
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 22px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
}

/* Define the rotation sequence */
@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* Apply to the element */
.spinner {
    animation: spin 2s linear infinite;
}

/* Material icon nudge for vertical alignment in navigation items - ASP pages */
.nav-link .material-symbols-outlined {
    transform: translateY(2px);
    margin-right: 0.25rem;
}

.nav-link:not(.core) span:not(.material-symbols-outlined){
    display: inline-block;
    transform: translateY(-2px);
}

.dropdown-item .material-symbols-outlined {
    transform: translateY(4px);
    margin-right: 0.25rem;
}

/* Material icon nudge for vertical alignment in navigation items - React pages */
.dropdown-toggle.nav-link svg {
    transform: translateY(-2px);
    margin-right: 0.25rem;
}

#nav-logout svg {
    margin-right: 0.25rem;
}

/* Material icon nudge for vertical alignment in Bootstrap buttons */
.btn .material-symbols-outlined,
.yui3-datatable-cell .material-symbols-outlined {
    transform: translateY(3px);
    margin-right: 0.25rem;
}

.btn span.material-symbols-label {
    display: inline-block;
    transform: translateY(-3px);
}

/* RTL for Material icons in buttons and navigation items */
body[dir='rtl'] .nav-link .material-symbols-outlined,
body[dir='rtl'] .dropdown-toggle.nav-link svg,
body[dir='rtl'] .btn .material-symbols-outlined,
body[dir='rtl'] .dropdown-item .material-symbols-outlined,
body[dir='rtl'] #nav-logout svg {
    margin-right: 0;
    margin-left: 0.25rem;
}


/* LANDING */
.landing-description {
    width: 100%;
}

@media (min-width: 769px) {
    .landing-description .row div:not(.homeLeft) a {
        position: absolute !important;
    }
}
@media (max-width: 768px) {
    .landing-description .row div:not(.homeLeft) a {
        margin-top: 1rem;
    }
}

/* HOME */
#widgetsContainer .w-md-50 {
    max-width: 50%;
}
@media (max-width: 768px) {
    #widgetsContainer .w-md-50 {
        max-width: 100%;
    }
}

.introjs-tooltip {
    padding: 1.5rem !important;
    border-radius: 6px !important;
}

.introjs-arrow {
    border-width: 10px!important;
}

.introjs-arrow.right {
    right: -20px!important;
}

#pan-tour-welcome-action-list {
    padding-left: 0;
}


/* REACT MAIN TEMPLATE */
.client-name {
    width: 100%;
}

@media (max-width: 1200px) {
    .client-name {
        width: auto;
    }
}

/* YUI Dialogs */
.yui3-skin-sam .yui3-panel .dialog-updated .yui3-widget-hd {
    padding: 0.75rem 1.5rem;
    margin-bottom: 0;
}

.yui3-skin-sam .yui3-panel .dialog-updated .yui3-widget-bd {
    padding: 1.5rem 1.5rem 0;
}

.yui3-skin-sam .yui3-panel .dialog-updated .yui3-widget-ft {
    padding: 1.5rem;
    margin-top: 0;
    border-top: none;
    display: flex;
    flex-direction: row;
    gap: 0.75rem;
    justify-content: flex-end;
}

/* YUI checkboxes */
button.pan-chk.yui3-button-selected, .pan-chk button.yui3-button-selected,
button.pan-chk, .pan-chk button,
button.pan-chk:active, .pan-chk button:active,
button.pan-chk:focus, .pan-chk button:focus {
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #707070;
}

button.pan-chk:focus:not(.yui3-button-selected), .pan-chk button:focus:not(.yui3-button-selected) {
    background-image: none;
}

button.pan-chk:active, .pan-chk button:active {
    background-color: #EFEFEF;
}


.container-fluid {
    min-height: 65vh;
}