.form-underline-box {
	position: relative;
	margin-top: calc(5px + 0.2rem);
	min-height: calc(1rem + 15px);
	font-family: 'Lato', Arial, sans-serif;
}

.form-underline-box .form-underline-box-input{
	/* position: absolute; */
	width: 100%;
	padding: 5px 5px;
	padding-left: 10px;
	font-size: 1rem;
	font-weight: normal;
	color: #555;
	margin-top: 5px;
	border: 2px solid #e1e1e1;
	outline: none;
	background: transparent;
	font-family: 'Source Sans Pro', Arial, sans-serif;
	border-radius: 4px;
}

.form-underline-box .form-underline-box-textarea{
	/* position: absolute; */
	width: 100%;
	height: 5rem;
	padding: 5px 5px;
	padding-left: 10px;
	font-size: 1rem;
	font-weight: normal;
	color: #555;
	margin-top: 5px;
	border: 2px solid #e1e1e1;
	outline: none;
	background: transparent;
	font-family: 'Source Sans Pro', Arial, sans-serif;
	border-radius: 4px;
	resize: none;
}

.form-underline-box .form-underline-box-select{
	cursor: pointer;
	width: 100%;
	padding: 5px 5px;
	padding-left: 10px;
	font-size: 1rem;
	font-weight: normal;
	color: #555;
	margin-top: 5px;
	border: 2px solid #e1e1e1;
	outline: none;
	background: transparent;
	font-family: 'Source Sans Pro', Arial, sans-serif;
	border-radius: 4px;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
	background: transparent;
}

.form-underline-box-select-arrow {
	position: absolute;
	top: 0.8rem;
	left: calc(100% - 30px);
	background: rgb(255,255,255);
	color: #31708f;
	padding: 0px 4px;
	pointer-events: none;
}

.form-underline-box .hint-helper {
	position: absolute;
	top: 1rem;
	left: calc(100% - 8px);
	background: rgb(255,255,255);
	padding: 0px 0px;
	margin: 0px 0px;
	line-height: 14px;
	font-size: 14px;
}

.form-underline-box .form-underline-box-label{
	position: absolute;
	/* width: 100%; */
	top: 1rem;
	left: 10px;
	padding: 0 0;
	font-size: 0.8rem;
	font-weight: lighter;
	/* font-family: 'Roboto Mono', 'Source Sans Pro', Arial, Helvetica, sans-serif; */
	color: rgb(200, 200, 200);
	pointer-events: none;
	transition: .3s ;
}

.form-underline-box .form-underline-box-label-select{
	position: absolute;
	top: calc(-0.25rem);
	left: 10px;
	padding: 0px 8px;
	font-size: 0.6rem;
	font-weight: lighter;
	background: rgb(255,255,255);
	color: #31708f;
	pointer-events: none;
}

.form-underline-box .form-underline-box-label-chosen{
	position: absolute;
	top: calc(-0.5rem);
	left: 10px;
	padding: 0px 8px;
	font-size: 0.6rem;
	font-weight: lighter;
	background: rgb(255,255,255);
	color: #31708f;
	pointer-events: none;
}

.form-underline-box .form-underline-box-input:focus ~ .form-underline-box-label,
.form-underline-box .form-underline-box-input:not(:placeholder-shown) ~ .form-underline-box-label{
	top: calc(-0.25rem);
	padding: 0px 8px;
	left: 10px;
	font-size: 0.6rem;
	background: rgb(255,255,255);
	color: #31708f;
}

.form-underline-box .form-underline-box-textarea:focus ~ .form-underline-box-label,
.form-underline-box .form-underline-box-textarea:not(:placeholder-shown) ~ .form-underline-box-label{
	top: calc(-0.25rem);
	padding: 0px 8px;
	left: 10px;
	font-size: 0.6rem;
	background: rgb(255,255,255);
	color: #31708f;
}

