/* Copyright (c) 2021, 2024, Oracle and/or its affiliates. */

/*
    Description:
        HeatWave Cloud Service style definitions
*/

html {
    font-family: 'Oracle Sans', sans-serif, var(--oj-html-font-family);
}

body {
    overflow-y: hidden !important;
}

/* ALL APP-WIDE CSS RULES MUST GO IN HCS-APP-STYLES.CSS */

/* Copyright (c) 2024, Oracle and/or its affiliates. */

.hcs-xs-1 {
    flex: 0 1 5% !important;
    max-width: 5% !important;
    width: 5% !important;
}

.hcs-xs-2 {
    flex: 0 1 10% !important;
    max-width: 10% !important;
    width: 10% !important;
}

.hcs-xs-3 {
    flex: 0 1 15% !important;
    max-width: 15% !important;
    width: 15% !important;
}

.hcs-xs-4 {
    flex: 0 1 20% !important;
    max-width: 20% !important;
    width: 20% !important;
}

.hcs-xs-5 {
    flex: 0 1 25% !important;
    max-width: 25% !important;
    width: 25% !important;
}

.hcs-xs-6 {
    flex: 0 1 30% !important;
    max-width: 30% !important;
    width: 30% !important;
}

.hcs-xs-7 {
    flex: 0 1 35% !important;
    max-width: 35% !important;
    width: 35% !important;
}

.hcs-xs-8 {
    flex: 0 1 40% !important;
    max-width: 40% !important;
    width: 40% !important;
}

.hcs-xs-9 {
    flex: 0 1 45% !important;
    max-width: 45% !important;
    width: 45% !important;
}

.hcs-xs-10 {
    flex: 0 1 50% !important;
    max-width: 50% !important;
    width: 50% !important;
}

.hcs-xs-11 {
    flex: 0 1 55% !important;
    max-width: 55% !important;
    width: 55% !important;
}

.hcs-xs-12 {
    flex: 0 1 60% !important;
    max-width: 60% !important;
    width: 60% !important;
}

.hcs-xs-13 {
    flex: 0 1 65% !important;
    max-width: 65% !important;
    width: 65% !important;
}

.hcs-xs-14 {
    flex: 0 1 70% !important;
    max-width: 70% !important;
    width: 70% !important;
}

.hcs-xs-15 {
    flex: 0 1 75% !important;
    max-width: 75% !important;
    width: 75% !important;
}

.hcs-xs-16 {
    flex: 0 1 80% !important;
    max-width: 80% !important;
    width: 80% !important;
}

.hcs-xs-17 {
    flex: 0 1 85% !important;
    max-width: 85% !important;
    width: 85% !important;
}

.hcs-xs-18 {
    flex: 0 1 90% !important;
    max-width: 90% !important;
    width: 90% !important;
}

.hcs-xs-19 {
    flex: 0 1 95% !important;
    max-width: 95% !important;
    width: 95% !important;
}

