/*
    Document   : override
    Created on : <date>
    Author     : <author>
    Description:
        This is where any of your application specific styles should be included
*/

/* Import from the CDN please import in this single location so we can keep css consistent */
/*@import url("https://static.oracle.com/cdn/jet/12.1.6/default/css/redwood/oj-redwood-min.css");*/
/* The Oracle Font style sheet must come after the JET Redwood style sheet */
@import url("https://static.oracle.com/cdn/fnd/gallery/2101.3.0/OracleFont/OracleFont.min.css");
@import url("https://static.oracle.com/cdn/fnd/gallery/2101.3.0/images/iconfont/ojuxIconFont.min.css");


.oj-color-invert {
    color: var(--oj-core-text-color-primary-contrast);
}

[class*=oj-ux-].oj-ux-icon-size-1dot5x {
    font-size: .25rem!important;
    font-weight: 100
}
.oj-link-standalone {
    font-size: var(--oj-typography-body-sm-font-size)!important;
    font-weight: 400!important;
    line-height: var(--oj-typography-body-sm-line-height)!important;
}
a.oj-link-standalone{
    min-height: 12px;
}
#globalBody {
    --oj-gbu-app-page-width: 100%;
    --oj-gbu-app-page-min-height: 750px;
    --oj-gbu-app-page-padding-bottom: 50px;
    --oj-gbu-app-shell-background-size: 500px;
    --oj-gbu-app-shell-background-position: right;
    --oj-gbu-app-shell-background-repeat: repeat;
    --oj-gbu-app-shell-background-color: #4f5573;
    --oj-gbu-app-shell-background-url: url('https://static.oracle.com/cdn/fnd/gallery/2107.0.0/images/texture-lilac-opacity-04.png');
    --oj-gbu-app-shell-background: var(--oj-gbu-app-shell-background-color) var(--oj-gbu-app-shell-background-url) var(--oj-gbu-app-shell-background-position) / var(--oj-gbu-app-shell-background-size) var(--oj-gbu-app-shell-background-repeat);
}
#globalBody {
    min-height: 100vh;
    background: var(--oj-gbu-app-shell-background);
    overflow-y: visible;
}

.auiForm-section ~ .auiForm-section {
    margin-top: 5px;
    margin-bottom: 20px;
}

.button-right-border {
    margin-right: 15px;
}

