@font-face {
  font-family: "Haffer-Regular";
  src:
    url("font/Haffer-Regular.ttf") format("ttf"),
    url("font/Haffer-Regular.otf") format("opentype"),
    url("font/Haffer-Regular.woff") format("woff"),
    url("font/Haffer-Regular.woff2") format("woff2");
    
}

@font-face {
  font-family: "Haffer-SemiBold";
  src:
    url("font/Haffer-SemiBold.ttf") format("ttf"),
    url("font/Haffer-SemiBold.otf") format("opentype"),
    url("font/Haffer-SemiBold.woff") format("woff"),
    url("font/Haffer-SemiBold.woff2") format("woff2");
}

:root {
    /* Neutral (Grey) */
    --color-grey-1000: #ffffff;
    --color-grey-950: #f5f5f5;
    --color-grey-900: #ebebeb;
    --color-grey-850: #e0e0e0;
    --color-grey-800: #d6d6d6;
    --color-grey-750: #cccccc;
    --color-grey-700: #c2c2c2;
    --color-grey-650: #b8b8b8;
    --color-grey-600: #adadad;
    --color-grey-550: #a3a3a3;    
    --color-grey-500: #b1b1b1;
    --color-grey-450: #8a8a8a;
    --color-grey-400: #7a7a7a;
    --color-grey-350: #6b6b6b;
    --color-grey-300: #5c5c5c;
    --color-grey-250: #4d4d4d;
    --color-grey-200: #141414;
    --color-grey-150: #2e2e2e;
    --color-grey-100: #1f1f1f;
    --color-grey-050: #0f0f0f;
    --color-grey-000: #000000;

    /* Primary (Blue) */
    --color-blue-900: #0f1833;
    --color-blue-800: #1d3066;
    --color-blue-700: #2c4999;
    --color-blue-600: #3a61cc;
    --color-blue-500: #4979ff;
    --color-blue-400: #6d94ff;
    --color-blue-300: #92afff;
    --color-blue-200: #b6c9ff;
    --color-blue-100: #dbe4ff;
    --color-blue-contrast: #0b0b0b;

    /* Secondary (Yellow) */
    --color-yellow-900: #322608;
    --color-yellow-800: #644c10;
    --color-yellow-700: #977217;
    --color-yellow-600: #eba904;
    --color-yellow-500: #fbbe27;
    --color-yellow-400: #fccb52;
    --color-yellow-300: #fdd87d;
    --color-yellow-200: #fde5a9;
    --color-yellow-100: #fef2d4;
    --color-yellow-contrast: #0b0b0b;

    /* Success */
    --color-sucess-900: #d9ebd0;
    --color-sucess-800: #b3d8a1;
    --color-sucess-700: #8ec473;
    --color-sucess-600: #68b144;
    --color-sucess-500: #429d15;
    --color-sucess-400: #357e11;
    --color-sucess-300: #285e0d;
    --color-sucess-200: #1a3f08;
    --color-sucess-100: #0d1f04;
    --color-sucess-contrast: #ffffff;

    /* Warning */
    --color-warning-900: #feefd0;
    --color-warning-800: #fddea1;
    --color-warning-700: #fcce72;
    --color-warning-600: #fbbd43;
    --color-warning-500: #faad14;
    --color-warning-400: #c88a10;
    --color-warning-300: #96680c;
    --color-warning-200: #644508;
    --color-warning-100: #322304;
    --color-warning-contrast: #ffffff;

    /* Error */
    --color-error-900: #fdd6d6;
    --color-error-800: #fbacad;
    --color-error-700: #f98384;
    --color-error-600: #f7595b;
    --color-error-500: #f53032;
    --color-error-400: #C42628;
    --color-error-300: #931d1e;
    --color-error-200: #621314;
    --color-error-100: #310a0a;
    --color-error-contrast: #ffffff;

    /* Accessibility */
    --color-accessibility: #7291ff;
    --color-accessibility-900: #e8edff;

    --color-general-outline: var(--color-grey-600);
    --color-disabled: var(--color-grey-850);
    --color-disabled-dark: var(--color-grey-400);

    /* --------------------------------------------------------------------------------- */        
    --font-family-regular: "Haffer-Regular", sans-serif;
    --font-family-semibold: "Haffer-SemiBold", sans-serif;

    --text-color: var(--color-grey-000);
    --text-color-58: rgba(0,0,0,0.58);
    --text-color-left-side-column-header: var(--color-grey-000);
    --text-color-footer:var(--color-grey-1000);

    --nav-text-color: var(--color-grey-200);
    --nav-text-color-hover: var(--color-grey-150);
    --nav-text-color-pressed: var(--color-grey-100);

    --nav-border-color: var(--color-disabled);
    --nav-border: 1px solid var(--nav-border-color);

    --background-color: var(--color-grey-1000);
    --background-color-variant: #f4f4f2;
    --background-color-inverse-variant: rgba(250, 250, 250, 0.8);
    --background-color-login: rgba(0,0,0,0.2);
    --background-color-footer: var(--color-grey-000);

    --background-color-nav: var(--color-grey-1000);
    
    --header-background-color: var(--color-grey-1000);

    --border-radius: 0px;
    --border-color: var(--color-grey-600);

    --button-hot-color: var(--color-grey-1000);
    --button-hot-background-color: var(--color-grey-200);
    --button-hot-background-color-hover: var(--color-grey-150);
    --button-hot-background-color-pressed: var(--color-grey-100);

    --button-color: var(--text-color);
    --button-background-color: var(--color-grey-1000);
    --button-background-color-hover: var(--color-grey-900);
    --button-background-color-pressed: var(--color-grey-800);

    --header-background-color-hover: var(--button-background-color-hover);
    --header-background-color-pressed: var(--button-background-color-pressed);
    
    --button-box-shadow: 0 0 0 2px var(--text-color) inset;
    --box-shadow-outline-focus: 0 0 0 1px var(--color-accessibility) inset;
    --box-shadow-outline: 0 0 0 1px var(--color-general-outline) inset;
}

