/* reset passworl https://mont-bouet.com/23kmsi4mce0b1tch/?action=rp*/

:root{
	
	--mb-white: #ffffff;
	--mb-base-white: #ffffff;
	--mb-always-white: #ffffff;
	--mb-black: #000000;
	--mb-base-black: #000000;
	--mb-always-black: #000000;
	--mb-rgb-black: 0, 0, 0;
	--mb-rgb-white: 255, 255, 255;
	
	--mb-gray-0: #FFFFFF;
	--mb-gray-1000: #000000;
	
	/*FROM DRIBBBLE  STELLAR DESIGN SYSTEM */
	/*TAILWIND Gray*/
	--mb-gray-50 : #f9fafb;
	--mb-gray-100 : #f3f4f6;
	--mb-gray-200 : #e5e7eb;
	--mb-gray-300 : #d1d5db;
	--mb-gray-400 : #9ca3af;
	--mb-gray-500 : #6b7280;
	--mb-gray-600 : #4b5563;
	--mb-gray-700 : #374151;
	--mb-gray-800 : #1f2937;
	--mb-gray-900 : #111827;
	--mb-gray-950 : #030712;
	
	--mb-always-gray-50 : #f9fafb;
	--mb-always-gray-100 : #f3f4f6;
	--mb-always-gray-200 : #e5e7eb;
	--mb-always-gray-300 : #d1d5db;
	--mb-always-gray-400 : #9ca3af;
	--mb-always-gray-500 : #6b7280;
	--mb-always-gray-600 : #4b5563;
	--mb-always-gray-700 : #374151;
	--mb-always-gray-800 : #1f2937;
	--mb-always-gray-900 : #111827;
	--mb-always-gray-950 : #030712;
	
	--mb-surface-body : var(--mb-gray-50);
	--mb-surface-white : var(--mb-white);
	--mb-surface-50 : var(--mb-gray-50);
	--mb-surface-100 : var(--mb-gray-100);
	--mb-surface-200 : var(--mb-gray-200);
	--mb-surface-300 : var(--mb-gray-300);
	--mb-surface-400 : var(--mb-gray-400);
	--mb-surface-500 : var(--mb-gray-500);
	--mb-surface-600 : var(--mb-gray-600);
	--mb-surface-700 : var(--mb-gray-700);
	--mb-surface-800 : var(--mb-gray-800);
	--mb-surface-900 : var(--mb-gray-900);
	--mb-surface-950 : var(--mb-gray-950);
	
	--mb-primary-50: #F5FAFD;
	--mb-primary-100: #ECF5FC;
	--mb-primary-200: #E2F0FA;
	--mb-primary-300: #A3CFEF;
	--mb-primary-400: #499FDF;
	--mb-primary-500: #0075E3;
	--mb-primary-600: #005797;
	--mb-primary-700: #004272;
	--mb-primary-800: #002E50;
	--mb-primary-900: #001B2F;
	
	/* Success */
	--mb-success-50: #F6FBF6;
	--mb-success-100: #ECF6EC;
	--mb-success-200: #E3F2E3;
	--mb-success-300: #A5D5A5;
	--mb-success-400: #4BAC4B;
	--mb-success-500: #008A00;
	--mb-success-600: #006300;
	--mb-success-700: #004B00;
	--mb-success-800: #003500;
	--mb-success-900: #001F00;
	/* warning */
	--mb-warning-50: #FFFAE2;
	--mb-warning-100: #FFF4C5;
	--mb-warning-200: #FFEDA6;
	--mb-warning-300: #FBC108;
	--mb-warning-400: #C09105;
	--mb-warning-500: #977004;
	--mb-warning-600: #6D5002;
	--mb-warning-700: #533C02;
	--mb-warning-800: #3A2901;
	--mb-warning-900: #221800;
	/* Danger */
	--mb-danger-50: #FFF8F8;
	--mb-danger-100: #FEF0F0;
	--mb-danger-200: #FEE9E9;
	--mb-danger-300: #FAB9B9;
	--mb-danger-400: #F56D6D;
	--mb-danger-500: #EE0202;
	--mb-danger-600: #AE0000;
	--mb-danger-700: #860000;
	--mb-danger-800: #610000;
	--mb-danger-900: #3D0000;
	
	--mb-itsec-font-family: system-ui, ".SF NS Text", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, "Roboto", Roboto, Droid Sans, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', "Segoe UI Symbol", "Noto Color Emoji";
}