/*input:not([type=checkbox]):not([type=radio]), select, textarea {*/
/*    border-radius: 4px;*/
/*}*/
/*select {*/
/*    padding: 4px;*/
/*}*/
.logon {
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-top: 20px;
}
.logon.logoff .logon-logo,
.logon.sso-logon .logon-logo,
.logon.global-logon .logon-logo,
.logon.tfa-logon .logon-logo,
.logon.logoff .logon-instance,
.logon.sso-logon .logon-instance,
.logon.global-logon .logon-instance,
.logon.tfa-logon .logon-instance,
.logon.logoff .logon-subheader,
.logon.sso-logon .logon-subheader,
.logon.global-logon .logon-subheader,
.logon.tfa-logon .logon-subheader {
    margin-left: 40px;
    text-align: left;
}
.logon.logoff input,
.logon.sso-logon input,
.logon.global-logon input,
.logon.tfa-logon input {
    border-color: #67aeee;
    outline: 0;
    padding: 3px 4px;
}
.logon-banner {
    width: 600px;
    margin: 0 auto;
}
.logon-banner.messagePanel .message {
    margin: 0;
}
.logon-panel {
    background: #FBF9F8 url(images/lilac_color_strip.png) no-repeat center top;
    background-size: auto 12px;
    margin: 0 auto 20px auto;
    width: 400px;
}
.logon-panel-wide {
    width: 960px;
    margin: 0 auto;
}
.logon-panel-wide .logon-panel {
    background: #FBF9F8 url(images/lilac_color_strip.png) repeat-x center top;
    background-size: auto 12px;
    width: 100%;
    /*overwrite oj-panel padding*/
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

.logon-logo {
    height: 80px;
    background: transparent url(images/logo.svg) scroll no-repeat left;
    margin-top: 30px;
}
.logon-formElement,
.logon-bodyMessage {
    margin: 10px 40px 10px 40px;
}
.logon-instance {
    color: #cccccc;
}
.logon-formElement .uiButton {
    display: block;
    margin-left: 0;
    margin-top: 20px;
    width: 100%;
}
.logon-formElement .uiButton-content {
    padding: 5px 0;
}
.logon-switch {
    margin: 25px 40px 15px 40px;
}
.logon-switch .global-login {
    margin-top: 20px;
}
.logon-formElement.lastFormElement {
    margin-bottom: 10px;
}
.logon-bodyMessage {
    padding: 10px 0 20px;
}
.logon-panel LABEL {
    display: block;
    margin-bottom: 2px;
}
.logon-panel.global-login {
    padding-bottom: 100px;
}
.logon-panel.global-login LABEL {
    font-weight: normal;
    font-size: 16px;
}
.logon-panel.global-login .logon-formElement.main-header {
    margin: 10px 30px;
    text-align: center;
}
.logon-panel.global-login .logon-formElement.main-header LABEL {
    padding: 0 50px;
}
.logon-panel.global-login .logon-formElement.smaller {
    margin-top: 40px;
    text-align: center;
}
.logon-panel.global-login .logon-formElement.smaller LABEL {
    font-weight: normal;
    font-size: smaller;
}
.logon-panel.global-login .logon-formElement.spinner {
    margin-top: 60px;
    margin-bottom: 40px;
    padding-left: 40px;
}
.logon-panel.global-login .logon-formElement.spinner .auiLoaderOverlay-loader {
    width: 1px;
    padding: 0;
}
.logon-panel .auiForm-section {
    margin-left: 40px;
    margin-right: 40px;
}
.logon-panel .auiField-input.isRequired + .auiForm-addon {
    background-color: #feffdb !important;
}
.logon-panel INPUT.isRequired {
    background: #ffffff !important;
}
.logon-panel .auiField-input.isRequired + .auiForm-addon {
    background: #ffffff !important;
}
.logon-panel .auiButton.block.logon-button {
    background-color: #312D2A;
    color: #ffffff;
    border-radius: 4px;
    border: none;
    font-size: 18px;
    line-height: 24px;
    padding: 3px;
}
.logon-panel .auiButton.block.logon-button:hover {
    background-color: #3A3632;
}
.logon-panel .auiButton.block.logon-button.disabled,
.logon-panel .auiButton.block.logon-button [disabled] {
    opacity: 0.65;
}
.logon-copyright {
    margin: 60px auto 10px auto;
    max-width: 830px;
    text-align: center;
    padding: 0 20px;
}
.logon-copyright > p {
    font-size: 12px;
    line-height: 20px;
    color: #969696;
    margin: 0;
}
.password-form-relative-position {
    position: relative;
}
::-ms-reveal {
    display: none;
}

.logon-panel .alternative-logon {
    border: 1px solid #527897;
    border-radius: 3px;
    display: inline-block;
    padding: 10px 40px;
    text-align: center;
    width: auto;
    margin: 30px auto;
}
.logon-subheader {
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 20px;
}
.logon-banner-container{
    width: 1px;
    min-width: 100%;
}
.logon-banner-container-div{
    margin-top: 5px;
    margin-left: -10px;
    margin-right: -10px;
}
.sso-panel {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 8px;
    border: 1px solid rgba(22, 21, 19, 0.1);
    border-radius: 6px;
    background: #F6FAFC;
}
.sso-info-icon-div{
    width: 5%;
    float: left;
}
.sso-info-div{
    width: 90%;
    float: left;
}
.sso-info-primary {
    color: #00688C;
}
.lobby-account-linking-login-panel {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 8px;
    border: 1px solid rgba(22, 21, 19, 0.1);
    border-radius: 6px;
    background: #F6FAFC;
}
.lobby-account-linking-login-icon-div{
    width: 5%;
    float: left;
}
.lobby-account-linking-login-div{
    width: 90%;
    float: left;
}
.lobby-account-linking-login-primary {
    color: #00688C;
}

#login {
    height: 34px;
}
#promo,
#incident {
    margin: 0 auto;
}
#incident {
    width: 600px;
    min-height: 55px;
    padding: 5px 0 25px;
}
#promo {
    width: 400px;
}
#system-use-modal-backdrop {
    opacity: 1;
    background-color: #efefef;
}
#system-use-modal {
    overflow: auto;
}
#system-use-modal .auiButton {
    background-color: #0072BC;
}
.full-width {
    width: 100%;
}

