html {
    height: 100%;
}
body {
	height: 100%;
    width: 100%;
    margin: 0;
}

.wrapper {
	min-height:100%;
	width: 100%;
	position: relative;
}

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="date"]
 {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="date"]
{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

input[type="date"]:focus,
 {
  border: 1px solid #33C3F0;
  outline: 0; }

.innerBox {
	padding:10px;
	background-color: #f8f8f8;
	border-radius: 5px;
}

.buttonBox {
	margin-top: 20px;
	text-align: right;
}

footer {
	text-align: center;
	font-size: 0.75rem;
	padding: 40px;
	background-color: #f8f8f8;
}

.wrapper footer {
	position: absolute;
	bottom: 0;
	width: 100%;
}


input[type="text"].eClass,
input[type="email"].eClass,
input[type="number"].eClass,
input[type="search"].eClass,
input[type="text"].eClass,
input[type="tel"].eClass,
input[type="url"].eClass,
input[type="password"].eClass,
textarea.eClass,
select.eClass {
  background-color: mistyrose;
  border: 1px solid #33C3F0;
}


.caption {
	font-weight: 800;
	margin-bottom: 10px;
}

.formValue {
	margin-left: 3rem;
	margin-bottom: 1.5rem;
	font-weight: normal;
}