.form-underline-box .form-underline-box-input:focus, .form-underline-box .form-underline-box-select:focus{
	border: 2px solid  #31708f!important;
	color: #31708f;
}

.ImgSelecteable {
	border: 4px solid #e1e1e1;
}

.ImgSelecteable:hover {
	border: 4px solid  #31708f!important;
}

.hint-helper-img {
	position: absolute;
	/* top: 25%;
	left: calc(50% + 90px); */
	top: 14px;
	left: calc(100% - 14px);
	padding: 0px 0px;
	margin: 0px 0px;
	line-height: 14px;
	font-size: 14px;
}

.imgSelector {
	padding-top: 15px;
	padding-bottom: 15px;
	margin: 0 auto;
}
  
.imgSelector img {
	position: absolute;
	display: block;
	z-index: 1;
	width: 190px;
	height: 190px;
	border-radius: 100%;
	margin: 0 auto; 
	border: 4px solid #e1e1e1;
}

.imgSelector .imgSelectorInner:hover img,
.imgSelector .imgSelectorInner:focus-within img{
	border: 4px solid  #31708f;
}
.imgSelector .imgSelectorInner:hover .hint-helper-img,
.imgSelector .imgSelectorInner:focus-within  .hint-helper-img{
	z-index: 3;
}
img[isvalid="false"] {
	border: 4px solid #ca1616!important;
}
img[isvalid="false"]:focus {
	border: 4px solid #31708f!important;
}
a[isvalid="false"],ul[isvalid="false"],input[isvalid="false"], select[isvalid="false"], textarea[isvalid="false"] {
	border: 2px solid #ca1616!important;
}

a[isvalid="false"]:focus,ul[isvalid="false"]:focus,input[isvalid="false"]:focus, select[isvalid="false"]:focus, textarea[isvalid="false"]:focus {
	border: 2px solid #31708f!important;
}

/* a[isvalid="true"],ul[isvalid="true"],input[isvalid="true"], select[isvalid="true"], textarea[isvalid="true"] {
	border: 2px solid #19a821!important;
}

a[isvalid="true"]:focus,ul[isvalid="true"]:focus,input[isvalid="true"]:focus, select[isvalid="true"]:focus, textarea[isvalid="true"]:focus {
	border: 2px solid #31708f!important;
} */

/* .ErrorText {
	position: absolute;
	top: calc(1rem + 17px);
	left: 3px;
	padding-right: 2px;
	background-color: white;
} */

.form-underline-box .form-underline-box-textarea ~ .ErrorText {
	position: absolute;
	top: calc(4rem + 9px);
	left: 3px;
	padding-right: 2px;
	background-color: white;
}

.imgSelectorInner .ErrorText {
	position: absolute;
	top: calc(2rem + 17px);
	left: calc(50% + 10px);
	padding-right: 2px;
	background-color: transparent;
}

.hint--bounce::after{
	border-radius: 4px;
	background: linear-gradient(45deg, #636363, #2c2c2c, #181818);
}

.hint--info::after {
	background: linear-gradient(45deg, #51c0ba, #60bae4, #3986ac);
}

.hint--success::after {
	background: linear-gradient(45deg, #18c72f, #289c2e, #076d18);
}

.hint--error::after {
	background: linear-gradient(45deg, #c71818, #9c2828, #6d0707);
}

.hint--warning::after {
	background: linear-gradient(45deg, #c77b18, #9c6028, #6d4407);
}

.hint--error.hint--bottom-left::before, .hint--error.hint--bottom-right::before, .hint--error.hint--bottom::before {
	border-bottom-color: #891b1b;
}

.hint--navy::after {
	background: linear-gradient(45deg, #0b0172, #0c0652, #020129);
	text-shadow: 0 -1px 0 #061d29;
}

.hint--navy.hint--bottom-left::before, .hint--navy.hint--bottom-right::before, .hint--navy.hint--bottom::before {
	border-bottom-color: #040224;
}