#incident {
    height: auto;
}

.statuspage-icon-incident,
.error #default .message {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAE+klEQVRYCc1YTWhcVRQ+506nVtCCRFOY0C4UN3XlqqkguHBlMa240YVSqBQCncRMklalrupf68zEzBQKwYjFjTtNRFcuhEqSiogLdRNxoSRQaxFaiSWTedfvu/NefO/2zfNNTKEPhnvPveec75t777nvnKfS+2MqlZFBER1StfthXrKiJVXps1auqdhVjK1aqz+J2Pl6vbEEOegFRvMqj40NP2hM8ZQVOayqe/LaWWuvAGQuCFpnp6Yu/JLH7j9JjY8fv9/au18XtcMgU+w4tcsgNydBcEnVrLTbN1dXVv68NjBwX1+hsKtkbTAgxjwO54exog/TBuRaYvWC6t9narWZP7LIZZKqVE4MiZqPQGY3nLbFyocttfVmrYmtyfeUx8v7i1YronIUfgrwc11s8EK9fn6+m4eupCoTI6+CxJtwhGMin69LcLIXMj4gye0Ucw7kDmEusGJP16uNt309yqmkcJDfV6PHaBxI8MpUtflumvFWxsYmypNGzDuwNTawswiEl3w/BX+AK4TFmcT4DRg9O1VrXvR1/o+8tPDNwsHBA98CA9GrgwcfO7C+uHD567jPxErxDKkpfEIFEHoa/+KLuPJ29rEbT2E3PutgtZ+Jn7FNUuVy+YHiTv0Z7HeD0CQIVfOQeHnixBPYjosqug/31G+Btl98r3r+qzy24Vae4+FXuflQFJUmMi4WzWkS4qHOS4i2xpozJMQ+QmIvZfbzPO6sAs8tBK+d8HGkeDHyHmLYM8qiyTwtlvquuJ4vx+fS+sRz1w3wHQ8oOVK8qcG2yHuo17C3KlfjYL4cn0vrOzzgEp88qENS+OkRCrwY2fb0WP09oe/Licl04V9cx8N0Xq4q/Yi35V5XiRDYrsRK+XI6jeRoB9cuw1k/X/ZcpSGquHdZUjeXFGiQIOXLuZwk8HXIhOkH7+5LeR0k9Pzt8uWEcoYQ4pMPz1SJqnzbZ5h0nVLrbZ8ndzX0JmL4JcMEjfNMPzy9XGJbNbF9vpzLSQyffLB90kdD5kN5HcT1NmQjEX2+HNfN6kf45GOYwlKZCVqWUbe51o1WYqV8uZudPx7hk48Jc2phxugr5pFnZmbWkButUZct5Tx2vk6ETz486O4suRTW18wrW/nOqUZtXruYXgx/FdvHqgMPcuqYTk/dDZVhGHwftj3ZbiqH+OSzA4uOXFlP4SZGki9M7np+GtXGDzB6tGfDmEGIjxE7j76YyvjIKl6Ie9Zt8MhWXjUx31vquvxdzY/IFq7Ua40SVkoCMJtDe9xVHSK35MxZSKOjo/t2FO0somYQ4by00dJj09PTv2bZ+HNhtcP3KHkEPOh4w7TOgmULo0fJ2jfKkkkI2/8kVvoeth05yyI55/CAS3zy4Kwj5SpXVyhqwZVBSbtMiSsUV/Dl+Fxan3j4QwUWqlEF7UhRudUK3gDb61itQ8yd0xykjXHL4uO+HJ/z+w4HeMRl5RzNb5JqNptXWblCwbIuY7URKWW1PEOImC9h9hfbjpxl0Zmj/7D+C4gbFQ2cZfQlHlf3ib6FQdZ9z92OMissrz4Gxr14C7zmV8qFBCMILAxRLO7FPiOa9Hn01xYXLy/4eluVQWgC9d4HsN+FPz2LK+Ck7+uWlYoU7rhvCZvE7rSvLhExVzmjUN2u71OMchdUEUBK23X7fN3oSx5i4wjCo9+f7ypbQRJoP93WL3kpYLf9m+c/GAB3bbIdaaAAAAAASUVORK5CYII=);
}

