body#authentication #header,
body#authentication main #wrapper .breadcrumb,
body#authentication main #wrapper .page-header,
body#authentication #footer {
	display: none !important;
}

body#authentication main {
	width: 100%;
	height: 100% !important;
    position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
body#authentication main #wrapper {
    width: 680px;
    max-width: 90%;
    padding: 0 !important;
    /* box-shadow: 0 0 40px -10px rgba(0,0,0,0.125); */
    background-color: var(--theme-color-white);
}
body#authentication main #wrapper #content-wrapper {
    margin: 0;
}

body#authentication main #wrapper #content-wrapper .page-content {
    padding: 1.5rem;
    margin-bottom: 0;
}
body#authentication main #wrapper #content-wrapper .page-content .logo {
    display: block;
	margin: 2rem auto;
    width: 11rem;
    max-width: 75%;
}
body#authentication main #wrapper #content-wrapper .page-content #login-form {
    margin-bottom: 2rem;
}
body#authentication main #wrapper #content-wrapper .page-content #login-form > div > .form-group {
    margin-bottom: 0.75rem;
}
body#authentication main #wrapper #content-wrapper .page-content #login-form > div > .form-group > label,
body#authentication main #wrapper #content-wrapper .page-content #login-form > div > .form-group > div {
    width: 100%;
    float: none;
}
body#authentication main #wrapper #content-wrapper .page-content #login-form > div > .form-group > label {
    padding-top: 0;
    margin-bottom: 0.25rem;
}
body#authentication main #wrapper #content-wrapper .page-content #login-form #submit-login {
	display: block;
	width: 100%;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}

body#authentication main #wrapper #content-wrapper .page-footer {
    margin: 0;
}

@media (min-width: 992px) {
    body#authentication main {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    body#authentication main::before {
        position: absolute;
        content: '';
        top: 0;
        right: 50%;
        bottom: 0;
        left: 0;
        width: 50%;
        height: 100%;
        background-image: url(../img/authentication-background.webp);
        background-position: center;
        background-size: cover;
        max-width: 1200px;
    }
    body#authentication main #wrapper {
        width: 50%;
        height: 100%;
        right: 0;
        left: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
    }
    .panel-login > .panel-heading, .panel-login > .panel-body {
        max-width: 700px;
        width: 80%;
    }
}