@import "/cas/css/cas-a90aca7e2afb259734284377211db332.css";

@font-face {
    font-family: "CocoSharp Regular";
    src: url(/cas/themes/renangers/fonts/CocoSharp-Regular-e3f00e42474be909eda04518f28edeb7.woff);
}

@font-face {
    font-family: "CocoSharp Bold";
    src: url(/cas/themes/renangers/fonts/CocoSharp-Bold-e738cb9e68b732729d900315e69ff545.woff);
}
 
:root {
    --cas-theme-primary: #8acfda;
    --cas-theme-primary-bg: rgba(138, 207, 218, 0.2);
    --mdc-theme-on-primary: #282929;
    --mdc-typography-font-family: "CocoSharp Regular";
    --mdc-typography-button-font-family: "CocoSharp Bold";
}

body {
    font-family: "CocoSharp Regular";
    background: #efefef !important;
}
 
.mdc-card:not(.alert) h1,
.mdc-card:not(.alert) h2,
.mdc-card:not(.alert) h3,
.mdc-card:not(.alert) h4,
.mdc-card:not(.alert) h5,
.mdc-card:not(.alert) h6,
.mdc-card:not(.alert) p {
    color: #eee;
}
 
.mdc-card:not(.alert) {
    background: #282929;
}

#loginErrorsPanel p { color: var(--cas-theme-danger) }

.cas-footer {
    color: var(--mdc-theme-on-primary);
}
 
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: var(--cas-theme-primary)
}

.mdc-button--raised:hover, .mdc-button:hover {
    color: #fff;
    box-shadow: 0px 2px 4px -1px rgba(1, 1, 1, 0.2), 0px 4px 5px 0px rgba(1, 1, 1, 0.14), 0px 1px 10px 0px rgba(1, 1, 1, 0.12);
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__leading { border-color: #777 }
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #777 }
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__notch { border-color: #777 }
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__leading { border-color: var(--mdc-theme-error) }
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__trailing { border-color: var(--mdc-theme-error) }
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__notch { border-color: var(--mdc-theme-error) }
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__leading { border-color: var(--cas-theme-primary) }
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__trailing { border-color: var(--cas-theme-primary) }
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__notch { border-color: var(--cas-theme-primary) }
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #eee
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label { color: #777 }
.mdc-text-field--label-floating:not(.mdc-text-field--disabled,
.mdc-text-field--invalid, .mdc-text-field--focused):hover .mdc-floating-label { color: #eee }
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label { color: var(--mdc-theme-error) }
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label { color: var(--cas-theme-primary) }

#login-form-controls > .btn-primary { width: 100% }
#loginForm hr { display: none }

#pmlinks { text-align: center; color: #eee }
#pmlinks a:hover { color: #eee }

.cas-footer a {
    color: #282929;
    font-family: "CocoSharp Bold";
    text-decoration: underline
}

/* Horrible hack to work around the form autocompletion piss-like color */
input:-webkit-autofill, input:-webkit-autofill:focus {
    box-shadow: 0 0 0 1000px var(--mdc-theme-on-primary) inset;
    -webkit-text-fill-color: var(--cas-theme-primary);
}

/* Removes background image. It does not load. */
.bgimage {
    background-image: unset !important;
}