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

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

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

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

.neko_night_mode #login h1 a,
.login h1 a {
	background-image: var(--ne-cp-logo-light-small) !important;
}

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

#login .message p,
#login #login_error p,
#login .message li,
#login #login_error li {
	font-weight: var(--ne-cp-font-weight-input);
}

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

#login .message, #login #login_error a {
    display: none;
}

.login.login-action-lostpassword #login .message {
	display: none !important;
}

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

#login #loginform,
#login #lostpasswordform {
	border: none;
	padding-bottom: 5px;
	padding: 1px;
	background: transparent
}

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

#login form p#nav-lostpass {
    margin-bottom: 15px;
}

#login .submit .button-primary,
.login .admin-email__actions .button-primary.button-large {
	color: var(--ne-cp-btn-font-03);
	background: var(--ne-cp-btn-bg-01);
	border-color: var(--ne-cp-btn-border-01);
	border-radius: var(--ne-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: 15px;
	margin-bottom: 20px;
	box-shadow: var(--ne-cp-shadows-05);
}

#login .submit .button-primary:hover,
.login .admin-email__actions .button-primary.button-large:hover {
	background: var(--ne-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(--ne-cp-btn-bg-01-fc);
	box-shadow: none;
}

.wp-core-ui .button.button-large,
.wp-core-ui .button-group.button-large .button {
	color: var(--ne-cp-btn-bg-01);
	background: transparent;
	border-color: var(--ne-cp-btn-bg-01);
	border-radius: var(--ne-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: 20px;
	margin-bottom: 0;
}

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

.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(--ne-cp-btn-font-03);
	background: var(--ne-cp-btn-bg-01-fc);
	border-color: var(--ne-cp-btn-bg-01-fc);
	box-shadow: none;
    outline: none;
}

.login-footer a {
	color: var(--ne-cp-font-01);
	font-size: 12px;
	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(--ne-cp-font-weight-semibold);
	margin-bottom: 10px;
	color: var(--ne-cp-font-01);
}

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

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

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

#login form p.admin-email__details {
	font-size: var(--ne-cp-font-size-01);
	margin: 0 0 12px;
}

#login form p.admin-email__details a {
	display: none;
}

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

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

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

.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(--ne-cp-input-bg-01)
}

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

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

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

.login label {
	position: absolute;
	margin: 0;
	padding: inherit;
	font-size: 12px;
	font-weight: var(--ne-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(--ne-cp-font-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-footer {
	text-align: center;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	padding: 25px 15px;
}

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

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

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

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

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

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

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

.uk-modal,
.wc-backboneko-modal-backdrop,
.uk-offcanvas-overlay::before,
.uk-toggle-menu #adminmenuwrap #adminmenu::before {
	background: var(--ne-cp-lightbox-bg);
	transition: opacity var(--ne-cp-transition-time);
	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(--ne-cp-font-04);
	transition: color var(--ne-cp-transition-time) ease-in-out;
}

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

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

.dashicons-hidden:hover:before,
.dashicons-visibility:hover:before {
	color: var(--ne-cp-font-03);
}

.dashicons-hidden:focus:before,
.dashicons-visibility:focus:before {
	color: var(--ne-cp-font-02);
}

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

/*/ NIGHT_MODE /*/

/* Dispositivos extra pequeños (teléfonos, 600px y menos) */
@media screen and (max-width: 782px) {
	body.login {
		height: auto;
		width: auto;
		margin: 80px 0;
		background-position: right center;
	}

	#login {
		width: 100%!important;
        padding: 90px 15px 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 15px;
	}

	#login .message,
	#login #login_error {
        top: 80px;
        width: calc(100% - 52px);
        margin: 0 !important;
	}

	#login .message p,
	#login #login_error p,
	#login .message li,
	#login #login_error li {
		font-size: 11px;
		line-height: 14px;
	}

	.login-footer {
		left: 0;
		right: 0;
		bottom: 0;
		position: absolute;
		margin: 0;
		text-align: center;
	}

	.login-footer,
	.login-footer a {
		font-size: 10px;
	}

}

/* Dispositivos pequeños (tabletas verticales y teléfonos grandes, 600px y más) */
@media only screen and (min-width: 600px) {
	/* #login {
		width: 420px;
	} */

	/* #login h1 a {
		margin: 90px auto 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;
	} */

	/* #login h1 a {
		margin: 25px auto 0 25px;
	} */

}