/*
  This CSS file is meant to be customized by deployments
  and is intentionally left empty. Any style that is added
  here should override the default styles in the application.
 */

:root {
    --mdc-text-button-label-text-color: #f7f7f7;
    --mdc-shape-small: 4px;
    --mdc-theme-body: #f3f6f8;
    /*--mdc-theme-error: #a20323;*/
    --mdc-theme-error: inherit;
    --cas-theme-primary: #00543C;
    --cas-theme-button-bg-hover: #00543C;
    --cas-theme-primary-bg: #00543C;
    --cas-theme-button-bg: #00543C;
    --cas-theme-button-bg-lite: #1e78d0;
    --cas-theme-primary-light: #006d85;
    --cas-theme-secondary: #018077;
    --cas-theme-success: #74C163;
    --cas-theme-danger: #58151c;
    --cas-theme-danger-bg: #f8d7da;
    --cas-theme-warning: #664d03;
    --cas-theme-warning-bg: #fff3cd;
    --cas-theme-border-light: 1px solid rgba(0, 0, 0, .2);
    --mdc-theme-primary: var(--cas-theme-primary, #00543C);
    --mdc-typography-font-family: "Ubuntu", "Open Sans", Roboto, Arial, sans-serif;

    --navbar-width: 256px;
    --navbar-width-min: 80px;
    --navbar-dark-primary: #18283b;
    --navbar-dark-secondary: #2c3e50;
    --navbar-light-primary: #f5f6fa;
    --navbar-light-secondary: #8392a5;
}


.mdc-top-app-bar {
    background-color: white;
}


#sidebar{
    display: none;
}

#pmlinks{
    text-align: end;
    padding-top: 1em;
}

#loginForm > div > div.form-wrapper > hr {
    display: none;
}

#submitBtn{
    width: 100%;
    transform: none;
    box-shadow: none;
    border: none;
    filter: none;
    min-height: 44px;
}

.login-form-controls{
    text-align: center;
}

#submitBtn > i{
    display: none;
}

#login-form-controls > h2 > i{
    display: none;
}

div#content{
    box-shadow: none;
}

@media screen and (max-width: 767.99px) {
    .login-section {
        padding: 1em 1.5rem;
    }
}


#login-form-controls > h2 > span{
    font-weight: normal;
    font-size: 18px;
}

#pmlinks > div > span.mdi.mdi-account-question{
    display: none;
}



#passwordSection > div.mdc-input-group-field.mdc-input-group-field-append > div{
    display: none;
}

#usernameSection > div {
    display: none;
}

#passwordSection > div.mdc-input-group-field.mdc-input-group-field-append > label {
    border-color:black;
}

#usernameSection > label > span > span.mdc-notched-outline__leading, #usernameSection > label > span > span.mdc-notched-outline__notch, #usernameSection > label > span > span.mdc-notched-outline__trailing{
    border-color:inherit;
}

#pmlinks a {
    text-decoration: none; /* No underline by default */
}

#pmlinks a:hover {
    text-decoration: underline; /* No underline by default */
}

#usernameSection > label > span > span.mdc-notched-outline__notch > span{
    color: black;
}

#passwordSection > div.mdc-input-group-field.mdc-input-group-field-append > label > span > span.mdc-notched-outline__notch > span{
    color: black;
}


#passwordSection > div.mdc-input-group-field.mdc-input-group-field-append > label > button{
    align-self:center;
}



.mdc-text-field--invalid .mdc-text-field__input {
    caret-color: black;
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{
    border-color: black;
}

.mdc-floating-label--required::after{
    display: none;
}

#content > div{
    max-width: 768px;
}

#loginErrorsPanel{
    box-shadow: none;
    padding-top: 0;
    padding-bottom:0;
}

#loginErrorsPanel > h2{
    display: none;
}

#serviceui{
    display: none;
}


#webauthnLoginPanel > div > div.d-flex.justify-content-center.flex-column.mdc-card.card.p-4.m-auto{
    box-shadow:none;
}


#webauthnLoginPanel > div > div.d-flex.justify-content-center.flex-column.mdc-card.card.p-4.m-auto > p{
    display:none;
}

#authnButton{
    filter:none;
}

#authnButtonText {
    visibility: hidden; /* Hide the original text */
    position: relative;
    margin-left: 1em;
    width: 270px;
}

#authnButtonText::before {
    content: "Login with your Fido2 Device"; /* New text */
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
}

#status {
    visibility: hidden; /* Hide the original text */
    position: relative;

    font-weight: normal;
    font-size: 20px;
    margin-top: 1em;
    margin-bottom: 2em;

}

#status::before {
    content: "- OR -";
    visibility: visible;
    position: relative;
    left: 145px;
}

#webauthnLoginPanel > hr{
    margin-top: 2em;
}

#divDeviceInfo{
    display: none !important;
}

#deviceTable{
    display: none;
}

#linkOverview{
    display: none;
}

#linkAttributes{
    display: none;
}

#linkSessions{
    display: none;
}

#webauthnLoginPanel #errorPanel{
    display: none;
}

#submitBtn > span{
    visibility: hidden;
    position: relative;
    width: 100px;
}

#submitBtn > span::after{
    content: "Sign In";
    visibility: visible;
    position: absolute;
    left: 0;
}

#login-form-controls::before{
    content: "Test Instance - New UI";
    font-weight: bold;
}

#passwordSection > div.mdc-input-group-field.mdc-input-group-field-append > label > span > span.mdc-notched-outline__leading,
#passwordSection > div.mdc-input-group-field.mdc-input-group-field-append > label > span > span.mdc-notched-outline__notch,
#passwordSection > div.mdc-input-group-field.mdc-input-group-field-append > label > span > span.mdc-notched-outline__trailing {
    border-color: black;
}