@import "pages.css";

body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.875rem;
    margin: 0;
    padding: 0;
}

#branding img {
    max-width: 175px;
}

#container {
    max-width: 450px !important;
    margin: 0 auto;
    min-width: none !important;
    font-size: 0.875rem;
    min-height: calc(100vh - 170px);
}

.main {
    border: 0 !important;
}

.navigation {
    border: 1px solid #ccc;
    box-shadow:
        3.5px 2.6px 5.3px rgba(0, 0, 0, 0.077),
        11.6px 8.7px 17.9px rgba(0, 0, 0, 0.113),
        52px 39px 80px rgba(0, 0, 0, 0.19);
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 4rem;
}

ul {
    margin: 2rem 1rem;
    padding: 0rem;

}

ul>li {
    list-style: none !important;
    display: block;
    background-color: #fff;
    font-size: 1rem;
    border: 0 !important;
}

ul>li>a {
    font-family: 1rem !important;
    display: block;
    background-color: #184573;
    padding: 0.8rem;
    color: #fff !important;
    border: 0 !important;
}

ul>li>a:hover {
    background-color: #23578b;
    filter: brightness(90%);
}

footer {
    padding: 20px;
    background-color: #eee;
}

.home-logoff-stage {
    margin-top: -20px;
    margin-bottom: 100px;
    display: block;
    text-align: center;
    padding: 0;

}

/** LOGIN STATIC HOME */
.home-login {
    background-color: var(--default-button-bg)!important;
    border-radius: 4px;
}

.home-login:hover {
    background-color: var(--default-button-hover-bg) !important;;
}

/** LOGOFF STATIC HOME */
.home-logoff {
    background-color:  var(--delete-button-bg) !important;
    border-radius: 4px;
}

.home-logoff:hover {
    background-color: var(--delete-button-hover-bg) !important;;
}