/* 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-status-badge .hcs-status-badge-value-text { color: var(--hcs-status-badge-value-text-color); display: inline-block; } */ :root { --hcs-status-badge-circle-dimension: 12px } hcs-status-badge:not(.oj-complete){ visibility: hidden; } hcs-status-badge .badge-wrap { flex-wrap: nowrap !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } hcs-status-badge .available-badge { height: var(--hcs-status-badge-circle-dimension); width: var(--hcs-status-badge-circle-dimension); position: relative; margin-right: 0.4rem; background-color: green; border-radius: 50%; display: inline-block; } hcs-status-badge .unavailable-badge { height: var(--hcs-status-badge-circle-dimension); width: var(--hcs-status-badge-circle-dimension); position: relative; margin-right: 0.4rem; background-color: #f5a700; border-radius: 50%; display: inline-block; } hcs-status-badge .deleted-badge { height: var(--hcs-status-badge-circle-dimension); width: var(--hcs-status-badge-circle-dimension); position: relative; margin-right: 0.4rem; background-color: #bbb; border-radius: 50%; display: inline-block; } hcs-status-badge .error-badge { height: var(--hcs-status-badge-circle-dimension); width: var(--hcs-status-badge-circle-dimension); position: relative; margin-right: 0.4rem; background-color: #e4001e; border-radius: 50%; display: inline-block; } /* Copyright (c) 2022, Oracle and/or its affiliates. */ hcs-tooltip:not(.oj-complete){ visibility: hidden; } .hcs-popup { max-width: 300px; color: white; background-color: rgb(var(--oj-palette-neutral-rgb-170)); overflow-wrap: break-word; } /* Copyright (c) 2021, 2022, 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 { height: var(--hcs-banner-content-height); width: 100%; 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); } /* Copyright (c) 2021, 2022, Oracle and/or its affiliates. */ hcs-page-introduction:not(.oj-complete) { visibility: hidden; } hcs-page-introduction .hcs-callout-card { background-color: #f1efed; height: 100%; max-width: 600px; padding: 0; border: 0 !important; } hcs-page-introduction .hcs-callout-card-top { max-width: 100%; max-height: 100%; } hcs-page-introduction .hcs-callout-card-top-dbsystem { content: url(4f3ad80d9c5be3b148b6.png); } hcs-page-introduction .hcs-callout-card-top-heatwave { content: url(37bd1f1f329284b5d6ba.png); } hcs-page-introduction .hcs-callout-card-bottom { padding: var(--hcs-default-spacing); padding-top: 0; padding-bottom: 0; } hcs-page-introduction .hcs-getting-started-card { background-color: #f1efed; border: 0 !important; max-width: calc(2 * (600px + var(--oj-core-spacing-2x))); margin: auto; } hcs-page-introduction .hcs-getting-started-card-left { content: url(93db9deebc2ca06c1f1b.png); max-width: 150px; max-height: 100%; } hcs-page-introduction .hcs-callout-card h4 { font-weight: 400; } hcs-page-introduction .hcs-callout-card p { text-align: justify; } /* Copyright (c) 2021, 2023, Oracle and/or its affiliates. */ /* This is to prevent the flash of unstyled content before the composite properties have been setup. */ hcs-tab-layout:not(.oj-complete) { visibility: hidden; } hcs-tab-layout .hcs-drawer-handle { margin: 13px var(--hcs-drawer-horizontal-margin) 13px var(--hcs-drawer-horizontal-margin); border-radius: 10%/80%; background-color: rgb(var(--oj-palette-neutral-rgb-70)); width: var(--hcs-drawer-width) !important; height: 4px !important; } hcs-tab-layout .hcs-content-drawer-container { height: var(--hcs-page-content-children-height); } hcs-tab-layout .hcs-content-drawer-container .hcs-drawer-container { border-radius: 0; border-bottom-style: none; width: auto; margin-top: var(--hcs-drawer-margin-top); min-height: var(--hcs-drawer-min-height); height: var(--hcs-drawer-min-height); } hcs-tab-layout .hcs-content-container hcs-resource-table, hcs-tab-layout .hcs-content-container hcs-heatwave-ml-utils-collapsible-table, hcs-tab-layout .hcs-content-container hcs-workspaces-schema-table-view { flex: 1 1 0; min-height: 0; } hcs-tab-layout .hcs-drawer-resize-toolbar { position: absolute; right: 0; top: 0; } /* Prevent repositioning of drawer on initial load */ .hcs-drawer-status.hcs-drawer-container-minimized + .hcs-drawer-container { transform: none; } hcs-tab-layout:not(.hcs-drawer-container-no-shadow) .hcs-drawer-container { box-shadow: rgb(0 0 0 / 19%) 0 -10px 15px -10px } hcs-tab-layout.hcs-drawer-container-no-shadow .hcs-drawer-container { box-shadow: unset } hcs-tab-layout { width: inherit; display: flex; flex-direction: column; height: 100%; } /* 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-link-route-action .hcs-link-route-action-value-text { color: var(--hcs-link-route-action-value-text-color); display: inline-block; } */ hcs-link-route-action:not(.oj-complete){ visibility: hidden; } hcs-link-route-action{ min-height: 50px; width: 50px; } /* Copyright (c) 2021, 2023, Oracle and/or its affiliates. */ hcs-app-messages:not(.oj-complete) { visibility: hidden; } .hcs-messages-inline { width: 100%; } .hcs-messages-align-right .oj-messages-container { align-items: end !important; } oj-messages .oj-message-container .oj-message-body .oj-message-detail { white-space: pre-wrap; display: flex; } oj-messages .oj-message-container .oj-message-header, oj-messages .oj-message-container .oj-message-body { background-color: var(--oj-core-info-secondary-3); } oj-messages .oj-message-container .oj-message-header .oj-message-title, oj-messages .oj-message-container .oj-message-header .oj-message-status-icon { color: var(--oj-core-info-secondary-contrast); font-weight: 600; } oj-messages .oj-confirmation .oj-message-container .oj-message-header, oj-messages .oj-confirmation .oj-message-container .oj-message-body { background-color: var(--oj-core-success-secondary-3); } oj-messages .oj-confirmation .oj-message-container .oj-message-header .oj-message-title, oj-messages .oj-confirmation .oj-message-container .oj-message-header .oj-message-status-icon { color: var(--oj-core-success-secondary-contrast); font-weight: 600; } oj-messages .oj-info .oj-message-container .oj-message-header, oj-messages .oj-info .oj-message-container .oj-message-body { background-color: var(--oj-core-info-secondary-3); } oj-messages .oj-info .oj-message-container .oj-message-header .oj-message-title, oj-messages .oj-info .oj-message-container .oj-message-header .oj-message-status-icon { color: var(--oj-core-info-secondary-contrast); font-weight: 600; } oj-messages .oj-warning .oj-message-container .oj-message-header, oj-messages .oj-warning .oj-message-container .oj-message-body { background-color: var(--oj-core-warning-secondary-3); } oj-messages .oj-warning .oj-message-container .oj-message-header .oj-message-title, oj-messages .oj-warning .oj-message-container .oj-message-header .oj-message-status-icon { color: var(--oj-core-warning-secondary-contrast); font-weight: 600; } oj-messages .oj-error .oj-message-container .oj-message-header, oj-messages .oj-error .oj-message-container .oj-message-body { background-color: var(--oj-core-danger-secondary-3); } oj-messages .oj-error .oj-message-container .oj-message-header .oj-message-title, oj-messages .oj-error .oj-message-container .oj-message-header .oj-message-status-icon { color: var(--oj-core-danger-secondary-contrast); font-weight: 600; } /* Copyright (c) 2021, Oracle and/or its affiliates. */ hcs-resource-select:not(.oj-complete) { visibility: hidden; } div[data-oj-containerid$="_resourceSelect"] { --oj-collection-list-cell-padding-vertical: 0.25rem; max-width: 400px !important; word-wrap: break-word; } /* Copyright (c) 2022, 2023, 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 > *:not(:first-child) { margin: 0 0 0 var(--oj-core-spacing-6x) !important; } /* Copyright (c) 2021, 2022, Oracle and/or its affiliates. */ hcs-resource-table:not(.oj-complete) { visibility: hidden; } /* 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) 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) 2022, Oracle and/or its affiliates. */ hcs-grid-panel .hcs-grid-panel-auto { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); row-gap: 20px; column-gap: 30px; word-break: break-all; } /* Copyright (c) 2021, 2023, Oracle and/or its affiliates. */ hcs-resource-details:not(.oj-complete){ visibility: hidden; } hcs-resource-details .overlay-summary-panel { position: absolute; top: 3.5rem; bottom: 0.5rem; right: calc(75%); left: var(--hcs-overlay-bottom-spacing); overflow-y: auto; } hcs-resource-details .overlay-details-panel-with-summary { position: absolute; top: 3.5rem; bottom: 0.5rem; left: calc(25% + var(--hcs-overlay-bottom-spacing)); right: var(--hcs-overlay-bottom-spacing); overflow-y: auto; } hcs-resource-details .hcs-section-container .oj-sm-6 .hcs-panel-content { margin-bottom: 1rem } hcs-resource-details .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); } hcs-resource-details .loading-spinner-page .oj-progress-circle-indeterminate-inner { border-color: #999; } hcs-resource-details .resource-details-tab-bar { padding: 0 var(--hcs-default-spacing); padding-top: var(--oj-core-spacing-1x); background-color: var(--hcs-secondary-background-color) } /* 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, 2023, Oracle and/or its affiliates. */ hcs-overlay-layout:not(.oj-complete) { visibility: hidden; } hcs-overlay-layout { --hcs-overlay-end-header-vertical-spacing: var(--hcs-default-spacing); --hcs-overlay-end-header-content-height: 37px; --hcs-overlay-end-header-height: calc(2 * var(--hcs-overlay-end-header-vertical-spacing) + var(--hcs-overlay-end-header-content-height)); --hcs-overlay-end-header-with-train-height: calc(var(--hcs-overlay-end-header-height) + 110px); --hcs-overlay-end-footer-vertical-spacing: 10px; --hcs-overlay-end-footer-content-height: 44px; --hcs-overlay-end-footer-height: calc(2 * var(--hcs-overlay-end-footer-vertical-spacing) + var(--hcs-overlay-end-footer-content-height)); --hcs-overlay-end-body-height: calc(100vh - var(--hcs-overlay-end-header-height) - var(--hcs-overlay-end-footer-height)); --hcs-overlay-end-body-with-train-height: calc(var(--hcs-overlay-end-body-height) - 116px); } hcs-overlay-layout .hcs-overlay-end-header-border { border-bottom: 1px solid var(--oj-panel-border-color); } hcs-overlay-layout .hcs-overlay-end-header.with-train { height: var(--hcs-overlay-end-header-height-with-train); } hcs-overlay-layout .hcs-panel-stack .hcs-panel { padding: var(--oj-core-spacing-4x) } /* https://stackoverflow.com/a/10055302 */ hcs-overlay-layout .hcs-panel-stack .hcs-panel:last-child { margin-bottom: 16px; width: 100%; display: inline-block; } hcs-overlay-layout .hcs-overlay-end-header { width: 100%; height: var(--hcs-overlay-end-header-height); padding: var(--hcs-overlay-end-header-vertical-spacing) var(--hcs-default-spacing); background-color: rgb(var(--oj-palette-neutral-rgb-30)) } 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-body.with-train { height: var(--hcs-overlay-end-body-with-train-height); } hcs-overlay-layout .hcs-overlay-end-body { overflow-y: auto; height: var(--hcs-overlay-end-body-height); } 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 { bottom: 0; left: 0; right: 0; justify-content: flex-end; padding: var(--hcs-overlay-end-footer-vertical-spacing) var(--hcs-default-spacing); border-top: 1px solid var(--oj-panel-border-color); background-color: rgb(var(--oj-palette-neutral-rgb-30)) } /* Copyright (c) 2021, Oracle and/or its affiliates. */ hcs-app-offcanvas:not(.oj-complete) { visibility: hidden; } /* Copyright (c) 2021, 2023, 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-size: 87.5%; --hcs-resource-card-title-font-weight: 600; --hcs-resource-card-desc-font-size: 75%; --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: flex-start; } hcs-resource-cards .hcs-resource-card-disabled { color: var(--oj-core-text-color-disabled); } hcs-resource-cards .hcs-resource-card-item.oj-listview-card { margin-top: 0 !important; margin-bottom: 10px; } hcs-resource-cards .hcs-resource-card-title { font-size: var(--hcs-resource-card-title-font-size); font-weight: var(--hcs-resource-card-title-font-weight); } hcs-resource-cards .hcs-resource-card-desc { font-size: var(--hcs-resource-card-desc-font-size); font-weight: var(--hcs-resource-card-desc-font-weight); } hcs-resource-cards li.oj-selected .hcs-resource-card:not(.hcs-resource-card-disabled) { background-color: var(--hcs-resource-card-selected-background-color); border-color: var(--hcs-resource-card-selected-border-color); } /* 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, 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; } /* Copyright (c) 2021, 2023, Oracle and/or its affiliates. */ hcs-create-mysql-dbsystem:not(.oj-complete) { visibility: hidden; } .oj-user-assistance-inline-container, .oj-user-assistance-inline-container .oj-message-detail, .oj-helphints-inline-container { padding-bottom: 0.25rem; } hcs-create-mysql-dbsystem .hcs-switch-wrapper { margin-top: -1rem; } /* 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-create-mysql-backup .hcs-create-mysql-backup-value-text { color: var(--hcs-create-mysql-backup-value-text-color); display: inline-block; } */ hcs-create-mysql-backup:not(.oj-complete){ visibility: hidden; } .hcs-create-mysql-backup-size { min-height: 50px; width: 600px; max-width: 50vw; } /* Copyright (c) 2022, Oracle and/or its affiliates. */ hcs-resource-filters:not(.oj-complete) { visibility: hidden; } /* Copyright (c) 2022, 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) 2021, 2023, Oracle and/or its affiliates. */ /* Copyright (c) 2022, 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-schema-info-table .hcs-schema-info-table-value-text { color: var(--hcs-schema-info-table-value-text-color); display: inline-block; } */ 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, Oracle and/or its affiliates. */ hcs-summary-panel .block-value { font-weight: var(--hcs-default-font-weight); font-size: 20pt; overflow-wrap: break-word; } /* Copyright (c) 2022, Oracle and/or its affiliates. */ hcs-autoprovisioning-summary-panel:not(.oj-complete) { visibility: hidden; } /* 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-heatwave-cluster-autoprovisioning .hcs-heatwave-cluster-autoprovisioning-value-text { color: var(--hcs-heatwave-cluster-autoprovisioning-value-text-color); display: inline-block; } */ 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; } /* 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-create-heatwave-cluster .hcs-create-heatwave-cluster-value-text { color: var(--hcs-create-heatwave-cluster-value-text-color); display: inline-block; } */ hcs-create-heatwave-cluster:not(.oj-complete){ visibility: hidden; } /* Copyright (c) 2021, 2023, Oracle and/or its affiliates. */ hcs-page-heatwave-clusters:not(.oj-complete) { visibility: hidden; } /* Copyright (c) 2021, 2022, Oracle and/or its affiliates. */ hcs-glass-pane-progress-indicator:not(.oj-complete) { visibility: hidden; } hcs-glass-pane-progress-indicator .hcs-glass-pane-wrapper { 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%; } /* Copyright (c) 2021, 2023, Oracle and/or its affiliates. */ hcs-metric-panel .hcs-metric-panel { height: 300px; margin-bottom: 15px; } hcs-metric-panel .hcs-metric-panel-content { padding: 1rem; } hcs-metric-panel .hcs-metric-panel-value { font-size: 50px } hcs-metric-panel .hcs-metric-panel-error-message { font-size: 20px } /* Copyright (c) 2021, 2023, Oracle and/or its affiliates. */ hcs-performance-monitoring-cluster .hcs-monitoring-panel { margin-bottom: 15px; } @media print and (orientation: landscape), screen and (min-width: 600px) { hcs-performance-monitoring-cluster .hcs-monitoring-panel-title-row { height: 80px; } } hcs-performance-monitoring-cluster .hcs-monitoring-panel oj-chart { height: 220px; } /* 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-clipboard .hcs-clipboard-value-text { color: var(--hcs-clipboard-value-text-color); display: inline-block; } */ hcs-clipboard:not(.oj-complete){ visibility: hidden; } /* 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(--hcs-default-spacing) - var(--oj-button-sm-height) - var(--oj-core-spacing-2x)) } /* 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) 2021, 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; } hcs-performance-monitoring-workload dbmgmt-crud-table .oj-table-sort-icon-container { background-image: none !important; } /* 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; } /* END replace oui style classes */ /* Copyright (c) 2022, Oracle and/or its affiliates. */ hcs-landing:not(.oj-complete) { visibility: hidden; } hcs-landing .hcs-landing-title { font-weight: calc(var(--hcs-default-font-weight) + 200); } /* Copyright (c) 2023, Oracle and/or its affiliates. */ hcs-performance-monitoring-autopilot-shape-advisor #autopilotPredictionPanel div.hcs-panel-content, hcs-performance-monitoring-autopilot-shape-advisor #autopilotTimeStampsPanel div.hcs-panel-content { height: 100%; } hcs-performance-monitoring-autopilot-shape-advisor #bufferPoolHitRate, hcs-performance-monitoring-autopilot-shape-advisor #expandBufferPoolInsightsBody { vertical-align: middle !important; } hcs-performance-monitoring-autopilot-shape-advisor #statusGaugeMeterCenterLabel { font-size: x-small; } hcs-performance-monitoring-autopilot-shape-advisor #shapePredictionOverview { display: grid; grid-template-columns: 4fr 7fr 9fr; grid-column-gap: 0; min-height: 17rem; } hcs-performance-monitoring-autopilot-shape-advisor #historyPlot, hcs-performance-monitoring-autopilot-shape-advisor #statsPlot { min-height: 45rem !important; vertical-align: middle !important; } hcs-performance-monitoring-autopilot-shape-advisor .hcs-pill-neutral { border: none; border-radius: 0.3rem; background-color: rgb(var(--oj-palette-neutral-rgb-40)); color: rgb(var(--oj-palette-neutral-rgb-120)); padding: var(--oj-core-spacing-2x); align-items: center; display: flex; } hcs-performance-monitoring-autopilot-shape-advisor .hcs-pill { border: none; border-radius: 0.3rem; background-color: var(--oj-switch-track-bg-color-selected); color: var(--hcs-background-color-white); padding: var(--oj-core-spacing-2x); align-items: center; display: flex; } /* Copyright (c) 2022, 2023, 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:not(.oj-complete) { visibility: hidden; } hcs-page-performance-monitoring .hcs-sidebar-value { overflow-wrap: break-word; } 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; } /* 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-sql-code-editor .hcs-sql-code-editor-value-text { color: var(--hcs-sql-code-editor-value-text-color); display: inline-block; } */ /* BASICS */ .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 */ hcs-sql-code-editor:not(.oj-complete){ visibility: hidden; } /* Copyright (c) 2022, Oracle and/or its affiliates. */ hcs-workspaces-query-panel { display: flex; flex-direction: column; height: 100%; } hcs-sql-code-editor { display: flex; flex: 1; flex-direction: column; min-height: 0; } hcs-page-view-workspaces-query-editor .hcs-workspaces-side-drawer-table { position: absolute; bottom: 0; top: 1.2rem; left: 0; right: 0; } hcs-page-view-workspaces-query-editor .hcs-workspaces-side-drawer-table oj-table { border-top-left-radius: 0; border-top-right-radius: 0; border-left: 0 !important; border-right: 0 !important; border-top-width: 1px !important; } hcs-page-view-workspaces-query-editor hcs-tab-layout .hcs-loading .oj-progress-circle-indeterminate-inner { border-color: black !important; } hcs-page-view-workspaces-query-editor oj-table .hcs-loading > div { padding-top: calc(var(--oj-core-spacing-8x)); } oj-table.hcs-no-data-template thead tr th { color: var(--oj-core-text-color-disabled) !important; } /* Copyright (c) 2022, 2023, Oracle and/or its affiliates. */ hcs-workspaces-result-panel .hcs-results-container { overflow-y: auto; position: absolute; bottom: var(--hcs-panel-spacing-compact); top: 8rem; left: var(--hcs-panel-spacing-compact); right: var(--hcs-panel-spacing-compact); } /* Copyright (c) 2022, 2023, Oracle and/or its affiliates. */ hcs-expandable-table #selectAllCheckboxManageData { position: relative; top: 6px; left: 15px; margin-bottom: -40px; z-index: 1; } /* Copyright (c) 2022, Oracle and/or its affiliates. */ hcs-expandable-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; } /* 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-workspaces-confirm-dialog .hcs-workspaces-confirm-dialog-value-text { color: var(--hcs-workspaces-confirm-dialog-value-text-color); display: inline-block; } */ hcs-workspaces-confirm-dialog:not(.oj-complete) { visibility: hidden; } hcs-schema-load-table .schema-table-estimate-node-count { width: 100%; max-height: 15rem !important; } .hcs-workspaces-confirm-dialog-parent { width: 50vw !important; } .hcs-workspaces-confirm-dialog-disabled-text { margin: auto; } hcs-workspaces-confirm-dialog .oj-messages-inline .oj-message-header { padding: 0.5rem 0.5rem 0.5rem 0.5rem } hcs-workspaces-confirm-dialog .oj-message-body { padding: 0.5rem 0.5rem 0.5rem 0.5rem } /* Copyright (c) 2021, 2023, Oracle and/or its affiliates. */ /* This is to prevent the flash of unstyled content before the composite properties have been setup. */ hcs-schema-load-table:not(.oj-complete) { visibility: hidden; } hcs-schema-load-table .schema-table-estimate-node-count { width: 100%; max-height: 20rem; } /* The following definitions override the default oj-collapsible icons and make it identical to the oj-rowexpander icons. */ hcs-schema-load-table .oj-collapsible-header-icon:before { content: "\f111" !important; padding: 0; position: relative; margin: 0; top: 0.1rem; } hcs-schema-load-table .oj-collapsible-close-icon:before { content: "\f10d" !important; padding: 0; position: relative; margin: 0; top: 0.1rem; } hcs-schema-load-table .oj-rowexpander-depth-1 { width: 0; } hcs-schema-load-table .indent-definition-treedepth-1 { position: relative; right: 0.75rem } hcs-schema-load-table .oj-table-data-cell { padding: 0; text-overflow: initial !important; } hcs-schema-load-table .oj-table-column-header-text { font-size: 14px; } /* Copyright (c) 2022, Oracle and/or its affiliates. */ /* hide child loading elements so that only one is visible while loading */ hcs-page-view-workspaces-manage-data hcs-expandable-table table tr.hcs-loading oj-selector { display: none !important; } hcs-page-view-workspaces-manage-data hcs-expandable-table table tr td:has(.hcs-autoload) { padding: 6px 0 0 0 !important; } .hcs-autoload { width: 100%; height: 100%; } .hcs-expander-row-parent td:not(:first-child):not(:nth-child(2)) { font-weight: 550; } /* 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-page-workspaces .hcs-page-workspaces-value-text { color: var(--hcs-page-workspaces-value-text-color); display: inline-block; } */ hcs-page-workspaces:not(.oj-complete) { visibility: hidden; } hcs-page-workspaces { min-height: 50px; width: 50px; } /* Copyright (c) 2022, Oracle and/or its affiliates. */ hcs-heatwave-ml-utils-collapsible-table .hcs-collapsible-table { flex: 1 1 0; max-height: 100%; } hcs-heatwave-ml-utils-collapsible-table .oj-table-container { background-color: var(--oj-collection-bg-color); } /* Copyright (c) 2022, 2023, Oracle and/or its affiliates. */ hcs-create-heatwave-ml-model .oj-radio-label, #visualizationBtn { display: none; } hcs-create-heatwave-ml-model .hcs-hwml-tables-max-height { flex: 1 1 auto; min-height: 0; } hcs-create-heatwave-ml-model oj-table { flex: 1 1 0; } hcs-create-heatwave-ml-model .hcs-hwml-advanced-panel { flex: 1 1 50px; /* The pixel value comes from the height of the collapsible header section plus some extra offset when it's collapsed */ min-height: 50px } /* Copyright (c) 2022, 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; } /* Copyright (c) 2022, Oracle and/or its affiliates. */ hcs-heatwave-ml-utils-feature-chart .oj-chart { height: 250px; } /* Copyright (c) 2022, Oracle and/or its affiliates. */ hcs-heatwave-ml-evaluate-model-predictions-column-info .hcs-overlay-end-error-banner { padding: 0 0 var(--hcs-default-spacing); } /* Copyright (c) 2022, Oracle and/or its affiliates. */ hcs-heatwave-ml-evaluate-model-predictions .hcs-flex-auto-basis { flex: 1 1 auto !important; min-height: 0; overflow: auto; } 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; } /* Copyright (c) 2022, Oracle and/or its affiliates. */ /* Copyright (c) 2022, Oracle and/or its affiliates. */ /* Copyright (c) 2022, Oracle and/or its affiliates. */ hcs-heatwave-ml-evaluate-model hcs-tab-layout .hcs-content-container oj-table { border-bottom: 1px solid var(--oj-collection-border-color) !important; height: auto; border-radius: var(--oj-panel-border-radius) } /* Copyright (c) 2022, Oracle and/or its affiliates. */ hcs-heatwave-ml-select-tables .hcs-flex-auto-shrink-grow { flex: 1 1 auto; overflow: scroll; } hcs-heatwave-ml-select-tables hcs-tab-layout .hcs-content-container oj-table { border-bottom: 1px solid var(--oj-collection-border-color) !important; height: auto; border-radius: var(--oj-panel-border-radius) } /* Copyright (c) 2022, 2023, Oracle and/or its affiliates. */ hcs-page-heatwave-ml:not(.oj-complete) { visibility: hidden; } /* Copyright (c) 2021, 2022, 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(1b5bc78f85ac2240e035.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(d9fd9127553fb892ddc2.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(2a9633729bfee73f08be.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+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkJGOUY4O30NCgkuc3Qxe2ZpbGw6I0ZCRjlGODtzdHJva2U6I0ZGRkZGRjtzdHJva2Utd2lkdGg6Njt9DQoJLnN0MntmaWxsOiNGRkZGRkY7fQ0KCS5zdDN7ZmlsbDpub25lO30NCgkuc3Q0e2ZpbGw6IzJDNTk2Nzt9DQoJLnN0NXtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjA7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNS44LDcuN2MxLjUsMSwzLjIsMSw0LjIsMC44QzkuOCw4LjIsOS41LDgsOS40LDcuOUM4LjcsNy4xLDcuMyw2LjUsNS44LDZDNS4yLDUuOCw0LjMsNS41LDMuNiw1LjENCglDNCw1LjksNC43LDcsNS44LDcuN3oiLz4NCjxsaW5lIGNsYXNzPSJzdDEiIHgxPSIyOC4zIiB5MT0iMzMiIHgyPSIyOC4zIiB5Mj0iMzMiLz4NCjxsaW5lIGNsYXNzPSJzdDEiIHgxPSIxOS44IiB5MT0iMjQuNiIgeDI9IjE5LjgiIHkyPSIyNC42Ii8+DQo8bGluZSBjbGFzcz0ic3QxIiB4MT0iMTkuOCIgeTE9IjMzIiB4Mj0iMTkuOCIgeTI9IjMzIi8+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjMxLDIyLjYgMzAuOSwyMi43IDMxLjksMjEuNCAzMi4yLDIxLjEgIi8+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjMwLjIsMjMuNiAyNi4zLDI4LjUgMjYuMywyOC41IDMwLjIsMjMuNiAiLz4NCjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjQuNCwyNi42IDI5LjQsMjIuNiAzMC40LDIxLjggMzAuNCwyMS44IDMzLjcsMTkuMiAzMi43LDIwIDMxLjUsMjAuOSAyNC40LDI2LjYgIi8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjQuNiwyOC4yQzI0LjQsMjguMSwyNC4yLDI4LDI0LDI4Yy0wLjIsMC0wLjUsMC4xLTAuNiwwLjNjLTAuMywwLjQtMC4zLDAuOSwwLjEsMS4yYzAuNCwwLjMsMC45LDAuMywxLjItMC4xDQoJQzI0LjksMjkuMSwyNC45LDI4LjUsMjQuNiwyOC4yeiIvPg0KPHBhdGggY2xhc3M9InN0MiIgZD0iTTM5LjQsMTMuOGwtMC4yLTAuM2MtMS4xLTEuNy0yLjUtMy4zLTQuMS00LjhjLTIuNC0yLjItNS0zLjMtNS4xLTMuNGwtMS44LTAuOGwtMi43LTEuMUwyNi43LDZsMC41LDEuMQ0KCUMyNy4yLDcsMjcuMSw2LjksMjcsNi45Yy0yLjYtMi40LTYuNC0yLjUtNi44LTIuNWwtMC4yLDBjLTQuNCwwLjMtNi40LDIuOS02LjYsMy4yTDEzLDguM2wwLTAuMWMtMC40LTAuOC0xLjEtMS41LTEuOC0yLjINCgljLTEtMS0yLjctMS45LTQuNi0yLjVDNS42LDMuMiwzLjksMi4zLDMuMywyTDIsMS4yTDAsMGwwLjMsMi4zbDAuMiwxLjVjMCwwLjEsMC40LDIuOCwyLjUsNC45TDIuNyw5LjRsLTAuMywwLjkNCgljLTAuMSwwLjItMS40LDQtMC42LDguN2MwLjQsMS45LDEsMy41LDEuOCw0LjlMMy43LDI2bDAuMSwyLjJjMCwwLjQsMC4yLDMuNSwyLjUsNi4xYzIuNiwzLjQsOC4xLDMuNiw5LjEsMy42YzAuMSwwLDAuMSwwLDAuMiwwaDANCglsMCwwbDEuNiwwbDEuOCwwdjAuM3YwLjdsMC42LDAuM2wxLjUsMC43bDAuMiwwLjFoMC4zbDUuMiwwaDAuM2wwLjItMC4xbDEuNS0wLjdsMC42LTAuM3YtMC42bDIuNS0wLjRsMS43LTAuM2MwLjIsMCw0LTAuNyw2LjQtNC4zDQoJYzIuNC0zLjcsMi40LTYuNywyLjQtOS4yQzQyLjQsMjAuMyw0MS40LDE2LjksMzkuNCwxMy44eiIvPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MyIgZD0iTTUuOCw3LjdjMS41LDEsMy4yLDEsNC4yLDAuOEM5LjgsOC4yLDkuNSw4LDkuNCw3LjlDOC43LDcuMSw3LjMsNi41LDUuOCw2QzUuMiw1LjgsNC4zLDUuNSwzLjYsNS4xDQoJCUM0LDUuOSw0LjcsNyw1LjgsNy43eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik01LDguOWMxLjMsMC45LDIuOCwxLjEsNCwxLjFjMS40LDAsMi40LTAuMywyLjUtMC4zbDAuOC0wLjNMMTIsOC43Yy0wLjMtMC42LTAuOS0xLjMtMS41LTEuOQ0KCQlDOS41LDUuOSw4LDUuMSw2LjMsNC42QzQuOSw0LjIsMi43LDIuOSwyLjcsMi45TDEuNCwyLjFsMC4yLDEuNUMxLjYsMy44LDIuMSw3LDUsOC45eiBNNS44LDZjMS41LDAuNCwyLjgsMS4xLDMuNSwxLjgNCgkJQzkuNSw4LDkuOCw4LjIsMTAsOC41QzksOC43LDcuMiw4LjcsNS44LDcuN0M0LjcsNyw0LDUuOSwzLjYsNS4xQzQuMyw1LjUsNS4yLDUuOCw1LjgsNnoiLz4NCgk8bGluZSBjbGFzcz0ic3Q1IiB4MT0iMjguMyIgeTE9IjMzIiB4Mj0iMjguMyIgeTI9IjMzIi8+DQoJPGxpbmUgY2xhc3M9InN0NSIgeDE9IjE5LjgiIHkxPSIyNC42IiB4Mj0iMTkuOCIgeTI9IjI0LjYiLz4NCgk8bGluZSBjbGFzcz0ic3Q1IiB4MT0iMTkuOCIgeTE9IjMzIiB4Mj0iMTkuOCIgeTI9IjMzIi8+DQoJPHBhdGggY2xhc3M9InN0NCIgZD0iTTM0LjMsOS40Yy0yLjItMi4xLTQuNy0zLjEtNC44LTMuMmwtMS44LTAuOGwwLjgsMS44YzAsMC4xLDAuNiwxLjIsMCwyLjhjMCwwLjEtMC4xLDAuMi0wLjEsMC4zDQoJCWMtMC40LTAuOC0xLTEuOC0yLjEtMi43Yy0yLjQtMi4xLTUuOC0yLjMtNi0yLjJsLTAuMSwwYy0zLjgsMC4xLTUuNywyLjYtNS44LDIuN2wtMC43LDEuMUwxNSw5LjRjMCwwLDEuOCwwLjIsMi42LDEuNWwwLDANCgkJYzAuMywwLjUsMC40LDEuMSwwLjQsMS43Yy0xLjEtMC44LTMtMS42LTYtMS4yYy0wLjUsMC4xLTAuOSwwLjItMS4yLDAuMkMxMCwxMS44LDkuNCwxMS45LDgsMTEuOGwwLDBsMCwwYy0xLjIsMC0yLjgtMS0zLjQtMS40DQoJCUwzLjcsOS44bC0wLjMsMC45Yy0wLjEsMC4yLTEuMywzLjctMC41LDguMWMwLjgsNC4zLDMuMiw2LjgsNS41LDguN2MwLjgsMC43LDEuMSwxLjcsMS4xLDIuNGMtMC4zLTAuMS0wLjYtMC4yLTEtMC40DQoJCWMtMS4zLTAuNi0yLjMtMS44LTIuMy0xLjhMNC44LDI2bDAuMSwyLjJjMCwwLjEsMC4xLDMuMSwyLjIsNS40YzIuMywzLjEsNy4zLDMuMiw4LjMsMy4yYzAuMSwwLDAuMSwwLDAuMSwwbDEuNiwwTDE2LDM1LjYNCgkJYy0wLjItMC4yLTQuMS00LjUtMi0xMC43YzAuMS0wLjMsMi4zLTYuOCw5LjktNi44YzMsMCw1LjEsMC45LDYuNywyLjFsMS4yLTAuOWMtMS44LTEuNC00LjMtMi42LTcuOS0yLjZjLTQuNSwwLTcuNCwyLjItOC45LDMuOQ0KCQljLTEuNywxLjktMi4zLDMuOS0yLjMsMy45Yy0xLjcsNC45LDAuMSw4LjksMS4zLDEwLjhjLTEuNy0wLjItNC4zLTAuOC01LjctMi42bDAtMC4xYy0wLjctMC44LTEuMS0xLjYtMS40LTIuNA0KCQljMC4zLDAuMiwwLjcsMC40LDEuMSwwLjZjMS42LDAuNywyLjIsMC44LDIuMywwLjhsMC43LDAuMUwxMSwzMWMwLTAuMSwwLjQtMi45LTEuNi00LjZjLTEuNC0xLjEtNC4yLTMuNS01LTcuOQ0KCQljLTAuNS0yLjctMC4xLTUuMSwwLjItNi40YzAuOCwwLjUsMi4xLDEuMSwzLjMsMS4xYzAsMCwwLDAsMCwwYzEuNiwwLjEsMi4zLDAsMy4yLTAuMmMwLjMtMC4xLDAuNy0wLjEsMS4xLTAuMg0KCQljMS44LTAuMywzLjMsMCw0LjUsMC42YzAuOSwwLjUsMS4zLDEuMSwxLjMsMS4xbDAuOSwxLjVsMC40LTEuN2MwLTAuMSwwLjYtMi41LTAuNS00LjJjLTAuNi0xLTEuNS0xLjYtMi4zLTEuOQ0KCQlDMTcuMiw3LjcsMTguNiw3LDIwLjIsN2MwLjIsMCwzLjIsMC4yLDUuMSwxLjljMS45LDEuNywyLjIsMy40LDIuMiwzLjVsMC4yLDEuN2wxLjEtMS4zYzAuMS0wLjEsMC43LTAuOCwxLjItMi4xDQoJCWMwLjMtMC44LDAuNC0xLjYsMC40LTIuM2MwLjgsMC41LDEuOSwxLjIsMywyLjJjNC40LDQuMSw2LjUsOC41LDYuNSwxMy41YzAsMi4zLDAsNC43LTIsNy44Yy0wLjksMS4zLTIsMi4xLTIuOSwyLjYNCgkJYzEtMi4xLDIuMS01LjksMC43LTkuOGMtMC4zLTAuOS0wLjktMi4yLTEuOS0zLjVsLTAuOSwxLjJjMC43LDEsMS4yLDIsMS41LDIuOGMxLjksNS4yLTEuNCwxMC4yLTEuNCwxMC4ybC0xLDEuNGwxLjctMC4zDQoJCWMwLjEsMCwzLjUtMC42LDUuNi0zLjhjMi4yLTMuNCwyLjItNi4xLDIuMi04LjZDNDEuMywxOC42LDM5LDEzLjgsMzQuMyw5LjR6Ii8+DQoJPHBvbHlnb24gY2xhc3M9InN0MiIgcG9pbnRzPSIzMSwyMi42IDMwLjksMjIuNyAzMS45LDIxLjQgMzIuMiwyMS4xIAkiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QyIiBwb2ludHM9IjMwLjIsMjMuNiAyNi4zLDI4LjUgMjYuMywyOC41IDMwLjIsMjMuNiAJIi8+DQoJPHBvbHlnb24gY2xhc3M9InN0MiIgcG9pbnRzPSIyNC40LDI2LjYgMjkuNCwyMi42IDMwLjQsMjEuOCAzMC40LDIxLjggMzMuNywxOS4yIDMyLjcsMjAgMzEuNSwyMC45IDI0LjQsMjYuNiAJIi8+DQoJPHBhdGggY2xhc3M9InN0NCIgZD0iTTMzLjYsMjguM2MtMC4xLTEuOC0wLjctMy41LTEuNy00LjlsLTEsMS4yYzAuNywxLjEsMS4xLDIuMywxLjIsMy42SDMwdjEuNUgzMmMtMC4yLDEuNi0wLjgsMy4xLTEuOCw0LjMNCgkJbC0xLjQtMS40TDI4LjMsMzNsLTAuNSwwLjVsMS4yLDEuMmgtOS45bDEuMi0xLjJMMTkuOCwzM2wtMC41LTAuNUwxOCwzMy45Yy0xLTEuMi0xLjYtMi43LTEuOC00LjNoMS45di0xLjVoLTEuOQ0KCQljMC4xLTEuNiwwLjctMy4xLDEuOC00LjRsMS40LDEuNGwwLjUtMC41bDAuNS0wLjVMMTksMjIuN2MxLjItMSwyLjctMS43LDQuMy0xLjh2Mi4xaDEuNXYtMi4xYzEuMywwLjEsMi41LDAuNSwzLjYsMS4ybDEuMi0xDQoJCWMtMS40LTEtMy4yLTEuNy01LjEtMS43Yy0yLjYtMC4xLTUuMSwwLjgtNi45LDIuNmMtMS45LDEuOC0yLjksNC4yLTIuOSw2LjhjMCwyLjksMS4zLDUuNSwzLjUsNy40bDAuMiwwLjJoMTEuNWwwLjItMC4yDQoJCUMzMi40LDM0LjIsMzMuNywzMS4zLDMzLjYsMjguM3oiLz4NCgk8cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMzAuMiwyMy42TDMwLjIsMjMuNkwzMC4yLDIzLjZsMC44LTFsMC4xLTAuMWwxLjEtMS40bDEuNS0xLjlsLTMuMiwyLjZjMCwwLDAsMCwwLDBsLTEsMC44bC01LjEsNA0KCQljMCwwLDAsMCwwLDBjLTAuOC0wLjEtMS42LDAuMS0yLjEsMC44Yy0wLjgsMS0wLjcsMi40LDAuMywzLjNjMC40LDAuNCwxLDAuNiwxLjUsMC42YzAuNywwLDEuMy0wLjMsMS44LTAuOA0KCQljMC40LTAuNSwwLjYtMS4yLDAuNS0xLjhsMCwwTDMwLjIsMjMuNnogTTIzLjUsMjkuNWMtMC40LTAuMy0wLjQtMC44LTAuMS0xLjJjMC4yLTAuMiwwLjQtMC4zLDAuNi0wLjNjMC4yLDAsMC40LDAuMSwwLjUsMC4yDQoJCWMwLjQsMC4zLDAuNCwwLjgsMC4xLDEuMkMyNC4zLDI5LjgsMjMuOCwyOS44LDIzLjUsMjkuNXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMjQuNiwyOC4yQzI0LjQsMjguMSwyNC4yLDI4LDI0LDI4Yy0wLjIsMC0wLjUsMC4xLTAuNiwwLjNjLTAuMywwLjQtMC4zLDAuOSwwLjEsMS4yYzAuNCwwLjMsMC45LDAuMywxLjItMC4xDQoJCUMyNC45LDI5LjEsMjQuOSwyOC41LDI0LjYsMjguMnoiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3Q0IiBwb2ludHM9IjIxLjYsMzcuNCAyMC4xLDM3LjQgMjAuMSwzOC4xIDIxLjYsMzguOSAyMS42LDM4LjkgMjYuOCwzOC45IDI2LjgsMzguOSAyOC4zLDM4LjEgMjguMywzNy40IA0KCQkyNi44LDM3LjQgCSIvPg0KPC9nPg0KPC9zdmc+DQo=); 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 { right: 12px; left: auto !important; } hcs-page-sign-in .hcs-page-content { height: calc(100vh - var(--hcs-banner-content-height)); } /* 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-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.75rem !important; width: 1.75rem !important; } hcs-custom-switch .oj-switch-thumb { height: 0.5rem !important; width: 0.75rem !important; } /* Copyright (c) 2021, 2022, 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 .oj-form-control-max-width-md { max-width: 85% !important; } /* Copyright (c) 2021, 2022, 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); position: fixed; bottom: 0; left: 0; right: 0; top: auto; z-index: 150; } 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, 2022, Oracle and/or its affiliates. */ 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(7d679160e4aa088feb27.png); background-color: #F5F4F2; opacity: 0.08; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .dbmgmt-common-search-input-text-sm { border: 1px solid rgb(181, 187, 194); border-radius: 3px; min-width: 300px; } .dbmgmt-common-search-input-text { /* border: 1px solid rgb(181, 187, 194); */ border-radius: 3px; min-width: 500px; width: auto; } .dbmgmt-common-search-input-text .oj-text-field-container { padding-top: 1px; } .dbmgmt-common-search-input-text .oj-inputtext-input { padding-top: 5px; } .dbmgmt-common-search-input-text .oj-fwk-icon { font-size: 1rem; } .dbmgmt-common-lm-5 { margin-left: 5px; } .dbmgmt-common-label-font { white-space: nowrap; } .dbmgmt-common-mt-5 { margin-top: 5px; } .dbmgmt-common-ml-5 { margin-left: 5px; } .dbmgmt-common-mr-10 { margin-right: 10px; } .dbmgmt-common-oui-react-form-label{ font-size:14px !important; } .dbmgmt-common-oci-form-label.oj-label { font-size: .75rem; font-weight: 500; /*text-transform: uppercase;*/ color: #222222; } .dbmgmt-common-oci-form .oj-form-control { margin-bottom: 0px; } .dbmgmt-common-oci-form .oj-label { font-size: .75rem; font-weight: 500; /*text-transform: uppercase;*/ color: #222222; } .dbmgmt-common-oci-form .oj-label-required-icon:before { content: ''; } .dbmgmt-common-oci-form .oj-checkbox-label { color: #222222; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: .75rem; font-weight: 500; line-height: 14px; /*text-transform: uppercase;*/ } .dbmgmt-common-oci-form .oj-messaging-inline-container .oj-message.oj-message-error { background-color: #fcfcfc; text-transform: none; border-style: hidden; } .dbmgmt-common-oci-form .oj-messaging-inline-container .oj-message.oj-message-error .oj-message-summary { text-transform: none; color: #e4001e; } .dbmgmt-common-oci-form .oj-messaging-inline-container .oj-message.oj-message-error .oj-message-detail { text-transform: none; color: #e4001e; } .dbmgmt-common-dbmgmt-form oj-input-text.oj-focus, .dbmgmt-common-dbmgmt-form oj-text-area.oj-focus { box-shadow: 0 0 0 2px #73a5e0; outline: none; border-radius:3px; } .dbmgmt-common-oj-clickable-icon-nocontext { padding-left: 5px; } a .dbmgmt-common-oj-clickable-icon, a.dbmgmt-common-oj-clickable-icon, a.dbmgmt-common-oj-clickable-icon-nocontext { font-weight: 400; background: none; } .dbmgmt-common-oj-inputtext-end, .oj-inputtext-start { min-height: 1.8rem; min-width: 1.5rem; padding-top: 10px; margin: unset; } .dbmgmt-common-details-label { white-space: nowrap; font-weight: bold; text-align: left; } .dbmgmt-common-panel { border: 1px solid rgb(181, 187, 194); margin: 0px; border-radius: 3px; background-color: #fff; padding: 20px; box-sizing: border-box; overflow: hidden; position: relative; } .dbmgmt-common-label { font-size: 1rem; } .dbmgmt-common-collection-column-left-align { text-align: left !important; } .dbmgmt-common-collection-column-right-align { text-align: right !important; } .dbmgmt-common-name-value-sep { font-size: 14px; font-weight: 700; line-height: 20px; color: #2d3747; } .dbmgmt-common-name-value-sep > label::after, .dbmgmt-common-name-value-sep > span::after, label.dbmgmt-common-name-value-sep::after { content: ':'; padding-right: 5px; } .dbmgmt-common-name-value-set .dbmgmt-common-name-value-pair + .dbmgmt-common-name-value-pair { padding-left: 30px } .dbmgmt-common-ui .oj-label, .dbmgmt-common-ui .oj-radioset-wrapper label { font-size: 13.75px; font-weight: 500; color: rgba(22, 21, 19, 0.6); line-height: 20px; } .dbmgmt-common-ui oj-label:not(.oj-label-inline) { margin-bottom: 5px; } .dbmgmt-common-name-value-sep.oj-label-inline { margin: 0px; } .dbmgmt-common-ui .oj-searchselect-open-icon:before { content: ""; width: 18px; height: 18px; background-size: 18px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAdklEQVR4AezSAQbAMAyF4UELcqFdulXQnmsXyN54I2akomBWfgg+1NtUdWkfAfH2qyUgsYO56CzWmIvOYBUllC0aAQcqKJnbjfYIKBZ7oOKD/7D5h/nlnpBEwI6aRYkVNOI7JEqshnd4jnBOoX9eJlzaDI90CABNVxK7Bvwb+AAAAABJRU5ErkJggg==); } .dbmgmt-common-ui .oj-listbox-results { max-height: none; overflow-x: auto; margin: 0px; border-width: 1px; border-style: solid; border-color: #73a5e0; } .dbmgmt-common-ui .oj-listbox-results .oj-listbox-result-with-children > .oj-listbox-result-label { font-weight: normal; } .dbmgmt-common-ui .oj-listbox-results .oj-listbox-result.oj-hover .oj-listbox-result-label { background-color: #73a5e0; color: #fff; } .dbmgmt-common-ui .oj-listbox-results .oj-listbox-result-label { min-height: 2.5rem; line-height: 2.5rem; cursor: default; } .dbmgmt-common-ui .oj-listbox-results .oj-listbox-result-label.oj-hover { background-color: #73a5e0; color: #fff; } .dbmgmt-common-ui div.oj-select:not(.oj-select-multi), div.oj-combobox { margin: 0px; } .dbmgmt-common-ui .oj-text-field .oj-text-field-container { height: 2.5rem !important; border: 1px solid #b5bbc2; border-radius: 3px; } .dbmgmt-common-ui .oj-text-field.oj-focus .oj-text-field-container { box-shadow: 0 0 0 2px #73a5e0; border-color: #0572ce; border-radius: 3px; transition-duration: 0.2s; } .dbmgmt-common-ui div.oj-select:not(.oj-select-multi) .oj-select-choice, .dbmgmt-common-ui div.oj-select:not(.oj-select-multi) .oj-combobox-choice, .dbmgmt-common-ui div.oj-combobox .oj-select-choice, .dbmgmt-common-ui div.oj-combobox .oj-combobox-choice { vertical-align: middle; padding-left: 7px; line-height: 2.5rem; } .dbmgmt-common-ui .oj-select a.oj-select-arrow:not(.oj-disabled), .dbmgmt-common-ui .oj-combobox a.oj-combobox-arrow:not(.oj-disabled) { color: #222 !important; } .dbmgmt-common-ui .oj-searchselect { background-color: #fcfcfd } .dbmgmt-common-ui .dbmgmt-common-selector{ margin-bottom: 0px !important; } .dbmgmt-common-ui .dbmgmt-common-selector.oj-text-field .oj-text-field-container{ height: 30px !important; } .dbmgmt-common-ui oj-button.oj-button.oui-button{ padding: 0px; height: 30px !important; } .dbmgmt-common-ui oj-button.oj-button.oui-button button.oj-button-button{ background-color: transparent; color: inherit; border: none; } .dbmgmt-common-ui oj-button.oj-button.oui-button button.oj-button-button span{ color: inherit; } .dbmgmt-common-ui dbmgmt-crud-table.dbmgmt-common-panel-no-padding { padding: 0px; } .dbmgmt-common-ui .oj-text-field .oj-text-field-container { background-color: #fcfcfd; } .dbmgmt-common-ui .redText { color: #e4001e; } .dbmgmt-common-ui .hidden { visibility: hidden !important; } .dbmgmt-common-ui .align-center { align-items: center; justify-content: center; }