:root {
    /*other variables*/
    --ut-footer-background-color: var(--hyand-light-background);
    --ut-component-badge-text-color: var(--hyand-light-text);
    --ut-component-text-title-color: var(--hyand-light-text);
    --ut-alert-type-text-color: var(--hyand-light-text);
    --ut-tabs-item-text-color: var(--hyand-light-text);
    --ut-badge-background-color: var(--hyand-light-background-inner);
    --ut-cardlist-title-text-color: var(--hyand-light-text);
    --ut-avp-label-text-color: var(--hyand-light-text);
    --jui-dialog-titlebar-text-color: var(--hyand-light-text);
    --a-gv-cell-border-color: var(--hyand-light-border-color);
    --a-field-input-background-color: var(--hyand-light-background-side);
    --ut-report-cell-hover-background-color: var(--hyand-light-hover-color);
}

h1 {
    color: var(--hyand-light-text);
    font-family: "GroteskFont";
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

h2 {
    color: var(--hyand-light-text);
    font-family: "GroteskFont";
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

h3 {
    color: var(--hyand-light-text);
    font-family: "GroteskFont";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

h4 {
    color: var(--hyand-light-text);
    font-family: "GroteskFont";
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.t-HeroRegion-icon {
    background-color: transparent;
}

.t-Button {
    border-color: var(--hyand-blue);
}

.t-Button--header {
    border-color: transparent;
}

.t-Button--warning,
.t-Button--success,
.t-Button--danger {
    border-color: var(--hyand-light-border-color);
}

.apex-item-color-picker {
    background-color: var(--hyand-light-background-main) !important;
    border-color: var(--a-field-input-state-border-color, var(--a-field-input-border-color)) !important;
}

.a-Button--colorPicker,
.a-Button--calendar,
.a-Button--popupLOV {
    background-color: var(--hyand-light-background-side);
    border-color: var(--a-field-input-state-border-color, var(--a-field-input-border-color));
}

.a-Icon {
    color: var(--hyand-blue);
}

.apex-logo-text {
    font-family: 'GroteskFont', Arial, Helvetica, sans-serif;
    font-size: 21px;
    font-weight: 100;
    overflow: visible !important;
}

.t-Header-logo {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.t-Header-logo-link {
    display: inline-flex;
}

.apex-logo-img {
    margin-top: 2.5px;
    margin-left: 3px;
    margin-right: 6px;
    height: 18px !important;
    max-height: 20px !important;
}

.t-Drawer-bodyWrapperOut,
.t-Dialog,
.t-Dialog-header,
.t-Dialog-body,
.t-Dialog-bodyWrapperOut>div>div>div>div>div>div>div.t-Region-bodyWrap>div.t-Region-body {
    background-color: var(--hyand-light-background);
}

.t-Drawer-footer,
.t-ButtonRegion {
    background-color: var(--hyand-light-background);
    border-top: var(--hyand-light-border-color) 0.01rem solid;
}

.a-Menu-labelContainer>span>span {
    color: #000000 !important;
}

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

.a-IRR-singleRow-name {
    background-color: var(--hyand-light-background-side);
}

.a-IRR-singleRow-row:hover .a-IRR-singleRow-name,
.a-IRR-singleRow-row:hover .a-IRR-singleRow-value {
    background-color: var(--hyand-light-hover-color);
}