/* @override 
	https://br83vattqi.preview.infomaniak.website/themes/custom/urwlodge/css/lodge-forms.css?*
	https://www.urwerk.com/lodge/themes/custom/urwlodge/css/lodge-forms.css?* */
em.placeholder {
	font-style: normal;
	font-weight: 700;
	background: none!important;
	opacity: 1;
}
.path-frontpage .btn {
	margin: 1rem;
}

form *:focus,
.form-select:focus,
.form-control:focus {
	outline: none!important;
	box-shadow: none!important;
	border: 1px solid var(--vert-anglais);
}
.bg-blanc .form-item--error-message {
	position: absolute;
	bottom: -.2rem;
}
strong.error {
	font-weight: 400;
	color: #db6060;
	font-size: 12px;
}
#block-passwordreset a,
#block-firstloginwarning a {
	text-decoration: underline;
}
#login_main_part {
	background-color: var(--vert-anglais);
}
.user-login-form,
.user-pass,
.user-pass-reset,
.comment-confirm-form,
.confirm {
	margin: 5rem auto 0;
}

.lodge-alert {
	border: 1px solid #FFF;
	padding: 2rem 1rem 0;
}

.user-login-form #edit-pass {
	
}
#edit-actions {
	text-align: center;
}
.form-item-persistent-login {
	margin-top: 2rem;
	margin-bottom: 2rem;
}


.public-page .form-check-input[type=checkbox] {
	background-color: transparent;
	border: 1px solid #FFF;
}

.webform-submission-form a {
	text-decoration: underline;
}

/* @group Account edition form */
.user-logged-in .user-form,
.user-pass,
.user-pass-reset {
	max-width: 760px;
	margin: 10rem auto 0;
}
.user-pass-reset {
	text-align: center;
}
.account-delete,
.lodge-alert {
	max-width: 730px;
	margin: 3rem auto 0;
}
.user-logged-in .user-form {
	
}

.user-logged-in .user-form .form-group {
	border: 1px solid #CCC;
	padding-top: 1rem;
	position: relative;
	margin: 0 15px 2rem;;
}



.user-logged-in .user-form fieldset > label,
.user-logged-in .user-form .field--type-datetime h4  {
	padding: 0 .5rem;
	position: absolute;
	line-height: 1.5rem;
	margin: 0;
	top: -.75rem;
	background: #FFF;
	margin-left: .5rem;
	z-index: 2;
	
	font-size: 1rem;
	letter-spacing: 0;
	font-family: 'Work Sans', sans-serif;
	font-weight: 500;
}
.user-logged-in .user-form .form-control,
.user-logged-in .user-form  .form-select {
	border: 0;
	padding: .5rem 1rem;
}
.user-logged-in .user-form .description {
	padding: 1rem;
	display: block;
	display: none;
}
.user-logged-in .user-form #edit-delete {
	display: none;
}

/* @group Exceptions form templates */

.user-logged-in .user-form .field--type-datetime {
	position: relative;
}
.user-logged-in .user-form .field--type-datetime h4 {
	margin-left: 1.5rem;
}
.user-logged-in .user-form .field--type-datetime .form-control {
	padding-bottom: 0;
}
.user-logged-in .user-form .field--widget-options-buttons {
	margin-bottom: 2rem;
	margin-left: 15px;
}
.user-logged-in .user-form .field--widget-options-buttons .form-check {
	display: inline-block;
	margin-right: 2rem;
}
.user-logged-in #edit-field-gender--wrapper legend {
	display: none;
}
.user-logged-in .user-form #edit-pass {
	border: 0;
	padding: 0;
	margin: 0 0 2rem;
}
.password-confirm-message {
	padding: 3px 1rem;
	color: #AAA;
}
/* @end */
.user-logged-in .user-form .field--type-string,
.user-logged-in .user-form .field--type-country,
.user-logged-in .user-form .field--type-datetime {
	width: 50%;
	float: left;
}
.user-logged-in .user-form .field--name-field-instagram-at {
	width: 100%;
	float: none;
}
/* @group AVATAR */

.user-form .form-type-managed-file {
	width: 5rem;
	margin: 0 auto 3rem!important;
	position: relative;
	border: 0!important;
}

.user-form .form-type-managed-file label {
	display: none;
	
}
.user-form .form-type-managed-file img {
	border-radius: 5rem;
}
.user-form .image-widget span {
	display: none;
}

.user-form .image-widget input {
	text-indent: 0;
	text-align: center;
	border: 0;
	border-radius: 2rem;
	line-height: 1.5rem;
	color: #000;
	width: 2rem;
	height: 2rem;
	padding: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #DDD url('') no-repeat center center;
	text-indent: -1000px;
}

.user-form .image-widget input {
	transition: all .25s ease-in-out 0s;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M21.15 14.65h-5.65v-5.65c0-.28-.22-.5-.5-.5s-.5 .22-.5 .5v5.65h-5.65c-.28 0-.5 .22-.5 .5s.22 .5 .5 .5h5.65v5.65c0 .28 .22 .5 .5 .5s.5-.22 .5-.5v-5.65h5.65c.28 0 .5-.22 .5-.5s-.22-.5-.5-.5Z'/%3E%3C/svg%3E");
}
.user-form .image-widget input:hover {
	
}
.user-form .image-widget input[value*="Remove"]:hover {
	transform: rotate(-45deg);
}
.user-form .image-widget + .description {
	display: none;
}
/* @end */

