html, body {
    height: 100%;
    background-image: url('/assets/images/auth_background.png') !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-color: transparent !important;
    background-size: cover !important;
    overflow: hidden;
}

#main {
    min-height: 0;
    height: 100%;
}

#extr-page #main {
    background: transparent;
}

#extr-page #header {
    background: transparent!important;
}

.page-footer {
    background: transparent!important;
}

#extr-page #header::after, .page-footer::after {
    content: "";
    background-color: white;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

.page-footer::after {
    content: "";
    background-color: black;
    opacity: 0.8;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
}

.error, .help-block {
    color: #b10a00;
}

.swal-button:focus {
    box-shadow: none;
}