.hcs-xs-19 {
    flex: 0 1 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

@media print, screen and (min-width: 1000px) {
    .hcs-sm-1 {
        flex: 0 1 5% !important;
        max-width: 5% !important;
        width: 5% !important;
    }

    .hcs-sm-2 {
        flex: 0 1 10% !important;
        max-width: 10% !important;
        width: 10% !important;
    }

    .hcs-sm-3 {
        flex: 0 1 15% !important;
        max-width: 15% !important;
        width: 15% !important;
    }

    .hcs-sm-4 {
        flex: 0 1 20% !important;
        max-width: 20% !important;
        width: 20% !important;
    }

    .hcs-sm-5 {
        flex: 0 1 25% !important;
        max-width: 25% !important;
        width: 25% !important;
    }

    .hcs-sm-6 {
        flex: 0 1 30% !important;
        max-width: 30% !important;
        width: 30% !important;
    }

    .hcs-sm-7 {
        flex: 0 1 35% !important;
        max-width: 35% !important;
        width: 35% !important;
    }

    .hcs-sm-8 {
        flex: 0 1 40% !important;
        max-width: 40% !important;
        width: 40% !important;
    }

    .hcs-sm-9 {
        flex: 0 1 45% !important;
        max-width: 45% !important;
        width: 45% !important;
    }

    .hcs-sm-10 {
        flex: 0 1 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    .hcs-sm-11 {
        flex: 0 1 55% !important;
        max-width: 55% !important;
        width: 55% !important;
    }

    .hcs-sm-12 {
        flex: 0 1 60% !important;
        max-width: 60% !important;
        width: 60% !important;
    }

    .hcs-sm-13 {
        flex: 0 1 65% !important;
        max-width: 65% !important;
        width: 65% !important;
    }

    .hcs-sm-14 {
        flex: 0 1 70% !important;
        max-width: 70% !important;
        width: 70% !important;
    }

    .hcs-sm-15 {
        flex: 0 1 75% !important;
        max-width: 75% !important;
        width: 75% !important;
    }

    .hcs-sm-16 {
        flex: 0 1 80% !important;
        max-width: 80% !important;
        width: 80% !important;
    }

    .hcs-sm-17 {
        flex: 0 1 85% !important;
        max-width: 85% !important;
        width: 85% !important;
    }

    .hcs-sm-18 {
        flex: 0 1 90% !important;
        max-width: 90% !important;
        width: 90% !important;
    }

    .hcs-sm-19 {
        flex: 0 1 95% !important;
        max-width: 95% !important;
        width: 95% !important;
    }

    .hcs-sm-20 {
        flex: 0 1 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

}

@media print, screen and (min-width: 1460px) {
    .hcs-md-1 {
        flex: 0 1 5% !important;
        max-width: 5% !important;
        width: 5% !important;
    }

    .hcs-md-2 {
        flex: 0 1 10% !important;
        max-width: 10% !important;
        width: 10% !important;
    }

    .hcs-md-3 {
        flex: 0 1 15% !important;
        max-width: 15% !important;
        width: 15% !important;
    }

    .hcs-md-4 {
        flex: 0 1 20% !important;
        max-width: 20% !important;
        width: 20% !important;
    }

    .hcs-md-5 {
        flex: 0 1 25% !important;
        max-width: 25% !important;
        width: 25% !important;
    }

    .hcs-md-6 {
        flex: 0 1 30% !important;
        max-width: 30% !important;
        width: 30% !important;
    }

    .hcs-md-7 {
        flex: 0 1 35% !important;
        max-width: 35% !important;
        width: 35% !important;
    }

    .hcs-md-8 {
        flex: 0 1 40% !important;
        max-width: 40% !important;
        width: 40% !important;
    }

    .hcs-md-9 {
        flex: 0 1 45% !important;
        max-width: 45% !important;
        width: 45% !important;
    }

    .hcs-md-10 {
        flex: 0 1 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    .hcs-md-11 {
        flex: 0 1 55% !important;
        max-width: 55% !important;
        width: 55% !important;
    }

    .hcs-md-12 {
        flex: 0 1 60% !important;
        max-width: 60% !important;
        width: 60% !important;
    }

    .hcs-md-13 {
        flex: 0 1 65% !important;
        max-width: 65% !important;
        width: 65% !important;
    }

    .hcs-md-14 {
        flex: 0 1 70% !important;
        max-width: 70% !important;
        width: 70% !important;
    }

    .hcs-md-15 {
        flex: 0 1 75% !important;
        max-width: 75% !important;
        width: 75% !important;
    }

    .hcs-md-16 {
        flex: 0 1 80% !important;
        max-width: 80% !important;
        width: 80% !important;
    }

    .hcs-md-17 {
        flex: 0 1 85% !important;
        max-width: 85% !important;
        width: 85% !important;
    }

    .hcs-md-18 {
        flex: 0 1 90% !important;
        max-width: 90% !important;
        width: 90% !important;
    }

    .hcs-md-19 {
        flex: 0 1 95% !important;
        max-width: 95% !important;
        width: 95% !important;
    }

    .hcs-md-20 {
        flex: 0 1 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}

@media print, screen and (min-width: 1800px) {
    .hcs-lg-1 {
        flex: 0 1 5% !important;
        max-width: 5% !important;
        width: 5% !important;
    }

    .hcs-lg-2 {
        flex: 0 1 10% !important;
        max-width: 10% !important;
        width: 10% !important;
    }

    .hcs-lg-3 {
        flex: 0 1 15% !important;
        max-width: 15% !important;
        width: 15% !important;
    }

    .hcs-lg-4 {
        flex: 0 1 20% !important;
        max-width: 20% !important;
        width: 20% !important;
    }

    .hcs-lg-5 {
        flex: 0 1 25% !important;
        max-width: 25% !important;
        width: 25% !important;
    }

    .hcs-lg-6 {
        flex: 0 1 30% !important;
        max-width: 30% !important;
        width: 30% !important;
    }

    .hcs-lg-7 {
        flex: 0 1 35% !important;
        max-width: 35% !important;
        width: 35% !important;
    }

    .hcs-lg-8 {
        flex: 0 1 40% !important;
        max-width: 40% !important;
        width: 40% !important;
    }

    .hcs-lg-9 {
        flex: 0 1 45% !important;
        max-width: 45% !important;
        width: 45% !important;
    }

    .hcs-lg-10 {
        flex: 0 1 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

    .hcs-lg-11 {
        flex: 0 1 55% !important;
        max-width: 55% !important;
        width: 55% !important;
    }

    .hcs-lg-12 {
        flex: 0 1 60% !important;
        max-width: 60% !important;
        width: 60% !important;
    }

    .hcs-lg-13 {
        flex: 0 1 65% !important;
        max-width: 65% !important;
        width: 65% !important;
    }

    .hcs-lg-14 {
        flex: 0 1 70% !important;
        max-width: 70% !important;
        width: 70% !important;
    }

    .hcs-lg-15 {
        flex: 0 1 75% !important;
        max-width: 75% !important;
        width: 75% !important;
    }

    .hcs-lg-16 {
        flex: 0 1 80% !important;
        max-width: 80% !important;
        width: 80% !important;
    }

    .hcs-lg-17 {
        flex: 0 1 85% !important;
        max-width: 85% !important;
        width: 85% !important;
    }

    .hcs-lg-18 {
        flex: 0 1 90% !important;
        max-width: 90% !important;
        width: 90% !important;
    }

    .hcs-lg-19 {
        flex: 0 1 95% !important;
        max-width: 95% !important;
        width: 95% !important;
    }

    .hcs-lg-20 {
        flex: 0 1 95% !important;
        max-width: 95% !important;
        width: 20% !important;
    }
}

/* Copyright (c) 2021, 2024, Oracle and/or its affiliates. */

/* ALL APP-WIDE CSS RULES MUST GO HERE */

:root {
    --hcs-color-soft: #444;
    --hcs-default-font-weight: 400;
    --hcs-light-font-weight: 200;
    --hcs-semi-bold-font-weight: 500;
    --hcs-bold-font-weight: 600;
    --hcs-default-spacing: var(--oj-core-spacing-4x);
    --hcs-default-collection-border-color: var(--oj-collection-border-color);
    --hcs-default-overlay-border-color: var(--oj-panel-border-color);
    --hcs-secondary-background-color: rgb(var(--oj-palette-neutral-rgb-30));

    --hcs-delete-rgb: 228, 0, 30;
    --hcs-delete-rgb-hover: 240, 0, 30;

    --oj-panel-padding: 0rem;
    --oj-form-layout-start-edge-label-text-align: start;

    --hcs-strip-bg-height: 15px;
    --hcs-navbar-height: 48px;

    --hcs-button-bg-color: white !important;
    --oj-button-outlined-chrome-bg-color-active: var(--hcs-button-bg-color);
    --oj-button-outlined-chrome-bg-color-disabled: var(--hcs-button-bg-color);
    --oj-button-outlined-chrome-bg-color: var(--hcs-button-bg-color);

    --hcs-page-content-padding-top: calc(var(--hcs-default-spacing) + var(--hcs-strip-bg-height));
    --hcs-page-content-padding-bottom: calc(var(--hcs-default-spacing) + var(--hcs-navbar-height));
    --hcs-page-content-margin-horizontal: 24px;
    --hcs-page-content-sign-in-max-width: 1200px;
    --hcs-page-content-max-width: 2400px;

    --hcs-banner-height: 160px;
    --hcs-banner-content-height: 100px;
    --hcs-background-color: #f5f4f2;
    --hcs-banner-color: #fcfbfa;

    --hcs-panel-spacing-compact: var(--oj-core-spacing-3x);

    --hcs-collection-spacing: var(--hcs-default-spacing);

    --hcs-overlay-bottom-spacing: var(--hcs-panel-spacing-compact);
    --hcs-overlay-bottom-header-spacing: var(--hcs-panel-spacing-compact);

    /* 90vw is the absolute max-width allowed by oj-c-drawer-popup. This can change in future JET versions. */
    --hcs-overlay-max-width: 90vw;

    --hcs-overlay-width-sm: 800px;
    --hcs-overlay-width-md: 1200px;
    --hcs-overlay-width-lg: 1800px;
    --hcs-drawer-min-height: 44px;
    --hcs-drawer-margin-top: 0;

    --hcs-drawer-width: 60px;
    --hcs-drawer-horizontal-margin: calc(50% - var(--hcs-drawer-width) / 2);

    --oj-label-color: var(--oj-core-text-color-secondary);

    --hcs-success-color: rgb(var(--oj-palette-success-rgb-100));
    --hcs-pending-color: rgb(var(--oj-palette-warning-rgb-60));
    --hcs-error-color: rgb(var(--oj-palette-danger-rgb-100));
    --hcs-deleted-color: rgb(var(--oj-palette-neutral-rgb-60));

    --hcs-border: 1px solid var(--oj-panel-border-color);
    --hcs-border-radius: var(--oj-panel-border-radius);
}

.hcs-typography-body-2xl {
    font-size: 24px;
}

.hcs-font-style-italic {
    font-style: italic;
}

.hcs-font-weight-normal {
    font-weight: var(--hcs-default-font-weight);
}

.hcs-font-weight-bold {
    font-weight: var(--hcs-bold-font-weight);
}

.oj-offcanvas-glasspane.oj-offcanvas-glasspane-dim {
    /* Make sure the glass pane appears below the off canvas which both have the same z-index */
    z-index: calc(var(--oj-private-core-z-index-off-canvas) - 1);
}

.hcs-no-pointer-events {
    pointer-events: none;
}

.hcs-collapsible-header-color {
    color: var(--oj-core-text-color-secondary);
}

.hcs-loading-skeleton-text {
    height: 20px;
    width: max(50px, 100%);
    border-radius: var(--hcs-border-radius);
    background-color: var(--oj-animation-skeleton-bg-end-color);
}

.hcs-loading-skeleton-text:not(:last-child) {
    margin-bottom: var(--oj-core-spacing-4x);
}


.hcs-panel-text {
    font-size: 0.875rem;
    margin-top: 0.125rem !important;
    padding-bottom: 0.125rem !important;
    min-height: 1rem !important;
}

.hcs-ancillary-text {
    font-size: 0.75rem;
}

.hcs-page-content {
    width: calc(100% - 2 * var(--hcs-page-content-margin-horizontal));
    max-width: var(--hcs-page-content-max-width) !important;
    padding: var(--hcs-default-spacing);
    padding-top: var(--hcs-page-content-padding-top);
    padding-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-style: none;
    border: 0;
}

.hcs-page-content {
    padding: 0;
    padding-top: var(--hcs-strip-bg-height);
}

.hcs-background-white {
    background-color: white;
}

oj-c-menu-button {
    background-color: var(--hcs-button-bg-color);
}

.hcs-content-container, .hcs-content-background {
    background-color: #f5f4f2;
}


.hcs-page-content .oj-pagingcontrol-nav {
    padding: 0 !important;
}

.hcs-app-content-root {
    height: 100vh
}

.hcs-page-container {
    min-height: 100%;
}

.hcs-border-box {
    /* Use this class to include padding into height calculation */
    box-sizing: border-box;
}

.hcs-no-bottom-border {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom: 0 !important;
}

.hcs-no-vertical-border {
    border-left: 0 !important;
    border-right: 0 !important;
}

.hcs-no-horizontal-border {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

.hcs-no-border-radius {
    border-radius: 0 !important;
}

.hcs-table-panel {
    border-left: 1px solid var(--hcs-default-collection-border-color);
    border-right: 1px solid var(--hcs-default-collection-border-color);
    border-radius: var(--hcs-border-radius);
}

.hcs-table-grid-borderless {
    border: none !important;
}

.hcs-min-h-0 {
    min-height: 0;
}

.hcs-callout-card {
    padding: var(--hcs-default-spacing);
}

.hcs-callout-card p {
    font-size: 1rem;
    line-height: 1.5;
}

.hcs-page-header {
    font-weight: var(--hcs-default-font-weight);
}

.hcs-progress-text {
    font-size: 14px;
}

.hcs-ellipsed-text {
    /* Use a separate styling rule to set maximum text length */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hcs-callout-card h4 {
    font-weight: var(--hcs-default-font-weight);
}

.hcs-strip-bg {
    background-image: url(css/dynamicImages/98fb8a131db58605.png);
    background-size: auto var(--hcs-strip-bg-height);
    background-repeat: repeat-x;
}

.hcs-center {
    margin-left: auto;
    margin-right: auto;
}

.hcs-module-content-wrapper {
    width: 100%;
    min-height: 85vh;
}

.hcs-destructive-button {
    /* SOLID */
    /* solid enabled */
    --oj-button-solid-chrome-bg-color: rgb(var(--hcs-delete-rgb));
    --oj-button-solid-chrome-border-color: transparent;
    --oj-button-solid-chrome-text-color: var(--oj-core-neutral-contrast);

    /* solid hover */
    --oj-button-solid-chrome-bg-color-hover: rgb(var(--hcs-delete-rgb-hover));
    --oj-button-solid-chrome-border-color-hover: transparent;
    --oj-button-solid-chrome-text-color-hover: var(--oj-core-neutral-contrast);

    /* solid active */
    --oj-button-solid-chrome-bg-color-active: rgb(var(--hcs-delete-rgb));
    --oj-button-solid-chrome-border-color-active: transparent;
    --oj-button-solid-chrome-text-color-active: var(--oj-core-neutral-contrast);

    /* OUTLINED */
    /* outlined enabled */
    --oj-button-outlined-chrome-text-color: rgb(var(--hcs-delete-rgb));

    /* outlined hover */
    --oj-button-outlined-chrome-text-color-hover: rgb(var(--hcs-delete-rgb-hover));

    /* outlined active */
    --oj-button-outlined-chrome-text-color-active: rgb(var(--hcs-delete-rgb));
}

oj-option:not(.oj-disabled) .hcs-delete-button-text {
    color: rgb(var(--hcs-delete-rgb));
}

oj-option.oj-disabled .hcs-delete-button-text {
    color: var(--oj-core-text-color-disabled);
}

.hcs-loading > div {
    display: flex;
    flex-direction: column !important;
    align-items: center !important;
}

oj-table .hcs-loading {
    display: flex;
    flex-direction: column !important;
    align-items: center !important;
    height: 100%;
}

oj-table .hcs-loading > div {
    width: 45%; /* used in case progress bar is used as spinner */
    padding: calc(var(--oj-core-spacing-12x)) 0;
}

.hcs-content-container .hcs-loading .oj-progress-circle-indeterminate-inner {
    border-color: #999;
}

oj-table .hcs-no-data-template {
    height: 100%;
    color: rgb(var(--oj-palette-neutral-rgb-120));
}

oj-table .hcs-no-data-template > div {
    display: flex;
    flex-direction: column !important;
    align-items: left !important;
    padding: calc(var(--oj-core-spacing-12x)) calc(var(--oj-core-spacing-8x));;
}

oj-table oj-progress-bar {
    width: 100%;
}

oj-table .hcs-no-data-template .hcs-heading {
    font-size: 125% !important;
}

oj-table .hcs-no-data-template .hcs-subtitle {
    margin-top: var(--oj-core-spacing-1x);
    line-height: 1.75rem !important;
}

.hcs-disabled,
oj-table.hcs-empty-state thead tr th,
oj-table.hcs-empty-state thead tr th .oj-default.oj-clickable-icon-nocontext {
    color: var(--oj-core-text-color-disabled) !important;
}

oj-table.hcs-empty-state thead tr th .oj-hover {
    color: var(--oj-core-text-color-disabled) !important;
    background-color: inherit !important;
}

oj-table .hcs-empty-state {
    height: 100%;
}
/** Centered vertically large **/

div.hcs-empty-state > div {
    margin: var(--oj-core-spacing-12x) var(--oj-core-spacing-8x) 0 calc(2*var(--oj-core-spacing-10x));
}

div.hcs-empty-state .hcs-heading {
    padding-top: calc(var(--oj-core-spacing-10x) * 2) !important;
    font-size: 300% !important;
    font-weight: var(--hcs-default-font-weight) !important;
}

div.hcs-empty-state .hcs-subtitle {
    margin-top: var(--oj-core-spacing-5x);
    margin-bottom: var(--oj-core-spacing-6x);
    font-size: 150% !important;
    line-height: 1.75rem !important;
}

/** Centered horizontally **/
/* oj-table .hcs-no-data-template {
    display: flex;
    flex-direction: column !important;
    align-items: center !important;
    margin-top: var(--oj-core-spacing-12x);
}

oj-table .hcs-empty-state-heading {
    font-size: 115% !important;
    line-height: 2.75rem !important;
}

oj-table .hcs-empty-state > div {
} */

/*
oj-table and oj-list-view prevent users from selecting as text by default. The following CSS rules disable the restriction.
See: https://corparch-core-srv.slack.com/archives/CFXE9SXR7/p1691405605204529?thread_ts=1691394750.521729&cid=CFXE9SXR7
*/
.hcs-enable-user-select {
    -ms-user-select: text;
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
}

.hcs-text-preserve-whitespace {
    white-space: pre-wrap;
}

.hcs-wrap-text-break-word {
    overflow-wrap: break-word;
}

.hcs-word-break {
    word-break: break-word;
}

.hcs-wrap-text {
    white-space: normal;
}

.hcs-wrap-text-nowrap {
    white-space: nowrap;
}

.hcs-feature-disabled-text {
    color: var(--oj-core-danger-3);
}

.hcs-heading-text {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: var(--hcs-default-font-weight);
}

.hcs-heading-paragraph-weight {
    font-size: 10pt;
    font-weight: var(--hcs-default-font-weight);
}

.workspaces-query-editor-connection-field,
.heatwave-ml-connection-field {
    color: #808080;
    padding-right: 1.5rem;
}

.hcs-query-status-text {
    font-size: 10pt;
}

.hcs-query-status-icon {
    margin-right: 0.25rem;
}

.hcs-query-results {
    height: calc(100% - 122px);
}

.hcs-sidebar-header {
    font-size: 18pt;
}

.hcs-panel-stack .hcs-panel + .hcs-panel {
    margin-top: var(--hcs-default-spacing);
}

.hcs-panel-header {
    padding: var(--hcs-default-spacing);
}

.hcs-panel-header.hcs-panel-header-no-horizontal-padding {
    padding-left: 0;
    padding-right: 0;
}

.hcs-panel-header.hcs-panel-header-no-padding-top {
    padding-top: 0;
}

.hcs-panel-header-text {
    font-size: 112.5%;
    font-weight: var(--hcs-bold-font-weight);
    margin: 0;
}

.hcs-panel-header-text-lg {
    font-size: 1.25rem;
    font-weight: var(--hcs-bold-font-weight);
    margin: 0;
}

.hcs-panel-content {
    padding: var(--hcs-default-spacing);
}

.hcs-panel-content.hcs-panel-content-no-horizontal-padding {
    padding-left: 0;
    padding-right: 0;
}

.oj-form-layout .hcs-panel-content {
    padding-bottom: 0;
}

.hcs-panel .hcs-panel-header + .hcs-panel-content,
.hcs-panel.hcs-panel-compact .hcs-panel-header + .hcs-panel-content {
    padding-top: 0;
}

.hcs-panel.hcs-panel-compact .hcs-panel-header {
    padding: var(--hcs-panel-spacing-compact);
}

.hcs-panel.hcs-panel-compact .hcs-panel-content {
    padding: var(--hcs-panel-spacing-compact);
}

.hcs-spaced-children > :nth-child(odd) {
    padding-right: var(--hcs-default-spacing) !important;
}


.hcs-panel-message {
    margin: var(--hcs-default-spacing);
    margin-top: 0;
}

.hcs-panel-summary-header-text {
    font-size: 100%;
    font-weight: var(--hcs-bold-font-weight);
    margin: 0;
}

.hcs-collection-controls oj-toolbar {
    padding: 0;
}

.hcs-flex-direction-row-reverse {
    flex-direction: row-reverse;
}

.hcs-flex-grow {
    flex: 1 0 auto;
}

.hcs-flex-shrink {
    flex: 0 1 auto;
}

.hcs-flex-0-basis {
    flex: 1 1 0;
}

.hcs-overflow-auto {
    overflow-y: auto !important;
}

.hcs-overflow-hidden {
    overflow: hidden !important;
}

/*
    Overwrite extra spacing for oj-form-layout to make consistent with assistance-inline-container css rules.
*/
.oj-form-layout .oj-form .oj-flex .oj-flex-item {
    margin-bottom: 0.125rem !important;
}

.hcs-form-layout-disabled .oj-flex + .oj-flex {
    margin-top: 10px;
}

.hcs-nvp-stack oj-label:not(:first-child),
.hcs-nvp-stack .oj-form .oj-flex:not(:first-child) oj-label {
    margin-top: var(--hcs-default-spacing);
}

.hcs-offcanvas {
    --oj-current-bg-color: rgb(var(--oj-palette-neutral-rgb-0));
    background-color: rgb(var(--oj-palette-neutral-rgb-10));
    overflow-y: hidden;
}

.hcs-overlay-panel-stack {
    box-sizing: border-box; /* to get padding included into height */
    padding: var(--hcs-default-spacing);
}

.hcs-overlay-bottom-header {
    margin: 0;
    padding: var(--hcs-overlay-bottom-header-spacing);
}

.hcs-drawer-header-text {
    font-weight: var(--hcs-bold-font-weight);
    margin: 0;
}

.hcs-overlay-bottom-empty {
    padding: var(--hcs-overlay-bottom-spacing);
}

.hcs-action-layout-footer-buttons oj-button + oj-button {
    margin-left: var(--oj-core-spacing-4x) !important;
}

.hcs-collection {
    border: 1px solid var(--hcs-default-collection-border-color);
}

.hcs-collection-compact {
    max-height: 20rem;
}

.hcs-full-parent-width {
    width: 100% !important;
}

.hcs-full-parent-height {
    height: 100% !important;
}

.hcs-full-parent-area {
    height: 100% !important;
    width: 100% !important;
}

.hcs-no-line-height {
    line-height: 0 !important;
}

/*
    The following assistance-inline-container css rules are used as a workaround to force inputs to use user-assistance as 'efficient' instead of 'reflow'.
    From oj-form-layout docs:
    efficient: messages, help, hints, and required are all shown inline under the field with reserved space underneath.
    Note: Ideally oj-form-layout will cascade this value to its children, currently not supported.
*/
oj-form-layout .oj-user-assistance-inline-container,
oj-form-layout .oj-user-assistance-inline-container.oj-reflow:empty {
    margin-top: 0.125rem !important;
    padding-bottom: 0.125rem !important;
    min-height: 1rem !important;
}

oj-form-layout .oj-user-assistance-inline-container .oj-helphints-inline-container {
    padding-bottom: 0 !important;
}

.hcs-label .oj-label-group {
    width: 100%;
}

.hcs-block-value {
    font-weight: var(--hcs-default-font-weight) !important;
    overflow-wrap: break-word;
}

hcs-app:not(.oj-complete) {
    visibility: hidden;
}

hcs-app *[role='main'] {
    padding-left: 0;
    padding-right: 0;
}

hcs-app .hcs-app-wrapper::before {
    content: '';
    background-image: url(css/dynamicImages/4cd2a0c135b19653.png);
    background-color: var(--hcs-background-color);
    opacity: 0.08;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

hcs-app .hcs-app-loading-wrapper {
    height: 100vh;
    background-color: var(--hcs-background-color);
}

/* cancel the default redwood padding added in OJET 14 */
hcs-app .oj-form > .oj-flex > .oj-flex-item {
    padding: 0 !important;
}
/* Copyright (c) 2021, 2023, Oracle and/or its affiliates. */

:root {
    --hcs-badge-circle-dimension: 12px
}

hcs-lifecycle-state-badge:not(.oj-complete){
  visibility: hidden;
}

.hcs-badge .badge-wrap {
    flex-wrap: nowrap !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.hcs-badge .available-badge {
    height: var(--hcs-badge-circle-dimension);
    width: var(--hcs-badge-circle-dimension);
    position: relative;
    margin-right: 0.4rem;
    background-color: var(--hcs-success-color);
    border-radius: 50%;
    display: inline-block;
}

.hcs-badge .unavailable-badge {
    height: var(--hcs-badge-circle-dimension);
    width: var(--hcs-badge-circle-dimension);
    position: relative;
    margin-right: 0.4rem;
    background-color: var(--hcs-pending-color);
    border-radius: 50%;
    display: inline-block;
}

.hcs-badge .deleted-badge {
    height: var(--hcs-badge-circle-dimension);
    width: var(--hcs-badge-circle-dimension);
    position: relative;
    margin-right: 0.4rem;
    background-color: var(--hcs-deleted-color);
    border-radius: 50%;
    display: inline-block;
}

.hcs-badge .error-badge {
    height: var(--hcs-badge-circle-dimension);
    width: var(--hcs-badge-circle-dimension);
    position: relative;
    margin-right: 0.4rem;
    background-color: var(--hcs-error-color);
    border-radius: 50%;
    display: inline-block;
}
/* Copyright (c) 2022, 2025, Oracle and/or its affiliates. */
.hcs-popup {
  max-width: 400px !important;
  overflow-wrap: break-word !important;
}

.hcs-tooltip-target {
  cursor: pointer;
}
/* Copyright (c) 2021, 2024, Oracle and/or its affiliates. */

hcs-messages:not(.oj-complete) {
    visibility: hidden;
}

.hcs-messages-detail-format {
    white-space: pre-wrap;
}
/* Copyright (c) 2021, 2024, Oracle and/or its affiliates. */

hcs-app-header:not(.oj-complete) {
    visibility: hidden;
}

hcs-app-header .hcs-banner-background {
    background-color: #464f4f;
    position: absolute;
    height: var(--hcs-banner-height);
    width: 100%;
}

hcs-app-header .hcs-banner-content {
    width: calc(100% - 2 * var(--hcs-page-content-margin-horizontal));
    padding-bottom: var(--oj-core-spacing-4x);
    margin: auto;
    max-width: var(--hcs-page-content-max-width) !important;
}

hcs-app-header .hcs-banner-content.hcs-banner-content-sign-in {
    max-width: var(--hcs-page-content-sign-in-max-width) !important;
}

hcs-app-header .hcs-banner-branding-text {
    font-size: 30px;
    font-weight: 500;
    color: var(--hcs-banner-color);
    margin: 0;
    white-space: nowrap;
}

hcs-app-header .hcs-banner-menu {
    padding: 0;
}

hcs-app-header .hcs-banner-menu.hcs-banner-menu-empty {
    height: var(--oj-button-height);
}
hcs-app-header .hcs-user-menu-icon {
    font-size: 18px;
}

oj-menu#regionMenu1 oj-option.current-region div.oj-flex {
    color: black !important;
    font-weight: 600 !important;
}
/* Copyright (c) 2021, 2024, Oracle and/or its affiliates. */

hcs-app-navbar:not(.oj-complete) {
    visibility: hidden;
}

hcs-app-navbar .hcs-app-navbar-content {
    --oj-navigation-list-item-padding: 20px;
    --oj-navigation-list-item-margin: 0;

    width: calc(100% - 2*var(--hcs-page-content-margin-horizontal));
    max-width: var(--hcs-page-content-max-width) !important;
    height: var(--hcs-navbar-height);
}

hcs-app-navbar oj-navigation-list oj-navigation-list, hcs-app-navbar .oj-navigationlist-element {
    height: var(--hcs-navbar-height);
}

hcs-app-navbar .oj-navigationlist-empty-text {
    display: none
}

hcs-app-navbar .hcs-app-navbar-content .oj-navigationlist-stack-icon-label {
    --oj-navigation-list-item-padding: 20px;
    --oj-navigation-list-item-margin: 0;
}

hcs-app-navbar #appNavbar ul {
    background-color: var(--hcs-secondary-background-color);
}
/* Copyright (c) 2021, 2024, Oracle and/or its affiliates. */

hcs-overlay-layout:not(.oj-complete) {
    visibility: hidden;
}

hcs-overlay-layout {
    --hcs-overlay-end-vertical-spacing: var(--oj-core-spacing-4x);
    --hcs-overlay-end-header-footer-background-color: rgb(var(--oj-palette-neutral-rgb-30))
}

hcs-overlay-layout .hcs-overlay-end-header-border {
    border-bottom: var(--hcs-border);
}

hcs-overlay-layout .hcs-panel-stack .hcs-panel {
    padding: var(--oj-core-spacing-4x);
    padding-bottom: var(--oj-core-spacing-2x);
}

hcs-overlay-layout .hcs-panel-stack .hcs-panel.hcs-panel-collapsible {
    padding-top: var(--oj-core-spacing-2x) !important;
}

hcs-overlay-layout .hcs-overlay-end-header {
    width: 100%;
    padding: var(--hcs-overlay-end-vertical-spacing) var(--hcs-default-spacing);
    background-color: var(--hcs-overlay-end-header-footer-background-color)
}

hcs-overlay-layout .hcs-overlay-end-header-text {
    font-size: 175%;
    font-weight: var(--hcs-default-font-weight);
    margin: 0;
}

hcs-overlay-layout .hcs-overlay-end-error-banner {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
    padding: 0;
}

hcs-overlay-layout .hcs-overlay-end-footer {
    justify-content: flex-end;
    padding: var(--hcs-overlay-end-vertical-spacing) var(--hcs-default-spacing);
    border-top: var(--hcs-border);
    background-color: var(--hcs-overlay-end-header-footer-background-color)
}

.hcs-layout-controls-container oj-toolbar oj-button {
    margin: 0 !important;
}

.hcs-drawer-shadow {
    box-shadow: 0 -10px 15px 0 rgb(0 0 0 / 7%);
    position: relative;
}

.hcs-disable-transition {
    transition: none !important;
    user-select: none !important;
}

.hcs-drawer-top-border {
    border-top: var(--hcs-border)
}

.hcs-drawer-right-border {
    border-right: var(--hcs-border)
}

/*
Notes on drawer resize drag zones
---------------------------------
For better drag affordance and as a way to avoid having drag zones get cut off by the parent,
the zones are made to float above the parent using a z-index.
Note that the bottom drawer zone should be sitting at a higher z-index than the side ones to give more
priority to bottom drawer dragging in the (small) area where the drag zones overlap.
*/

:root {
    --resize-zone-length: 11px;
}

.hcs-ns-resize-zone {
    cursor: ns-resize;
    position: absolute;
    top: calc(-1 * (var(--resize-zone-length) - 1px) / 2);
    z-index: 10;

    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--resize-zone-length);
    width: 100%;

    /* DEBUG: Uncomment the below line to visualize the resize zone */
    /*background-color: rgba(100, 200, 0, 0.1);*/
}

.hcs-ns-visible-handle {
    --handle-height: 3px; /* must be odd number to account for the 1px border width */
    --handle-width: 50px;
    height: var(--handle-height);
    width: var(--handle-width);
    background-color: rgb(var(--oj-palette-neutral-rgb-40));
    border-radius: calc(var(--handle-height) / 2);
    position: relative;
    top: 6px;
}

.hcs-ew-resize-zone {
    cursor: ew-resize;
    position: absolute;
    top: 0;
    right: calc(-1 * (var(--resize-zone-length) + 1px) / 2);
    z-index: 5;

    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: var(--resize-zone-length);
}

.hcs-ew-resize-zone:hover {
    background-color: rgba(0, 0, 0, 0.1);
}
/* Copyright (c) 2021, 2024, Oracle and/or its affiliates. */
hcs-page-developer:not(.oj-complete) {
    visibility: hidden;
}

hcs-page-developer oj-form-layout .oj-user-assistance-inline-container, hcs-page-developer oj-form-layout .oj-user-assistance-inline-container.oj-reflow:empty {
    margin-top: revert !important;
    padding-bottom: .25rem !important;
    min-height: revert !important;
}

hcs-page-developer hcs-tooltip {
    color: #666;
}

hcs-page-developer .hcs-badge {
    display: inline;
}

hcs-page-developer .oj-form-control-max-width-md {
    max-width: 85% !important;
}

hcs-page-developer .oj-text-field.oj-read-only .oj-text-field-container {
    border-width: 1px;
    border-color: var(--oj-text-field-border-color-disabled);
    padding: 7px 10.5px;
}

hcs-page-developer .oj-textarea-input {
    padding-bottom: 0;
}
/* Copyright (c) 2021, 2024, Oracle and/or its affiliates. */

/* This file is where css selectors for the component go.
   There will be hard coded properties and properties controlled by variables, for example

   hcs-custom-switch .hcs-custom-switch-value-text {
   color: var(--hcs-custom-switch-value-text-color);
   display: inline-block;
	 }
*/

hcs-custom-switch:not(.oj-complete){
  visibility: hidden;
}

/* Override some css properties of oj-switch */

hcs-custom-switch .oj-switch-container {
  min-height: 0 !important;
height: 1.25rem !important;
}


hcs-custom-switch .oj-switch-track {
  height: 0.72rem !important;
  width: 1.75rem !important;
}

hcs-custom-switch .oj-switch-thumb {
  height: 0.5rem !important;
  width: 0.75rem !important;
}
/* Copyright (c) 2021, 2024, Oracle and/or its affiliates. */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  color: black;
  direction: ltr;
  font-size: larger;
  height: 100%;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}
.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-moz-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px; margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
  /*max-height: 40rem;*/
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {}

.CodeMirror-rtl pre { direction: rtl; }

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }


/* end code mirror */

/* Copyright (c) 2021, 2024, Oracle and/or its affiliates. */

:root {
    --hcs-resource-card-selected-background-color: var(--oj-core-bg-color-selected);
    --hcs-resource-card-selected-border-color: var(--oj-core-border-color-selected);
    --hcs-resource-card-title-font-weight: 600;
    --hcs-resource-card-desc-font-weight: var(--hcs-default-font-weight);
}

hcs-resource-cards:not(.oj-complete) {
    visibility: hidden;
}

hcs-resource-cards .hcs-resource-card {
    margin: 0 !important;
	min-width: 20rem;
	box-shadow: none;
}

hcs-resource-cards .oj-listview-card-group {
    align-items: stretch;
}

hcs-resource-cards .hcs-resource-card-item.oj-listview-card {
    margin-top: 0 !important;
    margin-bottom: var(--hcs-default-spacing);
}

hcs-resource-cards .hcs-resource-card-title {
    font-weight: var(--hcs-resource-card-title-font-weight);
}

hcs-resource-cards .hcs-resource-card-desc {
    font-weight: var(--hcs-resource-card-desc-font-weight);
}

hcs-resource-cards li.oj-selected .hcs-resource-card:not(.hcs-disabled) {
    background-color: var(--hcs-resource-card-selected-background-color);
    border-color: var(--hcs-resource-card-selected-border-color);
}
/* Copyright (c) 2021, 2024, Oracle and/or its affiliates. */

hcs-resource-select:not(.oj-complete) {
    visibility: hidden;
}

/* Copyright (c) 2022, 2025, Oracle and/or its affiliates. */

.hcs-row-builder oj-list-view li + li {
    margin-top: var(--oj-core-spacing-2x)
}

.hcs-row-builder oj-list-view .oj-animate-update-active {
    margin-top: var(--oj-core-spacing-2x)
}

/* Copyright (c) 2023, 2024, Oracle and/or its affiliates. */

hcs-channel-source-ssl-file-picker #sslCaCertificate {
    max-width: 100% !important;
}

hcs-channel-source-ssl-modes hcs-resource-cards .hcs-resource-card-item,
hcs-channel-target-info .hcs-resource-card-item {
    width: 48% !important;
}

hcs-channel-update #deleteCert {
    margin-bottom: -15px;
}

hcs-channel-target-info #channelFilter oj-list-view ul li {
    margin: 0;
}
/* Copyright (c) 2022, 2023, Oracle and/or its affiliates. */

/* NOTE: due to dialog reparenting, parent-scoping by hcs-confirmation-dialog will not be enough */
.hcs-confirmation-dialog-size {
    min-height: 50px;
    max-height: 75vh;
    width: 600px;
    max-width: 50vw;
}
/* Copyright (c) 2021, 2023, Oracle and/or its affiliates. */

/* This file is where css selectors for the component go.
   There will be hard coded properties and properties controlled by variables, for example

   hcs-page-view-resource-list .hcs-page-view-resource-list-value-text {
   color: var(--hcs-page-view-resource-list-value-text-color);
   display: inline-block;
	 }
*/

hcs-page-view-resource-list:not(.oj-complete) {
    visibility: hidden;
}

hcs-page-view-resource-list {
	min-height: 50px;
	width: 50px;
}
/* Copyright (c) 2022, Oracle and/or its affiliates. */


hcs-resource-filters:not(.oj-complete) {
    visibility: hidden;
}
/* Copyright (c) 2022, Oracle and/or its affiliates. */
:root {
  --hcs-filter-border-radius: 1rem;
  --hcs-filter-bg-color: RGB(var(--oj-palette-neutral-rgb-30));
  --hcs-filter-margin: var(--oj-core-spacing-2x);
  --hcs-filter-hover-opacity: 0.8;
  --hcs-filter-text-label-color: var(--oj-core-text-color-secondary);
  --hcs-filter-text-value-color: var(--oj-core-text-color-primary);
}

hcs-filter-popup:not(.oj-complete),
hcs-filter-select-single:not(.oj-complete),
hcs-filter-text:not(.oj-complete) {
  visibility: hidden;
}

.hcs-filter-popup {
  max-height: 200px !important;
  overflow: auto;
}

hcs-filters .hcs-filter {
  border: none;
  border-radius: var(--hcs-filter-border-radius);
  background-color: var(--hcs-filter-bg-color);
  color: var(--hcs-filter-text-color);
  padding: var(--oj-core-spacing-2x);
  align-items: center;
  display: flex;
}

hcs-filters > :not(.oj-disabled) .hcs-filter-hover:hover {
  cursor: pointer;
  opacity: var(--hcs-filter-hover-opacity);
}

hcs-filters .hcs-filter-label {
  color: var(--hcs-filter-text-label-color);
}

hcs-filters .hcs-filter-value {
  color: var(--hcs-filter-text-value-color);
}

hcs-filters .hcs-filter-icon {
  margin-left: var(--hcs-filter-margin);
  color: var(--hcs-filter-text-label-color);
  line-height: normal;
}

hcs-filters button:not([disabled]) .hcs-filter-icon:hover {
  color: var(--oj-core-text-color-primary) !important;
  cursor: pointer;
}

hcs-filters .hcs-filter-close-button {
  display: flex;
  border: 0;
  padding: 0;
}
/* Copyright (c) 2022, 2023, Oracle and/or its affiliates. */

hcs-filters:not(.oj-complete){
  visibility: hidden;
}

hcs-filters .oj-disabled .oj-text-field-start-end-icon,
hcs-filters button[disabled] .hcs-filter-label,
hcs-filters button[disabled] .hcs-filter-value {
    color: var(--oj-core-text-color-disabled) !important;
}

hcs-filters .min-width-0 {
    min-width: 0 !important;
}

hcs-filters .hcs-filter-container > .hcs-filter-child:not(:last-child) {
    margin-right: var(--oj-core-spacing-2x);
}

hcs-filters .hcs-filter-text-fit-content {
    width: fit-content;
    max-width: 100%;
}

hcs-filters hcs-filter-text {
    /* Make the text component not be squished less than the below value width-wise */
    min-width: 50px !important;
}
/* Copyright (c) 2021, 2023, Oracle and/or its affiliates. */

/* This file is where css selectors for the component go.
   There will be hard coded properties and properties controlled by variables, for example

   hcs-breadcrumbs .hcs-breadcrumbs-value-text {
   color: var(--hcs-breadcrumbs-value-text-color);
   display: inline-block;
	 }
*/

hcs-breadcrumbs:not(.oj-complete){
  visibility: hidden;
}

hcs-breadcrumbs .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-top: 0;
    list-style: none;
    position: relative;
}

hcs-breadcrumbs .breadcrumb  > :nth-child(n+2):not(.oui-first-column)::before {
    display: inline;
    color: #686868;
    content: "\00a0»\00a0";
    background-image: none;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    position: relative;
    margin: 0;
    top: 0;
}
/* Copyright (c) 2021, 2024, Oracle and/or its affiliates. */

.loading-spinner-page {
	display: flex;
	flex-wrap: wrap;
	justify-content: center !important;
	align-items: center !important;
    margin-top: calc(var(--oj-core-spacing-12x)*2);
}

.loading-spinner-page .oj-progress-circle-indeterminate-inner {
    border-color: #999;
}

/* Copyright (c) 2021, 2023, Oracle and/or its affiliates. */

/* This file is where css selectors for the component go.
   There will be hard coded properties and properties controlled by variables, for example

   hcs-page-view-resource-list .hcs-page-view-resource-list-value-text {
   color: var(--hcs-page-view-resource-list-value-text-color);
   display: inline-block;
	 }
*/

hcs-page-view-resource-list:not(.oj-complete){
  visibility: hidden;
}
/* Copyright (c) 2024, Oracle and/or its affiliates. */

a.oj-pagingcontrol-nav-arrow.oj-enabled:hover {
    background-color: var(--oj-button-borderless-chrome-bg-color-hover);
    border-color: var(--oj-button-borderless-chrome-border-color-hover);
    color: var(--oj-button-borderless-chrome-text-color-hover);
    text-decoration: none;
}
/* Copyright (c) 2021, 2024, Oracle and/or its affiliates. */

/* This file is where css selectors for the component go.
   There will be hard coded properties and properties controlled by variables, for example

   hcs-create-heatwave-cluster .hcs-create-heatwave-cluster-value-text {
   color: var(--hcs-create-heatwave-cluster-value-text-color);
   display: inline-block;
	 }
*/

hcs-heatwave-cluster-create:not(.oj-complete){
  visibility: hidden;
}

hcs-heatwave-cluster-autoprovisioning:not(.oj-complete){
  visibility: hidden;
}

hcs-heatwave-cluster-autoprovisioning .hcs-autoprovisioning-body {
  display: flex;
  flex-flow: column;
}

hcs-heatwave-cluster-autoprovisioning .hcs-heatwave-cluster-autoprovisioning-schema-info {
  flex: 1 1 auto;
  min-height: 0;
}

hcs-heatwave-cluster-autoprovisioning .hcs-heatwave-cluster-autoprovisioning-summary {
  flex: 0 1 100px;
}

hcs-schema-info-table:not(.oj-complete) {
  visibility: hidden;
}

hcs-schema-info-table .hcs-memory-usage-status-meter.oj-statusmetergauge {
  height: 10px;
  max-width: 100px;
}

hcs-schema-info-table .hcs-table-padding-right {
  padding-right: var(--hcs-default-spacing)
}

hcs-schema-info-table .hcs-schema-info-table {
  flex: 1 1 0;
}
/* Copyright (c) 2022, 2024, Oracle and/or its affiliates. */
.hcs-page-performance-monitoring h4,
.hcs-page-performance-monitoring h5,
.hcs-page-performance-monitoring h6 {
    font-weight: 400;
}

.hcs-page-performance-monitoring oj-collapsible h4 {
    margin-top: 0;
    margin-bottom: 0;
}

.hcs-page-performance-monitoring h5 {
    margin-top: 0;
}

.hcs-page-performance-monitoring .hcs-nvp-stack .oj-form .oj-flex:not(:first-child) oj-label {
    margin-top: 6px;
}

.hcs-page-performance-monitoring hcs-resource-select oj-select-single {
    min-width: var(--oj-text-field-md-width) !important;
    max-width: var(--oj-text-field-md-width) !important;
}

.hcs-page-performance-monitoring hcs-resource-select .oj-user-assistance-inline-container {
    padding-bottom: 0 !important;
}

.hcs-performance-monitoring-error-banner oj-c-message-banner > * {
    margin-bottom: var(--oj-core-spacing-4x);
}
/* Copyright (c) 2021, 2023, Oracle and/or its affiliates. */
hcs-performance-monitoring-cluster .hcs-monitoring-panel {
    height: 19rem;
}

hcs-performance-monitoring-cluster .hcs-monitoring-panel-wide {
    height: 19rem;
}

hcs-performance-monitoring-cluster .hcs-performance-monitoring-plot {
    height: 13rem;
}

hcs-performance-monitoring-cluster .hcs-performance-monitoring-plot-view {
    height: 10rem;
}
/* Copyright (c) 2021, 2024, Oracle and/or its affiliates. */

hcs-glass-pane-progress-indicator:not(.oj-complete) {
    visibility: hidden;
}

hcs-glass-pane-progress-indicator :first-child {
    position: relative;
}

hcs-glass-pane-progress-indicator .hcs-glass-pane {
    position: absolute;
    background: rgba(var(--oj-palette-neutral-rgb-80), .4);
    transition: background .5s;
    transition-timing-function: var(--oj-animation-ease-in-out);
    z-index: 100;
    width: 100%;
    height: 100%;
}

hcs-glass-pane-progress-indicator.rounded .hcs-glass-pane {
    border-radius: var(--oj-panel-border-radius);
}
/* Copyright (c) 2021, 2023, Oracle and/or its affiliates. */

:root{
    --hcs-metric-panel-height: 9rem;
    --hcs-metric-panel-width: 18rem;
    --hcs-metric-panel-wide-width: 37rem;
}

hcs-metric-panel .hcs-metric-panel {
    height: var(--hcs-metric-panel-height);
    width: var(--hcs-metric-panel-width);
}

.oj-sm-flex-direction-row > .hcs-full-parent-width .hcs-metric-panel {
    width: 100%;
}

hcs-metric-panel .hcs-metric-panel-wide {
    height: var(--hcs-metric-panel-height);
    width: var(--hcs-metric-panel-wide-width);
}

hcs-metric-panel .hcs-metric-panel-content {
    padding: 1rem;
}

hcs-metric-panel .hcs-metric-panel-value {
    font-size: 1.7rem
}

hcs-metric-panel .hcs-metric-panel-error-message {
    font-size: 1rem
}
/* Copyright (c) 2022, 2023, Oracle and/or its affiliates. */

/* Forces the row height to be consistent whether the select all control is displayed or not */
hcs-multiselect-table oj-table.has-select-all-control thead tr:first-child th {
    height: 53px !important;
}

hcs-multiselect-table oj-table.hcs-empty-state thead tr:first-child th:first-child oj-selector span {
    display: none !important;
}
/* Copyright (c) 2022, 2024, Oracle and/or its affiliates.  */

hcs-page-view-dbsystem-connect .connection-status hcs-status-badge {
    margin-left: 0 !important;
}

hcs-page-view-dbsystem-connect .content {
    max-width: 150px;
}

hcs-page-view-dbsystem-connect .oj-toolbar {
    padding: 0;
}

hcs-page-view-dbsystem-connect .oj-toolbar .oj-toolbar-separator {
    margin: 0;
    margin-right: var(--oj-core-spacing-6x);
}

hcs-page-view-dbsystem-connect .summary > *:not(:first-child) {
    margin: var(--oj-core-spacing-2x) 0 0 0 !important;
}

hcs-page-view-dbsystem-connect oj-toolbar oj-button {
    margin-inline-start: 0 !important;
}
/* Copyright (c) 2021, 2024, Oracle and/or its affiliates. */

hcs-performance-monitoring-workload h4,
hcs-performance-monitoring-workload h5,
hcs-performance-monitoring-workload h6 {
    font-weight: 400;
}

hcs-performance-monitoring-workload h5 {
    margin-top: 0;
}

hcs-performance-monitoring-workload .hcs-monitoring-panel oj-chart {
    height: 220px;
}

hcs-performance-monitoring-workload .hcs-crud-table-wrapper {
    display: grid;
}

/* TODO replace oui style classes */
hcs-performance-monitoring-workload .oui-padding-small {
    padding: 10px;
}

hcs-performance-monitoring-workload .oui-border-bottom {
    border-bottom: 1px solid #b5bbc2;
}
/* Copyright (c) 2022, 2023, Oracle and/or its affiliates. */

/* This file is where css selectors for the component go.
   There will be hard coded properties and properties controlled by variables, for example

   hcs-performance-monitoring-recent-queries .hcs-performance-monitoring-recent-queries-value-text {
   color: var(--hcs-performance-monitoring-recent-queries-value-text-color);
   display: inline-block;
	 }
*/

hcs-performance-monitoring-recent-queries:not(.oj-complete){
  visibility: hidden;
}

hcs-performance-monitoring-recent-queries .hcs-performance-monitoring-recent-queries-table {
    /* Calculating how much table height would 10 rows need. The 5px is an offset needed to account for the extra height sort icons seem to be introducing. */
    height: calc(var(--oj-collection-list-row-height) + 5px + 10 * (var(--oj-collection-list-row-height)) - 1px) !important;
}

hcs-performance-monitoring-recent-queries .hcs-performance-monitoring-recent-queries-table-no-rows {
    height: 100px !important;
}
/* Copyright (c) 2022, 2023, Oracle and/or its affiliates. */

/* This file is where css selectors for the component go.
   There will be hard coded properties and properties controlled by variables, for example

   hcs-performance-monitoring-query-details .hcs-performance-monitoring-query-details-value-text {
   color: var(--hcs-performance-monitoring-query-details-value-text-color);
   display: inline-block;
	 }
*/

hcs-performance-monitoring-query-details:not(.oj-complete){
  visibility: hidden;
}

hcs-performance-monitoring-query-details #queryTextBoxContainer .CodeMirror-scroll {
    max-height: calc(var(--hcs-overlay-end-body-height) - var(--oj-button-sm-height) - 4 * var(--oj-core-spacing-2x))
}
/* Copyright (c) 2023, 2024, Oracle and/or its affiliates. */

