html, body {
    height: 100%;
}

body {
	background-color: #eee;
}

button:enabled {
	cursor: pointer;	
}

body, div, input {
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
}

textarea:focus, input:focus, button:focus, button:active {
    outline: 0;
}

a {
	//text-decoration: none;
	font-weight: bold;
	color: white;
	font-size: 12px;
	
}

a:hover {
	color: #4d4d4d;
	cursor: pointer;
}

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -100px;
    width: 1000px;
}

footer, .push {
    height: 100px;
}

#container {
	padding-top: 35px;
}

.section {
	background-color: white;
	box-shadow: 0px 0px 3px #aaa;
	margin-top: 10px;
	/*margin-bottom: 10px;*/
	overflow: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.firstsubsection {
	padding: 10px;
	overflow: auto;
}

.subsection {
	padding: 10px;
	border-top: 1px solid #ddd;
	overflow: auto;
}

.subtitle {
	text-align: center;
	font-size: 20px;
}

header {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	height: 35px;
	box-shadow: 0px 0px 6px #000;
	background-color: #3565bf;
	z-index: 100;
}

#header_container {
	position: absolute;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
}

#header_container div {
	line-height: 35px;
}

#header_container #left {
	float: left;
}

#header_container #right {
	float: right;
}

footer #shadow {
	height: 12px;
	box-shadow: 0px 3px 3px #aaa;
}

footer #footer_container {
	position: absolute;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	overflow: auto;
	padding-top: 20px;
}

#login label {
	color: white;
	font-size: 12px;
	font-weight: bold;
	margin-right: 5px;
}

#header_container #left ul li {
	padding-right: 20px;
}

#header_container #left ul, #header_container #left li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

.div_button {
	padding-left: 35px;
	padding-right: 5px;
	color: #4d4d4d;
	font-weight: bold;
	color: white;
}

.div_button:hover {
	color: #4d4d4d;
	cursor: pointer;
}

.div_button:active {
	color: white;
	cursor: pointer;
}

#home {
	background: #3565bf url(./img/go-home_white.png) top left no-repeat;
	background-size: 35px;
}

#home:hover {
	background: #3565bf url(./img/go-home.png) top left no-repeat;
	background-size: 35px;
	text-shadow: 0px 0px 20px #fff;
}

#home:active {
	background: #3565bf url(./img/go-home_white.png) top left no-repeat;
	background-size: 35px;
	text-shadow: 0px 0px 20px #fff;
}

#nuovo_test {
	background: #3565bf url(./img/nuovo_test_white.png) center left no-repeat;
	background-size: 30px;
}

#nuovo_test:hover {
	background: #3565bf url(./img/nuovo_test.png) center left no-repeat;
	background-size: 30px;
	text-shadow: 0px 0px 20px #fff;
}

#nuovo_test:active {
	background: #3565bf url(./img/nuovo_test_white.png) center left no-repeat;
	background-size: 30px;
	text-shadow: 0px 0px 20px #fff;
}

#profilo {
	background: #3565bf url(./img/profilo_white.png) top left no-repeat;
	background-size: 35px;
	display: none;
}

#profilo:hover {
	background: #3565bf url(./img/profilo.png) top left no-repeat;
	background-size: 35px;
	text-shadow: 0px 0px 20px #fff;
}

#profilo:active {
	background: #3565bf url(./img/profilo_white.png) top left no-repeat;
	background-size: 35px;
	text-shadow: 0px 0px 20px #fff;
}

#editor {
	background: #3565bf url(./img/editor_white.png) top left no-repeat;
	background-size: 35px;
	display: none;
}

#editor:hover {
	background: #3565bf url(./img/editor.png) top left no-repeat;
	background-size: 35px;
	text-shadow: 0px 0px 20px #fff;
}

#editor:active {
	background: #3565bf url(./img/editor_white.png) top left no-repeat;
	background-size: 35px;
	text-shadow: 0px 0px 20px #fff;
}

#admin {
	background: #3565bf url(./img/admin_white.png) top left no-repeat;
	background-size: 35px;
	display: none;
}

#admin:hover {
	background: #3565bf url(./img/admin.png) top left no-repeat;
	background-size: 35px;
	text-shadow: 0px 0px 20px #fff;
}

#admin:active {
	background: #3565bf url(./img/admin_white.png) top left no-repeat;
	background-size: 35px;
	text-shadow: 0px 0px 20px #fff;
}

#convalidazione {
	background: #3565bf url(./img/convalidazione_white.png) top left no-repeat;
	background-size: 35px;
	display: none;
}

