body.login {
    display: flex;
    margin: 0;
    background-image: var(--nk-cp-background)!important;
	background-color: var(--nk-cp-content-bg);
    background-size: cover;
    background-position: center center;
}

#login {
	display: flex;
	flex-direction: column;
	width: 390px;
	max-width: 100%;
	padding: 0 40px;
	border: none;
}

#login h1 a {
	width: 33px;
    height: 40px;
    margin: 90px auto 0;
    background-size: contain;
    background-position: center top;
    left: 0;
    right: 0;
    top: 0;
    position: absolute;
}

#login h1 a, .login h1 a {
    background-image: var(--nk-cp-logo-dark-icon)!important;
}

.nekommerce_night_mode #login h1 a, .login h1 a {
    background-image: var(--nk-cp-logo-light-icon)!important;
}

#login .message,
#login #login_error {
	position: absolute;
    display: block!important;
    top: 100px;
    width: 367px;
    font-weight: var(--nk-cp-font-weight-input);
    padding: 10px!important;
    border: 1px solid;
    border-radius: var(--nk-cp-border-radius-01);
    box-shadow: none;
    z-index: 999;
}

#login .message {
	background-color: var(--nk-cp-alert-bg-info);
	color: var(--nk-cp-alert-font-info);
	border-color: var(--nk-cp-alert-border-info)!important;
}

#login #login_error {
	background-color: var(--nk-cp-alert-bg-error);
	color: var(--nk-cp-alert-font-error);
	border-color: var(--nk-cp-alert-border-error)!important;
}

#login #loginform,
#login #lostpasswordform {
	border: none;
	padding-bottom: 5px;
	padding: 1px;
	display: flex;
	flex-direction: column;
	order: 1;
	background: transparent
}

#login form p.submit {
    margin: 30px 0 0;
}

#login .submit .button-primary,
.login .admin-email__actions .button-primary.button-large {
	color: var(--nk-cp-btn-font-03);
	background: var(--nk-cp-btn-bg-01);
	border-color: var(--nk-cp-btn-border-01);
	border-radius: var(--nk-cp-border-radius-02);
	width: 100%;
	height: 60px;
	font-size: 16px;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 5px;
	margin-bottom: 20px;
	box-shadow: var(--nk-cp-shadows-06);
}

#login form p.admin-email__details {
    margin: 0 0 12px;
}

#login .submit .button-primary:hover,
.login .admin-email__actions .button-primary.button-large:hover {
	background: var(--nk-cp-btn-bg-01-hv);
}

#login .submit .button-primary:active,
#login .submit .button-primary:focus,
.login .admin-email__actions .button-primary.button-large:active,
.login .admin-email__actions .button-primary.button-large:focus {
	background: var(--nk-cp-btn-bg-01-fc);
	box-shadow: none;
}

.wp-core-ui .button.button-large,
.wp-core-ui .button-group.button-large .button {
	color: var(--nk-cp-btn-bg-01);
    background: transparent;
    border-color: var(--nk-cp-btn-bg-01);
    border-radius: var(--nk-cp-border-radius-02);
	border-width: 2px;
    width: 100%;
    height: 60px;
    font-size: 16px;
	line-height: 3.5;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
	margin-right: 0;
	margin-top: 35px;
    margin-bottom: 5px;
}

.wp-core-ui .button.button-large:hover ,
.wp-core-ui .button-group.button-large .button:hover  {
	color: var(--nk-cp-btn-font-03);
    background: var(--nk-cp-btn-bg-01);
    border-color: var(--nk-cp-btn-bg-01);
}

.wp-core-ui .button.button-large:active,
.wp-core-ui .button.button-large:focus,
.wp-core-ui .button-group.button-large .button:active,
.wp-core-ui .button-group.button-large .button:focus {
	color: var(--nk-cp-btn-font-03);
    background: var(--nk-cp-btn-bg-01-fc);
    border-color: var(--nk-cp-btn-bg-01-fc);
}

#login .login-footer a {
    color: var(--nk-cp-text-01);
    font-size: 12px;  /*13*/
    text-decoration: underline;
}

.login h1.ui-heading,
.login h3.ui-subheading {
	line-height: 1.2;
	text-align: center;
}

.login h1.ui-heading {
	font-size: 34px;
	font-weight: var(--nk-cp-font-weight-semibold);
	margin-bottom: 10px;
	color: var(--nk-cp-heading-01);
}

.login h3.ui-subheading {
	font-size: 16px;
    font-weight: var(--nk-cp-font-weight-input);
	margin-bottom: 40px;
	color: var(--nk-cp-text-01);
}