hcs-heatwave-ml-utils-feature-importance-table .oj-table {
    flex: 1 1 0;
}

hcs-heatwave-ml-utils-feature-importance-table .oj-statusmetergauge-horizontal-lg {
    height: 1.3rem !important;
}

hcs-heatwave-ml-evaluate-model-predictions .hcs-flex-0-basis {
    flex: 1 1 0;
    min-height: 0;
}

hcs-heatwave-ml-evaluate-model-predictions .hcs-predictions-table {
    flex: 1 1 0;
    min-height: 0;
}

hcs-heatwave-ml-evaluate-model-predictions-column-info .hcs-overlay-end-error-banner {
    padding: 0 0 var(--hcs-default-spacing);
}

hcs-heatwave-ml-evaluate-model-confusion-matrix .oj-datagrid-scroller, .oj-datagrid-no-data-container {
    width: 100% !important;
}

oj-data-grid .hcs-no-data-template {
    height: 100%;
    color: rgb(var(--oj-palette-neutral-rgb-120));
}

oj-data-grid .hcs-no-data-template > div {
    display: flex;
    flex-direction: column !important;
    align-items: center !important;
    padding: calc(var(--oj-core-spacing-12x)) 0;
}

oj-data-grid .oj-datagrid-cell, .oj-datagrid-skeleton-cell {
    padding: 0
}