#convalidazione:hover {
	background: #3565bf url(./img/convalidazione.png) top left no-repeat;
	background-size: 35px;
	text-shadow: 0px 0px 20px #fff;
}

#convalidazione:active {
	background: #3565bf url(./img/convalidazione_white.png) top left no-repeat;
	background-size: 35px;
	text-shadow: 0px 0px 20px #fff;
}

input, button {
	height: 18px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 0 3px 0 3px;
	margin: 0 5px 0 5px;
	border: 0;
	line-height: 18px;
}

input {
	background-color: white;
	color: #4d4d4d;
}

button {
	background-color: white;
	color: #4d4d4d;
	font-weight: bold;
}

#login_button, #logout_button {
	width: 50px;
}

#benvenuto {
	color: white;
	font-size: 14px;
	padding-right: 10px;
}

button:hover {
	color: white;
	background-color: #4d4d4d;
}

button:active {
	color: white;
	background-color: #3565bf;
}

h1 {
	font-size: 30px;
	text-align: center;
	font-weight: normal;
}

#reg_tabella {
	margin-bottom: 40px;
	text-align: left;
}

#reg_tabella td {
	padding-top: 10px;
}

#reg_tabella input[type=text], #reg_tabella input[type=password] {
	border: 1px solid black;
	/*width: 200px;*/
	border: 0 0 1px 
}

.reg_width {
	width: 200px;
}

#reg_tabella tr td:first-child {
	padding-right: 20px;
}

#reg_div {
	background-color: #eee;
	border-radius: 5px;
	padding: 40px;
	float: right;
	text-align: center;
	width: 420px;
	height: 400px;
}

#reg_div_desc {
	float: left;
	text-align: center;
	width: 450px;
	padding-top: 20px;
	padding-left: 20px;
	line-height: 35px;
	font-size: 20px;
}

#reg_container {
	overflow: auto;
}

#registrati, #profilo_lista_test ul li button {
	width: 120px;
	background-color: white;
	color: black;
}

#registrati:hover, #profilo_lista_test ul li button:hover {
	background-color: black;
	color: white;
}

#registrati:active, #profilo_lista_test ul li button:active {
	background-color: #4d4d4d;
	color: white;
}

.section button {
	width: 130px;
	background-color: black;
	color: white;
}

.section button:disabled {
	background-color: #eee;
	color: white;

}

.section button:hover:enabled {
	background-color: #eee;
	color: black;

}

.section button:active:enabled {
	background-color: #eee;
	color: white;
}


.reg_error {
	border: 1px solid red;
}

#footer_left, #footer_right {
	line-height: 15px;
	color: black;
	font-size: 12px;
}

#footer_left table tr td:first-child {
	padding-right: 20px;
	height: 20px;
}

#footer_right {
	text-align: right;
	line-height: 20px;
}

#footer_left {
	float:left;
}

#footer_right {
	float: right;
}

#reg_fields select {
	background-color: white;
	border: 1px solid black;
	-webkit-appearance: none;
	height: 20px;
}

#reg_fields select, #reg_nascita_anno {
	border: 1px solid black;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 0 3px 0 3px;
	margin: 0 5px 0 5px;
	border: 0;
	line-height: 18px;
	background-color: white;
	color: #4d4d4d;
	width: 51px;
	border-bottom : black 1px solid;
	border-top : black 1px solid;
	border-left : black 1px solid;
	border-right : black 1px solid;
}

input[type=radio] {
	background-color: white;
}

#reg_nascita_anno::-webkit-input-placeholder { color:black; }
#reg_nascita_anno::-moz-placeholder { color:black; } /* firefox 19+ */
#reg_nascita_anno:-ms-input-placeholder { color:#black; } /* ie */
#reg_nascita_anno:-moz-placeholder { color:black; }



input[type=checkbox]{
	position: absolute; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height:1px; 
	width:1px; 
	margin:-1px; 
	padding:0;
	border:0;
}

input[type=checkbox] + label.css-label {
	padding-left:20px;
	height:16px; 
	display:inline-block;
	line-height:15px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox]:checked + label.css-label {
	background-position: 0 -16px;
}

.css-label{
	background-image:url(./img/depressed.png);
}
#apri_test {
	display: none;
}

#compila_left {
	float: left;
}

#dropzone {
	float: right;
	width: 485px;
	height: 500px;
	background-color: #eee;
	border: 1px solid Silver;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: none;
}

#grafico {
	float: right;
	width: 483px;
	height: 498px;
	background-color: #eee;
	border: 1px solid Silver;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#treeboxbox_tree {
	width:485px;
	height:498px;
	border: 1px solid Silver;
	overflow:auto;
	outline: 0px;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#treebox_help {
	line-height: 40px;
	text-align: center;
	padding-top: 190px;
}