body {
    font-family: var(--font-family-regular);
    color: var(--text-color-58);
    background-color: var(--background-color);
}

a, .t-Button--link, body .ui-widget-content a {
    color: var(--text-color);
    text-decoration-line: underline;
    font-weight: bolder;
    text-underline-offset: 3px;
}

a.fa {
    font-weight: bolder;
}

h1 {
    font-family: var(--font-family-semibold);
    font-size: 4rem;
    color: var(--text-color);
    font-weight: bold;
}

h2 {
    font-family: var(--font-family-semibold);
    font-size: 3rem;
    color: var(--text-color);
    font-weight: bold;
}

h3 {
    font-family: var(--font-family-semibold);
    color: var(--text-color);
    font-weight: bold;
}

i {
    font-style: normal;
}

.apex-item-display-only {
    font-weight: 600;
}

.t-Header, .t-Header-branding, .t-HeroRegion-icon {
    background-color: var(--header-background-color);
}

.t-Region-header {
    border: none;
    color: var(--text-color);
    font-size: 3rem;
    font-weight: bolder;
}

.t-Header-logo-link {
    text-decoration: none;
}

.t-Header-logo-link .apex-logo-text  {
    color: var(--text-color);
}

@media only screen and (max-width: 480px) {
    .t-Button.t-Button--headerTree {
        background-color: transparent;
    }
}

.t-Header .t-Header-nav, .t-Header-navBar {
    align-content: center;
}

.t-Header .t-Button--header, .t-Header .t-Button--header.is-active, .t-Header-logo {
    color: var(--text-color);
}

.t-Region-title {
    width: 100%;
}

.t-Region-title button {
    float: right;
}

@media only screen and (max-width: 640px) {
    .t-Region-title {
        display: flex;
        flex-direction: column-reverse;
    }

    .t-Region-title > button {
        margin-bottom: 1.5rem;
    }
}

.region-title-h1 .t-Region-title {
    font-size: 4rem;
    color: var(--text-color);
    font-weight: bold;
    margin: 0 0 1.6rem;
    line-height: 1.6;
}

.t-Region--controlsPosEnd .t-Region-headerItems--title {
    width: auto;
}

.t-Body-title, .t-PageBody--masterDetail #t_Body_content_offset {
    background-color: var(--background-color);
}

.t-Region-body {
    color: var(--text-color-58);
}

.t-Button--navBar {
    justify-content: center;
}

.t-Header .t-Button--header {
    color: var(--nav-text-color);
    border-radius: var(--border-radius);
}

.t-Button.t-Button--header:active, .t-Button.t-Button--header:focus:active {
    color: var(--nav-text-color-pressed);
}

.t-Button.t-Button--header:hover {
    color: var(--nav-text-color-hover);
    background-color: var(--header-background-color-hover) !important;
    box-shadow: none;
}

.t-Button.t-Button--header:active:focus:before, .t-Button.t-Button--header:focus:before {
    box-shadow: var(--box-shadow-outline-focus) !important;
}

.t-Button.t-Button--header.is-active {
    color: var(--nav-text-color);
    background-color: var(--header-background-color-pressed);
}

.a-Menu-content {
    border-radius: var(--border-radius);
    background-color: var(--background-color-nav);
    border: none;
    box-shadow: none;
}

.apex-side-nav.js-navCollapsed--hidden .t-Body-nav, .apex-side-nav.js-navCollapsed--hidden .t-Body-nav .t-TreeNav {
    border-right: var(--nav-border);
}

.t-Header-nav .t-Button.t-Button--header {
    transition: all 0.3s ease-out;
}