.statuspage-icon-maintenance, .error #default .message {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAlCAYAAADFniADAAAFh0lEQVRYCc1Yb2hbVRS/574ka62tzGqLKfpB8csU/DBmm4rfhgOHXdUPKjIYU8pWTbMmXac4QVHRzSbZGqUga6mIIBNxrSj+AalMmi1aRHEFqfhFmjK1HTTS1qZ919+5fS9LX5OXtkthF5L77rnnnt/v/jvvnEdi40WGwx1NQlALkdqB4X4lyE8kapUS0yRUGrK0UjQuhBqOxXovoG1uBIbWq9zZefhOKb3HlBD7iKh+veOUUpcBMmSa2RPxeN8f6xlXklQk0naLUpUvC1KHQca7YlRNgNyQMM3zRHJyeXkhPTl5ZbqhYXutYVT4lTIbhJQPwvg+rOjdPAbkskJRH9H8a9Hoe/+4kXMlFQ4/3yJIfgAyNTC6LJQYzJKKJaIJbM36SjAS3OFVFBYkDsCOATuzQpn7Y7F3hotZKEoq3NXxIki8AUM4JuLzRWF2b4SME5DJ+YQ8CXJ70WcqoY7HenrfdOpxuyApHOQzJOkZHmwK84V4T+LtQoM3I+vsCh6VQr6FsVKZqh8X4VmnHcMp4BXC4hyFPINBj8ejifedOtfSvjCaGg00Nf4IDNxeago0Ny4mRy9+n29z1UrxGSJpfMoKIPQIZvFFvnI5n7EbD2M3PlvBWn40/4zlVioYDN5qeOQI2FeAUDcIlXWFnBNKJi9ONDXfP0+CHsIp2tvcfN+ZZHJsjvWkrez1yuMgVMOHGoR6bPlW1vqsAo9xtduxwDQpdozsh/ja8y3bLBH2aaFIaFdHV8e9sJGbsJs9xtPuBviahz2QPTXYetkPbebah0Kh+kgk9ImgyikPiZRX0CjI7XQjY/dpPOAyPvNgOc8GP2rlBjtGrjdSDnUdqjM8YgzO5TGM8+CXWV5a2nM6evqH9dq5iqt5yJWXK4k63LeJzaxSlfIl4F4bLAKa0KlT7yYdhFbdckefWMFVE5hYHb/seZVaWEm/y5zaJdptbW03CVpZZa2q1DknoSNHngvA971awlQePrVIK/xg332+1EBnf1WV7w7IfDk50f5wOMTeWhcmZHg8X6HRaImKVxY+8+Ez4GdNftsXH1G4J2uIf7c5ukiKYyCGOS4NWYSqSYlZh9qaZh6+X3KAxhocfqzRLCGg/2gaG7/gVGNi0jC+g7za6uPVci02PvPB9ola1uZ4yHWUo/PgwYPVvm3yS6xxhaNLN7WLwROi0UumOfVhIZ18mY3PfCSHsNzJAVq+ktszE9p+czXPPuCmB0a/KjPbGo9/PO+qh04bn/nA13FMTbdxxIi+qVKDXQglESN9i/HszTOImL6ZmcmcHRwcXLO9hTAsfHgFleaDzmdppw5hBZygS3EjdGUms2dgYCDjMty1i/ERmLJOGtvHWQcKYmpdF/nbSkIa0sJnPnCeSsfKcLkI8guXLScE2Kv4ahjPQoYjHWnclvpFZd7jfNW0t7ffWHmD92voOQ918lq3zF4CHb+TvIRo4XIs2uvnF7IJZkOsoLMOW9Oqx8fHF3CL/nSIy0aI7dq4Fg+TScH7Zk+AZRZreIBZs8wuIyMjS2NjvzwNYmctWVkJaTzgMj7zYAxNSmeuOlEkQ6dBNiOrtokhTH6lXFtmQzAejo7BiaqdQfOZ0oVjdK+PfodCDdKq7nKmVTaGs7bSrZNYpVkSC3fZmXMucUilUnOBwC64B3pSktzNaRAH905D5WpzNgOcAdiDzzWfiMX6frJt50ixIJlM/RZ4oHERGcZurFgLiP28FcSs9OojQFaA0UuxaKLfJsT1KlIs4MQQZG4HqSb8nsLzHIiNcl85Cgh1Id/jFeJUrh8uYE2ikjtTTsDr7luCTfC6++piE9O3Eolqub5PZbPm64lE4m/bfqG66PY5le0vebidrZx1OPuLtpX4CxfsXFm/5BUA2/Jvnv8DSKy7xdnnD1oAAAAASUVORK5CYII=);
}