.button_right {
	float: right;
}
#documents_title {
	text-align:center;
	font-weight: bold;
	padding-bottom: 15px;
}

#documents {
	overflow: auto;
	height: 430px;
	max-height: 430px;
}

#documents a {
	color: black;
	text-decoration: none;
}

#documents a:hover {
	color: #3565bf;
	text-decoration: none;
	cursor: pointer;

}

#documents ul {
	list-style: none;
}

#documents ul li {
	margin-bottom: 5px;
}
#editor_input {
	height: 350px;
	/* TOTALE: 498px */
	//outline: 1px solid black;
}

#inserimento_multiplo {
	border: 0;
	resize: none;
	padding: 5px;
	margin: 0;
	width: 473px;
	height: 428px;
	background-color: #eee;
	font-size: 15px;
}

#help {
	float: right;
	width: 463px;
	height: 418px;
	background-color: #eee;
	border: 1px solid Silver;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
	padding: 10px;
	line-height: 24px;
}

#help ul li {
	padding-bottom: 18px;
}

#help ul, #help ul li {
	list-style: none;
}

#controlli {
	float: right;
	width: 483px;
	height: 438px;
	background-color: #eee;
	border: 1px solid Silver;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: none;
}

#editor_control {
	height: 65px;
	float: right;
	width: 483px;
	margin-top: 5px;
}

#editor_control table {
	width: 100%;
	text-align: center;
	margin-top: 5px;
}

#editor_control table tr {
	height: 30px;
}

#editor_control table tr td {
	width: 161px;
}

#editor_control table tr td:first-child {
	text-align:left;
}

#editor_control table tr td:last-child {
	text-align:right;
}

#editor_control table input, .nome_test {
	width: 296px;
	margin: 0;
	padding: 0 5px 0 5px;
	border: 1px solid #b8b8b8;
}

.nome_test {
	border-color: #b8b8b8;
	width: 476px;
}#profilo_container {
	overflow: auto;
	margin: -1px;
	padding: 1px;
}

#profilo_column {
	width: 300px;
	float: right;
}

#profilo_content {
	float: left;
	width: 690px;
}

#profilo_lista_test ul li {
	margin: 5px;
	background-color: #eee;
	list-style: none;
	padding: 10px;
	border-radius: 3px;
	list-style: none;
}

#profilo_menu ul li {
	list-style: none;
}

#profilo_lista_test {
	max-height: 500px;
	overflow: scroll;
}

#profilo_description {
	line-height: 30px;
	
}

#profilo_description:first-letter {
	text-transform: capitalize;
}

#profilo_lista_test ul li div {
	padding-left: 10px;
	float: right;
}

#avatar_img {
	background: url(./img/avatar.png);
	background-size: cover;
	color: transparent;
	
	height: 100px;
	position: absolute;
	width: 100px;
}

#avatar_img_wrapper {
	padding: 5px;
	background-color: #eee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 100px;
	height: 100px;
	margin: 10px auto 10px auto;
	position: relative;
}

#avatar_change {
	font-size: 12px;
	text-align: center;
}

#avatar #avatar_data {
	width: 100%;
	line-height: 24px;
	text-align: center;
}

#avatar #avatar_data .nome {
	text-transform: capitalize;
}
#admin_section {
	overflow: auto;
}

#admin_section div {
	float: left;
	margin: 10px 10px 0 0;
}

#admin_section div:last-child {
	float: left;
	margin: 10px 0 0 0;
}

#admin_section div div {
}

#admin_section div div:first-child {
	clear: both;
	text-align: center;
	font-weight: bold;
	width: 285px;
	margin-left: 10px;
}

#admin_section div div:last-child {
	clear: both;
	height: 400px;
	overflow: auto;
	//width: 100%;
}

#admin_section div div table {
	width: 306px;
}

#admin_section div div table tr td:first-child {
	width: 100%;
}

#admin_section a {
	text-decoration: none;
	color: black;
}

#admin_section a:hover {
	text-decoration: none;
	color: #3565bf;
}
.home_page {
	line-height: 30px;
	text-align: justify;
}

.home_page ul li {
	list-style: none;
}

.home_page img {
	height: 360px;
	margin: 15px;
	padding: 0;
}

.home_page .left {
	position: relative;
	float: left;
	margin-left: 0;
}

.home_page .right {
	position: relative;
	float: right;
	margin-right: 0;
}

.home_page .text {
	width: 590px;
	height: 400px;
}

.home_page .right div, .home_page .left div {
	position: absolute;
	top: 50%;
	margin-top: -170px;
}