body {
		background: #ffffff;
		color: #000000;
		font-size: 0.875rem;
		font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}


/* on 2FA */
.login form .input, .login input[type=password], .login input[type=text] {
		font-size: 14px;
		line-height: normal;
		width: 100%;
		border-width: 1px;
		padding: 0.5rem 1rem;
		margin: 0 0px 1rem 0;
		min-height: auto;
		border-radius: 0.5rem;
}

.login label {
		font-size: 14px;
		line-height: normal;
		display: inline-block;
		margin: 0 0rem 1rem;
}








form#itsec-2fa-on-board button.button.button-primary.itsec-screen__actions--continue {
		min-width: auto;
		width: -webkit-fill-available;
		min-height: auto;
		line-height: 1.5;
		padding: 0.5rem 1rem;
		font-weight: 700;
		border-radius: 0.5rem;
		color: var(--mb-white);
		border: 1px solid var(--mb-primary-500);
		background-color: var(--mb-primary-500);
		text-decoration: none;
}


input#user_login, input#user_pass {
		display: block;
}
.login .button.wp-hide-pw {
		background: 0 0;
		border: 1px solid transparent;
		box-shadow: none;
		font-size: 14px;
		width: auto;
		height: 100%;
		line-height: normal;
		min-width: inherit;
		min-height: inherit;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 1rem;
		top: 0rem;
		transform: translate(0px, 0rem);
}
.login .button.wp-hide-pw .dashicons {
		position: relative;
		width: auto;
		height: auto;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		font-size: inherit;
}





/*ITHEME SECURITE*/

#itsec-2fa-on-board {
		margin: 1rem auto;
		padding: 0rem !important;
		background: var(--mb-white);
		border: 0px solid #c3c4c7;
		border-radius: 0.5rem;
		/*box-shadow: 0 1px 3px rgb(0 0 0 / 4%); */
		box-shadow: none;
}
#itsec-2fa-on-board .itsec-screen__content h2 {
		margin: 0 auto 0.5em;
		color: #3c434a;
		color: var(--mb-black);
		font-size: 1.25rem;
		font-weight: 700;
}
#itsec-2fa-on-board .itsec-screen__content p {
		margin: 0 auto 1em;
		color: #555555;
}

.login button {
		min-height: auto;
		line-height: 1.5;
		padding: 0.5rem 1rem;
		font-weight: 700;
}
.wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large {
		min-height: auto;
		line-height: 1.5;
		padding: 0.5rem 1rem;
}

.login .wp-core-ui .button-group.button-large .button, .login .wp-core-ui .button.button-large {
		min-height: auto;
		line-height: 1.5;
		padding: 0.5rem 1rem;
}
.login .wp-core-ui .button-primary {
	background: var(--mb-primary-500);
	border-color: var(--mb-primary-500);
	color: var(--mb-white);
}

/* HIDE SKIPE 2FA BUTTON */
button.button-link.itsec-screen__actions--skip, .button-link.itsec-screen__actions--skip {
		display: none;
		width: 0;
		height: 0;
		visibility: hidden;
		opacity: 0;
		text-decoration: none;
}
/*btn configure*/
button.button.button-primary.itsec-screen__actions--continue {
	min-width: 100%;
	min-height: auto;
	line-height: 1.5;
	padding: 0.5rem 1rem;
	font-weight: 700;
	border-radius: 0.5rem;
	color: var(--mb-white);
	border: 1px solid var(--mb-primary-500);
	background-color: var(--mb-primary-500);
	text-decoration: none;
}

.wp-core-ui .button, .wp-core-ui .button-secondary {
		color: var(--mb-primary-500);
		border-color: var(--mb-primary-500);
		background: #Fcfcfc;
		background-color: #Fcfcfc;
		vertical-align: top;
}

.itsec-totp__device-switcher .itsec-totp__device-switcher-button--ios {
		border-radius: 5px 0 0 5px;
}
.itsec-totp__device-switcher .itsec-totp__device-switcher-button--android {
		border-radius: 0 5px 5px 0;
		margin-left: -1px;
}

