body {
    background-color: var(--gov-color-blue);
    min-height: 100vh;
}

body div.container {
    margin-left: 0px;
    background: none;
    padding: 11em calc(20vw - 100px) 0;
}

.login-body h1 {
    color: white;
    text-align: center;
    margin-bottom: 0.5em;
    font-size: 2.25em;
}

body div.login-body div.gov-container {
    background: var(--gov-color-white);
    border-radius: 3px;
    box-shadow: 0 0 6px 1px var(--gov-color-grey);
}

.gov-login-logo {
    position: absolute;
    top: 1em;
    left: 2em;
    height: 8em;
    width: 25em;
}

#gov-accordion-nia {
    padding: 0;
    font-size: 1rem;
}

#gov-accordion-nia > a {
    padding: 0.9375rem .5rem;
    width: 100%;
    display: flex;
    align-items: center;
}

#gov-accordion-nia, #gov-accordion-header-login {
    background-color: transparent;
    border-color: transparent;
}

.loginContainer {
    flex-direction: row;
    justify-content: space-around;
}

.loginContainer .gov-accordion__header {
    justify-content: flex-start;
}

.loginContainer button.gov-accordion__header *, .loginContainer button.gov-accordion__header {
    font-size: 1rem!important;
    color: var(--gov-color-grey-dark)!important;
    line-height: inherit;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    text-shadow: unset;
    text-decoration: none;
}

.loginContainer button.gov-accordion__header span:before {
    color: var(--gov-color-yellow)!important;
    margin-right: 1rem;
    font-size: 2rem;
}

.loginMethods {
    display: flex;
    flex-direction: column;
}

.loginMethods > button {
    flex: auto;
}

#gov-accordion-content-login .gov-accordion__content-inner div.gov-form-control {
    margin-top: 0.1em;
    margin-left: 0.1em;
    margin-right: 0.1em;
}

.loginContainer span.gov--custom-icon--lion, .loginContainer span.gov--custom-icon--lock {
    background-size: 100%;
    background-repeat: no-repeat;
    height: 2rem;
    width: 1.7rem;
    min-width: 1.7rem;
    margin-right: 1.3rem;
    display: inline-block;
}

.loginContainer span.gov--custom-icon--lion {
    background-image: url(../css/customSvg/cdvIdentitaObcanaLogoDoplnkove.svg);
    height: 6rem;
    width: 14rem;
    min-width: 14rem;
}

.loginContainer span.gov--custom-icon--lock {
    background-image: url(../css/customSvg/cdvLockLogo.svg);
}

.login-body .loginButton {
    margin: auto;
    display: block;
    margin-bottom: 0.25em;
    padding: .625rem 0;
}

.login-body .loginButtonInverse {
    margin: auto;
    display: block;
    margin-bottom: 0.25em;
    padding: 2.625rem 0;
}

.loginButton a {
    padding: 1em 1em;
}

.loginButtonInverse a {
    padding: 1em 1em;
    background-color: white;
    color: var(--gov-color-blue);
    font-size: 1.8em;
}

.loginButtonInverse:hover {
    background-color: var(--gov-color-blue);
    color: white;
}
.loginButtonInverse a:hover {
    background-color: var(--gov-color-blue);
    color: white;
}

button a.buttonLink {
    color: var(--gov-color-white);
    text-decoration: none;
}
button a.buttonLinkInverse {
    display: inline-block;
    color: var(--gov-color-blue);
    text-decoration: none;
}

button#therapyListBtn {
    margin-top: 0.5em;
}

#gov-accordion-content-login.is-expanded {
    min-height: fit-content!important;
    height: auto!important;
    visibility: visible!important;
    overflow: initial!important;
}

@media (max-width: 899px) {
    body div.container {
        padding: 9em calc(20vw - 90px) 0;
    }
    .login-body h1 {
        font-size: 1.8em;
    }
    .loginContainer {
        flex-direction: column;
    }
    .loginContainer .gov-layout__col {
        min-width: 230px;
    }
    .loginContainer .gov-layout__col.gov-layout__col--pos-right {
        margin-top: 1em;
    }
}

@media (max-width: 499px), (max-height: 499px) {
    body div.container {
        padding: 0;
    }
    .gov-login-logo {
        top: 2em;
        left: 1em;
        height: 6em;
        width: 18em;
    }
    .login-body {
        transform: scale(0.9);
        margin-top: 5.5em;
    }
    .loginContainer .loginButton {
        min-width: -webkit-fill-available;
    }
    .loginContainer .loginButtonInverse {
        min-width: -webkit-fill-available;
    }
}

/*darkmode*/
html[data-force-color-mode="dark"], :root[data-force-color-mode="dark"] body div.container {
    /*background-color: var(--gov-color-blue-dark);*/
    background-color: var(--gov-color-grey-bg);
    color: var(--gov-color-grey-inactive);
}

:root[data-force-color-mode="dark"] body div.login-body div.gov-container {
    background: var(--gov-color-blue-hover);
    color: var(--gov-color-grey-inactive);
    border: 1px solid var(--gov-color-blue-light);
}

:root[data-force-color-mode="dark"] h1, :root[data-force-color-mode="dark"] h2, :root[data-force-color-mode="dark"] p, :root[data-force-color-mode="dark"] a, :root[data-force-color-mode="dark"] a:visited {
    color: var(--gov-color-grey-light);
}

:root[data-force-color-mode="dark"] .loginContainer button.gov-accordion__header *, :root[data-force-color-mode="dark"] .loginContainer button.gov-accordion__header {
    color: var(--gov-color-grey-light)!important;
}

:root[data-force-color-mode="dark"] #gov-accordion-header-login:hover, :root[data-force-color-mode="dark"] #gov-accordion-nia:hover,
:root[data-force-color-mode="dark"] .gov-button--primary:hover, :root[data-force-color-mode="dark"] input[type="button"]:hover, :root[data-force-color-mode="dark"] input[type="submit"]:hover, :root[data-force-color-mode="dark"] table input[type="button"]:hover, :root[data-force-color-mode="dark"] table input[type="submit"]:hover {
    background: var(--gov-color-blue-light);
}

:root[data-force-color-mode="dark"] .gov-button--primary, :root[data-force-color-mode="dark"] input[type="button"], :root[data-force-color-mode="dark"] input[type="submit"], :root[data-force-color-mode="dark"] table input[type="button"], :root[data-force-color-mode="dark"] table input[type="submit"] {
    background-color: var(--gov-color-blue-hover);
}