hcs-create-heatwave-ml-model #hwmlModelColumnsTable .oj-radio-label, #visualizationBtn  {
    display: none;
}

hcs-create-heatwave-ml-model .hcs-create-heatwave-ml-model-table-height {
    height: 50vh !important;
}

/* removing the magnifying glass control from the scatter plot */
hcs-heatwave-ml-evaluate-model-scatter-plot #featureChartscatter svg g[cursor="pointer"] {
    visibility: hidden;
}

hcs-heatwave-ml-evaluate-model-confusion-matrix .hcs-data-grid-header-row {
    width: 150px;
}

oj-data-grid .hcs-loading {
    padding: calc(var(--oj-core-spacing-12x)) 0;
}

/* Copyright (c) 2022, 2024, Oracle and/or its affiliates. */

hcs-workspaces-schema-table-view {
    height: 100%;
}

oj-table.hcs-no-data-template thead tr th {
    color: var(--oj-core-text-color-disabled) !important;
}

/* hide child loading elements so that only one is visible while loading */
hcs-page-view-workspaces-manage-data hcs-multiselect-table table tr.hcs-loading oj-selector {
    display: none !important;
}

.hcs-expander-row-parent td:not(:first-child):not(:nth-child(2)) {
    font-weight: 550;
}

.hcs-workspaces-confirm-dialog-size {
    width: 50vw;
}

