* {
	box-sizing: border-box;
}

HTML,BUTTON,INPUT,SELECT,TEXTAREA,
.pure-g [class *= "pure-u"] {
	font-family: 'Roboto', sans-serif;
	color: gray;
}

H1,H2,H3,H4,H5,H6,H7 {
	font-weight: 400;
}

H2 {
	color: black;
	margin-bottom: 1em;
}
H2 SMALL {
	display: block;
	font-size: 50%;
}
.msg H2 {
	color: gray;
	text-align: center;
	margin: .5em;
}

B, STRONG {
	color: black;
}

A {
	color: var(--orange_light);
	text-decoration: none;
}
A:hover {
	color: var(--orange_hover);
	text-decoration: none;
}

.msg, .box {
	padding: 2em 3em;
}

.box {
	border: solid 1px silver;
}

.msg {
	margin: 3em auto;
	padding: 1em;
	max-width: 500px;
}

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

.m-t {
	margin-top: 1em;
}
.m-b {
	margin-bottom: 1em;
}

.pad-t {
	padding-top: 1em;
}
.pad-b {
	padding-bottom: 1em;
}

.ajax {
	margin-bottom: 2em;
}

BR.spacer {
	margin-top: 3em;
	display: block;
}

FORM.find_form  {
	min-width: 250px;
	padding: .5em 1em;
	position: absolute;
	background: white;
	margin-left: 2em;
	display: none;
	z-index: 5;
}
FORM.find_form.active {
	display: block;
}
FORM.find_form  DIV.buttons {
	text-align: right;
	margin-top: 1.5em;
}
FORM.find_form  DIV.buttons INPUT {
	margin-left: 1em;
}
FORM.find_form DIV.checkboxes {
	margin-top: 1em;
}
FORM.find_form .checkbox-label {
	padding-left: 1.4em;
	text-indent: -1.2em;
}

FIELDSET {
	min-width: unset;
}

FIELDSET.inline DIV {
	display: inline;
}
FIELDSET.inline LABEL {	
	min-width: auto !important;
	padding-right: 1em;
}
FIELDSET.inline.borderless {
	border: none;
	padding-left: 0;
}

.float_right {
	float: right;
}

#credits {
	position: fixed;
	bottom: 8px;
	right: 8px;
	width: 16px;
	height: 16px;
	background: url('https://www.techelp.it/techelp.png');
	background-size: contain;
}

@media screen and (max-width: 500px) {
	.msg,
	.box {
		padding: 2em 1em;
	}
}