* {
	font-family: Roboto, sans-serif;
	box-sizing: border-box;
}
body {
	font-size: 15px;
	margin: 0px;
}
.mainpage p {
	margin: 0px;
	line-height: 1.6;
}
.mainpage li {
	line-height: 1.6;
}
input, select {
	padding: 10px 10px 10px 10px;
	margin: 0px;
}
input[type=button],input[type=submit],input[type=reset] {
	padding: 8px 10px 8px 10px;
}

textarea.urlap {
	min-height: 58px;
	min-width: 170px;
	max-width: 100%;
	max-height: 90vh;
}
input.urlap,textarea.urlap,button.urlap,select.urlap {
	margin: 3px 0px;
	border-radius: 10px;
	padding: 10px;
	border: 1px solid gray; 
	outline: none;
}
button.urlap,input[type="button"].urlap,input[type="submit"].urlap,input[type="reset"].urlap {
	padding: 12px 20px 10px 20px;
}



table.grid th {
	padding: 10px 20px;
	background-color: #3D9970;
	color: white;
	border: 1px solid #DDD;
}
table.grid td {
	padding: 10px 20px;
	border: 1px solid #DDD;
}
table.grid td.number {
	text-align: right;
}
.toplabel {
	display: inline-block; 
	max-width: 90%; 
	border: 1px solid darkgray; 
	color: #333333;
	padding: 2px 5px 1px 5px; 
	background-color: white; 
	position: relative; 
	top: 10px; 
	left: 5px;
}


a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #666;
	text-decoration: underline;
}

.dark a.hlink {
	color: white;
	text-decoration: none;
}
.dark a.hlink:hover {
	color: #DDD;
	text-decoration: underline;
}

a.hlink-blue {
	color: #0074D9;
	text-decoration: none;
}
a.hlink-blue:hover {
	color: #0094F9;
	text-decoration: underline;
}

a.main-menu-item {
	color: #FFFFFF
}
a.main-menu-item:hover {
	color: #EEEEEE
}

.main-menu-item {
	color: #FFFFFF
}
.main-menu-item:hover {
	color: #EEEEEE
}

.mainpage li {
	color: #85868c;
	font-size: 17px;
}

@media only screen and (max-width: 799px) {
	.mobile-hidden {
		display: none !important;
	}
}

@media only screen and (min-width: 800px) {
	.desktop-hidden {
		display: none !important;
	}
}