.statuspage-incident,
.message {
    padding: 25px 20px 20px 68px;
    background-color: #ffffff;
    background-repeat:  no-repeat;
    background-position: 18px 18px;
    border: 1px solid #73746F;
    border-radius: 10px;
    margin-bottom: 10px;
}

.statuspage-incident-title,
.message-title {
    font-weight: bold;
}

.text-center {
    text-align: center;
}
.logon-formElement.text-center {
    text-align: left;
}
#login-mfa-contact-support.logon-formElement{
    margin-left: 0;
}
/* mfa enrolment*/
.uiTsvPage-needs .step-one {
    background: url('images/step1-2step-verification.png') no-repeat 70% center;
}

.uiTsvPage-needs .step-two {
    background: url('images/step2-2step-verification.png') no-repeat 85% center;
}

.uiTsvPage-stepContent #qrCode img{
    width: 170px;
    height: 170px;
    padding: 15px;
}

.logon-footer {
    width: 400px;
    margin: 0 auto;
    color: white;
}
.logon-footer .oj-text-field-container {
    background: transparent;
    border: none;
}
.logon-footer .oj-text-field-input{
    padding-left: 0!important;
}
.logon-footer a, .logon-footer .oj-text-field-input, .logon-footer .oj-searchselect-open-icon:before{
    color: white;
}
.logon-footer .oj-text-field-container .oj-searchselect-clear-value {
    display: none;
}
.logon-footer .oj-text-field-input, #oj-searchselect-results-selectLanguageAuthFooter,
.global-login a {
    font-size: var(--oj-typography-body-sm-font-size)!important;
    font-weight: 400!important;
    line-height: var(--oj-typography-body-sm-line-height)!important;
}
.logon-footer-device {
    margin: 0 auto;
    padding: 40px 0;
    width: 400px;
}
.logon-footer-device .appicons-android img{
    height: 60px;
}
.logon-body, .logon-body-main {
    min-height: 100vh;
    margin-bottom: -150px;
}
.logon-body-push, .logon-body-sticky-footer {
    height: 150px;
}
.user-name-entered-value{
    text-overflow: ellipsis;
    white-space: inherit;
    overflow: hidden;
}
.user-name-entered-div{
    display: flex;
    align-items: center;
    font-weight: bold;
}
.flex-none{
    flex: none;
}

.lobby-migration-screen{
    backgroud-image: 'images/illust-welcome-banner-bg-02.png';
    /*max-width: 4800px;*/
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
}
#globalBody:has(.lobby-migration-screen) {
    background-image: url('images/background-shell-cx-end.png'), url('images/texture-9.png');
    background-color: #F1EFED;
    background-size: 650px, 400px;
    background-position: bottom;
    background-repeat: repeat-x;
}
.tall-padding{
    padding-top: 1em;
}
oj-sp-welcome-page, .lobby-welcome-page{
    width: 80%;
    max-width: 2200px;
    background-color: #FBF9F8;
}
oj-sp-welcome-page .oj-sp-welcome-page-container, .lobby-welcome-page .lobby-welcome-page-container,.lobby-welcome-page .lobby-user-creation-confirmation-page-container,.lobby-welcome-page .linked-account-confirmation-page-container {
    margin: 0 auto;
    min-height: 100vh
}

.oj-sp-header-welcome-banner .oj-sp-header-welcome-banner-image-panel {
    background-color: #6E7491;
}
.oj-sp-header-welcome-banner-container {
    --oj-sp-header-welcome-banner-background-color: #6E7491!important;
}