/* @end */

/* @group Account creation form */
.webform-submission-account-creation-form {
	padding-top: 5rem;
}
.urw-card {
	border-radius: .75rem;
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(68,68,68,1) 100%);
	background-repeat: no-repeat;
	background-position: center 25%;
	height: 100%;
}
.urw-card .d-flex {
	align-items: center;
}

/* recto */
.urw-card-heads {
	flex-direction: column;
}
.card-logo {
	margin: 3rem auto 1.5rem;
	width: 200px;
	height: 40px;
	background: transparent url('img/logo-lodge-white.svg') no-repeat center top;
}
.card-warranty {
	margin-top: 1rem;
	color: #EEE;
	text-transform: uppercase;
	letter-spacing: .3rem;
	margin-bottom: 1rem;
	
	text-shadow: 1px 1px 3px #999;
	
}
/* No de garantie (recto) */
.urw-card-heads {
	
}

.warranty-field {
	max-width: 390px;
	text-align: center;
	padding: .5rem 1rem;
	margin: 0 auto ;
	
	/* A voir selon description*/
	margin: 1rem auto ;
	

	border-radius: 10px;
	border: 1px solid #444;
}
.warranty-field .description {
	/*margin: -1rem auto 1rem; */
	margin-bottom: 1rem;
	font-size: 14px;
	color: #999;
	
	display: none;
}

.urw-card-ref,
.warranty-field input,
.warranty-field input:focus {
  text-align: center!important;
  background-image: linear-gradient(0deg, #999, #EEE);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-size: 1.4rem;
  letter-spacing: .3rem;
  font-weight: 500;
  caret-color: #CCC;
}
.warranty-field input::placeholder {
  background-image: linear-gradient(3deg, #999, #999, #FFF, #DDD, #999, #999);
  /*background-color: #CCC;*/
  background-clip: text;
  -webkit-background-clip: text;
  background-size: 100% 200%;
  background-position: center top;
}

@keyframes Warranty {
	0% {
		/*opacity: .1;*/
		/*background-image: linear-gradient(0deg, #777, #999);*/
		/*background-color: #666;*/
		background-position: center top;
	}
	20% {
		/*opacity: 1;*/
		/*background-image: linear-gradient(0deg, #999, #EEE);*/
		/*background-color: #666;*/
		background-position: center bottom;
	}
	80% {
		/*opacity: 1;*/
		/*background-image: linear-gradient(0deg, #999, #EEE);*/
		/*background-color: #666;*/
		background-position: center bottom;
	}
	100% {
		/*opacity: .1;*/
		/*background-image: linear-gradient(0deg, #777, #999);*/
		/*background-color: #666;*/
		background-position: center top;
	}
}
.warranty-field input::placeholder {
	transition: opacity .5s ease-in-out 0s;
	animation: Warranty 5s ease-in-out 0s infinite alternate;
}

.warranty-field input:focus {
	animation: none;
}

.urw-card-label {
	font-size: .8rem;
	flex: 0 1 33%;
}
.bg-blanc label {
	color: #000;
	
}
.bg-blanc {
	position: relative;
}

.urw-card .form-group {
	margin-bottom: .75rem;
}
.urw-card .form-control {
	border: 0;
	padding: 0;
}
.form-control::placeholder {
	color: rgba(0,0,0,.25);
}
.form-select option {
	color: red!important;
}
@media (min-width:960px) {
	.pwd fieldset {
		max-width: 50%;
		flex: 0 0 50%;
		padding: 15px;
		padding-left: 0;
		margin-right: 1rem;
	}
	.pwd fieldset > * {
		margin: ;
	}
}
/* INPUT FIELDS THEMING */
.bg-neg.urw-user-register .form-control,
.bg-neg.urw-user-register select,
.user-login-form .form-control,
.user-pass .form-control {
	/*text-transform: uppercase;*/
	border-radius: 0;
	color: #FFF;
	background-color: transparent;
	border: 0;
	padding: .5rem 0;
	border-bottom: 1px solid #DDD;
}
.user-login-form .form-control,
.user-pass .form-control {
	text-transform: none;
}
.user-login-form label {
	color: #FFF;
}
.bg-neg.urw-user-register .form-control::placeholder,
.user-login-form .form-control::placeholder {
	color: rgba(255,255,255,.5);
	color: #FFF;
}
.form-control:focus {
	box-shadow: none;
}

.form-type-webform-terms-of-service a {
	font-weight: 500;
	text-decoration: underline;
}
.webform-actions {
	text-align: center;
}

/* @end */

@media (max-width: 575.98px) {
    /* module nbsp */
	#edit-recto {
		margin-bottom: 2rem!important;
	}
    .urw-card .form-control {
		font-size: 12px;
	}
	.urw-card .warranty-field .form-control {
		font-size: 17px;
	}
	.card-logo {
		margin: 2rem auto 1rem;
	}
	.webform-submission-account-creation-form .form-check {
		padding: 1rem 3rem;
	}
	
	
	.user-login-form {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.user-pass {
		margin-right: 1rem;
		margin-left: 1rem;
	}
}