.login a {
		color: var(--mb-primary-500);
		text-decoration: none;
}
.login .wp-core-ui .button-link {
		color: var(--mb-primary-500);
		text-decoration: none;
}
.login #itsec-2fa-on-board .itsec-totp__view-secret {
		display: block;
		margin: 0.5rem auto 1rem;
		font-size: .9em;
		font-weight: 700;
		color: var(--mb-primary-500);
		text-decoration: none;
}
.login #itsec-2fa-on-board .itsec-screen__actions--cancel {
		min-width: 100%;
		margin: 0 auto 1rem !important;
		padding: 0.5rem 1rem;
		color: var(--mb-primary-500);
		text-align: center;
		border: 1px solid var(--mb-primary-100);
		border-radius: 0.5rem;
		background-color: var(--mb-primary-100);
		font-weight: 700;
		text-decoration: none;
}
#itsec-2fa-on-board .itsec-screen__actions .button-link {
		margin: 0 auto 1rem;
}

.itsec-provider__configure {
		padding: 0 !important;
}

.login .itsec-provider.itsec-provider--Two_Factor_Totp, 
.login .itsec-provider.itsec-provider--Two_Factor_Email, 
.login .itsec-provider.itsec-provider--Two_Factor_Backup_Codes {
		margin: 1rem auto;
		padding: 1rem 1rem;
		background-color: var(--mb-gray-100);
		border-radius: 0.5rem;
}

.login .button-link.itsec-provider__action.itsec-provider__action--enable {
		color: var(--mb-primary-500);
		text-decoration: none;
}

ul.itsec-providers__list h3 {
		color: var(--mb-black);
}
.itsec-providers__list h3::before {
		/* margin: 0rem 0.5rem 0 0; */
		padding: 0rem 0.5rem 0 0;
}

.itsec-screen__actions-primary {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		align-items: stretch;
		min-width: 100%;
		gap: 1rem;
}
#itsec-2fa-on-board .itsec-screen__actions--download {
		display: inline-block;
		min-width: 100%;
		margin: 0 auto !important;
		padding: 0.5rem 1rem;
		min-height: auto;
		line-height: 1.5;
		vertical-align: middle;
		text-align: center;
		color: var(--mb-black);
		border: 1px solid rgb(0 0 0 / 5%);
		border-radius: 0.5rem;
		background-color: rgb(0 0 0 / 10%);
		font-weight: 700;
}

.login .button-link.itsec-screen__actions--back {
		min-width: 100%;
		min-height: auto;
		line-height: 1.5;
		padding: 0.5rem 1rem;
		text-align: center;
		text-decoration: none;
		color: var(--mb-primary-500);
		background-color: var(--mb-primary-100);
		border-radius: 0.5rem;
}
.login .button-link.itsec-provider__action.itsec-provider__action--disable {
		color: var(--mb-primary-500);
		text-decoration: none;
}

.login .itsec-screen__content img {
		display: block;
		position: relative;
		margin: 1rem auto 0rem;
		min-width: auto;
		width: auto;
		max-width: calc(100% - 1rem);
}


.login .message {
		margin: 1rem auto;
		padding: 0.5rem 1rem;
		color: var(--mb-primary-800);
		border-width: 1px;
		border-style: solid;
		border-color: var(--mb-primary-100);
		border-radius: 0.5rem;
		background-color: var(--mb-primary-50);
		word-wrap: break-word;
		box-shadow: none;
}
.login form {
		margin-top: 0;
		margin-left: 0;
		margin: 0 auto;
		padding: 0;
		font-weight: 400;
		overflow: hidden;
		background: #ffffff;
		border: 0px solid var(--mb-gray-100);
		box-shadow: none;
}

.login #backtoblog a, .login #nav a {
		display: block;
		line-height: 1.5;
		padding: 0.5rem 1rem;
		text-decoration: none;
		color: var(--mb-white);
		background-color: var(--mb-primary-500);
		border-radius: 0.5rem;
		text-align: center;
		font-weight: 700;
}
.login .reset-pass-submit .button {
		display: inline-block;
		float: none;
		margin-bottom: 0;
		margin: 0.5rem auto;
		width: 100%;
		border-radius: 0.5rem;
		font-weight: 700;
		background-color: var(--mb-primary-500);
		color: var(--mb-white);
}
.login #nav {
		display: block;
		margin: 1rem auto;
		padding: 0;
		font-size: 0.875rem;
		overflow: hidden;
}
#login-error {
		border-width: 1px;
		border-style: solid;
		border-color: var(--mb-danger-100);
		border-left-color: var(--mb-danger-100) !important;
		border-radius: 0rem;
		background-color: var(--mb-danger-100);
		color: var(--mb-danger-900);
}
.itsec-pwls-login .notice-error {
		color: #d63638;
		border-width: 1px 1px 1px 5px;
		border-style: solid;
		border-color: #d63638;
		border-radius: 0.5rem;
		margin: 1rem auto;
		padding: 0.5rem 1rem;
		background-color: var(--mb-white);
		box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
		word-wrap: break-word;
}
a.itsec-pwls-login__link {
		margin: 0.5rem auto;
		color: var(--mb-white);
		font-weight: 700;
		height: auto;
		min-height: auto;
		border: 1px solid var(--mb-primary-500);
		border-radius: 0.5rem;
		background-color: var(--mb-primary-500);
}