.login h3.ui-subheading-lostpass {
    border: 1px solid;
    font-weight: var(--nk-cp-font-weight-main);
    font-size: 14px;
    padding: 20px 25px;
    border-radius: var(--nk-cp-border-radius-01);
    margin: 12px 0 20px;
    background-color: var(--nk-cp-alert-bg-info);
    color: var(--nk-cp-alert-font-info);
    border-color: var(--nk-cp-alert-border-info);
}

.login form {
	margin-top: 0;
	padding: 0;
	border: 0;
	background: transparent;
    font-weight: var(--nk-cp-font-weight-main);
	box-shadow: none;
}

#login form p.admin-email__details {
    margin: 0 0 12px;
}

.login-action-confirm_admin_email #login {
	width: 390px;
	max-width: 390px;
	margin-top: auto;
}

.login input.password-input {
	font-family: var(--nk-cp-font-family)
}

.login .forgetmenot label,
.login .pw-weak label {
	line-height: 1.3;
	font-weight: var(--nk-cp-font-weight-semibold);
}

.login .forgetmenot label {
	font-size: 14px!important;
	transform: none!important;
	margin-left: 5px!important;
	width: auto;
}

.login .button.wp-hide-pw {
	width: 56px;
	height: 56px;
	margin: 0;
	padding: 10px;
	border: 0;
	background: transparent;
}

.login .button.wp-hide-pw:focus {
	border: 0;
	box-shadow: none;
	outline: none;
}

.login form .input,
.login input[type=password],
.login input[type=text] {
	font-size: 16px;
	line-height: 1;
    width: 100%;
	margin: 0 0 10px;
	min-height: 56px;
	padding: 25px 40px 5px 20px;
	background-color: var(--nk-cp-input-bg-01)
}

.login #nav {
	margin: 15px 0 0 0;
}

.login #nav,
.login #backtoblog {
	font-size: 12px;  /*13*/
	padding: 0;
	order: 0;
	text-align: right;
}

.login #backtoblog {
	margin: 0;
	display: none!important;
}

.login #backtoblog a {
    display: block;
    margin: 5px 0 3px;
	font-size: 12px;  /*13*/
    font-weight: var(--nk-cp-font-weight-input);
    color: var(--nk-cp-color-01);
}

.login #backtoblog a:hover {
	color: var(--nk-cp-color-01-hv);
	text-decoration: underline;
}

.admin-email__actions div{
	padding-top: 0;
} 

.login #nav-relogin a,
.login #nav-lostpass a,
.admin-email__actions div a {
	font-weight: var(--nk-cp-font-weight-input);
	font-size: 14px;
	line-height: 1.3;
	color: var(--nk-cp-text-01);
	text-decoration: underline;
}

#login .login-footer a:hover,
.login #nav-relogin a:hover,
.login #nav-lostpass a:hover,
.admin-email__actions div a:hover {
	color: var(--nk-cp-heading-01);
}

.login #nav a {
	color: var(--nk-cp-color-01);
	font-weight: var(--nk-cp-font-weight-semibold);
	float: right;
}

.login #nav a {
	display: none;
}

.login label {
	position: absolute;
    margin: 0;
	padding: inherit;
    font-size: 12px;  /*12*/
    font-weight: var(--nk-cp-font-weight-main);
	width: auto;
    -webkit-transform: translateX(1.2rem) translateY(0.4rem);
	transform: translateX(1.2rem) translateY(0.4rem);
	z-index: 50;
}

.login h1.admin-email__heading {
	border-bottom: 0;
	color: var(--nk-cp-heading-01);
	font-size: 26px;
	padding: 0;
	margin-bottom: 40px;
	text-align: center;
}

.login .privacy-policy-page-link {
	text-align: right;
	margin: 50px 0 0;
	display: none;
}

.admin-email__actions {
    display: flex;
    flex-direction: column;
}

.login #nav,
p.forgetmenot {
	display: none;
}

p,
.admin-email__actions-secondary {
	order: 1;
}

.user-pass-wrap,
.admin-email__actions,
.admin-email__actions-primary {
	order: 2;
}

#nav-relogin,
#nav-lostpass,
p.forgetmenot,
.admin-email__actions {
	order: 3;
}

p.submit,
#loginform .jetpack-sso-clear {
	order: 4;
}

#loginform #jetpack-sso-wrap {
    order: 5;
}

#login .login-footer {
	text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    padding: 25px;
}

#nav-relogin a {
	color: var(--nk-cp-color-01);
}

textarea.codeflask__textarea.codeflask__flatten {
	border-width: 0px!important;
}

