/* Alphabet Sans Pro */
@font-face {
    font-family: 'Alphabet Sans Pro TT';
    src: local("Alphabet Sans Pro TT"),
    local("Alphabet Sans Office TT"),
    url('../../resources/fonts/alphabet/AlphabetSansPro/AlphabetSansPro-Light.woff2?v=1.0.0') format('woff2'),
    url('../../resources/fonts/alphabet/AlphabetSansPro/AlphabetSansProTT-Light.woff?v=1.0.0') format('woff'),
    url('../../resources/fonts/alphabet/AlphabetSansPro/AlphabetSansPro-Light.otf?v=1.0.0') format('opentype'),
    url('../../resources/fonts/alphabet/AlphabetSansPro/AlphabetSansProTT-Light.ttf?v=1.0.0') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Alphabet Sans Pro TT';
    src: url('../../resources/fonts/alphabet/AlphabetSansPro/AlphabetSansPro-Medium.woff2?v=1.0.0') format('woff2'),
    url('../../resources/fonts/alphabet/AlphabetSansPro/AlphabetSansProTT-Medium.woff?v=1.0.0') format('woff'),
    url('../../resources/fonts/alphabet/AlphabetSansPro/AlphabetSansPro-Medium.otf?v=1.0.0') format('opentype'),
    url('../../resources/fonts/alphabet/AlphabetSansPro/AlphabetSansProTT-Medium.ttf?v=1.0.0') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Alphabet Sans Pro TT';
    src: url('../../resources/fonts/alphabet/AlphabetSansPro/AlphabetSansOfficeTT-Italic.ttf?v=1.0.0') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Alphabet Sans Pro TT';
    src: url('../../resources/fonts/alphabet/AlphabetSansPro/AlphabetSansOfficeTT-BoldItalic.ttf?v=1.0.0') format('truetype');
    font-weight: bold;
    font-style: italic;
}

/* Alphabet Slab Pro */
@font-face {
    font-family: 'Alphabet Slab Pro TT';
    src: local("Alphabet Slab Pro TT"),
    local("Alphabet Slab Office TT"),
    url('../../resources/fonts/alphabet/AlphabetSlabPro/AlphabetSlabPro-Light.woff2?v=1.0.0') format('woff2'),
    url('../../resources/fonts/alphabet/AlphabetSlabPro/AlphabetSlabProTT-Light.woff?v=1.0.0') format('woff'),
    url('../../resources/fonts/alphabet/AlphabetSlabPro/AlphabetSlabPro-Light.otf?v=1.0.0') format('opentype'),
    url('../../resources/fonts/alphabet/AlphabetSlabPro/AlphabetSlabProTT-Light.ttf?v=1.0.0') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Alphabet Slab Pro TT';
    src: url('../../resources/fonts/alphabet/AlphabetSlabPro/AlphabetSlabPro-Medium.woff2?v=1.0.0') format('woff2'),
    url('../../resources/fonts/alphabet/AlphabetSlabPro/AlphabetSlabProTT-Medium.woff?v=1.0.0') format('woff'),
    url('../../resources/fonts/alphabet/AlphabetSlabPro/AlphabetSlabPro-Medium.otf?v=1.0.0') format('opentype'),
    url('../../resources/fonts/alphabet/AlphabetSlabPro/AlphabetSlabProTT-Medium.ttf?v=1.0.0') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Alphabet Slab Pro TT';
    src: url('../../resources/fonts/alphabet/AlphabetSlabPro/AlphabetSlabOfficeTT-Italic.ttf?v=1.0.0') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Alphabet Slab Pro TT';
    src: url('../../resources/fonts/alphabet/AlphabetSlabPro/AlphabetSlabOfficeTT-BoldItalic.ttf?v=1.0.0') format('truetype');
    font-weight: bold;
    font-style: italic;
}

:root {
    --font-family: 'Alphabet Sans Pro TT', 'Alphabet Sans Office TT', 'Open Sans', sans-serif;
    --heading-font-family: 'Alphabet Slab Pro TT', 'Alphabet Slab Office TT', 'Open Sans', sans-serif;

    --primary-r: 30;
    --primary-g: 35;
    --primary-b: 110;

    --priority-r: 255;
    --priority-g: 110;
    --priority-b: 105;

    --active-r: 105;
    --active-g: 215;
    --active-b: 230;

    --header-r: var(--primary-r);
    --header-g: var(--primary-g);
    --header-b: var(--primary-b);

    --header-button-r: var(--active-r);
    --header-button-g: var(--active-g);
    --header-button-b: var(--active-b);

    --info-color: #1e236e;
    --warning-color: #ffd700;

    --info-background-color: #eff0ff;
    --warning-background-color: #fcfbf3;
    --accessible-active-color: rgb(var(--primary-r), var(--primary-g), var(--primary-b));
    --accessible-priority-color: rgb(var(--primary-r), var(--primary-g), var(--primary-b));
    --accessible-header-button-color: rgb(var(--primary-r), var(--primary-g), var(--primary-b));
}

