/*
    Document   : override
    Created on : <date>
    Author     : <author>
    Description:
        This is where any of your application specific styles should be included
*/
.demo-oracle-icon {
    width:137px;
    height:18px;
    content:url("images/oracle_logo.svg")
}

html:not([dir="rtl"]) .demo-oracle-icon {
    padding-right:4px
}

html[dir="rtl"] .demo-oracle-icon {
    padding-left:4px
}

.demo-oracle-icon:before {
    display:inline
}

.demo-appheader-avatar {
    width:24px;
    height:24px
}

.demo-appheader-avatar:before {
    content:url("images/avatar_24px.png")
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
    .demo-appheader-avatar:before {
        content:url("images/avatar_24px_2x.png");
        -webkit-transform:translate(-25%, -25%) scale(0.5);
        transform:translate(-25%, -25%) scale(0.5)
    }
}

/* ------------ Login Page Styling ------------ */
.redwood-wallpaper {
    min-height: 100vh;
    background-image: url("images/byod.png");
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.header-container {
    background-color: #3a3632;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
}

.nav-left{
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-left span {
    margin-left: 8px;
    color: white;
    font-size: 18px;
}

/* White card with depth */
.wos-auth-card{
  position:relative; 
  overflow:hidden;
  background:#fff; 
  border-radius:16px;
  box-shadow:0 16px 40px rgba(0,0,0,.12);
  padding:3.5rem 4rem; 
  max-width:640px; 
  text-align:center;
  transform: translateY(-8vh);
}

/* top stripe using a small */
.wos-auth-card--stripe-img::before{
  content:""; position:absolute; top:0; left:0; right:0; height:8px; /* thickness */
  background-image:url("images/login-stripe.png");
  background-repeat:repeat-x;
  background-size:auto 8px;   /* scale the tile to the stripe height */
  background-position:left top;
  pointer-events:none;
}

.wos-auth-title {
  margin: 0 0 1.25rem;
  font-size: clamp(1.0rem, 2vw, 2rem);
  font-weight: 600;
  color: var(--oj-core-text-color-primary, #1f1f1f);
}