/** lobby welcome banner **/
lobby-welcome-banner {
    --lobby-welcome-banner-background-color:  #6E7491;
}
lobby-welcome-banner .oj-sp-typography-display-6 {
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 1.75rem !important;
    font-weight: 400 !important;
    line-height: 1.2858 !important;
}
lobby-welcome-banner:not(.lobby-welcome-banner-background-auto):not(.lobby-welcome-banner-sm) {
    display: block;
    margin-bottom: 2rem; /* Offset of 32 px when the background is not auto */
}

lobby-welcome-banner .lobby-welcome-banner-container {
    position: relative;
    width: 100%;
    min-height: 12.25rem;
    background-color: var(--lobby-welcome-banner-background-color) !important;
}

lobby-welcome-banner .lobby-welcome-banner-image-panel {
    position: relative;
    width: 50%;
    background-color: var(--lobby-welcome-banner-background-color);
}

lobby-welcome-banner .lobby-welcome-banner-full-bleed-image-panel {
    width: 100%;
    background-color: var(--lobby-welcome-banner-background-color);
}

lobby-welcome-banner:not(.lobby-welcome-banner-sm) .lobby-welcome-banner-texture {
    position: relative;
    height: 100%;
    overflow: hidden;
}

lobby-welcome-banner .lobby-welcome-banner-texture::after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    width: 100%;
    height: 22rem;
    background-image: url(images/illust-welcome-banner-bg-04.png);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
}

lobby-welcome-banner:not(.lobby-welcome-banner-sm) .lobby-welcome-banner-gradient {
    -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 4%, rgba(0, 0, 0, 0.9) 40%, rgba(0, 0, 0, 1) 100%);
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 4%, rgba(0, 0, 0, 0.9) 40%, rgba(0, 0, 0, 1) 100%);
}

lobby-welcome-banner.lobby-welcome-banner-md .lobby-welcome-banner-gradient {
    -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 4%, rgba(0, 0, 0, 0.9) 40%, rgba(0, 0, 0, 1) 100%);
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 4%, rgba(0, 0, 0, 0.9) 40%, rgba(0, 0, 0, 1) 100%);
}

html[dir=rtl] lobby-welcome-banner:not(.lobby-welcome-banner-sm) .lobby-welcome-banner-gradient {
    -webkit-mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 4%, rgba(0, 0, 0, 0.9) 40%, rgba(0, 0, 0, 1) 100%);
    mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 4%, rgba(0, 0, 0, 0.9) 40%, rgba(0, 0, 0, 1) 100%);
}

html[dir=rtl] lobby-welcome-banner.lobby-welcome-banner-md .lobby-welcome-banner-gradient {
    -webkit-mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 4%, rgba(0, 0, 0, 0.9) 40%, rgba(0, 0, 0, 1) 100%);
    mask-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 4%, rgba(0, 0, 0, 0.9) 40%, rgba(0, 0, 0, 1) 100%);
}

lobby-welcome-banner:not(.lobby-welcome-banner-sm) .lobby-welcome-banner-image {
    position: absolute;
    bottom: -2rem; /* -32 px */
    right: 0;
    width: 100%;
    height: 14.25rem; /* 228 px */
    object-fit: cover;
    z-index: 1;
}

@media screen and (max-width: 599px) {
    lobby-welcome-banner .lobby-welcome-banner-main-panel .lobby-welcome-banner-inflow {
        margin-top: -1rem;
    }
    lobby-welcome-banner .lobby-welcome-banner-image-panel {
        display: none;
    }
    lobby-welcome-banner .lobby-welcome-banner-main-panel {
        width: 100% !important;
    }
}

@media screen and (min-width: 600px) and (max-width: 1280px) {
    lobby-welcome-banner .lobby-welcome-banner-main-panel .lobby-welcome-banner-inflow {
        margin-top: -1.2rem;
    }
}

@media print and (orientation: portrait), screen and (max-width: 599.9px) {
    lobby-welcome-banner .lobby-welcome-banner-container {
        max-width: 100vw;
    }
}

@media screen and (min-width: 1281px) {
    lobby-welcome-banner:not(.lobby-welcome-banner-background-auto) .lobby-welcome-banner-image {
        object-fit: contain;
    }

    lobby-welcome-banner .lobby-welcome-banner-main-panel .lobby-welcome-banner-inflow {
        margin-top: -1.2rem;
    }
}