hcs-multiselect-table table tr.hcs-hide {
    display: none !important;
}

.hcs-expander-row-parent oj-row-expander, .hcs-expander-row-orphan oj-row-expander {
    margin-left: -12px;
}

.hcs-expander-row-child oj-row-expander {
    margin-left: -28px;
}

hcs-page-view-workspaces-autopilot-index-advisor #queryDetailsPanel {
    height: 20rem;
}

hcs-page-view-workspaces-autopilot-index-advisor-affected-queries #affectedQueriesTable {
    height: 40%;
}

hcs-page-view-workspaces-autopilot-index-advisor #indexAdvisorstorageVsPerformancePlotContainer {
    min-height: 12rem;
}

hcs-page-view-workspaces-autopilot-index-advisor #storageVsPerformancePlot {
    height: 12rem;
    width: 35rem;
}


hcs-workspaces-create-lakehouse-mapping .CodeMirror-scroll {
    max-height: calc(0.6 * var(--hcs-overlay-end-body-height))
}

hcs-workspaces-create-lakehouse-mapping .hcs-schema-inference-messages {
    max-height: calc(0.3 * var(--hcs-overlay-end-body-height));
    overflow-y: auto;
}

hcs-workspaces-create-lakehouse-mapping .iam-role-width {
    width: 500px !important;
}

hcs-workspaces-create-lakehouse-mapping .hcs-create-lakehouse-mapping-schema-editor {
    max-height: 400px !important;
}

.hcs-workspaces-sample-data hcs-resource-cards .hcs-resource-card-item {
    width: 100%;
}
/* Copyright (c) 2021, 2024, Oracle and/or its affiliates. */

.hcs-home .hcs-callout-card {
    background-color: #f1efed;
    border: 0 !important;
    padding: 18px;
    padding-top: 0;
}

.hcs-home .hcs-callout-card-top {
    max-width: 100%;
    max-height: 100%;
}

.hcs-home .hcs-callout-card-top-dbsystem {
    content: url(css/dynamicImages/a2462d79aed1e801.png);
}

.hcs-home .hcs-callout-card-top-heatwave {
    content: url(css/dynamicImages/91be3f1c7584e44b.png);
}

.hcs-home .hcs-callout-card-bottom {
    padding: var(--hcs-default-spacing);
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
}

.hcs-home .hcs-callout-card h4 {
    font-weight: 400;
}
/* Copyright (c) 2024, Oracle and/or its affiliates. */

.dashboard-service-events-table {
    height: 250px
}

