.lbl1 {
	color:#478cd9;
	font-weight: 900;
	text-transform: uppercase;
	margin-top: 12px;
}

.cnt1 {
	background: #f6f6f6;
	margin-right:12px;
	padding:12px;
	border-radius:6px;
}

.esoforms{
	max-width:1000px;
	margin-bottom:12px;
	--background: white;
  --border: rgba(0, 0, 0, 0.125);
  --borderDark: rgba(0, 0, 0, 0.25);
  --borderDarker: rgba(0, 0, 0, 0.5);
  --bgColorH: 0;
  --bgColorS: 0%;
  --bgColorL: 98%;
  --fgColorH: 210;
  --fgColorS: 50%;
  --fgColorL: 38%;
  --shadeDark: 0.3;
  --shadeLight: 0.7;
  --shadeNormal: 0.5;
  --borderRadius: 0.125rem;
  --highlight: #306090;
	font-size: 1.4em;
}

.redalert li {
		color: red;
}



.esoforms input[name="show-password"]:checked ~ div label input[name="password"] {
  -webkit-text-security: none;
}

.esoforms label:hover span {
  color: hsl(var(--fgColorH), var(--fgColorS), var(--fgColorL));
}

.esoforms input[type="checkbox"] + div .esoforms label:hover span::before,
.esoforms label:hover .esoforms input.text {
  border-color: hsl(var(--fgColorH), var(--fgColorS), var(--fgColorL));
}

.esoforms label .esoforms input.text:focus,
.esoforms label .esoforms input.text:active {
  border-color:  hsl(var(--fgColorH), calc(var(--fgColorS) * 2), calc(var(--fgColorL) * 1.15));
  box-shadow: 0 1px  hsl(var(--fgColorH), calc(var(--fgColorS) * 2), calc(var(--fgColorL) * 1.15));
}

.esoforms input.text:focus + span,
.esoforms input.text:active + span {
  color:  hsl(var(--fgColorH), calc(var(--fgColorS) * 2), calc(var(--fgColorL) * 1.15));
}

.esoforms input,.esoforms select {
  border: 1px solid var(--border);
  border-radius: var(--borderRadius);
  box-sizing: border-box;
  font-size: 1rem;
  height: 2.25rem;
  line-height: 1.25rem;
  margin-top: 0.25rem;
  order: 2;
  padding: 0.25rem 0.5rem;
  width: 15rem;
  transition: all 0.25s;
}


.esoforms form {

  background: white;
  border: 1px solid var(--border);
  border-radius: var(--borderRadius);
  box-shadow: 0 1rem 1rem -0.75rem var(--border);
  padding: 1rem;
  overflow: hidden;
}

.esoforms form .email, .esoforms form .email a {
  color: hsl(var(--fgColorH), var(--fgColorS), var(--fgColorL));
  font-size: 0.825rem;
  order: 4;
  text-align: center;
  margin-top: 0.25rem;
  outline: 1px dashed transparent;
  outline-offset: 2px;
  display: inline;
}

.esoforms form a:hover {
  color: hsl(var(--fgColorH), var(--fgColorS), calc(var(--fgColorL) * 0.85));
  transition: color 0.25s;
}

.esoforms form a:focus {
  color: hsl(var(--fgColorH), var(--fgColorS), calc(var(--fgColorL) * 0.85));
  outline: 1px dashed hsl(var(--fgColorH), calc(var(--fgColorS) * 2), calc(var(--fgColorL) * 1.15));
  outline-offset: 2px;
}

.esoforms input[type="submit"]{
	padding:0;
	padding:0 1em;
	width:0;
	min-width: 50px;
	text-align: center;
	color:#fff;
	border-radius: 6px;
	cursor: pointer;
}

.esomod_form input{
	padding-top:6px;
	padding-bottom:6px;
}



.eso_register{
	max-width:1000px;
	margin-bottom:12px;
	--background: white;
  --border: rgba(0, 0, 0, 0.125);
  --borderDark: rgba(0, 0, 0, 0.25);
  --borderDarker: rgba(0, 0, 0, 0.5);
  --bgColorH: 0;
  --bgColorS: 0%;
  --bgColorL: 98%;
  --fgColorH: 210;
  --fgColorS: 50%;
  --fgColorL: 38%;
  --shadeDark: 0.3;
  --shadeLight: 0.7;
  --shadeNormal: 0.5;
  --borderRadius: 0.125rem;
  --highlight: #306090;
}

