/*
Copyright (C) 2016 by SvapoLab.it (info@svapolab.it). All rights reserved.
*/
body {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: small;
	margin: 0;
	padding: 0;
}
.container {
	width: 100%;
	height: 490px;
	border-radius: 5px;
	background-color: #EEE;
}

.row:after {	/* clear floats after the columns */
	content: "";
	display: table;
	clear: both;
}
.row.header p {
	margin-block-start: .2em;
	margin-block-end: .2em;
}
.row.header { font-size: small; }

.col-30, .col-15, .col-13, .col-50, .col-25 {
	float: left;
	margin-top: 1px;
}
.col-30 { width: 31%; margin-left: 1%; }
.col-15 { width: 14%; margin-left: 1%; }
.col-13 { width: 12%; margin-left: 1%; }
.col-50 { width: 49%; margin-left: 1%; margin-top: 1em; }
.col-25 { width: 23%; margin-left: 1%; margin-right: 1%; margin-top: 1em; }

.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }

input[type=text], input[type=number] {
	background-color: #FFF;
	width: 100%;
	margin: 2px 0;
	padding: 2px 6px;
	box-sizing: border-box;
	border: none;
	border-bottom: 2px solid lightgray;
}
input[type=text]:focus, input[type=number]:focus {
	background-color: #FF0;
	outline: none;
	border-bottom: 2px solid gray;
	transition: 0.1s;
}
input[type=text].invalid, input[type=number].invalid {
	border-bottom-color: red;
}
input[type=text].valid, input[type=number].valid {
	border-bottom-color: gray;
}

.btn {
	color: #FFF;
	padding: 2px 16px;
	border: none;
/*	border-radius: 3px;	*/
	cursor: pointer;
	float: right;
}
.btn.primary { background-color: #06C; }
.btn.primary:hover { background-color: #08F; }
.btn.warning {
	color: #000;
	background-color: #FC1;
}
.btn.warning:hover { background-color: #EB0; }

@media only screen and (max-width: 640px) {
	.container {
		font-size: small;
		border-radius: 0;
	}
	.row.header { font-size: x-small; }
	.col-50 { width: 100%; }
	select { width: 100%; font-size: small; }
	.col-25 { width: 48%; }
	.btn { width: 49%; }
}