.hcs-getting-started-card-left {
    content: url(css/dynamicImages/3468267b729b3b2d.png);
    max-width: 120px;
    max-height: 120px;
}

.hcs-getting-started-card {
    background-color: #f1efed;
    border: 0 !important;
    padding: 0 !important;
}

.hcs-spotlight-content {
    font-weight: 400 !important;
    font-size: 16px !important;
}
/* Copyright (c) 2021, 2025, Oracle and/or its affiliates. */
hcs-starter-dbsystem-create .list-details li {
    list-style-type: disc;
}

#dbSystemType .hcs-resource-card-item {
    width: 49%;
    margin-bottom: 0;
}

#dbSystemType .hcs-resource-card-item:last-child {
    margin-inline-end: 0;
}

#preferredAvailabilityZone .hcs-resource-card {
    min-width: 0;
}

#preferredAvailabilityZone .hcs-resource-card-item {
    width: 32%;
    margin-bottom: 0;
}

#preferredAvailabilityZone .hcs-resource-card-item:last-child {
    margin-inline-end: 0;
}

.hcs-monitoring-configuration-metrics-table {
    height: 30rem;
}

hcs-mysql-dbsystem-details oj-table.hcs-dbsystem-details-monitoring-configuration {
    max-height: 400px;
}
/* Copyright (c) 2023, 2024, Oracle and/or its affiliates. */

hcs-mysql-configuration-details oj-table.hcs-configuration-details-variables {
    max-height: 400px;
}
/* Copyright (c) 2023, Oracle and/or its affiliates. */

hcs-performance-monitoring-autopilot-shape-advisor #bufferPoolHitRate,
hcs-performance-monitoring-autopilot-shape-advisor #expandBufferPoolInsightsBody {
    vertical-align: middle !important;
}

hcs-performance-monitoring-autopilot-shape-advisor #autopilotPredictionPanel {
    min-height: 17rem;
}

hcs-performance-monitoring-autopilot-shape-advisor #historyPlot,
hcs-performance-monitoring-autopilot-shape-advisor #statsPlot {
    min-height: 66rem !important;
    vertical-align: middle !important;
}
/* Copyright (c) 2024, Oracle and/or its affiliates. */

.hcs-navigation-list .oj-navigationlist-item.oj-selected {
    background-color: #f5f4f2;
}

.hcs-navigation-list .hcs-hover:not(.oj-disabled):hover {
    background-color: #f5f4f2 !important;
}

.hcs-navigation-list .heading {
    margin-top: var(--oj-core-spacing-1x);
    padding-left: var(--oj-core-spacing-6x);
}

.hcs-navigation-list.minimized .heading {
    display: none;
}