.t-Header-nav .t-Header-nav-list {
    display: flex;
    align-items: center;
    background-color: var(--background-color-nav);
}

.t-Header-nav .t-NavigationBar, .t-Header-nav .a-MenuBar ul {
    display: flex;
    gap: 1.6rem;
    justify-content: flex-end;
    padding-left: 1rem;
    padding-right: 1rem;
}

.t-Header-nav .t-Header .t-Button--header {
    padding-left: 0;
    padding-right: 0;
}

.t-Header-nav .t-Button-label {
    padding: 0;
    color: var(--text-color);
    font-size: 1.4rem;
    font-weight: bold;
    margin-left: 0px;
}

.t-Header-nav .a-MenuBar-label {
    color: var(--text-color);
    font-weight: bold;
    padding: 0.8rem;
}

.t-Header-nav .a-MenuBar-item {
    border: none;
}

.t-Header-nav .a-MenuBar-item.is-focused {
    background-color: var(--button-background-color-hover);
    box-shadow: none;
} 

.t-Header-nav .a-MenuBar-item.is-focused .a-MenuBar-label {
    color: var(--text-color);
}

.t-Header-nav .a-Icon:before {
    font-weight: bold !important;
}

.t-Header-nav .a-MenuBar-item.a-Menu--current, .t-Header-nav .a-MenuBar-item.a-Menu--current.is-expanded, .t-Header-nav .a-MenuBar-item.a-Menu--current.is-focused, .t-Header-nav .a-MenuBar-item.is-expanded {
    background-color: var(--button-background-color-pressed);
}

.t-Header-nav .a-MenuBar-item.a-Menu--current .a-MenuBar-label, .t-Header-nav .a-MenuBar-item.a-Menu--current.is-expanded .a-MenuBar-label, .t-Header-nav .a-MenuBar-item.a-Menu--current.is-focused .a-MenuBar-label, .t-Header-nav .a-MenuBar-item.is-expanded .a-MenuBar-label, .t-Header-nav .a-MenuBar-item.is-focused .a-MenuBar-label, .t-Header-nav .a-MenuBar-label {
        color: var(--text-color);
}

.a-Menu .a-Menu-item {
    color: var(--text-color);
    border-bottom: var(--nav-border);
}

.a-Menu .a-Menu-item:last-child {
    border-bottom: none;
}

.a-Menu .a-Menu-inner:hover, .a-Menu .a-Menu-statusCol:hover, .a-Menu .a-Menu-item.is-focused,
.a-Menu .a-Menu-item.is-focused .fa  {
    background-color: var(--header-background-color-hover);
    color: var(--text-color);
}

.a-Menu .a-Menu-item.is-expanded, .a-Menu .a-Menu-item.is-expanded .fa {
    background-color: var(--button-background-color-pressed);
    color: var(--text-color);
}

.a-Menu-accelContainer:before {
    content: '\e016';
    font-family: apex-5-icon-font;
    font-weight: bold;
}

.t-Button--navBar .t-Icon.a-Icon, .t-Button--navBar .t-Icon.fa {
    margin-right: 0px;
}

.t-Button--navBar .t-Button-label {
    margin-left: 4px;
}    

.t-Body-nav, .t-TreeNav {
    background-color: var(--background-color-nav);
}

.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content, .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content .a-Icon, .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content .fa {
    color: var(--text-color);
}

.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-hover {
    background-color: var(--button-background-color-hover) !important;
    color: var(--text-color) !important;
}

.t-TreeNav--styleA .a-TreeView-node--topLevel .a-TreeView-row.is-current--top, .t-TreeNav--styleA .a-TreeView-node--topLevel .a-TreeView-row.is-current--top~ul .a-TreeView-row {
    box-shadow: inset var(--button-hot-background-color) 4px 0 0 !important;
}

.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-toggle {
    color: var(--text-color);
}

.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-hover+.a-TreeView-toggle, .t-TreeNav .a-TreeView-node--topLevel.is-collapsible .a-TreeView-toggle {
    color: var(--text-color);
}

.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content.is-hover, .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-hover+.a-TreeView-toggle:hover, .t-TreeNav .a-TreeView-node--topLevel.is-collapsible .a-TreeView-toggle:hover, .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content.is-hover .fa {
    color: var(--text-color) !important;
}

.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current, .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current--top.is-selected, .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-selected {
    color: var(--text-color);
    background-color: var(--button-background-color-pressed);
}

.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content.is-current, .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content.is-current--top, .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content.is-selected {
    color: var(--text-color);
}

.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content .a-Icon:before, .t-TreeNav .a-TreeView-node--topLevel .a-TreeView-content .fa:before {
    color: var(--text-color);
}

.t-TreeNav .a-TreeView-node--topLevel .a-TreeView-row.is-current--top, .t-TreeNav .a-TreeView-node--topLevel ul, .t-TreeNav .a-TreeView-node--topLevel.is-collapsible>.a-TreeView-row {
    background-color: var(--button-background-color-pressed);
}

