/**
* WP MEMBER CHECK FRONTEND CUSTOM STYLES
*
*
* 
*/


/*
* FRONT STYLES 
*/



/* TYPE TEL CSS 
* 
*/
input[type="tel"] {
	width: 240px !important;
	text-align: right !important;
}
.um .um .um-form input[type="tel"] {
	width: 240px !important;
	text-align: right!important;
}



.wmc-verification-title{color: #337ab7; font-weight: 600; font-size: 1.1em}

.wmc-col-md-12{
  	padding-bottom: 5%;
	padding-left: 20px;
  	padding-right: 20px;
	min-height: 600px;
}
.wmc-verification-content {
	pointer-events: all;
	border-style: solid;
	border-width: 1px;
	border-radius: 10px;
	padding-top: 20px;
	border: 1px solid rgba(var(--wp--preset--color--text, 34, 34, 34), 0.15);
	background-color: var(--wp--preset--color--background, #eee);
	color: var(--wp--preset--color--text, #222222);
	/*color: #636363; */
	
    
	padding-bottom: 20px;
}

@media (min-width: 576px) {
  .wmc-verification-content {
    max-width: 550px;
    margin: 1.75rem auto;
  }
}
.wmc-verification-content {
	position: relative;
	width: auto;
	/*margin: .5rem;
	pointer-events: none; */
}
.wmc-modal-body {
	position: relative;
	padding: 1rem;
}
.wmc-verification-content .form-control, .wmc-verification-content .btn {
	min-height: 30px;
	border-radius: 3px;

}


.modal-login .btn {
	border: none;
	line-height: normal;
}

a {
	color: #4183c4;
	text-decoration: none;
	background-color: transparent;
}
#resend_code{color: #327ab7;
  font-size: 14px;}
#resend_email{color: #327ab7;
  font-size: 14px;}
.description-regex{padding-bottom: 10px;
  padding-top: 10px;}
.wmc-link.disabled {
            color: #bbb !important;
            pointer-events: none;
            cursor: not-allowed;
            text-decoration: none;
        }

.wmc-verification-title{color: #337ab7; font-weight: 600; font-size: 1.1em}
.wmc-col-md-12{
  	padding-bottom: 5%;
	padding-left: 20px;
  	padding-right: 20px;
	min-height: 600px;
}
.wmc-verification-content {
	pointer-events: all;
	border-style: solid;
	border-width: 1px;
	border-radius: 10px;
	padding-top: 20px;
	border: 1px solid rgba(var(--wp--preset--color--text, 34, 34, 34), 0.15);
	background-color: var(--wp--preset--color--background, #eee);
	color: var(--wp--preset--color--text, #222222);  
	padding-bottom: 20px;
}
@media (min-width: 576px) {
  .wmc-verification-content {
    max-width: 550px;
    margin: 1.75rem auto;
  }
}
.wmc-verification-content {
	position: relative;
	width: auto;
	/*margin: .5rem;
	pointer-events: none; */
}
.modal-body {
	position: relative;
	padding: 1rem;
}
.wmc-verification-content .form-control, .wmc-verification-content .btn {
	min-height: 30px;
	border-radius: 3px;

}
.wmc-form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.wmc-btn-primary  {
	color: #fff;
	background-color: #337ab7;
	border-color: #337ab7;
	border-radius: 10px;
	font-weight: 600;
	width: 10em;
}
.wmc-btn-primary:hover {
	color: #fff;
	background-color: #337ab7;
	border-color: #337ab7;
	border-radius: 10px;
	font-weight: 600;
	width: 10em;
}
.wmc-btn-primary:focus {
	color: #fff;
	background-color: #337ab7;
	border-color: #337ab7;
	border-radius: 10px;
	font-weight: 600;
	width: 10em;
}
.wmc-btn-primary:visited {
	color: #fff;
	background-color: #337ab7;
	border-color: #337ab7;
	border-radius: 10px;
	font-weight: 600;
	width: 10em;
}
.wmc-btn-group-sm > .wmc-btn, .wmc-btn-sm {
	padding: .25rem .5rem;
	font-size: .875rem;

}
.wmc-notification {
  		
  	opacity: 1;
  	transition: opacity 0.5s ease-out; /* Durée de la disparition : 0.5 seconde */
  	display: none; padding: 10px; margin-bottom: 15px; border-radius: 4px; font-size: 14px; line-height: 1.4;
	
}
.wmc-notification.fade-out {
	opacity: 0;
}
.wmc-otp-notification {
  		
  	opacity: 1;
  	transition: opacity 0.5s ease-out; /* Durée de la disparition : 0.5 seconde */
  	display: none; padding: 12px; margin-bottom: 15px; border-radius: 4px; font-size: 14px; line-height: 1.4;
}
.wmc-otp-notification.fade-out {
	opacity: 0;
}