.jetpack-sso-or span {
    background: var(--nk-cp-content-bg);
    color: var(--nk-cp-text-01);
}

#jetpack-sso-wrap .button {
    background: var(--nk-cp-color-02);
    border-color: var(--nk-cp-color-02);
    border-radius: var(--nk-cp-border-radius-02);
    color: var(--nk-cp-btn-font-03);
    height: 60px;
    font-size: 14px;
	box-shadow: none;
}

.jetpack-sso-or:before {
    background: var(--nk-cp-border-01);
}

#loginform #jetpack-sso-wrap p {
    color: var(--nk-cp-text-01);
}

.interim-login #login {
	margin: 0!important;
	border-radius: 0;
}

.uk-modal,
.wc-backbone-modal-backdrop,
.uk-offcanvas-overlay::before,
.uk-toggle-menu #adminmenuwrap #adminmenu::before {
	background: var(--nk-cp-lightbox-bg);
	transition: opacity var(--nk-cp-time-transition);
	opacity: 1;
}

.uk-toggle-menu #adminmenuwrap #adminmenu::before {
	content: "";
	position: absolute;
	top: 0;
	width: 500%;
	bottom: 0;
	left: 0;
	right: 0;
}

.tokenize>.tokens-container>.token,
.tokenize>.tokens-container>.placeholder,
.tokenize>.tokens-container>.token-search {
	margin: 0 5px 5px 0;
	line-height: 2;
	vertical-align: baseline;
}

.js.login input.password-input, .js.login-action-rp form .input, .js.login-action-rp input[type=text] {
    padding-right: 3.5rem;
}

.dashicons-hidden:before,
.dashicons-visibility:before {
	font-family: 'icommerce';
	color: var(--nk-cp-icon);
	transition: color var(--nk-cp-time-transition) ease-in-out;
}

.dashicons-visibility:before {
	content: "\e9ba";
}

.dashicons-hidden::before {
	content: "\e9bb";
}

.dashicons-hidden:hover:before,
.dashicons-visibility:hover:before {
	color: var(--nk-cp-icon-hv);
}

.dashicons-hidden:focus:before,
.dashicons-visibility:focus:before {
	color: var(--nk-cp-icon-fc);
}

/* .language-switcher {
    display: none;
} */

input#jetpack_protect_answer {
    width: 100%!important;
    margin: 0;
}

/*/ NIGHT_MODE /*/


/* Dispositivos extra pequeños (teléfonos, 600px y menos) */
@media only screen and (max-width: 600px) {
    body.login {
		height: auto;
		width: auto;
        margin: 80px 0;
		background-position: right center;
        /* height: max-content; */
    } 
    #login {
        padding: 90px 25px 25px;
        margin: auto;
    }
    .login h1.ui-heading {
        font-size: 30px;	
    }
	.login h1.ui-heading,
	.login h3.ui-subheading {
		text-align: left;
	}
	.login h1.admin-email__heading {
		font-size: 20px;
		margin-bottom: 25px;
	}
    #login h1 a {
		margin: 25px auto 0 25px;
		/* height: 33px; */
    }
    .login #nav a {
        float: none;
    }
    #login #login_error {
		top: 70px;
		left: 0;
		width: auto;
		margin: 0 20px!important;
    }
    /* #login .login-footer a {
        padding: 0 15px;
    } */
    #login .login-footer {
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        margin: 0;
        /* padding: 25px; */
        text-align: center;
        order: 5;
    }
	#login .login-footer,
    #login .login-footer a {
		font-size: 10px;
        /* color: rgb(255 255 255 / .7); */
    }
	/* .wp-core-ui .button.button-large {
		margin-top: 10px;
	} */
}
/* Dispositivos pequeños (tabletas verticales y teléfonos grandes, 600px y más) */
@media only screen and (min-width: 600px) {
    #login {
        /* margin-left: auto; */
        width: 420px;
    }
    #login h1 a {
		margin: 90px auto 0;
    }
    /* #login .login-footer {
        margin: 70px 0 0;
    } */
}

/* Dispositivos medianos (tabletas horizontales, 768px y más) */
@media only screen and (min-width: 768px) {

}

/* Dispositivos grandes (laptops/desktops, 992px y más) */
@media only screen and (min-width: 992px) {

}

/* Dispositivos extra grandes (computadoras portátiles y de escritorio grandes, 1200px y más) */
@media only screen and (min-width: 1200px) {
    #login {
        width: 390px;
        /* margin-left: 10%; */
    }
    #login h1 a {
		margin: 25px auto 0 25px;
    }
    /* #login .login-footer {
        margin: 90px 0 0;
    } */
}