.t-TreeNav .a-TreeView-node--topLevel.is-collapsible .a-TreeView-content, .t-TreeNav .a-TreeView-node--topLevel.is-collapsible .a-TreeView-content .a-Icon, .t-TreeNav .a-TreeView-node--topLevel.is-collapsible .a-TreeView-content .fa {
    color: var(--text-color);
}

.a-TreeView-toggle {
    font-weight: bold !important;
}

.t-TreeNav .a-TreeView-node--topLevel ul .a-TreeView-label {
    font-weight: bold;
}

.t-TreeNav .a-TreeView-content.is-current .a-TreeView-label, .t-TreeNav .a-TreeView-content.is-current--top .a-TreeView-label {
    font-weight: bold;
}

.t-Region {
    border: none;
    box-shadow: none;
}

.t-PageBody--login  {
    background-color: var(--background-color-login);
}

.t-Login-region {
    background-color: var(--background-color);
    border-radius: var(--border-radius);
}

.t-Login-title {
    color: var(--text-color);
    text-align: left;
}

.apex-icons-fontapex .t-Login-logo {
    color: var(--text-color);
}

.t-Body-mainContent .t-Login-region  {
    box-shadow: none;
    margin-inline-end: auto;
    margin-inline-start: auto;
}

.t-Body-side {
    color: var(--text-color);
}

@media only screen and (min-width: 641px) {
    .t-Body-side {
        box-shadow: 1px 0 0 var(--nav-border-color);
    }
}

@media only screen and (max-width: 640px) {
    .t-Body-side {
        box-shadow: none;
    }
}

.apex-top-nav .t-Body-side {
    left: unset;
    right: unset;
    padding-top: 24px;
}

.t-Body-side .t-Region-header {
    color: var(--text-color-left-side-column-header);
    font-size: 1.4rem;
    text-transform: uppercase;
}

.t-Body-side .t-Region-header .t-Region-headerItems--title {
    padding-bottom: unset;
}

.t-Body-side .t-Region .t-Region-body {
    padding-left: 8px;
    padding-top: 8px;
}

.t-Body-side .t-Report-cell {
    font-size: 1.6rem;
    padding: 24px 8px 24px 32px;
}

.t-Body-side .t-Report-report tr .t-Report-cell:last-child, .t-Report-report tr .t-Report-colHead:last-child {
    border-right: unset;
    border-left: unset;
}

.t-Body-side .t-Report-report tr .t-Report-cell:last-child, .t-Report-report tr .t-Report-colHead:last-child {
    border-top: var(--nav-border);
    border-bottom: var(--nav-border);
}

.t-Report-report tr .t-Report-cell:last-child, .t-Report-report tr .t-Report-colHead:last-child {
    border: 1px solid var(--border-color);
}

.t-Report-report tr:last-child .t-Report-cell {
    border: 1px solid var(--border-color);
}

.t-Form-checkboxLabel, .t-Form-inputContainer .checkbox_group label, .t-Form-inputContainer .radio_group label, .t-Form-label, .t-Form-radioLabel, .u-Form-label {
    color: var(--text-color-58);
}

.t-Form-fieldContainer.is-required .t-Form-label:after, .t-Form-fieldContainer.is-required .t-Form-label:before{
    color: var(--text-color-58);
}

.t-Form-inputContainer span.display_only {
    color: var(--text-color-58);
}

.t-Form--large .t-Form-label, .t-Form-fieldContainer--large .t-Form-label {
    font-size: 1.2rem;
}

.t-Form--large .apex-item-select, .t-Form--large .apex-item-text, .t-Form--large .apex-item-textarea, .t-Form-fieldContainer--large .apex-item-select, .t-Form-fieldContainer--large .apex-item-text, .t-Form-fieldContainer--large .apex-item-textarea {
    font-size: 1.2rem;
}

.apex-item-multi.apex-page-item-error, .apex-item-select.apex-page-item-error, .apex-item-text.apex-page-item-error, .apex-item-textarea.apex-page-item-error, select.listmanager.apex-page-item-error {
    border-color: var(--color-error-500);
}

.apex-item-multi, .apex-item-select, .apex-item-text, .apex-item-textarea, select.listmanager {
    color: var(--text-color-58);
    background-color: var(--background-color);
    border-color: var(--border-color);
}

.apex-item-multi:focus, .apex-item-select:focus, .apex-item-text:focus, .apex-item-textarea:focus, select.listmanager:focus {
    border-color: var(--color-accessibility) !important;
}

.t-Form-inputContainer select.yes_no, .t-Form-select {
    border-color: var(--border-color);
    color: var(--text-color-58);
    font-size: 12px;
}

