html {
	height: 100%;
	overflow-y: scroll;
}

/*variabili colore usate nel resto del css*/
body {
	--app-color: #191970;
	--app-color-background: #fbf9ff;
	--app-color-background-darker: #f0eef5;
	--contrast-color: #efa566;
	--menu-icon-color: #ddd;
	--green-color: #237346;
	--red-color: #a52a2a;
	--blue-color: #4682b4;
	--hover-color: #fff1cc;
	--app-white: #fff; /*in modo che se vogliamo cambiare "bianco" basta cambiare la variabile e no tutti i punti*/
	--app-black: #555;
}

	/*Stili veri e propri*/

body {
	height: 100%;
	background-color: var(--app-color-background-darker);
	background-size: 33% 70%;
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	color: var(--app-white);
	font-family: 'Open Sans', sans-serif;
}

	body form {
		background-color: var(--app-color);
		display: flex;
		margin: inherit;
		height: 100%;
	}
	body div.mainContainer {
		/*height: 100%;*/
		width: calc(100% - 20px);
		margin: auto;
		display: flex;
	}

	input{
		font-size:1em;
	}

/*Override degli stili base Telerik Material*/
.RadButton_Material.rbButton{
	text-transform: none !important;
}
.RadButton_Material {
	font-family: 'Open Sans', sans-serif !important;
	font-size: 12px !important;
	height: 3.5em !important;
}

/*tutti i bottoni (non disabilitati) con opacita' del 90%*/
.RadButton:not(.rbDisabled) {
	opacity: 0.9 !important;
}

.rbToggleCheckboxChecked {
	color: var(--app-color) !important;
}


.labelResetPassword {
	text-decoration: none;
	color: grey;
	font-size: 13px;
	cursor: pointer;
}

.labelResetPassword:hover {
	scale:1.05;
}