.mdl-textfield__input {
	padding-left: 20px;
	padding-bottom: 13px;
	padding-top: 23px;

	color: var(--gris-3, #818182);
	font-family: Montserrat;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;

	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, .12);
	display: block;
	margin: 0;
	width: 100%;
	background: 0 0;
	text-align: left;
}

.mdl-textfield {
	background-color: #C4D7D14D;
	border-bottom: 1px solid #CBE1DA !important;
	position: relative;
	font-size: 16px;
	display: inline-block;
	box-sizing: border-box;
	width: 300px;
	max-width: 100%;
	margin: 0;
}

.mdl-textfield__label {
	bottom: 0;
	color: rgba(0, 0, 0, .26);
	font-size: 16px;
	left: 0;
	right: 0;
	pointer-events: none;
	position: absolute;
	display: block;
	top: 24px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-align: left
}

.mdl-textfield.is-dirty .mdl-textfield__label,
.mdl-textfield.has-placeholder .mdl-textfield__label {
	visibility: hidden
}

.mdl-textfield--floating-label .mdl-textfield__label {
	transition-duration: .2s;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
	transition: none
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
	visibility: visible;
	top: 8px;
	color: var(--Vert, #179387);
	font-size: 10px;
}

.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
	color: #d50000;
	font-size: 10px
}

.mdl-textfield__label:after {
	background-color: var(--Vert, #179387);
	bottom: 20px;
	content: '';
	height: 2px;
	left: 45%;
	position: absolute;
	transition-duration: .2s;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	visibility: hidden;
	width: 10px
}

.mdl-textfield.is-focused .mdl-textfield__label:after {
	left: 0;
	visibility: visible;
	width: 100%
}

.mdl-textfield.is-invalid .mdl-textfield__label:after {
	background-color: #d50000
}

.mdl-textfield.is-invalid .mdl-textfield__input {
	border-color: #d50000;
	box-shadow: none
}


.mdl-textfield.is-focused .mdl-textfield__input {
	outline: none
}


.mdl-textfield__error {
	color: #d50000;
	position: absolute;
	font-size: 12px;
	margin-top: 3px;
	visibility: hidden;
	display: block
}

.mdl-textfield.is-invalid .mdl-textfield__error {
	visibility: visible
}

/* .generic-field {
	padding: 19px 0px 18px 0px;
} */

.generic-field .mdl-textfield__label {
	color: #6C6F74;
	font-family: Montserrat;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;

	padding-left: 20px;

	transition-duration: .2s;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);

	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none;
	position: absolute;
	display: block;
	top: 19px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
}

/* Global style for form input  */
.generic-field .mdl-textfield__input {
	border-radius: 0 !important;
	border: none;
   }

   .generic-field.is-focused .mdl-textfield__label{
	top: 8px !important;
	color: var(--Vert, #179387) !important;
  }
  .generic-field .is-focused {
	background: #EEF3F2
  }
  .generic-field {
	background: #FAFAFA;
	color: var(--gris-3, #818182);
  }

  .generic-field:hover {
	background: #F3F7F6;
  }

[type="checkbox"].filled-in:checked+span:not(.lever):before {
	top: -0.5px;
	left: 1.5px;
	width: 6px;
	height: 10px;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotateZ(37deg);
	transform: rotateZ(37deg);
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}

[type="checkbox"].filled-in:checked+span:not(.lever):after {
	top: 0;
	width: 17px;
	height: 17px;
	border: 2px solid var(--Vert, #179387);
	;
	background-color: var(--Vert, #179387);
	;
	z-index: 0;
}

[type="checkbox"].filled-in:not(:checked)+span:not(.lever):after {
	height: 17px;
	width: 17px;
	background-color: transparent;
	border: 2px solid var(--Vert, #179387);
	;
	top: 0px;
	z-index: 0;
}

.checkboxText em {
	color: var(--gris-3, #818182);
	font-family: Montserrat;
	font-size: 0.6875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}

.help-block {
	margin-top: 2px;
	padding-left: 20px;
}

.alert-danger {
	background-color: transparent;
	border: none;
	color: #d50000;
	padding: 0;
	margin-bottom: 0;
	font-size: 12px;
	line-height: 17px;
}

.generic-field.is-focused .mdl-textfield__label {
	top: 8px !important;
	color: var(--Vert, #179387) !important;
}

.generic-field.is-focused {
	background-color: rgba(196, 215, 209, 0.30);
	;
}

.generic-field {
	background-color: var(--Gris-clair, #FAFAFA);
}

/* ul.dropdown-content{
	top: 49px;
} */

.select-wrapper input.select-dropdown{
	margin: 0;
	padding-left: 20px;
	font-size: 12px;
	color: var(--gris-3, #818182);
	padding-bottom: 13px;
	padding-top: 15px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.is-focused{
	border-bottom: 1px solid white !important;
}

.generic-field .group-span-filestyle {
	height: 37.6px;
	
}

.generic-field .group-span-filestyle .btn-default {
	background-color: var(--Vert, #179387) ;
	

}

.generic-field .group-span-filestyle .btn-default:hover {
	background-color: #0b746a !important;
}

.generic-field .input-group .form-control {
	border: none;
	height: 48px;
}

.generic-field textarea {
	height: 150px !important;
}