.apex-item-has-icon:focus+.apex-item-icon, .apex-item-multi.is-focused+.apex-item-icon, .t-Form-fieldContainer--radioButtonGroup .checkbox_group input:checked+label:after, .t-Form-fieldContainer--radioButtonGroup .checkbox_group input:focus:checked+label:after {
    color: var(--color-accessibility);
}

.a-FS-toggle, .apex-item-select, .apex-item-text, .apex-item-textarea {
    border-radius: var(--border-radius);
}

.apex-button-group .apex-item-option:first-of-type label,
.apex-button-group .apex-item-option:last-of-type label {
    border-radius: var(--border-radius);
}

.apex-button-group input:checked+label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked+label {
    background-color: var(--button-hot-background-color);
}

.apex-button-group input:checked+label:hover, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked+label:hover {
    background-color: var(--button-hot-background-color-hover);
    color: var(--button-hot-color);
}

.a-Button, .a-Button.a-Button--popupLOV, .a-IG-button.a-IG-button--controls, .apex-button-group input+label, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input+label, .ui-button {
    background-color: var(--button-background-color);
    box-shadow: var(--box-shadow-outline);
}

.a-Button.a-Button--popupLOV:hover, .a-Button:hover, .a-IG-button.a-IG-button--controls:hover, .apex-button-group input+label:hover, .t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input+label:hover, .ui-button:hover {
    background-color: var(--button-background-color-hover);
    box-shadow: var(--box-shadow-outline);
}

.a-Button, .t-Button, .ui-button {
    border-radius: var(--border-radius);
}

.a-Button:after, .t-Button:after, .ui-button:after {
    box-shadow: none;
}

.a-Button--hot, .t-Button--hot:not(.t-Button--simple), body .ui-button.ui-button--hot, body .ui-state-default.ui-priority-primary {
    background-color: var(--button-hot-background-color);
    color: var(--button-hot-color);
    box-shadow: none;
}

.a-Button--hot:hover, .a-Button--hot:not(:active):focus, .t-Button--hot:not(.t-Button--simple):hover, .t-Button--hot:not(.t-Button--simple):not(:active):focus, body .ui-button.ui-button--hot:hover, body .ui-button.ui-button--hot:not(:active):focus, body .ui-state-default.ui-priority-primary:hover, body .ui-state-default.ui-priority-primary:not(:active):focus {
    background-color: var(--button-hot-background-color-hover);
}

.a-Button--hot.is-active, .a-Button--hot:active, .t-Button--hot:not(.t-Button--simple).is-active, .t-Button--hot:not(.t-Button--simple):active, body .ui-button.ui-button--hot.is-active, body .ui-button.ui-button--hot:active, body .ui-state-default.ui-priority-primary.is-active, body .ui-state-default.ui-priority-primary:active {
    background-color: var(--button-hot-background-color-pressed);
}

.a-Button.is-active:focus:before, .a-Button:focus:before, .t-Button.is-active:focus:before, .t-Button:focus:before, .ui-button.is-active:focus:before, .ui-button:focus:before {
    box-shadow: var(--box-shadow-outline-focus) !important;
}

.t-Button--primary:not(.t-Button--simple):not(.t-Button--hot), .t-Button:not(.t-Button--simple, .t-Button--hot, .t-Button--header) {
    color: var(--button-color);
    background-color: var(--button-background-color);
    box-shadow: var(--button-box-shadow);
}

.t-Button--primary:not(.t-Button--simple):not(.t-Button--hot):hover, .t-Button:not(.t-Button--simple):not(.t-Button--hot):not(.t-Button--header):not(.t-Report-paginationLink):not(.t-Button--hideShow):hover {
    background-color: var(--button-background-color-hover);
    box-shadow: var(--button-box-shadow);
}

.t-Button--primary:not(.t-Button--simple):not(.t-Button--hot).is-active, .t-Button:not(.t-Button--simple, .t-Button--hot, .t-Button--header).is-active, .t-Button:not(.t-Button--simple, .t-Button--hot, .t-Button--header):active {
    background-color: var(--button-background-color-pressed);
    box-shadow: var(--button-box-shadow) !important;
}

.t-Report-paginationText a, .t-Report-paginationText b {
    border-radius: var(--border-radius);
}

.t-Report-paginationText a, .t-Report-cell > a, .u-Report-sortHeading > a {
    text-decoration: none;
}

.t-Report-paginationText a:hover {
    color: var(--text-color);
    background-color: var(--button-background-color-hover);
}

.t-Report-paginationText b {
    background-color: var(--button-hot-background-color);
}

.t-Button:not(.t-Button--simple).t-Report-paginationLink:hover {
    color: var(--nav-text-color-hover);
    box-shadow: none;
}

.t-Report-cell {
    color: var(--text-color-58);
    font-weight: normal;
}