lobby-welcome-banner .lobby-welcome-banner-full-bleed-image {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

lobby-welcome-banner .lobby-welcome-banner-scrim-image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    opacity: 1;
    pointer-events: none;
    mix-blend-mode: var(--oj-sp-header-scrim-opacity);
    background-image: var(--lobby-welcome-banner-scrim-url);
}

lobby-welcome-banner.lobby-welcome-banner-sm .lobby-welcome-banner-image {
    position: relative;
    height: 100%;
    left: -50%;
}

lobby-welcome-banner.lobby-welcome-banner-background-auto:not(.lobby-welcome-banner-sm) .lobby-welcome-banner-image {
    top: 0;
    bottom: initial;
    height: 100%;
}

lobby-welcome-banner .lobby-welcome-banner-main-panel {
    width: 50%;
    z-index: 1;
    padding-left: var(--oj-sp-template-padding-start) !important;
    padding-right: var(--oj-sp-template-padding-end) !important;
}

lobby-welcome-banner .lobby-welcome-banner-title-panel {
    width: 100%;
}

lobby-welcome-banner .lobby-welcome-banner-search-panel {
    max-width: 37.5rem;

    /* Assigning values to JET variables instead of overriding classes */
    --oj-text-field-border-color: rgba(var(--oj-palette-neutral-rgb-190), 0.5);
    --oj-text-field-bg-color: rgba(var(--oj-palette-neutral-rgb-0));
    --oj-text-field-text-color: rgb(var(--oj-palette-neutral-rgb-190));

    /* This should be removed once we resolve the design challenge through jira https://jira.oraclecorp.com/jira/browse/SPECTRAUI-18770 */
    --oj-private-icon-color: rgb(var(--oj-palette-neutral-rgb-190));
}

lobby-welcome-banner .lobby-welcome-banner-toolbar-container {
    height: 2.75rem;
}

lobby-welcome-banner .lobby-welcome-banner-toolbar {
    padding-bottom: 0;
    padding-top: 0; /* overwrite top and bottom padding in oj-toolbar */
}

lobby-welcome-banner .lobby-welcome-banner-sm-toolbar {
    display: inline-block;
}

lobby-welcome-banner .lobby-welcome-banner-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

lobby-welcome-banner .lobby-welcome-banner-no-wrap {
    white-space: nowrap;
}

lobby-welcome-banner .lobby-welcome-banner-main-panel .lobby-welcome-banner-inflow {
    margin-left: -0.85rem;
}

/* Medium Size */

/* Medium Size - Image Panel */
lobby-welcome-banner.lobby-welcome-banner-md .lobby-welcome-banner-image-panel {
    width: 45%;
    background-color: var(--lobby-welcome-banner-background-color);
}

/* Medium Size - Main Panel */
lobby-welcome-banner.lobby-welcome-banner-md .lobby-welcome-banner-main-panel {
    width: 55%;
}

lobby-welcome-banner.lobby-welcome-banner-md .lobby-welcome-banner-full-bleed-image-panel {
    width: 100%;
    background-color: var(--lobby-welcome-banner-background-color);
}

/* Small Size */

/* Small Size - Image Panel */
lobby-welcome-banner.lobby-welcome-banner-sm .lobby-welcome-banner-image-panel {
    width: 100%;
    overflow: hidden;
    background-color: var(--lobby-welcome-banner-background-color);
}

/* Small Size - Image */
lobby-welcome-banner.lobby-welcome-banner-sm .lobby-welcome-banner-image-container {
    height: 9.25rem; /* 148px */
    width: 200vw;
    position: relative;
    text-align: center;
    left: 50%;
}

lobby-welcome-banner.lobby-welcome-banner-sm .lobby-welcome-banner-full-bleed-image-container {
    height: 9.25rem; /* 148px */
    width: 100%;
    position: relative;
    text-align: center;
}

