.ii-page {
    background-color: var(--bg-color-primary);
}

#login-body {
    font-family: "lvmh";
}

#login-body .bg-primary {
    background-color: var(--bg-color-primary) !important;
}
#login-body .text-primary {
    color: var(--text-color-primary) !important;
}
#login-body .btn-primary {
    --bs-btn-color: var(--bs-black);
    --bs-btn-bg: var(--bg-color-horizontal-subnav-off);
    --bs-btn-border-color: var(--bg-color-horizontal-subnav-off);

    --bs-btn-hover-color: var(--bs-black);
    --bs-btn-hover-bg: var(--bg-color-horizontal-subnav-on);
    --bs-btn-hover-border-color: var(--bg-color-horizontal-subnav-on);

    --bs-btn-disabled-color: var(--text-color-horizontal-subnav);
    --bs-btn-disabled-bg: var(--bg-color-horizontal-subnav-off);
    --bs-btn-disabled-border-color: var(--bg-color-horizontal-subnav-off);
}
#login-body .btn-primary:hover {
    color: var(--bs-black);
    background-color: var(--bg-color-horizontal-subnav-on);
}
#login-body .btn-primary[disabled] {
    opacity: .8;
}
#login-body .border-primary {
    border-color: var(--bg-color-primary) !important;
}

#login-body .btn {
    --bs-btn-border-radius: 0;
    font-family: "AvenirNextText";
}
#login-body .form-control,
#login-body .form-select {
    --bs-border-radius: 0 !important;
}

#login-body .btn-outline-dark {
    --bs-btn-color: var(--bs-black);
    --bs-btn-border-color: var(--bs-black);
    --bs-btn-hover-bg: var(--bs-black);
    --bs-btn-hover-border-color: var(--bs-black);
    --bs-btn-active-bg: var(--bs-black);
    --bs-btn-active-border-color: var(--bs-black);
    --bs-btn-disabled-color: var(--bs-black);
    --bs-btn-disabled-border-color: var(--bs-black);
    font-size: .9rem;
}

#login-body .form-control:focus,
#login-body .form-control.is-valid:focus,
#login-body .form-select.is-valid,
#login-body .form-control.is-invalid:focus,
#login-body .form-select.is-invalid,
#login-body .form-check-input:focus,
#login-body .navbar-toggler:focus,
#login-body .accordion-button:focus {
    box-shadow: none;
    border-color: inherit;
}

.logo-europa {
    font-family: "arial";
    font-weight: normal;
    letter-spacing: .05em;
    font-size: 3.75em;
    line-height: 1em;
    margin: 0;
}

.logo-europa-bo {
    font-family: "arial";
    font-weight: normal;
    letter-spacing: .05em;
    font-size: 2em;
    line-height: 1em;
    margin: 0;
}

.logo-emas {
    font-family: "arial";
    font-weight: normal;
    font-size: 2em;
    line-height: initial;
    margin: 0;
}

.logo-header {
    height: 100px;
}

/*
.btn.btn-icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .5rem;
}
*/

#login-body {
    background-color: var(--bg-color-login);
    height: 100vh;
    display: flex;
    align-items: center;
}

#login-body .form-container {
    background-image: url("/asset/image/login_img-BerlaymontBuildingGreen.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
#login-body .form-container form {
    font-size: 1.1em;
}
#login-body .form-container form .form-control {
    line-height: 1.5 !important;
}
#login-body .form-container form ::placeholder {
    color: var(--text-color-grey);
    font-family: "arial";
}
#login-body .form-container form .input-group button {
    font-family: "arial";
}
#login-body .form-container form .input-group button:hover {
    background-color: var(--bs-black);
}
#login-body .form-container form a {
    font-family: "arial";
    color: var(--link-color);
    font-size: .8em;
    line-height: 1.25;
}
#login-body .form-container form a:hover {
    text-decoration: underline;
}

.logo-lvmh {
    font-family: "lvmh";
    font-weight: normal;
    letter-spacing: .05em;
    font-size: 3.75em;
    line-height: 1em;
    margin: 0;
}
.logo-cascade {
    font-family: "AvenirNextText";
    font-weight: normal;
    font-size: 2em;
    line-height: initial;
    margin: 0;
}

/*
header > nav {
    background-image: url("/asset/image/header_img.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
*/

header nav.navbar,
header .nav-tabs {
    background-color: var(--bg-color-primary) !important;
    font-family: "arial";
    color: white;
}