body {
	margin-top:10px !important;
}

.dothis {
	color: green;
	font-size: 24px;
	font-weight: bold;
}

.sure {
	color:#FF0000;
}

.step1 {}
.step2 { display:none; }
.step3 { display:none; }

table {
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
	display:table
}

table, th, td {
	border:none;
	font-size:1em;
	white-space: nowrap;
}

.t-error {
	color:#FF0000;
}

.wrap {
	white-space:normal !important;
}

.kdn-input {
	font-size:25pt;
	size:20;
}

.pointer {
	cursor:pointer;
}

.m-signature-pad--body canvas {
	position: relative;
	left: -30px;
	top: 0;
	width: 100%;
	height: 250px;
	border: 1px solid grey;
}

.sign-pad {
	padding:1px 16px
}

.sign-pad:after {
	content:"";
	display:table;
	clear:both
}

#form-dat {
	font-size:10vw;
}

#overlay {
	position: fixed; /* Sit on top of the page content */
	display: none; /* Hidden by default */
	width: 100%; /* Full width (cover the whole page) */
	height: 100%; /* Full height (cover the whole page) */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5); /* Black background with opacity */
	z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
	cursor: pointer; /* Add a pointer on hover */
}

#loadingSpinnerBackground {
	position: absolute;
	top: 0;
	left: 0;
	height:100%;
	width:100%;
	cursor: cursor;
	opacity: 0.5;
	background: #000000 url('/Opel Logo Ladeanimation.gif') center no-repeat;
	z-index: 50;
}
#text{
	position: absolute;
	top: 60%;
	left: 50%;
	font-size: 2vw;
	color: white;
	transform: translate(-50%,-50%);
	
}