/* LOGIN PAGE */

html,
body.login {
  height: 100%;
}


/* ── Modern Login (ui_moderno) ── */
body#login_page_moderna {
	min-height: 100vh;
	font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	background: #070707 url(../img/bg.png) no-repeat center center fixed;
	background-size: cover;
}
body#login_page_moderna .login-wrapper {
	position: relative;
	z-index: 1;
}
body#login_page_moderna .card-login {
	border: none;
	border-radius: 1rem;
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
	background: #fff;
}
body#login_page_moderna .card-login .card-body {
	padding: 2.5rem;
}
body#login_page_moderna .login-logo {
	max-width: 180px;
	height: auto;
}
body#login_page_moderna .login-title {
	font-size: 1.15rem;
	font-weight: 700;
	color: #5a5c69;
}
body#login_page_moderna .form-control-user {
	border-radius: 10rem;
	padding: 1rem 1.25rem;
	font-size: .85rem;
	border: 1px solid #d1d3e2;
	background: #f8f9fc;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
body#login_page_moderna .form-control-user:focus {
	border-color: #bac8f3;
	box-shadow: 0 0 0 .2rem rgba(78,115,223,.25);
	background: #fff;
}
body#login_page_moderna .form-control-user::placeholder {
	color: #b7b9cc;
	font-weight: 300;
}
body#login_page_moderna .form-control-user:-ms-input-placeholder {
	color: #b7b9cc;
	font-weight: 300;
}
body#login_page_moderna .btn-user {
	border-radius: 10rem;
	padding: .75rem 1rem;
	font-size: .85rem;
	font-weight: 600;
	letter-spacing: .02em;
	text-transform: uppercase;
}
body#login_page_moderna .login-alert {
	border-radius: .65rem;
	font-size: .82rem;
}
body#login_page_moderna .login-footer {
	font-size: .75rem;
	color: #b7b9cc;
}
@media (max-width: 576px) {
	body#login_page_moderna .card-login .card-body { padding: 1.75rem; }
}

body.login {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background: #070707 url(../img/bg.jpg) no-repeat center top fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: visible;
}

.login-block .login-block-content .login-block-header h2 {
    color: #fff;
    font-weight: 300;
    font-size: 50px;
    text-align: left;
}
#main-content .inner-content {
    min-height: auto;
}
.login-block {
    width: 368px;
    margin: 0 auto;
}
.login-block-content {
    background: none;
    border: none;
}
.login-block-header {
    background: #fff;
    padding: 10px;
}
.login-block-body {
    background: #fff;
    padding: 34px 48px;
}

form#user-login {
    margin: 20px 0 0 0;
}

form#user-login .form-item .form-control {
    color: #9a9a9a;
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 6px;
    font-style: italic;
}
form#user-login .form-actions p .btn {
    width: 100%;
    display: block;
    padding: 10px 24px;
    margin: 36px auto;
}
form#user-login .form-actions p a.forgot, 
form#user-login .form-actions p a.back-2-login {
    margin: 0 auto;
    color: #9a9a9a;
    border-bottom: 1px solid #ddd;
    text-align: center;
    display: block;
    width: 160px;
}
body.login footer#footer{
    position:fixed;
    bottom:0;
    background:#fff;
    width:100%;
}


/* ── Modern Login (ui_moderno) ── */
body#login_page_moderna {
	min-height: 100vh;
	font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background: #070707 url(../img/bg.jpg) no-repeat center top fixed; 
	background-size: cover;
}
body#login_page_moderna .login-wrapper {
	position: relative;
	z-index: 1;
}
body#login_page_moderna .card-login {
	border: none;
	border-radius: 1rem;
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
	background: #fff;
}
body#login_page_moderna .card-login .card-body {
	padding: 2.5rem;
}
body#login_page_moderna .login-logo {
	max-width: 180px;
	height: auto;
}
body#login_page_moderna .login-title {
	font-size: 1.15rem;
	font-weight: 700;
	color: #5a5c69;
}
body#login_page_moderna .form-control-user {
	border-radius: 10rem;
	padding: 1rem 1.25rem;
	font-size: .85rem;
	border: 1px solid #d1d3e2;
	background: #f8f9fc;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
body#login_page_moderna .form-control-user:focus {
	border-color: #bac8f3;
	box-shadow: 0 0 0 .2rem rgba(78,115,223,.25);
	background: #fff;
}
body#login_page_moderna .form-control-user::placeholder {
	color: #b7b9cc;
	font-weight: 300;
}
body#login_page_moderna .form-control-user:-ms-input-placeholder {
	color: #b7b9cc;
	font-weight: 300;
}
body#login_page_moderna .btn-user {
	border-radius: 10rem;
	padding: .75rem 1rem;
	font-size: .85rem;
	font-weight: 600;
	letter-spacing: .02em;
	text-transform: uppercase;
}
body#login_page_moderna .login-alert {
	border-radius: .65rem;
	font-size: .82rem;
}
body#login_page_moderna .login-footer {
	font-size: .75rem;
	color: #b7b9cc;
}
@media (max-width: 576px) {
	body#login_page_moderna .card-login .card-body { padding: 1.75rem; }
}