/*
  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-theme-error: #d9534f;
    --cas-theme-primary: #004263;
    --cas-theme-primary-bg: #004263;
    --cas-theme-button-bg-hover: #1678d8;
    --cas-theme-button-bg: #004263;
    --cas-theme-button-bg-lite: #1e78d0;
    --cas-theme-primary-light: #006d85;
    --cas-theme-mask1: rgba(186, 186, 186, 0.5);
    --cas-theme-mask2: rgba(160, 160, 160, 0.5);
    --cas-theme-secondary: #74C163;
    --cas-theme-success: var(--cas-theme-secondary);
    --cas-theme-danger: var(--mdc-theme-error);
    --cas-theme-warning: #e6a210;
    --cas-theme-border-light: 1px solid rgba(0, 0, 0, .2);
    --mdc-theme-primary: var(--cas-theme-primary);
    --mdc-theme-text-primary-on-background: #fff;
    --mdc-checkbox-unchecked-color: #fff;
    --mdc-theme-secondary: #004263;
}

body {
    background-image: url("/imges/wallpaper.svg");
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--cas-theme-primary-bg);
    color: var(--mdc-theme-on-primary);
}

main {
    margin: auto 0;
}

main,
header {
    backdrop-filter: blur(.1rem);
}

.mdc-text-field {
    height: 2rem;
    border-radius: .5rem;
    background-color: white;
    color: black;
}

.mdc-input-group .mdc-input-group-prepend, .mdc-input-group .mdc-input-group-append {
    height: 100%;
}

#serviceui {
    background-color: transparent;
    border-radius: 4px;
}

#language-selector{
    border-bottom: solid;
}

#language-selector>select {
    background-color: inherit;
    color: inherit;
    border: none;
}

#language-selector:hover {
    background-color: var(--cas-theme-primary-bg);
}

header {
    background-color: var(--cas-theme-mask1) !important;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

#loginForm>div>* {
    flex: 1 1 0;
    max-width: 30rem;
}

.mdc-text-field * {
    border: none;
}

.mdc-card {
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
}

.card-body {
    background-color: var(--cas-theme-mask1);
    border-radius: 1rem;
}

.btn {
    background-color: transparent;
    border: none;
    padding: 0 .5rem;
}

.btn:hover {
    cursor: pointer;
}

.mdc-top-app-bar__section {
    font-size: x-large;
    font-weight: bold;
}

.max-length{
    max-width: 60rem;
}

#loginFormMain {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#sidebar {
    border-radius: 0 0 1rem 1rem;
    background-color: var(--cas-theme-mask2);
}

@media (min-width: 768px) {
    #loginFormMain {
        border-radius: 1rem 0 0 1rem;
    }
    #sidebar {
        border-radius: 0 1rem 1rem 0;
    }
}

.login-section {
    padding: 0;
}

#content {
    box-shadow: none !important;;
}

#main-content{
    max-width:none;
}