.hcs-navigation-list.minimized ul {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hcs-navigation-list.minimized ul li {
    width: 100%;
}

.hcs-navigation-list.minimized ul li .oj-navigationlist-item-icon {
    width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0;
}

.hcs-navigation-list.minimized .oj-navigationlist-item {
    padding-left: 0 !important;
    /* pads the right by the same amount as the selected marker padding */
    padding-right: var(--oj-core-spacing-1x) !important;
}

.hcs-navigation-list.minimized .oj-navigationlist-item-content {
    padding-right: 0 !important;
}

.hcs-navigation-list.minimized .oj-navigationlist-item-label,  .hcs-navigation-list.minimized ul li div > div {
    display: none !important;
}

/* Copyright (c) 2021, 2024, Oracle and/or its affiliates.  */

hcs-page-sign-in:not(.oj-complete) {
    visibility: hidden;
}

hcs-page-sign-in .hcs-error-msg {
    color: red;
}

hcs-page-sign-in .hcs-sign-in-btn span {
    font-weight: 500;
}

hcs-page-sign-in .hcs-page-content {
    max-width: var(--hcs-page-content-sign-in-max-width) !important;
}

hcs-page-sign-in .hcs-sign-in-panel {
    padding: 40px 30px;
    height: 100%;
}

hcs-page-sign-in .hcs-callout-card-welcome {
    background-image: url(css/dynamicImages/563f02a3602f4d62.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    color: white;
    --oj-heading-text-color: white;
}

hcs-page-sign-in .hcs-callout-card-welcome-text::after {
    content: url(css/dynamicImages/52e60cebe83b513a.png);
    align-self: center;
}

hcs-page-sign-in .hcs-callout-card-welcome-text.mysql-welcome-logo::after {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcxOCIKICAgdmlld0JveD0iMCAyMCAxNjAgMTAwIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMyMiIgLz4KICA8ZwogICAgIGlkPSJnMjYiCiAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMS4zMzMzMzMzLDAsMCwtMS4zMzMzMzMzLDAsMTM0Ljg5MzMzKSI+CiAgICA8ZwogICAgICAgaWQ9ImcyOCIKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmYiPgogICAgICA8cGF0aAogICAgICAgICBkPSJtIDc1Ni40NDEsMjc1Ljg1NSBjIDAsLTE4LjMyIC02LjczLC0zMy4zNTkgLTIwLjE0OCwtNDUuMTE3IC0xMy40MzgsLTExLjcxOCAtMzEuNDY1LC0xNy41OTcgLTU0LjA2MywtMTcuNTk3IC0yMS4xMjEsMCAtNDEuNjAxLDYuNzU3IC02MS40MzMsMjAuMTc1IGwgOS4yNjksMTguNTU1IGMgMTcuMDc5LC04LjUzNSAzMi41MjgsLTEyLjc5MyA0Ni4zOTUsLTEyLjc5MyAxMy4wMDgsMCAyMy4xOTEsMi44OTEgMzAuNTU1LDguNjEzIDcuMzU1LDUuNzYyIDExLjc1NywxMy43ODkgMTEuNzU3LDIzLjk4NSAwLDEyLjgzMiAtOC45NDUsMjMuNzg5IC0yNS4zNTEsMzIuOTg4IC0xNS4xNTYsOC4zMiAtNDUuNDM4LDI1LjY4NCAtNDUuNDM4LDI1LjY4NCAtMTYuNDA2LDExLjk1MyAtMjQuNjI5LDI0LjgwNCAtMjQuNjI5LDQ1Ljk1NyAwLDE3LjQ4OCA2LjEyNSwzMS42MjkgMTguMzg3LDQyLjM5NCAxMi4yNzgsMTAuNzgxIDI4LjExNywxNi4xNzYgNDcuNTIsMTYuMTc2IDIwLjA1MSwwIDM4LjI4MSwtNS4zNTUgNTQuNzA3LC0xNi4wMiBsIC04LjM0LC0xOC41MzkgYyAtMTQuMDUxLDUuOTU3IC0yNy45MSw4Ljk0NiAtNDEuNTgyLDguOTQ2IC0xMS4wNzQsMCAtMTkuNjE3LC0yLjY1NyAtMjUuNTc0LC04LjAwOCAtNS45ODksLTUuMzEzIC05LjY4OCwtMTIuMTQ5IC05LjY4OCwtMjAuNDU3IDAsLTEyLjc5MyA5LjE0MSwtMjMuODg3IDI2LjAwNCwtMzMuMjYyIDE1LjM1MiwtOC4zMiA0Ni4zNjcsLTI2LjAxNSA0Ni4zNjcsLTI2LjAxNSAxNi44NzUsLTExLjk1NCAyNS4yODUsLTI0LjY4OCAyNS4yODUsLTQ1LjY2NSB6IG0gNjYuNDY1LC0xNi42NiBjIC04Ljc1LDE0LjA4MiAtMTMuMTI1LDM2LjY4IC0xMy4xMjUsNjcuODMyIDAsNTQuMzk1IDE2LjUzMiw4MS41OSA0OS41OTgsODEuNTkgMTcuMjg1LDAgMjkuOTczLC02LjUwNCAzOC4wODYsLTE5LjUxMiA4Ljc0MiwtMTQuMDcgMTMuMTE3LC0zNi40NzIgMTMuMTE3LC02Ny4xOTUgMCwtNTQuODI0IC0xNi41MzUsLTgyLjI0NiAtNDkuNjAyLC04Mi4yNDYgLTE3LjI3MywwIC0yOS45NjgsNi41MDQgLTM4LjA3NCwxOS41MzEgeiBtIDEyOC42NDEsLTQ4LjQxOCAtMzkuNzA3LDE5LjU3OCBjIDMuNTM1LDIuODkxIDYuODk0LDYuMDI4IDkuOTQxLDkuNjQxIDE2Ljg0OCwxOS44MjQgMjUuMjg1LDQ5LjE2IDI1LjI4NSw4Ny45ODggMCw3MS40NTQgLTI4LjA1OCwxMDcuMiAtODQuMTYsMTA3LjIgLTI3LjUxOSwwIC00OC45NjUsLTkuMDU5IC02NC4zMjgsLTI3LjIxMSAtMTYuODU1LC0xOS44NDQgLTI1LjI3MywtNDkuMDUxIC0yNS4yNzMsLTg3LjY2NCAwLC0zNy45NjkgNy40NjEsLTY1LjgyMSAyMi4zOTQsLTgzLjUxNiAxMy42NTMsLTE1Ljk5NiAzNC4yMzksLTI0LjAwNCA2MS43NjYsLTI0LjAwNCAxMC4yNzMsMCAxOS43MDcsMS4yNyAyOC4yODEsMy43OTcgTCA5MzcuNDQ1LDE4Ni41IFogbSAxMjcuNzkzLDUuMjE1IEggOTc2LjYyNSBWIDQzMS45OCBoIDM0LjU2NSBWIDI0Mi41NTUgaCA2OC4xNSB6IG0gMjQuNjcsMC4wMiBoIDUuNzIgdiAyMS45NzIgaCA3LjUgdiA0LjQ5MyBoIC0yMS4wMSB2IC00LjQ5MyBoIDcuNzkgeiBtIDQzLjU3LDAgaCA1LjQgdiAyNi40NjUgaCAtOC4xMSBsIC02LjYxLC0xOC4wNDcgLTcuMiwxOC4wNDcgaCAtNy44MiB2IC0yNi40NjUgaCA1LjEgdiAyMC4xMzYgaCAwLjMgbCA3LjUzLC0yMC4xMzYgaCAzLjg5IGwgNy41MiwyMC4xMzYgdiAtMjAuMTM2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIgogICAgICAgICBpZD0icGF0aDMwIiAvPgogICAgICA8cGF0aAogICAgICAgICBkPSJtIDU5OC4wNywzNzUuMzQ4IGMgLTE0LjcxNSwtNzkuODgzIC0zNC4xNCwtMTM3LjkzIC01OC4yNDIsLTE3NC4xNDEgLTE4Ljc3NywtMjcuOTEgLTM5LjM1NSwtNDEuODU1IC02MS43NTgsLTQxLjg1NSAtNS45NzYsMCAtMTMuMzQsMS43OTYgLTIyLjA3OCw1LjM3MSB2IDE5LjI1NyBjIDQuMjY2LC0wLjYyNSA5LjI3OCwtMC45NTcgMTUuMDM5LC0wLjk1NyAxMC40NDksMCAxOC44NzUsMi44OTEgMjUuMjgyLDguNjUzIDcuNjc1LDcuMDMxIDExLjUxNSwxNC45MjIgMTEuNTE1LDIzLjY3MiAwLDUuOTc2IC0yLjk4OCwxOC4yNDIgLTguOTU3LDM2Ljc5NyBsIC0zOS42NzYsMTIzLjIwMyBoIDM1LjUxNiBsIDI4LjQ3NywtOTIuMTQ5IGMgNi4zOTgsLTIwLjkxOCA5LjA2MiwtMzUuNTI3IDgsLTQzLjg0NyAxNS41NzQsNDEuNjAxIDI2LjQ1Myw4Ni45MzMgMzIuNjQ0LDEzNS45OTYgeiBNIDQ0MS4yNzMsMjE1Ljk5MiBoIC0zNi4xNTIgYyAtMS4yNzcsNjEuMDE2IC00LjgwNSwxMTguMzk5IC0xMC41NjYsMTcyLjEzNyBoIC0wLjMxMyBMIDMzOS4xOTUsMjE1Ljk5MiBoIC0yNy41MTkgbCAtNTQuNzE5LDE3Mi4xMzcgaCAtMC4zMiBDIDI1Mi41ODIsMzM2LjUyIDI1MC4wMjMsMjc5LjEzNyAyNDguOTYxLDIxNS45OTIgSCAyMTYgYyAyLjEyOSw3Ni43OTcgNy40NjEsMTQ4Ljc4OSAxNS45OTYsMjE1Ljk4OCBoIDQ0LjgwNSBsIDUyLjE2LC0xNTguNzAzIGggMC4zMiBsIDUyLjQ4MSwxNTguNzAzIGggNDIuODcxIGMgOS4zOTQsLTc4LjcwMyAxNC45MzMsLTE1MC43MTQgMTYuNjQsLTIxNS45ODgiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGlkPSJwYXRoMzIiIC8+CiAgICAgIDxwYXRoCiAgICAgICAgIGQ9Im0gODQ2LjMxMyw3MjkuNzYyIGMgMCwwIDUuMDU4LC01LjQyMiA4LjU3NCwtMTAuODQ0IDMuNTY2LC01LjQ5MiA0LjQ5MiwtOC41MzkgNi42MzMsLTEyLjY5MSAwLjI2MSwwLjI1NyAxMC4wODUsOS4wODYgMy40MjUsMTguNzc3IC03LjQ2MSwxMC44NTEgLTE4LjYzMiw0Ljc1OCAtMTguNjMyLDQuNzU4IHogTSAxMTIzLjUyLDUwNS41NTEgYyAtMTIuNDgsMTMuOTE4IC00NC4yNSwzMi4zNjcgLTYyLjU4LDM4LjY4MyAtNy4yMSwyLjQ4MSAtMjIuNDQsNS44MTMgLTI2LjI5LDExLjMyMSAtMTEuNTYsMTYuNTIzIC0yNy4zOCw1NS4yMyAtNDIuODc3LDg5LjcwNyAtMTIuNzg1LDI4LjQ0NSAtNDMuNTkzLDY1LjM2MyAtODIuMTQsOTAuNjQ0IC0zOS43MTUsMjYuMDQzIC02Mi4zNTIsMTguODk1IC02OC42NTMsMjAuODc1IC0zLjU2MiwxLjEyNSAtOC43MTgsNi4xMTcgLTEyLjI2NSw4Ljg5MSAtMTYuODgzLDEzLjIxOSAtNDAuODQsMTkuNzYyIC00NS4wMzksMTMuOTY1IC02LjU1MSwtOS4wMzUgOS41NTEsLTI1Ljk4MSAxNC41MTIsLTMzLjAyOCA0LjQzMywtNi4yNSA5LjkyMSwtMTMuMjkzIDEzLjA0NiwtMjAuMDg5IDYuNzc4LC0xNC42MSA5LjkyMiwtMzAuODA5IDE2LjE4NCwtNDUuNDE4IDIuMzMyLC01LjQ5MyA2LjAwNCwtMTEuNzQzIDkuMzk1LC0xNi42OTIgMi44NTksLTMuOTMzIDguMDg1LC02Ljc4NSA5LjY1NiwtMTEuNzY5IDMuMTM2LC01LjIxMSAtNC43MDcsLTIyLjQzOCAtNi41MjQsLTI3LjkwNyAtNi43OTcsLTIxLjQwNiAtNS40NzYsLTUxLjE1NiAyLjM0NCwtNjkuNjk5IDMuMTQ1LC03LjI5MyAxMC41MiwtMTkuMzcxIDE2LjIyMywtMjAuODg3IC0wLjQxLDExLjA2NyAxLjkyMiw0MS40NDIgMjAuMjAzLDYxLjMwMSA5LjA1NSwtMzMuMDMxIDMyLjQ0MSwtNjcuMDk0IDQzLjM5OCwtODEuNzAzIDMuNjcyLC01LjIyNiAxOC43MDMsLTIxLjA1NSAxOS42MjEsLTIxLjg2NyAwLjU1NSwtMC40ODggMC4yMjMsLTAuNjMzIC0wLjI2NSwtMC40MSAtMC40MSwwLjIwNyAtMTAuNzIzLDcuMTYgLTIyLjA3MSwxNy40OTIgLTE2LjYyMSwxNS4xNTYgLTM4LjM3OCw0My40MjYgLTQyLjY4Myw1Ny4yMDcgLTcuMjk3LC0xMS45NDEgLTcuMTYsLTM0LjI0NiAtOC4wMiwtNDcuNjc2IC0xNC4zODIsMC43MjMgLTI2LjExMywxMi45NTMgLTMxLjQzMywyMS41NzQgLTEzLjM3MSwyMS42MzMgLTIwLjU2Nyw2MS4xMzMgLTIuMjY2LDEwNC4yMjcgMi4wOSw0LjkyMiAtMy4wMDgsNi43MTkgLTYuMjgxLDExLjIzOCAtMy42MDIsNC45ODEgLTYuNzc3LDEwLjY4OCAtOS42NTYsMTYuMTcyIC01LjQ4MSwxMC43MDMgLTEwLjkzOCwyMy4zMjQgLTEzLjU2NywzNC45ODUgLTMuMjY5LDE0LjU1OCAtMTMuMDQ3LDI3LjQxIC0xNy40OCwzMy4zOTggLTYuMDA0LDguNjIxIC0yNC4yNjYsMjUuODM2IC0xNy4xMzcsNDIuNzgxIDEwLjgyLDI1LjcyMyA0OS43NjYsNS41MjggNTcuMjE1LDEuMTk5IDYuOTkyLC00LjA1OCAxNS41LC0xMS44NzEgMTkuNjg3LC0xMy43MDcgNi41MTYsLTAuMjQ2IDMxLjI4MiwwLjAwOCA1Mi45ODEsLTExLjczIDQ1Ljc4OSwtMjQuNzc3IDg0LjA5LC01OS40NjUgMTA4LjcwMiwtMTE0LjAzNSAxMy4zNCwtMjkuNTcxIDMzLjAyLC03My4xMDIgMzcuNzEsLTc4Ljg0NCAxLjg0LC0yLjYxNyA5LjA2LC00Ljc1NCAxMi4zMywtNS45NjUgMzIuODYsLTEyLjE4NyA2NC4xOCwtMzUuNzE5IDgzLjQyLC02Mi4xNzIgLTE4LjgxLC0wLjQxIC01MS4xMywtOC45MDYgLTU4LjgyLC0xMi44MTIgMy45NCwtMTAuNjI1IDI0LjE4LC0yMi4xNjggMzIuNiwtMjcuODI0IDExLjEyLC03LjQ1IDIxLjE5LC0xNi4xNDEgMjYuOTcsLTIyLjYxOCA1Ljc2LC02LjQ3MiA4LjI2LC0xMS4yMTggOS43OSwtMTQuMTc5IDAuMzgsLTAuNzUgLTAuMDEsLTEuMDA0IC0wLjgzLC0wLjUxNiAtMC43LDAuNDMgLTEyLjM1LDkuOTQ5IC0xOC40NiwxNC4yODUgLTExLjY0LDguMjgxIC0yNy40OSwxNC4wNjMgLTM3LjY2LDIwLjM1MiAtNS43NCwzLjY1MiAtMjcuNTIsMTUuNzAzIC0zNC43LDM4LjE1NiAxNy4zMSw5LjQ1MyA1MS44MSwxMy41MzUgNjEuNzEsMTMuMDk0IgogICAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBpZD0icGF0aDM0IiAvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==) !important;
    width: 45%;
}

hcs-page-sign-in .hcs-callout-card-welcome-text-flex-item {
    flex: 1 1 85%
}

hcs-page-sign-in .hcs-callout-card-heatwave {
    background-image: url(css/dynamicImages/4d6824a3be15f843.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}

hcs-page-sign-in .hcs-callout-card-heatwave-text::after {
    content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0Mi40IDQwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0Mi40IDQwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KICAgIC5zdDB7ZmlsbDpub25lO30NCgkuc3Qxe2ZpbGw6I0ZCRjlGODtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6Njt9DQoJLnN0MntmaWxsOm5vbmU7fQ0KCS5zdDN7ZmlsbDpub25lO30NCgkuc3Q0e2ZpbGw6IzJDNTk2Nzt9DQoJLnN0NXtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjA7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNS44LDcuN2MxLjUsMSwzLjIsMSw0LjIsMC44QzkuOCw4LjIsOS41LDgsOS40LDcuOUM4LjcsNy4xLDcuMyw2LjUsNS44LDZDNS4yLDUuOCw0LjMsNS41LDMuNiw1LjENCglDNCw1LjksNC43LDcsNS44LDcuN3oiLz4NCjxsaW5lIGNsYXNzPSJzdDEiIHgxPSIyOC4zIiB5MT0iMzMiIHgyPSIyOC4zIiB5Mj0iMzMiLz4NCjxsaW5lIGNsYXNzPSJzdDEiIHgxPSIxOS44IiB5MT0iMjQuNiIgeDI9IjE5LjgiIHkyPSIyNC42Ii8+DQo8bGluZSBjbGFzcz0ic3QxIiB4MT0iMTkuOCIgeTE9IjMzIiB4Mj0iMTkuOCIgeTI9IjMzIi8+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjMxLDIyLjYgMzAuOSwyMi43IDMxLjksMjEuNCAzMi4yLDIxLjEgIi8+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjMwLjIsMjMuNiAyNi4zLDI4LjUgMjYuMywyOC41IDMwLjIsMjMuNiAiLz4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjQuNCwyNi42IDI5LjQsMjIuNiAzMC40LDIxLjggMzAuNCwyMS44IDMzLjcsMTkuMiAzMi43LDIwIDMxLjUsMjAuOSAyNC40LDI2LjYgIi8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjQuNiwyOC4yQzI0LjQsMjguMSwyNC4yLDI4LDI0LDI4Yy0wLjIsMC0wLjUsMC4xLTAuNiwwLjNjLTAuMywwLjQtMC4zLDAuOSwwLjEsMS4yYzAuNCwwLjMsMC45LDAuMywxLjItMC4xDQoJQzI0LjksMjkuMSwyNC45LDI4LjUsMjQuNiwyOC4yeiIvPg0KPHBhdGggY2xhc3M9InN0MiIgZD0iTTM5LjQsMTMuOGwtMC4yLTAuM2MtMS4xLTEuNy0yLjUtMy4zLTQuMS00LjhjLTIuNC0yLjItNS0zLjMtNS4xLTMuNGwtMS44LTAuOGwtMi43LTEuMUwyNi43LDZsMC41LDEuMQ0KCUMyNy4yLDcsMjcuMSw2LjksMjcsNi45Yy0yLjYtMi40LTYuNC0yLjUtNi44LTIuNWwtMC4yLDBjLTQuNCwwLjMtNi40LDIuOS02LjYsMy4yTDEzLDguM2wwLTAuMWMtMC40LTAuOC0xLjEtMS41LTEuOC0yLjINCgljLTEtMS0yLjctMS45LTQuNi0yLjVDNS42LDMuMiwzLjksMi4zLDMuMywyTDIsMS4yTDAsMGwwLjMsMi4zbDAuMiwxLjVjMCwwLjEsMC40LDIuOCwyLjUsNC45TDIuNyw5LjRsLTAuMywwLjkNCgljLTAuMSwwLjItMS40LDQtMC42LDguN2MwLjQsMS45LDEsMy41LDEuOCw0LjlMMy43LDI2bDAuMSwyLjJjMCwwLjQsMC4yLDMuNSwyLjUsNi4xYzIuNiwzLjQsOC4xLDMuNiw5LjEsMy42YzAuMSwwLDAuMSwwLDAuMiwwaDANCglsMCwwbDEuNiwwbDEuOCwwdjAuM3YwLjdsMC42LDAuM2wxLjUsMC43bDAuMiwwLjFoMC4zbDUuMiwwaDAuM2wwLjItMC4xbDEuNS0wLjdsMC42LTAuM3YtMC42bDIuNS0wLjRsMS43LTAuM2MwLjIsMCw0LTAuNyw2LjQtNC4zDQoJYzIuNC0zLjcsMi40LTYuNywyLjQtOS4yQzQyLjQsMjAuMyw0MS40LDE2LjksMzkuNCwxMy44eiIvPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MyIgZD0iTTUuOCw3LjdjMS41LDEsMy4yLDEsNC4yLDAuOEM5LjgsOC4yLDkuNSw4LDkuNCw3LjlDOC43LDcuMSw3LjMsNi41LDUuOCw2QzUuMiw1LjgsNC4zLDUuNSwzLjYsNS4xDQoJCUM0LDUuOSw0LjcsNyw1LjgsNy43eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik01LDguOWMxLjMsMC45LDIuOCwxLjEsNCwxLjFjMS40LDAsMi40LTAuMywyLjUtMC4zbDAuOC0wLjNMMTIsOC43Yy0wLjMtMC42LTAuOS0xLjMtMS41LTEuOQ0KCQlDOS41LDUuOSw4LDUuMSw2LjMsNC42QzQuOSw0LjIsMi43LDIuOSwyLjcsMi45TDEuNCwyLjFsMC4yLDEuNUMxLjYsMy44LDIuMSw3LDUsOC45eiBNNS44LDZjMS41LDAuNCwyLjgsMS4xLDMuNSwxLjgNCgkJQzkuNSw4LDkuOCw4LjIsMTAsOC41QzksOC43LDcuMiw4LjcsNS44LDcuN0M0LjcsNyw0LDUuOSwzLjYsNS4xQzQuMyw1LjUsNS4yLDUuOCw1LjgsNnoiLz4NCgk8bGluZSBjbGFzcz0ic3Q1IiB4MT0iMjguMyIgeTE9IjMzIiB4Mj0iMjguMyIgeTI9IjMzIi8+DQoJPGxpbmUgY2xhc3M9InN0NSIgeDE9IjE5LjgiIHkxPSIyNC42IiB4Mj0iMTkuOCIgeTI9IjI0LjYiLz4NCgk8bGluZSBjbGFzcz0ic3Q1IiB4MT0iMTkuOCIgeTE9IjMzIiB4Mj0iMTkuOCIgeTI9IjMzIi8+DQoJPHBhdGggY2xhc3M9InN0NCIgZD0iTTM0LjMsOS40Yy0yLjItMi4xLTQuNy0zLjEtNC44LTMuMmwtMS44LTAuOGwwLjgsMS44YzAsMC4xLDAuNiwxLjIsMCwyLjhjMCwwLjEtMC4xLDAuMi0wLjEsMC4zDQoJCWMtMC40LTAuOC0xLTEuOC0yLjEtMi43Yy0yLjQtMi4xLTUuOC0yLjMtNi0yLjJsLTAuMSwwYy0zLjgsMC4xLTUuNywyLjYtNS44LDIuN2wtMC43LDEuMUwxNSw5LjRjMCwwLDEuOCwwLjIsMi42LDEuNWwwLDANCgkJYzAuMywwLjUsMC40LDEuMSwwLjQsMS43Yy0xLjEtMC44LTMtMS42LTYtMS4yYy0wLjUsMC4xLTAuOSwwLjItMS4yLDAuMkMxMCwxMS44LDkuNCwxMS45LDgsMTEuOGwwLDBsMCwwYy0xLjIsMC0yLjgtMS0zLjQtMS40DQoJCUwzLjcsOS44bC0wLjMsMC45Yy0wLjEsMC4yLTEuMywzLjctMC41LDguMWMwLjgsNC4zLDMuMiw2LjgsNS41LDguN2MwLjgsMC43LDEuMSwxLjcsMS4xLDIuNGMtMC4zLTAuMS0wLjYtMC4yLTEtMC40DQoJCWMtMS4zLTAuNi0yLjMtMS44LTIuMy0xLjhMNC44LDI2bDAuMSwyLjJjMCwwLjEsMC4xLDMuMSwyLjIsNS40YzIuMywzLjEsNy4zLDMuMiw4LjMsMy4yYzAuMSwwLDAuMSwwLDAuMSwwbDEuNiwwTDE2LDM1LjYNCgkJYy0wLjItMC4yLTQuMS00LjUtMi0xMC43YzAuMS0wLjMsMi4zLTYuOCw5LjktNi44YzMsMCw1LjEsMC45LDYuNywyLjFsMS4yLTAuOWMtMS44LTEuNC00LjMtMi42LTcuOS0yLjZjLTQuNSwwLTcuNCwyLjItOC45LDMuOQ0KCQljLTEuNywxLjktMi4zLDMuOS0yLjMsMy45Yy0xLjcsNC45LDAuMSw4LjksMS4zLDEwLjhjLTEuNy0wLjItNC4zLTAuOC01LjctMi42bDAtMC4xYy0wLjctMC44LTEuMS0xLjYtMS40LTIuNA0KCQljMC4zLDAuMiwwLjcsMC40LDEuMSwwLjZjMS42LDAuNywyLjIsMC44LDIuMywwLjhsMC43LDAuMUwxMSwzMWMwLTAuMSwwLjQtMi45LTEuNi00LjZjLTEuNC0xLjEtNC4yLTMuNS01LTcuOQ0KCQljLTAuNS0yLjctMC4xLTUuMSwwLjItNi40YzAuOCwwLjUsMi4xLDEuMSwzLjMsMS4xYzAsMCwwLDAsMCwwYzEuNiwwLjEsMi4zLDAsMy4yLTAuMmMwLjMtMC4xLDAuNy0wLjEsMS4xLTAuMg0KCQljMS44LTAuMywzLjMsMCw0LjUsMC42YzAuOSwwLjUsMS4zLDEuMSwxLjMsMS4xbDAuOSwxLjVsMC40LTEuN2MwLTAuMSwwLjYtMi41LTAuNS00LjJjLTAuNi0xLTEuNS0xLjYtMi4zLTEuOQ0KCQlDMTcuMiw3LjcsMTguNiw3LDIwLjIsN2MwLjIsMCwzLjIsMC4yLDUuMSwxLjljMS45LDEuNywyLjIsMy40LDIuMiwzLjVsMC4yLDEuN2wxLjEtMS4zYzAuMS0wLjEsMC43LTAuOCwxLjItMi4xDQoJCWMwLjMtMC44LDAuNC0xLjYsMC40LTIuM2MwLjgsMC41LDEuOSwxLjIsMywyLjJjNC40LDQuMSw2LjUsOC41LDYuNSwxMy41YzAsMi4zLDAsNC43LTIsNy44Yy0wLjksMS4zLTIsMi4xLTIuOSwyLjYNCgkJYzEtMi4xLDIuMS01LjksMC43LTkuOGMtMC4zLTAuOS0wLjktMi4yLTEuOS0zLjVsLTAuOSwxLjJjMC43LDEsMS4yLDIsMS41LDIuOGMxLjksNS4yLTEuNCwxMC4yLTEuNCwxMC4ybC0xLDEuNGwxLjctMC4zDQoJCWMwLjEsMCwzLjUtMC42LDUuNi0zLjhjMi4yLTMuNCwyLjItNi4xLDIuMi04LjZDNDEuMywxOC42LDM5LDEzLjgsMzQuMyw5LjR6Ii8+DQoJPHBvbHlnb24gY2xhc3M9InN0MiIgcG9pbnRzPSIzMSwyMi42IDMwLjksMjIuNyAzMS45LDIxLjQgMzIuMiwyMS4xIAkiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QyIiBwb2ludHM9IjMwLjIsMjMuNiAyNi4zLDI4LjUgMjYuMywyOC41IDMwLjIsMjMuNiAJIi8+DQoJPHBvbHlnb24gY2xhc3M9InN0MiIgcG9pbnRzPSIyNC40LDI2LjYgMjkuNCwyMi42IDMwLjQsMjEuOCAzMC40LDIxLjggMzMuNywxOS4yIDMyLjcsMjAgMzEuNSwyMC45IDI0LjQsMjYuNiAJIi8+DQoJPHBhdGggY2xhc3M9InN0NCIgZD0iTTMzLjYsMjguM2MtMC4xLTEuOC0wLjctMy41LTEuNy00LjlsLTEsMS4yYzAuNywxLjEsMS4xLDIuMywxLjIsMy42SDMwdjEuNUgzMmMtMC4yLDEuNi0wLjgsMy4xLTEuOCw0LjMNCgkJbC0xLjQtMS40TDI4LjMsMzNsLTAuNSwwLjVsMS4yLDEuMmgtOS45bDEuMi0xLjJMMTkuOCwzM2wtMC41LTAuNUwxOCwzMy45Yy0xLTEuMi0xLjYtMi43LTEuOC00LjNoMS45di0xLjVoLTEuOQ0KCQljMC4xLTEuNiwwLjctMy4xLDEuOC00LjRsMS40LDEuNGwwLjUtMC41bDAuNS0wLjVMMTksMjIuN2MxLjItMSwyLjctMS43LDQuMy0xLjh2Mi4xaDEuNXYtMi4xYzEuMywwLjEsMi41LDAuNSwzLjYsMS4ybDEuMi0xDQoJCWMtMS40LTEtMy4yLTEuNy01LjEtMS43Yy0yLjYtMC4xLTUuMSwwLjgtNi45LDIuNmMtMS45LDEuOC0yLjksNC4yLTIuOSw2LjhjMCwyLjksMS4zLDUuNSwzLjUsNy40bDAuMiwwLjJoMTEuNWwwLjItMC4yDQoJCUMzMi40LDM0LjIsMzMuNywzMS4zLDMzLjYsMjguM3oiLz4NCgk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMzAuMiwyMy42TDMwLjIsMjMuNkwzMC4yLDIzLjZsMC44LTFsMC4xLTAuMWwxLjEtMS40bDEuNS0xLjlsLTMuMiwyLjZjMCwwLDAsMCwwLDBsLTEsMC44bC01LjEsNA0KCQljMCwwLDAsMCwwLDBjLTAuOC0wLjEtMS42LDAuMS0yLjEsMC44Yy0wLjgsMS0wLjcsMi40LDAuMywzLjNjMC40LDAuNCwxLDAuNiwxLjUsMC42YzAuNywwLDEuMy0wLjMsMS44LTAuOA0KCQljMC40LTAuNSwwLjYtMS4yLDAuNS0xLjhsMCwwTDMwLjIsMjMuNnogTTIzLjUsMjkuNWMtMC40LTAuMy0wLjQtMC44LTAuMS0xLjJjMC4yLTAuMiwwLjQtMC4zLDAuNi0wLjNjMC4yLDAsMC40LDAuMSwwLjUsMC4yDQoJCWMwLjQsMC4zLDAuNCwwLjgsMC4xLDEuMkMyNC4zLDI5LjgsMjMuOCwyOS44LDIzLjUsMjkuNXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMjQuNiwyOC4yQzI0LjQsMjguMSwyNC4yLDI4LDI0LDI4Yy0wLjIsMC0wLjUsMC4xLTAuNiwwLjNjLTAuMywwLjQtMC4zLDAuOSwwLjEsMS4yYzAuNCwwLjMsMC45LDAuMywxLjItMC4xDQoJCUMyNC45LDI5LjEsMjQuOSwyOC41LDI0LjYsMjguMnoiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3Q0IiBwb2ludHM9IjIxLjYsMzcuNCAyMC4xLDM3LjQgMjAuMSwzOC4xIDIxLjYsMzguOSAyMS42LDM4LjkgMjYuOCwzOC45IDI2LjgsMzguOSAyOC4zLDM4LjEgMjguMywzNy40DQoJCTI2LjgsMzcuNCAJIi8+DQo8L2c+DQo8L3N2Zz4NCg==);
    align-self: center;
    width: 100%;
}

.hcs-sign-in-tooltip {
    max-width: 300px;
    color: white;
    background-color: rgb(var(--oj-palette-neutral-rgb-170));
}

.hcs-sign-in-icon-tooltip {
    margin-top: 5px;
}

hcs-page-sign-in .hcs-page-content {
    height: calc(100vh - var(--hcs-banner-content-height));
}