html, body
{
	margin: 0;
	padding: 0;
}

html
{
	font-size: 1em;
	font-family: "Lato", sans-serif;
}

.helper-description {
	display: inline-block;
	margin: 0 0 10px 0;
	
	font-size: 0.7rem;
	color: #aaa;
	font-style: italic;
}

div.row	{
	margin: 0 auto 0 auto;
	padding: 1rem;
}

div.row:after {
	content: "";
	display: table;
	clear: both;
}

div.column {
	padding: 0rem;

	float: left;
	width: calc(50vw - 2rem);
}

img.logo {
	height: 4rem;
}

/*********** Baseline, reset styles ***********/
input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  cursor: pointer;
  width: 35vw;
}

/* Removes default focus */
input[type="range"]:focus {
  outline: none;
}

/******** Chrome, Safari, Opera and Edge Chromium styles ********/
/* slider track */
input[type="range"]::-webkit-slider-runnable-track {
  background-color: #ffd6d6;
  border-radius: 0.5rem;
  height: 0.5rem;
}

/* slider thumb */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  margin-top: -4px; /* Centers thumb on the track */
  background-color: #ff0000;
  border-radius: 0.5rem;
  height: 1rem;
  width: 1rem;
}

input[type="range"]:focus::-webkit-slider-thumb {
  outline: 3px solid #ff0000;
  outline-offset: 0.125rem;
}

/*********** Firefox styles ***********/
/* slider track */
input[type="range"]::-moz-range-track {
  background-color: #ffd6d6;
  border-radius: 0.5rem;
  height: 0.5rem;
}

/* slider thumb */
input[type="range"]::-moz-range-thumb {
  background-color: #ff0000;
  border: none; /*Removes extra border that FF applies*/
  border-radius: 0.5rem;
  height: 1rem;
  width: 1rem;
}

input[type="range"]:focus::-moz-range-thumb{
  outline: 3px solid #ff0000;
  outline-offset: 0.125rem;
}

input[type="submit"] {
  border-radius: 10px;
  color: #ffffff;
  background: #ff4f4f;
  padding: 10px 20px 10px 20px;
  text-decoration: none;

  	font-size: 1em;
	font-family: "Lato", sans-serif;

	border: none;
}

input[type="submit"]:hover {
	background: #fc0000;
	text-decoration: none;

	border: none;
}

input[type="text"]
{
	font-size: 1em;
	font-family: "Lato", sans-serif;
	padding: 6px;
	border-width: 2px;
	border-color: #fc0000;
	background-color: #ffffff;
	color: #fc0000;
	border-style: solid;
	border-radius: 6px;
}

input[type="text"]:hover {
	border-color: #ff0000;
	color: #ff0000;
}

input[type="text"]:invalid {
	background-color: #fcc603;
}

select {
	font-size: 1em;
	font-family: "Lato", sans-serif;
	padding: 6px;
	border-width: 2px;
	border-color: #fc0000;
	background-color: #ffffff;
	color: #fc0000;
	border-style: solid;
	border-radius: 6px;
}

select:disabled {
	background-color: #fc0000;
	color: #ffffff;
}

select:hover {
	border-color: #ff0000;
	color: #ff0000;
}

#lblChequeVacancesConnect, #lblChequeVacancesClassic {
	color: #ff0000;
}

.good {
	background-color: #88eb1e;
}

.warning {
	background-color: #fcc603;
}

.confirmation {
	font-size: 1.5rem;
	font-family: "Lato", sans-serif;
	color: #00aa00;
	text-align: center;
}