html {
	font-family: trebuchet ms,Sans-serif, Arial, Helvetica;
	font-size: calc(0.35vw + 10.5px);
	-webkit-font-smoothing: antialiased;
	font-weight: 100;
}

body {
	margin: 0;
}

* {
	box-sizing: border-box;
}

a {
	text-decoration: none;
}

a {
	color: #131335;
}

a:visited {
	color: #131367; /*#2d4e9d;*/
}

a:hover {
	color: #135567;
}

td {
	padding-right: 0.33vw;
	vertical-align: top;
	color: black;
	opacity: 1;
}

.control {
	padding: 1px;
	float: left;
	padding-left: 3.5px;
	padding-right: 1.25px;
	max-width: 720px;
}

.spacer {
	padding-right: 15.5px;	
}

.control > .set {
	padding-top: 8.5px;
}

.control span {
	display: block;
	color: #333;
}

.clear {
	clear: both;
}

.bigbutt {
	width: 250px;
	max-width: 90vw;
	height: calc(2vw + 32px);
	line-height: calc(2vw + 32px);
	color: white;
	text-align: center;
	font-size: calc(1.2vw + 10px);
	text-decoration: none;
	user-select: none;
	background-color: #9999bb;
	border: 1px solid #777;
}

.bigbutt:hover {
	filter: hue-rotate(-28deg) brightness(95%);
    transition: all 0.4s ease;
	cursor: pointer;
}

.bigbutt:active, .inactive {
	opacity: 0.7;
	filter: grayscale(10%);
}

h1 {
	font-size: 20px;
}

input[type="text"], input[type="password"], input[type="number"], input[type="date"], select {
	height: calc(1vw + 20px);
	padding-left: 1.5px;
	font-size: calc(0.72vw + 8px);
	border: 1px solid #ccc;
	font-family: sans-serif;
	font-weight: 300;
}

.loading {
	width: 99%;
	height: 50vh;
	overflow: hidden;
	background-image: url('loading.gif');
	background-size: 100px 100px;
	background-repeat: no-repeat;
	background-position: center;
}

.center_msg {
	width: 88%;
	max-width: 600px;
	color: white;
	background: rgb(140,75,22);
	background: linear-gradient(90deg, rgba(140,75,22,1) 0%, rgba(22,100,162,1) 71%);
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 1px solid #fff;
	border-radius: 6px;
	padding: 16px;
}

.center_msg a {
	color: #eee;
	font-weight: bold;
	text-decoration-style: dotted;
}

.center_msg a:visited {
	color: #ccc;
}

.center_msg a:active {
	color: #777;
}

input.city {
	width: 188px;
}

input.date {
	width: calc(3.4vw + 52px);
}

table.main {
	width: 100%;
}

.err {
	font-size: 20px;
	padding:3vw;
}
