:root {
    --cas-theme-primary: #2084CF;
    --cas-theme-secondary: #5d91b7;
    --mdc-typography-font-family: Inter;
}
body {
    background: white;
    font-family: Inter;
}
.banner {
    padding-right:10px;
    box-shadow:none;
    border-width: 0;
}
.banner-danger {
    background-color: #FFEBEE;
    border-radius:5px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
}
.banner-warning {
    background-color: #fff9ed;
    color: #b67c00;
}
.banner-info {
    background-color: #f0f9ff;
}
div#content.banner-danger {
    padding: 15px !important;
    text-align:left;
}
#app-bar {
    display:none;
}
#logindrawer {
    position: absolute;
    width: 40%;
    height: calc(100% - 30px);
    z-index: unset;
    margin: 15px;
    border-radius: 10px;
    background: linear-gradient(107deg, #14243E 0%, #010E23 100%);
    color:white;
    user-select: none;
    max-width: 750px;
    overflow: hidden;
}
#logindrawer #cas-logo-section {
    height: 64px;
}
#logindrawer .cas-logo {
    margin:10px;
    position: relative;
}
#logindrawer .omeda-left-content {
    flex-direction: column;
    height: calc(100% - 64px);
    justify-content: center;
}
#logindrawer .omeda-left-content h2 {
    font-size:58px;
    font-size:2.7vw;
}

#logindrawer .omeda-left-content div {
    text-align: center;
    margin: 40px;
    margin-bottom: 6vh;
}
#logindrawer .omeda-left-content img {
    width: 80%;
    mix-blend-mode: hard-light;
}
div.mdc-drawer-app-content {
    margin-left: 41%;
    display: flex!important;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 30px;
}
main#main-content {
    max-width: 48%;
    padding: unset!important;
}
main#main-content > div {
    width:100%;
}

#serviceui {
    background-color: unset;
    margin-bottom: unset!important;
    /*OPS-93588 - hiding from ui due to problems with omeda training after rework */
    display:none;
}
#serviceui img {
    width:100%;
    max-width: 350px;
    margin: auto;
}
#serviceui #servicedesc {
    display:none;
}

.envHeader {
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px 10px 30px;
    width: fit-content;
    margin: 0 0 20px 0;
    color: white;
    background-color: red;
    border-radius: 4px;
}
.envHeader.env-Development{
    background-color:#E03897;
}
.envHeader.env-Staging{
    background-color:#6436C9;
}
.envHeader.env-QA{
    background-color:#FA6C00;
}
div#content, .mdc-card, .login-section {
    box-shadow: none;
    border: none;
    padding: 0;
}
form#fm1 > div > button.mdc-button,
    form#form > button.mdc-button,
    form#passwordManagementForm > div > a.mdc-button,
    form#passwordManagementForm > div > #submit,
    main#main-content > div > form > div > button.mdc-button  {
    width: 100%;
    border-radius: 4px;
    text-transform: none;
    font-size:16px;
    letter-spacing: 0.08px;
    padding-top:12px;
    padding-bottom:12px;
    margin-bottom: 20px;
    height:unset;
    filter:unset;
}
/* Unmarked div surrounding Submit buttons */
form#passwordManagementForm > div.form-group:nth-child(7) {
    display: flex;
}
form#passwordManagementForm .cas-field button {
    border-radius:0;
    height: 48px;
    filter: unset;
}
h3 {
    font-size: 36px;
    margin-bottom: 48px;
}

#passwordSection div {
    margin-top: 37px;
    margin-bottom: 76px;
}
.mdc-text-field--outlined, #passwordSection .mdc-icon-button, .reveal-password.mdc-icon-button {
    height: 48px;
}
.mdc-text-field-helper-line {
    display: none;
}

.form-wrapper hr {
    display:none;
}
#pmlinks a {
    color: #2084CF;
    text-decoration: none;
}
#passwordManagementUserForm {
    display:none;
}
#forgot-password {
    margin-top: -140px;
    margin-bottom: 80px;
}
#pmlinks .mdi-lock-open {
    display:none;
}

.vector-background div {
    width:37vh;
    height:37vh;
    position:absolute;
    filter: blur(17vh);
    mix-blend-mode: lighten;
    transform: rotate(45deg);
}
.vector-background #vector-1 {
    background-color: rgb(3, 255, 238);
    top:22vh;
    left:8vw;
}
.vector-background #vector-2 {
    background-color: rgb(144, 255, 3);
    bottom: 7vh;
    left: -3vh;
}
.vector-background #vector-3 {
    background-color: rgb(42, 95, 210);
    bottom:23vh;
    right:7vh;
}
#video-container {
    overflow:hidden;
    height:100%;
    width:100%;
    position:absolute;
}
#video-container video {
    width: 100%;
    position: absolute;
    bottom: 0;
    transform: scale(4) translateY(-25%);
    mix-blend-mode: lighten;
    opacity: .1;
}

/* Rest your password page */
#reset .offset-lg-3 {
    margin-left: 0px;
    width: unset;
}
.p-4 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

footer.cas-footer {
    margin-left:41%;
    background-color:unset;
    color: black;
    font-size: .8em;
    margin-bottom: 26px;
}
footer.cas-footer span, footer.cas-footer code {
    display:none !important;
}
footer.cas-footer span#copyright {
    display:unset !important;
}


@media screen and (max-width: 900px) {
    #logindrawer {
        width: 100%;
        margin:0;
        margin-bottom: 3vw;
        border-radius: 0;
        height: 100%;
    }

    #logindrawer #cas-logo-section {
        position: unset;
        padding-top: 20px;
    }
    #logindrawer .omeda-left-content img {
        display:none;
    }
    #logindrawer {
        text-align: center;
        position: relative;
        max-width: unset;
    }

    #logindrawer .omeda-left-content div {
        margin: 10px 14% 0 14%;
    }
    #logindrawer .omeda-left-content {
        justify-content:unset;
        margin: -5px;
    }
    #logindrawer .omeda-left-content h2 {
        font-size: 58px;
        font-size: 4.7vw;
    }

    .vector-background {
        position: absolute;
        width: 100%;
    }
    .vector-background div {
        width: 23vw;
        height: 23vw;
        filter: blur(92px);
    }
    .vector-background #vector-1 {
        top: -8vw;
        left: 34vw;
    }
    .vector-background #vector-2 {
        bottom: -35vw;
        left: 19vw;
    }
    .vector-background #vector-3 {
        bottom: -28vw;
        right: 29vw;
    }

    main#main-content {
        max-width: unset;
        top: unset;
        transform: unset;
    }
    .envHeader {
        margin-top: 0;
    }
    div.mdc-drawer-app-content {
        margin: 0 20% 0 20%;
        overflow:unset;
        align-items: unset;
    }
    footer.cas-footer {
        margin-left:unset;
    }
}


@media screen and (max-width: 380px) {
    #logindrawer .omeda-left-content {
        display:none;
    }
    div.mdc-drawer-app-content {
        margin: 0;
        overflow:unset;
    }
}

@media screen and (max-height:500px) {
    footer.cas-footer {
        display:none!important;
    }
}

.eula-text {
    font-size: 0.65em;
    padding-top: 7px;
    text-align: center;
    display: block;
}