/* With this we hide theme-toggle and scale-toggle options from the navbar
in order to disable user interactions with themes and font sizes on RC2 pages)
 */
#reserve-for-navbar .form-wrapper {
    /* cc-theme-toggle, cc-scale-toggle */
    display: none !important;
}
#reserve-for-navbar .hs-nav-bar {
    position: unset !important;
}
/*
With this we fix nav-bar height to be always 47px instead of 4rem (which overlaps the top part of RC2 screens)
 */
cc-nav-bar {
    height: 47px !important;
    box-shadow: 0 0 5px 2px rgba(55, 50, 60, 0.34) !important;
}
cc-theme-toggle-menu-item {
    display: none !important;
}

/*
This overrides the dark theme to look like hs-cc-theme-light and thus RC2 pages will look normally
No matter what mode user have been selected on the other pages (dark or light mode)
 */
.hs-cc-theme-dark {
    background-color: var(--main-background);
    transition: background 0.2s, color 0.2s;
    --main-background: #fff;
    --modal-fill: #fff;
    --modal-shadow: rgb(55 50 60 / 34%);
    --sidenav-background: #fff;
    --sidenav-border: #e6e7e8;
    --layout-border: #e6e7e8;
    --blue-chip-background: #0CAAEF;
    --tooltip-background-color: #D8F3FD;
    --tooltip-text-color: #434447;
    --tooltip-error-background-color: #F8DDDD;
    --nb-tertiary-text-color: #A4A6A9;
    --nb-quaternary-text-color: #58595B;
    --nb-background-main: #333132;
    --nb-seperator-color: #F4F4F4;
    --nb-modal-primary-text-color: #58595B;
    --nb-modal-secondary-text-color: #000;
    --nb-modal-background-secondary-color: rgb(255 255 255);
    --nb-modal-background-primary-color: rgb(255 255 255);
    --nb-modal-background-seperator: .25rem solid var(--nb-seperator-color);
    --nb-modal-background-shadow: 1px 1px 1pc rgb(88 88 88);
    --nb-menu-item-primary-selected-background-color: #F9F9F9;
    --nb-menu-item-secondary-selected-background-color: #E8F4FA;
    --nb-menu-item-selected-highlight-color: #00AEEF;
    --nb-menu-item-hover-color: var(--nb-menu-item-selected-highlight-color);
    --main-text-color: #a7a9ac;
    --text-highlight: #434447;
    --text-search-highlight: #00AEEF;
    --dd-fill: #fbfbfc;
    --dd-border: rgb(146 148 151 / 15%);
    --dd-chip-background: #B3EBFF;
    --dd-chip-icon-color: #92B7C8;
    --dd-chip-icon-selected-color: #434447;
    --dd-anchor-text: #434447;
    --dd-text: #808285;
    --dd-hover-text: rgb(43 44 47);
    --dd-hover-background: #E9F4FB;
    --dd-selected-background: #D9F0FA;
    --dd-filter-fill: #F8F8F9;
    --dd-filter-text: #a7a9ac;
    --dd-disabled-text: #D0D2D3;
    --dd-separator-color: #e6e7e8;
    --dd-input-label-color: rgb(29 42 48 / 40%);
    --dd-placeholder-color: rgb(67 68 71 / 50%);
    --dd-operator-color: #000;
    --dd-bubble-fill: #FFF;
    --dd-bubble-counter-fill: #5cb38c;
    --nav-background-main: #333132;
    --nav-text-color: #FFF;
    --icon-base-color: rgb(29 42 48 / 50%);
    --icon-inverted-base-color: rgb(250 251 255 / 65%);
    --icon-hover-color: #00aeef;
    --icon-background-color: #fff;
    --icon-border-color: #d1d3d4;
    --icon-border-hover-color: #6Dcff6;
    --icon-negative-hover-color: #e62848;
    --input-label-text: #a7a9ac;
    --input-text: #000;
    --input-fill: #fbfbfc;
    --input-border: rgb(146 148 151 / 15%);
    --input-readonly-border: rgb(146 148 151 / 10%);
    --input-placeholder-text: #a7a9ac;
    --input-border-focus: #00aeef;
    --input-cancel-icon-filter: brightness(0.7) hue-rotate(140deg) saturate(6);
    --input-toggle-fill: #d1d3d4;
    --input-toggle-selected-fill: #d1d3d4;
    --input-toggle-circle: #fff;
    --input-radio-fill: #00aeef;
    --input-radio-border-focus: #00aeef;
    --input-radio-border: #000;
    --input-radio-focus-offset: #fff;
    --input-radio-focus: rgb(88 162 253 / 28%);
    --input-checkbox-border-color: rgb(146 148 151 / 15%);
    --input-checkbox-background: hsl(196deg 90% 47% );
    --input-error-color: #E62848;
    --input-error-border-color: #E62848;
    --input-error-background-color: rgb(219 26 58 / 30%);
    --search-icon-hover: #00AEEF;
    --search-icon-color: #A7A9AC;
    --clear-button-color: #E6E7E8;
    --search-background-color: #F1F1F2;
    --action-icon-color: rgb(29 42 48 / 50%);
    --action-icon-hover-color: #00AEEF;
    --action-icon-disabled-color: rgb(29 42 48 / 20%);
    --dp-text: #414142;
    --dp-hover-fill: #ebf7fe;
    --dp-selected-fill: #d9f0fa;
    --dp-period-example-color: #222;
    --dp-period-box-border-color: #e6e7e8;
    --dp-period-box-background: #f8f8f9;
    --dp-period-color: #939598;
    --dp-period-hover: #e7f6fd;
    --dp-period-hover-text: #00aeef;
    --dp-period-selected-background: #f6f6f6;
    --dp-period-all-posted: #8ec641;
    --dp-period-partial-posted: #939598;
    --dp-period-none-posted: #a7a9ac;
    --dp-period-tick-color: #8ec641;
    --dp-disabled-cell-text: #e6e7e8;
    --action-button-highlight: #00AEEF;
    --button-text: #00aeef;
    --button-text-hover: #fff;
    --button-text-alt: #808285;
    --button-border: #6dcff6;
    --button-border-hover: #00b9f2;
    --button-border-secondary: #e6e7e8;
    --button-ghost-border: #6dcff6;
    --button-fill: #fff;
    --button-disabled-text: #e6e7e8;
    --button-disabled-text-alt: #fff;
    --button-disabled-border: #e6e7e8;
    --spinner-border: #C7EAFB;
    --spinner-text: #00AEEF;
    --spinner-color: #000;
    --spinner-block-color: #00AEEF;
    --ntfy-success-color: #71a031;
    --ntfy-error-color: #be1e2d;
    --ntfy-warning-color: #f39c13;
    --ntfy-message-color: #808285;
    --confirm-title-color: #434447;
    --confirm-message-color: #414142;
    --divider-background-color: #f8f8f9;
    --tab-bar-border-base-color: #E6EAEA;
    --tree-branch-text-color: #000;
    --tree-leave-text-color: #434447;
    --modal-overlay: #231F2030;
    --banner-message-background: #f8f8f5;
    --banner-message-text: #999;
    --banner-dismiss-text: #babcbe;
    --banner-dismiss-text-hover: #00aeef;
    --advanced-filter-color: #434447;
    --scrollbar-color: rgb(35 31 32 / 10%);
    --scrollbar-color-hover: rgb(35 31 32 / 25%);
    --expandable-footer: rgb(29 42 48 / 50%);
    --expansion-panel-background: #F8F8F9;
    --expansion-panel-item-background: #fff;
    --expansion-panel-item-border: #E9E9E9;
    --expansion-panel-header-border: #d1eefc;
    --footer-border-color: #f1f2f2;
    --badge-text-color: #fff;
    --badge-color-critical: #0CAAEF;
    --badge-color-alt: #6FD2F6;
    --saving-dot-color-start: rgb(29 42 48 / 40%);
    --saving-dot-color-end: rgb(29 42 48 / 8%);
    --saving-success-color: #148F66;
    --saving-failure-color: #DB1A3A;
    --nav-bar-burger-icon-color: #a7a9ac;
    --hsft-user-menu-button-text: var(--hsft-dark-green);
    --hsft-user-menu-button-text-hover: var(--hsft-emerald);
    --hsft-user-menu-button-border: var(--hsft-dark-green-50);
    --hsft-user-menu-button-border-hover: var(--hsft-emerald);
    --hsft-client-picker-selected-color: var(--hsft-emerald);
    --hsft-app-picker-hover-color: var(--hsft-emerald-8);
    --hsft-app-picker-arrow-hover-color: var(--hsft-emerald);

    --nb-primary-text-color: rgb(255 255 255 / 70%);
    --nb-secondary-text-color: rgb(255 255 255 / 100%);
    --nb-secondary-text-weight: normal;
    --nb-hover-color: rgb(43 182 255 / 70%);
    --nb-bottom-shadow: none;
    --nb-pipe-left: none;
    --nb-pipe-right: 1px solid var(--nb-primary-text-color);
    --maintenance-background: rgb(255 255 255 / 10%);
    --maintenance-button-background: rgb(255 255 255 / 20%);
    --maintenance-color: #FDB815;
    --maintenance-color-transparent: #FDB81540;
    --maintenance-dark-color: #434447;
    --hsft-dark-green: #052F2F;
    --hsft-dark-green-50: rgb(5 47 47 / 50%);
    --hsft-emerald: #00AF74;
    --hsft-emerald-8: rgb(0 175 116 / 8%);
    --hsft-emerald-10: rgb(0 175 116 / 10%);
    --hsft-emerald-20: rgb(0 175 116 / 20%);
    --hsft-mint: #00D39F;
    --hsft-cyan: #00e5ff;
    --hsft-steel-blue: #00809C;
    --hsft-royal-blue: #003098;
    --hsft-bright-blue: #00abff;
    --hsft-maintenance-background: #FFAE00;
    --hsft-maintenance-button-background: rgb(255 255 255 / 15%);
    --hsft-maintenance-border-color: rgb(05 47 47 / 35%);
}
/* overwriting CoreComponents style (copied from common.less) */
input, textarea {
    font-weight: normal;
}