/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
    .copyright:not(.vue-not-bs) {
        font-size: 10px;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
    .copyright:not(.vue-not-bs) {
        font-size: 10px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

:not(.vue-not-bs):root {
    --login__header-height: 59px;
}

#login__header:not(.vue-not-bs) {
    height: var(--login__header-height);
}

#login__container:not(.vue-not-bs) {
    width: 500px;
    height: calc(100% - var(--login__header-height));
    padding-top: 100px;
}

.login__item:not(.vue-not-bs) {
    margin-bottom: 1rem;
}

.login__item:not(.vue-not-bs):last-child {
    margin-bottom: 0;
}

body {
    background: url("../../resources/images/login-bg.svg") no-repeat center center fixed;
    background-size: cover;
}