#language-switcher {
		padding: 0 1rem;
		overflow: visible;
		background: 0 0;
		background-color: transparent;
		border: none;
		box-shadow: none;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: space-between;
		align-items: center;
}

.login .button.wp-hide-pw {
		background: 0 0;
		border: 1px solid transparent;
		box-shadow: none;
		font-size: 14px;
		width: auto;
		height: auto;
		line-height: normal;
		min-width: inherit;
		min-height: inherit;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 1rem;
		top: 0.75rem;
		transform: translate(0px, 0rem);
}

.login #pass-strength-result {
		font-weight: 600;
		margin: 1rem 0rem;
		padding: 0.5rem 1rem;
		text-align: center;
		width: 100%;
		border-radius: 0.5rem;
}





#pass-strength-result.strong {
		background-color: var(--mb-success-50);
		border-color: var(--mb-success-200);
		color: var(--mb-success-800);
}
#pass-strength-result.good {
		background-color: var(--mb-warning-50);
		border-color: var(--mb-warning-200);
		color: var(--mb-warning-800);
}
#pass-strength-result.bad, #pass-strength-result.error {
		background-color: #ffb78c;
		border-color: #ff853c;
		color: #fff;
}
#pass-strength-result.short {
		background-color: var(--mb-danger-50);
		border-color: var(--mb-danger-200);
		color: var(--mb-danger-800);
}



.login .privacy-policy-page-link {
		text-align: center;
		width: 100%;
		margin: 1rem 0 1rem;
}

.login #backtoblog, .login #nav {
		margin: 1rem auto;
		font-size: 0.875rem;
		padding: 0 0px;
}

.itsec-pwls-login-fallback {
		display: block;
		position: relative;
		margin: 5rem auto 0;
		padding: 0;
		background-color: #fff;
}
.itsec-pwls-login-fallback__or {
		width: 100%;
		margin: 0 auto 1rem;
		position: relative;
		text-align: center;
}

.itsec-pwls-login-wrap .itsec-pwls-login__title {
		color: var(--mb-black);
		font-weight: bold;
		margin: 0 auto !important;
}
.itsec-pwls-login-wrap .itsec-pwls-login__description {
	color: #555555;
	margin: 0 auto !important;
}
.itsec-pwls-login-wrap .itsec-pwls-login__fields {
		margin: 1rem 0;
}

#itsec-2fa {
		margin: 1rem auto;
		padding: 0rem 0;
		background-color: var(--mb-white);
		border: 0px solid var(--mb-gray-300);
		box-shadow: 0 1px 3px rgb(0 0 0 / 4%);
		border-radius: 0.5rem;
}

#itsec-2fa input#authcode {
		margin: 0.5rem 0 1rem;
		padding: 0.5rem 1rem;
		line-height: 1.5;
}

.login #itsec-2fa label {
		display: block;
		font-size: 14px;
		line-height: 1.5;
		margin: 0 0rem 0.5rem;
}

#itsec-2fa p {
}

#itsec-2fa .submit input.button.button-primary {
		min-width: 100%;
		min-height: auto;
		height: auto;
		line-height: 1.5rem;
		margin: 0rem auto 1rem;
		padding: 0.5rem 1rem;
		color: var(--mb-white);
		border: 1px solid var(--mb-primary-500);
		border-radius: 0.5rem;
		background-color: var(--mb-primary-500);
		font-weight: 700;
}
#itsec-2fa .submit input.button.button-primary:focus {
		box-shadow: none;
}

form#itsec-2fa button.button {
		display: block;
		position: relative;
		min-width: 100%;
		line-height: 1.5;
		margin: 0 auto 1rem;
		padding: 0.5rem 1rem;
		font-weight: 700;
		color: var(--mb-white);
		border: 1px solid var(--mb-primary-500);
		border-radius: 0.5rem;
		background-color: var(--mb-primary-500);
}
form#itsec-2fa button.button:focus {
	box-shadow: none;
}
form#itsec-2fa p.submit ~ div {
		margin: 2rem auto 0 !important;
		padding: 1rem 0 0 !important;
		border-width: 1px 0 0 !important;
		border-style: solid;
		border-color: #cccccc !important;
		text-align: center;
}