.a-Table--reflow.ui-responsive td .a-Table-cellLabel, .a-Table--reflow.ui-responsive th .a-Table-cellLabel {
    color: var(--text-color);
    min-width: 40%;
    margin: -6px 0px -6px -6px;
}

.a-Table--reflow.ui-responsive td, .a-Table--reflow.ui-responsive th {
    text-align: revert-layer;
}

.u-Report .u-Report-header, .u-Report th, .t-Report-colHead {
    background-color: var(--background-color-variant);
    color: var(--text-color);
    font-weight: 800;
}

.t-Report--altRowsDefault .t-Report-report tr:nth-child(odd) .t-Report-cell {
    background-color: var(--background-color);
}

.a-Table.u-Report.table-stripe tr:nth-child(even) td, .a-Table.u-Report.table-stripe tr:nth-child(even) th[scope=row] {
    background-color: var(--background-color-inverse-variant);
}

.t-Report--rowHighlight .t-Report-report tr:hover .t-Report-cell, .t-Report--rowHighlight .t-Report-report tr:nth-child(odd):hover .t-Report-cell {
    background-color: var(--color-grey-900) !important;
}

.u-Report td {
    color:var(--text-color-58);
}

.a-Table.u-Report.table-stroke td, .a-Table.u-Report.table-stroke th, .t-Report-cell, .t-Report-colHead {
    border-color: var(--border-color);
}

.t-Report--noBorders .a-Table.u-Report.table-stroke td, .t-Report--noBorders .a-Table.u-Report.table-stroke th {
    border: none;
}

.t-Report--staticRowColors .a-Table.u-Report.table-stripe tr:nth-child(even) td, .t-Report--staticRowColors .a-Table.u-Report.table-stripe tr:nth-child(even) th[scope=row] {
    background-color: var(--background-color);
}

.a-IRR {
    border-color: var(--color-general-outline);
    border-radius: var(--border-radius);
} 

.t-IRR-region {
    box-shadow: none;
}

.a-IRR-header {
    border-color: var(--border-color);
    box-shadow: inset 1px 0 0 0 var(--border-color);
    background-color: var(--background-color-variant);
    font-weight: 800;
}

.a-IRR-table tr td:first-child, .a-IRR-table tr th:first-child {
    border-left-width: 1px;
}

.a-IRR-table tr td:last-child, .a-IRR-table tr th:last-child {
    border-right: 1px solid var(--border-color);
}

.a-IRR-table td {
    border-color: var(--border-color);
}

.a-IRR-table tr:last-child td:first-child,
.a-IRR-table tr:last-child  td {
    box-shadow: inset 0 -1px 0 0 var(--border-color);
}

.a-IRR-table tr:hover td {
    background-color: var(--color-grey-900);
}

.a-IRR-table tr td {
    color: var(--text-color-58);
}

.t-fht-tbody a {
    text-decoration: none;
    font-weight: bold;
    color: var(--text-color);
}

.a-IRR-paginationWrap--top {
    border-bottom: none;
}

.a-IRR-paginationWrap--bottom {
    border-top: none;
}

.a-IRR-button--colSearch, .a-IRR-button.a-IRR-button--search, .a-IRR-actions .a-Button, .a-IRR-actions .t-Button, .a-IRR-actions .ui-button {
    box-shadow: var(--button-box-shadow);
    background-color: var(--button-background-color);
    color: var(--text-color);
}

.a-IRR-button--colSearch:hover, .a-IRR-button.a-IRR-button--search:hover, .a-IRR-actions .a-Button:hover, .a-IRR-actions .t-Button:hover, .a-IRR-actions .ui-button:hover {
    background-color: var(--button-background-color-hover);
    box-shadow: var(--button-box-shadow);
}

.a-IRR-button.is-active, .a-IRR-button:active, .a-IRR-button:active:focus, .a-IRR-button.a-IRR-button--search:active, .a-IRR-actions .a-Button:active, .a-IRR-actions .t-Button:active, .a-IRR-actions .ui-button:active {
    background-color: var(--button-background-color-pressed);
    box-shadow: var(--button-box-shadow);
}

.a-IRR-search-field, .apex-item-multi, .apex-item-text.a-PopupLOV-search, .apex-item-text.apex-item-popup-lov {
    color: var(--text-color-58);
    background-color: var(--background-color);
    border-color: var(--color-general-outline);
}

.a-IRR-search-field:focus {
    border-color: var(--color-accessibility);
    box-shadow: -1px 0 0 var(--color-accessibility) inset, 1px 0 0 var(--color-accessibility) inset;
}

.t-Body-info .t-AVPList-label, .t-Region .t-AVPList-label {
    color: var(--text-color);
}

.t-AVPList-label { 
    font-weight: bolder;
}

.t-Body-info .t-AVPList-value, .t-Region .t-AVPList-value {
    color: var(--text-color-58);
}

.t-BreadcrumbRegion {
    padding: 16px 0px;
}