@media (prefers-color-scheme: dark) {
    :root {
        --primary-r: 109;
        --primary-g: 112;
        --primary-b: 161;

        --active-r: 158;
        --active-g: 229;
        --active-b: 239;

        --info-color: #2e33a8;
        --info-background-color: #090b23;
        --warning-color: #ffe34c;
        --warning-background-color: #312a00;

        --accessible-active-color: rgb(var(--accessible-active), var(--accessible-active), var(--accessible-active));
        --accessible-priority-color: rgb(var(--accessible-priority), var(--accessible-priority), var(--accessible-priority));
        --accessible-header-button-color: rgb(var(--accessible-header-button), var(--accessible-header-button), var(--accessible-header-button));
    }
}

#westHeader {
    border-top: 0 !important;
}

#accountlogolink {
    border-bottom: 0;
    background: var(--header-color);
}

#accountlogolink:after {
    width: 0%;
}

#accountlogolink img {
    width: 0;
    padding: 25px 201px 0 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImFscGhhYmV0X2xvZ28iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQwLjkgMjguMyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQwLjkgMjguMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xOC4xLDE3LjRIOS43bDQuMi0xMkwxOC4xLDE3LjR6IE0yMS45LDI4LjNoNkwxNy42LDBoLTcuM0wwLDI4LjNoNS45bDItNS43aDEyTDIxLjksMjguM3ogTTMzLDI4LjNoMTkuNXYtNS4yCgloLTE0bDAtMjMuMUgzM0wzMywyOC4zeiBNMTA4LjgsMjguM2g1LjVWMGgtNS41bDAsMTEuMUg5Ny4zVjBoLTUuNXYyOC4zaDUuNXYtMTJoMTEuNVYyOC4zeiBNMTM4LjQsMTcuNEgxMzBsNC4yLTEyTDEzOC40LDE3LjR6CgkgTTE0Mi4yLDI4LjNoNkwxMzcuOSwwaC03LjNsLTEwLjMsMjguM2g1LjlsMi01LjdoMTJMMTQyLjIsMjguM3ogTTE4NC4zLDI4LjNsMjcuMSwwdi01LjFsLTIxLjUsMHYtNi41aDIwLjF2LTUuMWgtMjAuMVY1LjFoMjAuOQoJbDAtNS4xaC0yNi40VjI4LjN6IE0yNDAuOSw1LjFWMGgtMjQuNXY1LjFoOS41djIzLjJoNS41VjUuMUgyNDAuOXogTTg0LjEsMi42QzgyLjUsMSw4MCwwLDc2LjQsMEw1Ny41LDBsMCwyOC4zSDYzbDAtOS44bDEzLDAKCWMzLjMsMCw1LjktMC40LDcuOC0yLjRjMi0yLDIuNi00LDIuNi03LjFDODYuNSw2LjIsODUuNyw0LjIsODQuMSwyLjZ6IE03Ni43LDEzLjRjLTIsMC0xMy43LDAtMTMuNywwbDAtOC4zYzAsMCwxMi43LDAsMTMuNywwCgljMy41LDAsNC4xLDIuNyw0LjEsNEM4MC45LDEwLjUsODAuNSwxMy40LDc2LjcsMTMuNHogTTE3My45LDEzLjVjMS4zLTEuNSwyLjItMi45LDIuMi01LjRjLTAuMS00LjQtMy4yLTgtOS4zLThIMTU0djI4LjMKCWMwLDAsNS42LDAsMTQuNiwwYzYuMywwLDguOC0zLjksOC44LTguM0MxNzcuNCwxNywxNzYsMTQuOCwxNzMuOSwxMy41eiBNMTU5LjUsNS4xaDYuN2MxLjUsMCwyLjUsMC4yLDMuMywwLjhjMC42LDAuNSwxLDEuNCwxLDIuMwoJYzAsMS0wLjIsMS45LTAuOSwyLjVjLTAuOCwwLjctMS41LDAuOS0zLjksMC45aC02LjFWNS4xeiBNMTcwLjgsMjIuNGMtMC44LDAuNy0xLjUsMC45LTMuOSwwLjloLTcuNHYtNi43aDcuOQoJYzEuNSwwLDIuNSwwLjIsMy4zLDAuOWMwLjYsMC41LDEsMS40LDEsMi40QzE3MS43LDIwLjcsMTcxLjUsMjEuOCwxNzAuOCwyMi40eiIvPjwvc3ZnPg==) no-repeat;
}

.ui-selectonebutton .ui-button {
    border: 0;
}

.ui-selectonebutton .ui-button.ui-state-active {
    background-color: var(--primary-color);
    color: var(--accessible-primary-color);
}

.ui-selectonebutton .ui-button.ui-state-hover {
    background-color: var(--primary-color-hover);
    color: var(--accessible-primary-color);
}

.navigatorQuickSearch::placeholder {
    color: var(--foreground-color) !important;
}