form#itsec-2fa p.submit ~ .itsec-backup-methods {
		margin: 0 !important;
}
form#itsec-2fa p.submit ~ .itsec-backup-methods ul li {
		list-style: none;
}

#itsec-email__cannot_find {
		width: 100%;
		color: var(--mb-primary-500);
		text-decoration: none;
		text-align: center;
}

.itsec-backup-methods a {
		display: block;
		position: relative;
		margin: 1rem auto 0;
}

#itsec-backup-codes__warning-message, #itsec-two-factor-required {
		color: var(--mb-warning-600);
		border: 1px solid var(--mb-warning-200);
		border-color: var(--mb-warning-200) !important;
		background-color: var(--mb-warning-50);
		border-radius: 0;
		padding: 0.5rem 1rem;
		box-shadow: none;
}

#itsec-2fa-on-board .itsec-screen__actions--download {
		background-color: var(--mb-primary-500);
		color: var(--mb-white);
}

.itsec-backup-codes__code-list {
		border: 0px dashed var(--mb-gray-100);
		border-radius: 0rem;
		padding: 1rem 0 0;
		background-color: var(--mb-gray-100);
}

.itsec-totp__device-switcher .button {
		background-color: var(--mb-white);
		color: var(--mb-primary-500);
		min-width: 50%;
		margin: 0;
}
.itsec-totp__device-switcher .button.button-primary {
		background-color: var(--mb-primary-500);
		color: var(--mb-white);
}

#itsec-backup-codes__warning-message .button-link {
		min-width: 100%;
		text-align: center;
		color: var(--mb-white);
		background-color: var(--mb-warning-400);
		border-radius: 0.5rem;
		margin: 1rem 0 0.5rem;
		padding: 0.5rem 1rem;
		text-decoration: none;
}

.login-action-itsec-2fa #backtoblog {
		display: block;
		position: relative;
		line-height: 1.5;
		padding: 0.5rem 1rem;
		font-size: 14px;
		font-weight: 700;
		background-color: #cccccc;
		border-radius: 0.5rem;
		text-align: center;
}
.login .login-action-itsec-2fa #backtoblog a {
	
}


.login-action-itsec-2fa #login {
		padding: 1rem 0;
		width: 450px;
}

/*error page test*/

#error-page {
				margin: 0;
				padding: 1rem;
				min-height: 100vh;
				min-width: 100vw;
				color: #000000;
				background-color: #ffffff;
				border: 0;
				font-family: system-ui, ".SF NS Text", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, "Roboto", Roboto, Droid Sans, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', "Segoe UI Symbol", "Noto Color Emoji";
				box-shadow: none;
		}




#itsec-2fa-on-board .itsec-provider__status-actions-container {
				display: inline-block;
				padding: 0 0 0 3px;
				margin: 0 0 0 0rem;
		}
		
		
		
@media (max-width: 993px) {
	body {
		font-weight: 500;
	}
	
	#login {
			width: 320px;
			padding: 5% 0 0;
			margin: auto;
			
			width: 100%;
			margin: 0 auto;
			padding: 1rem 1rem;
	}
	
	.language-switcher {
			margin: 0 auto;
			padding: 0 0 0px;
			text-align: center;
	}
	
	.login .language-switcher .button {
			display: block;
			margin: 0 0 0 1rem;
			border-radius: 0.5rem;
			line-height: 1.5;
			padding: 0.5rem 1rem;
			background-color: var(--mb-white);
			vertical-align: middle;
			min-height: inherit;
			height: auto;
	}
	
	#language-switcher label, #language-switcher select {
			margin-right: 0;
			margin: 0 0.5rem 0;
			padding: 0;
			font-size: 0.875rem;
	}
	#language-switcher label {
			margin: 0 0.5rem;
	}
	#language-switcher select, select#language-switcher-locales {
			margin: 0;
			padding: 0.5rem 1rem;
			line-height: 1.5;
			border: 1px solid var(--mb-gray-300);
			border-radius: 0.25rem;
	}
	
	.login-action-itsec-2fa #login {
		padding: 1rem 1rem;
		width: 100%;
	}
	
	/* checkbox remember device */
	label[for="itsec-remember-2fa"] input#itsec-remember-2fa {
			width: 1.5rem;
			height: 1.5rem;
			margin: 0 0.5rem 0 0;
			border-radius: 9999px;
	}
	
}