.t-Breadcrumb-item, .t-Breadcrumb-item a {
    color: var(--text-color);
    font-weight: bolder;
    text-decoration: none;
}

.t-BreadcrumbRegion--useBreadcrumbTitle .t-Breadcrumb-item.is-active, .t-BreadcrumbRegion-titleText {
    color: var(--text-color-58);
}

.t-Breadcrumb-item a:focus, .t-Breadcrumb-item a:hover {
    color: var(--text-color-58);
}

.t-Breadcrumb-item:after {
    color: var(--text-color);
    opacity: 1;
    font-family: 'Font APEX Small';
    content: '\f054';
}

.t-Region--carousel .t-Region-body {
    padding: 1.2rem;
}

.t-Region--carousel .a-Region-carouselLink {
    background-color: var(--color-grey-950);
}

.t-Region--showCarouselControls>.t-Region-bodyWrap>.t-Region-body>.t-Region-carouselRegions>.a-Region-carouselControl .a-Tabs-button {
    align-items: center;
    border-radius: var(--border-radius);
}

.t-Region--carousel .a-Region-carouselNavItem.a-Tabs-selected .a-Region-carouselLink {
    background-color: var(--button-hot-background-color-pressed);
}

.t-Region--carousel .a-Region-carouselNavItem.a-Tabs-selected .a-Region-carouselLink:focus {
    background-color: var(--color-accessibility);
}

.apex-item-file:focus+.apex-item-file-dropzone .apex-item-file-dropzone-label {
    border-color: var(--color-accessibility);
}

.apex-item-file:focus.apex-item-file-dropzone .apex-item-file-dropzone-icon {
    border-color: var(--color-accessibility);
    background-color: var(--color-accessibility);
}

.a-IRR-controlsContainer {
    background-color: var(--background-color);
}