lobby-welcome-banner.lobby-welcome-banner-sm .lobby-welcome-banner-full-bleed-image {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

lobby-welcome-banner.lobby-welcome-banner-sm .lobby-welcome-banner-scrim-image {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    top: 0;
    left: 0;
    background-size: 100% 100%;
    pointer-events: none;
    background-image: var(--lobby-welcome-banner-scrim-url);
}

lobby-welcome-banner.lobby-welcome-banner-sm.lobby-welcome-banner-background-auto .lobby-welcome-banner-image-container,
lobby-welcome-banner.lobby-welcome-banner-sm.lobby-welcome-banner-background-auto .lobby-welcome-banner-image {
    object-fit: cover;
    right: initial;
    width: 100%;
}

lobby-welcome-banner.lobby-welcome-banner-sm .lobby-welcome-banner-container {
    min-height: 9.25rem; /* 148px */
    max-width: 100vw;
    background-color: var(--lobby-welcome-banner-background-color-darker-shade) !important;
}

/* Small Size - Main Panel */
lobby-welcome-banner.lobby-welcome-banner-sm .lobby-welcome-banner-main-panel {
    width: 100%;
    background-color: var(--lobby-welcome-banner-background-color-darker-shade);
}

/** RTL **/
html[dir=rtl] lobby-welcome-banner.lobby-welcome-banner-sm .lobby-welcome-banner-image {
    left: initial;
    right: -50%;
}

html[dir=rtl] lobby-welcome-banner:not(.lobby-welcome-banner-sm) .lobby-welcome-banner-image {
    right: initial;
    left: 0;
}

html[dir=rtl] lobby-welcome-banner.lobby-welcome-banner-sm .lobby-welcome-banner-image-container {
    left: initial;
    right: 50%;
}

html[dir=rtl] lobby-welcome-banner:not(.lobby-welcome-banner-sm) .lobby-welcome-banner-scrim-image {
    left: initial;
    transform: scaleX(-1);
}

html[dir=rtl] lobby-welcome-banner .lobby-welcome-banner-full-bleed-image {
    transform: scaleX(-1);
}

html[dir=rtl] lobby-welcome-banner.lobby-welcome-banner-sm .lobby-welcome-banner-scrim-image {
    left: initial;
    transform: scaleX(-1);
}

html[dir=rtl] lobby-welcome-banner .lobby-welcome-banner-main-panel {
    padding-left: var(--oj-sp-template-padding-end) !important;
    padding-right: var(--oj-sp-template-padding-start) !important;
}

html[dir=rtl] lobby-welcome-banner .lobby-welcome-banner-main-panel .lobby-welcome-banner-inflow {
    margin-right: -0.85rem;
}

@media print, screen and (min-width: 1440px) {
    :root {
        --oj-sp-template-padding-start: var(--oj-core-spacing-12x);
        --oj-sp-template-padding-end: 0;
    }
}

@media print, screen and (min-width: 600px) and (max-width: 1439px) {
    :root {
        --oj-sp-template-padding-start: var(--oj-core-spacing-6x);
        --oj-sp-template-padding-end: 0;
    }
}

/* Styles for opting out of the dynamic padding */
@media print, screen and (min-width: 1024px) and (max-width: 1439px) {
    lobby-welcome-banner.oj-sp-dynamic-paddings-off .lobby-welcome-banner-main-panel {
        padding-left: var(--oj-core-spacing-12x) !important;
        padding-right: 0 !important;
    }

    html[dir="rtl"] lobby-welcome-banner.oj-sp-dynamic-paddings-off .lobby-welcome-banner-main-panel {
        padding-right: var(--oj-core-spacing-12x) !important;
        padding-left: 0 !important;
    }
}

@media print, screen and (max-width: 599px) {
    :root {
        --oj-sp-template-padding-start: var(--oj-core-spacing-4x);
        --oj-sp-template-padding-end: var(--oj-core-spacing-4x);
    }
}
/** lobby welcome banner end **/

@media only screen and (max-width: 400px) {
    .statuspage-incident {
        width: 100%;
        margin: 0;
        border-color: transparent;
    }
    .logon {
        padding-top: 0;
    }
    .logon-panel {
        border-color: transparent;
        font-size: 1.286em;
        width: 100%;
    }
    .logon-banner {
        display: none;
    }
    #incident {
        padding: 0;
        min-height: 0;
        width: auto;
    }
    #system-use-modal .auiModal-dialog {
        width: 100%;
    }
    .logon-footer, .logon-footer-device {
        width: 90%;
    }
}

:root {
    --oj-message-component-icon-to-text-padding: 0.15rem;
}