.eso_register input,.eso_register select {
  border: 0px solid var(--border);
	background: #fff;
  border-radius: var(--borderRadius);
  box-sizing: border-box;
  font-size: 1em;
  line-height: 1.3em;
  order: 2;
  padding: 0.15rem ;
  transition: all 0.25s;
}


.eso_minimal{
	max-width:1000px;
	margin-bottom:12px;
	--background: white;
  --border: rgba(0, 0, 0, 0.125);
  --borderDark: rgba(0, 0, 0, 0.25);
  --borderDarker: rgba(0, 0, 0, 0.5);
  --bgColorH: 0;
  --bgColorS: 0%;
  --bgColorL: 98%;
  --fgColorH: 210;
  --fgColorS: 50%;
  --fgColorL: 38%;
  --shadeDark: 0.3;
  --shadeLight: 0.7;
  --shadeNormal: 0.5;
  --borderRadius: 0.125rem;
  --highlight: #306090;
}

.redalert li {
		color: red;
}



.eso_minimal input[name="show-password"]:checked ~ div label input[name="password"] {
  -webkit-text-security: none;
}

.eso_minimal label:hover span {
  color: hsl(var(--fgColorH), var(--fgColorS), var(--fgColorL));
}

.eso_minimal input[type="checkbox"] + div .esoforms label:hover span::before,
.eso_minimal label:hover .eso_minimal input.text {
  border-color: hsl(var(--fgColorH), var(--fgColorS), var(--fgColorL));
}

.eso_minimal label .eso_minimal input.text:focus,
.eso_minimal label .eso_minimals input.text:active {
  border-color:  hsl(var(--fgColorH), calc(var(--fgColorS) * 2), calc(var(--fgColorL) * 1.15));
  box-shadow: 0 1px  hsl(var(--fgColorH), calc(var(--fgColorS) * 2), calc(var(--fgColorL) * 1.15));
}

.eso_minimal input.text:focus + span,
.eso_minimal input.text:active + span {
  color:  hsl(var(--fgColorH), calc(var(--fgColorS) * 2), calc(var(--fgColorL) * 1.15));
}

.eso_minimal input,.eso_minimal select {
  border: 0px solid var(--border);
	background: #fff;
  border-radius: var(--borderRadius);
  box-sizing: border-box;
  font-size: 1em;
  line-height: 1.3em;
  order: 2;
  padding: 0.15rem ;
  width: 100%;
  transition: all 0.25s;
}


.eso_minimal form {

  background: white;
  border: 1px solid var(--border);
  border-radius: var(--borderRadius);
  box-shadow: 0 1rem 1rem -0.75rem var(--border);
  padding: 1rem;
  overflow: hidden;
}

.eso_minimal form .email, .eso_minimal form .email a {
  color: hsl(var(--fgColorH), var(--fgColorS), var(--fgColorL));
  font-size: 0.825rem;
  order: 4;
  text-align: center;
  margin-top: 0.25rem;
  outline: 1px dashed transparent;
  outline-offset: 2px;
  display: inline;
}

.eso_minimal form a:hover {
  color: hsl(var(--fgColorH), var(--fgColorS), calc(var(--fgColorL) * 0.85));
  transition: color 0.25s;
}

.eso_minimal form a:focus {
  color: hsl(var(--fgColorH), var(--fgColorS), calc(var(--fgColorL) * 0.85));
  outline: 1px dashed hsl(var(--fgColorH), calc(var(--fgColorS) * 2), calc(var(--fgColorL) * 1.15));
  outline-offset: 2px;
}

.eso_minimal input[type="submit"]{
	padding:0;
	padding:0 1em;
	width:0;
	min-width: 50px;
	text-align: center;
	color:#fff;
	border-radius: 6px;
	cursor: pointer;
}

.eso_minimal input{
	padding-top:6px;
	padding-bottom:6px;
}