.t-Region--hideShow, .a-IRR-controlsContainer {
    border-top: 1px solid var(--color-grey-000);
    border-bottom: 1px solid var(--color-grey-000);
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.t-Region--hideShow.is-collapsed, .a-IRR-controlsContainer {
    border-bottom-color: var(--color-grey-000);
}

.a-Collapsible.is-expanded, .a-Collapsible.is-expanded > .t-Region-header  {
    background-color: var(--background-color-variant);
}

.a-Collapsible .t-Button{
    background-color: transparent;
    box-shadow: none;
}

.a-Collapsible .t-Button:hover, .a-Collapsible .t-Button:focus, .a-Collapsible .t-Button:active {
    background-color: transparent;
    box-shadow: none;
}

.t-Region--hideShow .t-Region-headerItems--controls .a-Icon:before {
    font-size: 3rem;
}

.a-Collapsible-icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.a-IRR-content .a-MediaBlock .a-MediaBlock-graphic {
    float: right;
}

.a-IRR-content .a-MediaBlock .a-Button {
    color: var(--text-color);
}

.a-IRR-content .a-MediaBlock.a-Collapsible.is-collapsed .a-Collapsible-icon:before {
    content: '\e069';
    font-size: 3rem;
}

.a-IRR-content .a-MediaBlock.a-Collapsible.is-expanded .a-Collapsible-icon:before {
    content: '\e167';
    font-size: 3rem;
}

.fa-info-circle {
    color: var(--color-accessibility);
}

.ui-dialog .ui-dialog-titlebar-close {
    color: var(--text-color);
    background-color: var(--background-color);
    box-shadow: 0 0 0 1px var(--text-color) inset;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
    background-color: var(--button-background-color-hover);
}

.t-Tabs--pill {
    background-color: var(--background-color-variant);
    border-radius: var(--border-radius);
    border-color: var(--border-color);
    margin-bottom: 0;
    margin-top: 8px;
    box-shadow: none;
}

.t-Tabs--pill .t-Icon, .t-Tabs--pill .t-Tabs-link, .t-Tabs--simple .t-Icon, .t-Tabs--simple .t-Tabs-link {
    color: var(--text-color);
}

.t-Tabs--pill .t-Tabs-link, .u-RTL .t-Tabs--pill .t-Tabs-item:last-child .t-Tabs-link {
    border-left-color: var(--border-color);
}

.t-Tabs--pill .t-Tabs-item:last-child .t-Tabs-link {
    border-right-color: var(--border-color);
}f

.t-Tabs--pill .t-Tabs-link:focus {
    box-shadow: 0 0 0 1px var(--color-accessibility) inset;
}

.t-Tabs--pill .t-Tabs-link:hover {
    background-color: var(--button-background-color-hover);
}

.t-Tabs--pill .t-Tabs-item.is-active .t-Tabs-link {
    background-color: var(--button-background-color-pressed);
}

.t-Tabs--pill a {
    text-decoration: none;
}

.t-Button--navBar .t-Button-badge {
    background-color: var(--background-color-variant);
}

.a-Switch-toggle {
    background-color: var(--color-general-outline);
    box-shadow: 0 0 0 1px var(--color-general-outline) inset;
}

.a-Switch:hover .a-Switch-toggle {
    background-color: var(--button-background-color-pressed);
}

.a-Switch input[type=checkbox]:checked+.a-Switch-toggle {
    background-color: var(--button-hot-background-color);
    box-shadow: 0 0 0 1px var(--button-hot-background-color) inset;
}

.a-Switch:hover input[type=checkbox]:checked+.a-Switch-toggle {
    background-color: var(--button-hot-background-color-hover);
}

.checkbox_group input:checked+label:before, .radio_group input:checked+label:before {
    background-color: var(--button-hot-background-color);
}

.checkbox_group:hover input:checked+label:before, .radio_group:hover input:checked+label:before {
    background-color: var(--button-hot-background-color-hover);
}

.fc.ui-widget {
    border-radius: var(--border-radius);
}

.fc-toolbar {
    border-color: var(--color-general-outline);
    border-radius: var(--border-radius);
}

.fc-day-header.ui-widget-header, .fc-view .ui-widget-header {
    background-color: var(--background-color-variant);
    color: var(--text-color);
    border-color: var(--color-general-outline);
}

body .fc .ui-widget-content, body .fc td.fc-today {
    border-color: var(--color-general-outline);
}

.t-Region--noPadding>.t-Region-bodyWrap>.t-Region-body>.fc .fc-view-container {
    margin: 0px;
}

.t-Region .a-TreeView-node--topLevel .a-TreeView-row.is-current, .t-Region .a-TreeView-node--topLevel .a-TreeView-row.is-current--top.is-selected, .t-Region .a-TreeView-node--topLevel .a-TreeView-row.is-selected {
    background-color: var(--button-background-color-pressed);
}

.t-Region .a-TreeView-node--topLevel .a-TreeView-row.is-hover {
    background-color: var(--button-background-color-hover) !important;
}

.t-Region .a-TreeView-node--topLevel .a-TreeView-row.is-focused {
    box-shadow: var(--box-shadow-outline-focus);
}

.apex-rds-hover.right a {
    background: transparent;
    color: transparent;
} 

body .ui-button.ui-corner-bl, body .ui-button.ui-corner-bottom, body .ui-button.ui-corner-left, body .ui-corner-bl, body .ui-corner-bottom, body .ui-corner-left {
    border-bottom-left-radius: var(--border-radius);
}

body .ui-button.ui-corner-left, body .ui-button.ui-corner-tl, body .ui-button.ui-corner-top, body .ui-corner-left, body .ui-corner-tl, body .ui-corner-top {
    border-top-left-radius: var(--border-radius);
}

body .ui-button.ui-corner-bottom, body .ui-button.ui-corner-br, body .ui-button.ui-corner-right, body .ui-corner-bottom, body .ui-corner-br, body .ui-corner-right {
    border-bottom-right-radius: var(--border-radius);
}

body .ui-button.ui-corner-right, body .ui-button.ui-corner-top, body .ui-button.ui-corner-tr, body .ui-corner-right, body .ui-corner-top, body .ui-corner-tr {
    border-top-right-radius: var(--border-radius);
}

body .ui-state-default, body .ui-widget-content .ui-state-default, body .ui-widget-header .ui-state-default {
    background-color: transparent;
    color: var(--text-color);
    box-shadow: var(--box-shadow-outline);
}

.fc .ui-button:active, .fc .ui-button:focus, .fc-view:active, .fc-view:focus {
    outline-color: var(--color-accessibility);
}

.ui-button.ui-state-active:hover, .ui-state-active {
    background-color: var(--button-hot-background-color-pressed);
    border-color: var(--button-hot-background-color-pressed);
}

.t-Alert--page.t-Alert--warning {
    background-color: var(--color-warning-500);
}

.t-Alert--page.t-Alert--success {
    background-color: var(--color-sucess-500);
}

.t-Alert--page.t-Alert--danger {
    background-color: var(--color-error-500);
}

@media (max-width: 640px) {   
    h1 {
        font-size: 3rem;
    }

    h2 {
        font-size: 2rem;
    }

    h3 {
        font-size: 1.5rem;
    }

    .region-title-h1 {
        font-size: 3rem;
    }

    .t-Region-header {
        font-size: 2rem;
    }

    .t-Body-side .t-Report-cell {
        padding: 12px 8px 12px 32px;
    }
}

/* Custom */
.text-color {
    color: var(--text-color);
}

.region-border  {
    border: 1px solid var(--color-general-outline); 
    border-radius: var(--border-radius);   
}

.icon-circle-border {
    font-weight: bold;
    border: 1.5px solid var(--text-color);
    border-radius: 50%;
    padding: 0.5rem;
}
/* Custom - End */