html {
	font-size: 100%;
} 

body {
	font-family: 'Verdana';
	text-align: left !important;
	text-align /**/: center;
	margin:0;
	height: 95%;
	width: 100%;
	background-color: #5FC2D3;
}


/* Zoom on hover */

.zoom {
  padding: 50px;
  background-color: ;
  transition: transform .2s; /* Animation */
  width: ;
  height: ;
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

/* Fine Zoom on hover */


/* Zoom2 on hover */

.zoom2 {
  padding: ;
  background-color: ;
  transition: transform .2s; /* Animation */
  width: 450px;
  height:390px;
  margin: 0 auto;
}

.zoom2:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

/* Fine Zoom on hover */



label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: normal;
}

area {
	cursor: default;
}

.separatore {
	height: 2px;
	background-color: #ecebf3;
}

.focusedInput {
    border-color: rgba(82,168,236,.8);
    outline: 0;
    outline: thin dotted \9;
    -moz-box-shadow: 0 0 8px rgba(82,168,236,.6);
    box-shadow: 0 0 8px rgba(82,168,236,.6) !important;
}

.img-thumbnail-custom {
  display: inline-block;
  height: auto;
  max-width: 100%;
  padding: 0px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 0;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}

.img-thumbnail-click {
  
  display: inline-block;
  height: auto;
  max-width: 90%;
  padding: 0px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 0;
  
}

.img-responsive-custom {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

.domanda-sfondo {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  border-style: solid;
  border-width: 1px 1px 3px;
  margin: 0 0 6px 1px;
  padding: 16px;
  position: relative;
}

.domanda-sfondoSelected {
  background-color: #d9edf7;
  border-color: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  border-style: solid;
  border-width: 1px 1px 3px;
  margin: 0 0 6px 1px;
  padding: 16px;
  position: relative;
}

.text-red {
  color: #ff0000;
}

.result-circle {
	
	border-radius: 50%;
		-moz-border-radius: 50%;
 		-webkit-border-radius: 50%;	
	width: 15px;
	height: 15px;
	background-color:green;
		 
}

@media (max-width: 767px) {
	
 	.riepilogo-descrizione  {font-size: 1em;}
 	.associa, .associaR  {font-size: 1em;}
 	.titolo-test {font-size: 1.1em;text-align: center;}
 	.titolo-test-counter {font-size: 0.8em;}
 	.titolo-test-titolo {font-size: 0.8em;text-align: left;}
 	.titolo-test-ico {padding-left: 50%;}
 	.domanda, .domanda-parola-mancante {font-size: 1.1em;}
 	.domande-intestazione {font-size: 0.8em;}
 	#checkradio{font-size: 1.1em;}
 	#d-numero, #d-testo {font-size: 1em;}
 	#d-tipologia{font-size: 0.9em;}
 	.img-responsive-legenda { width: 60%; height: 60%; }
 	.riepilogo-legenda {font-size: 0.8em;}
}
 
@media (min-width: 768px) and (max-width: 991px) {
	
	.riepilogo-descrizione {font-size: 1.1em;}
	.associa, .associaR  {font-size: 1.2em;}
	.titolo-test {font-size: 1.3em;text-align: center;}
	.titolo-test-counter {font-size: 0.9em;}
	.titolo-test-titolo {font-size: 0.9em;text-align: left;}
	.titolo-test-ico {padding-left: 65%;}
	.domanda, .domanda-parola-mancante {font-size: 1.3em;}
	.domande-intestazione {font-size: 1.3em;}
	#checkradio{font-size: 1.3em;}
	#d-numero, #d-testo {font-size: 1.2em;}
	#d-tipologia{font-size: 1em;}
	.img-responsive-legenda { width: 30%; height: 30%; }
	.riepilogo-legenda {font-size: 0.9em;}
}
 
@media (min-width: 992px)  {
 	
 	.riepilogo-descrizione {font-size: 1.3em;}
 	.associa, .associaR  {font-size: 1.4em;}
 	.titolo-test {font-size: 1.6em;text-align: center;}
 	.titolo-test-counter {font-size: 1em;}
 	.titolo-test-titolo {font-size: 1em;text-align: left;}
 	.titolo-test-ico {padding-left: 75%;}
 	.domanda, .domanda-parola-mancante {font-size: 1.5em;}
 	.domande-intestazione {font-size: 1.5em;}
 	#checkradio{font-size: 1.5em;}
 	#d-tipologia, #d-numero, #d-testo {font-size: 1.4em;}
 	#d-tipologia{font-size: 1.1em;}
 	.img-responsive-legenda { width: 15%; height: 15%; }
 	.riepilogo-legenda {font-size: 1.1em;}
}

#checkradio img {
   /*display: block;*/
   max-width:100%;
   height:auto;
}

.Wirisformula {
	
	/* display: block; */
	max-width:100%;
	height:auto;

}

div#content div#content-bottom img {
   /*display: block;*/
   max-width:100%;
   height:auto;
}

div#contentSelected img {
   /*display: block;*/
   max-width:100%;
   height:auto;
}

div#timer {visibility:visible;width: 50%;text-align: right;font-weight: bold;position:relative;top:0%;background:trasparent;font-size: 1.3em;z-index: 1}
div#nomeAlunno {visibility:visible;width: 50%;text-align: left;font-weight: bold;color:red;position:relative;top:0%;background:trasparent;font-size: 1.3em;z-index: 1}
/* classi da eliminare */
.counter {
	position:relative;
	min-height:10vh;
	background-color: #81affe;
	border: solid 1px white;
	text-align:right; 
	font-size: 1em;
	font-weight: bold;
	padding-right:10px;
	padding-top:1%;
}

/* fine classi da eliminare */

div#trascina {
	text-align:left;
	font-size: 1em;
	
}

.contenitore {
  border-radius: 2px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  display: block;
  left: 5%;
  margin-top: 1vh;
  min-height: 80vh;
  position: relative;
  text-align: left;
  width: 90%;
}

.titolo-test {
  background-color: #F49815;
  font-weight: bold;
  min-height: 8vh;
  padding-left: 2%;
  padding-right: 1%;
  padding-top: 1%;
  position: relative;
}

.titolo-test-counter {
	position: relative;
	font-weight: normal;
	color:000080;
	text-align: left;
}

.titolo-test-ico {
	position: relative;
	/*padding-left:75%;*/
}


.contenuto-centrale {
	position:relative;
	min-height:74vh;
	background-color: #F1F1F1;
	border: solid 1px white;
	text-align:center; 
	padding-top:1%;
}


.riepilogo-descrizione {
	position:relative;
	min-height: 20vh;
	background-color:  #ffffff;	
	-moz-border-radius: 2px;    
    -moz-border-radius: 2px; 
	-webkit-border-radius: 2px;    
    -webkit-border-radius: 2px; 
	border-radius: 2px;    
    border-radius: 2px; 
	box-shadow: 0 1px 3px 1px #c1c1c1;
	   -moz-box-shadow: 0 1px 3px 1px #c1c1c1;
	   -webkit-box-shadow: 0 1px 3px 1px #c1c1c1;
	
	text-align:left;
	/*font-size: 1.3em;*/
	padding-top:0.5em;
	padding-bottom:0.5em;
}


.riepilogo-descrizione-intestazione{
	text-align:right;
	padding-right: 0.3em;
}

.riepilogo-descrizione-testo{
	text-align:left;
	color:red;
	padding-left: 0.3em;
	font-weight: bold;
}

.panel-footer {
  padding: 6px 15px !important;
}

.footer {
  background: rgb(204, 204, 204) none repeat scroll 0 0;
  border: 1px solid white;
  clear: both;
  font-family: Trebuchet MS;
  font-weight: bold; 
 /* min-height: 8vh;  */
  position: relative;
  text-align: center;
}

.riepilogo-contenitore {
	height: 35%;
	background-color: #e6e6e6;
	border-top: solid 1px white;
	text-align:center; 
	padding-top:10px;
	padding-bottom:10px;
}

.riepilogo {
	position:relative;
	height: auto;
	background-color: transparent;
	text-align:left;
	padding-left:0;
	margin-bottom:0.5em; 
	font-size:medium;
	font-weight: bold;
	color:#666;
}

.riepilogo-legenda {
	position:relative;
	background-color: transparent;
	text-align:center;
	padding-top:0.5em;
	margin-bottom:0.5em; 
	font-weight: bold;
	color:#666;
}

.riepilogo-elenco {
	position:relative;
	min-height: 20vh;
	height: auto;
	background-color: #F8F8F8;
	border: dashed 2px red;
	text-align:center;
}

.riepilogo-esito {
  background-color: #ffffff;
  box-shadow: 0 1px 3px 1px #c1c1c1;
  font-size: 1.5em;
  font-weight: bold;
  height: auto;
  min-height: 7vh;
  padding-top: 0.5em;
  position: relative;
  text-align: center;
}

span#rosso{
	color:red;
}

span#verde{
	color:green;
}

span#spunta{margin-left:20px;}

.riepilogo-spazio {
	position:relative;
	min-height: 5vh;
	height: auto;
	background-color: transparent;
}

.risultato-esatto {	
   background: rgba(209,249,185,0.7);
   border-right: solid 6px green;
   border-bottom: solid 2px green;
   border-top: solid 2px green;
}

/* Formattazione del titolo delle domande */

.domanda {

	text-align:left; 
/*	font-weight: bold;*/
/*	font-family: Trebuchet MS; */
	padding-left:10px;
	border-bottom: solid 1px #cccccc;

}

.avviso {
	
	text-align:center; 
	font-weight: bold;
	font-size: 0.9em;
	padding-top:5px;
	padding-bottom:5px;
}

/* .................... */

/* Scritta sull'immagine */

.caption {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}
 
.caption img {
    float: left;
    margin: 0;
    padding: 0;
    background: #fff;
    border: none;
}
 
.caption span {
    float: left;
    margin: 0;
    padding: 10px;
    width: 100%;
    color: #008040;
    text-align:right;
     
   /* background: #222;  browser che non supportano rgba */
    background: rgba(209,249,185,0.7);
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: solid 1px #008000;
}
 
.caption span strong {
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    display: block;
    padding-bottom: 5px;
}

/* Fine Scritta sull'immagine */

/* Clicka qui */

.mattoncini {

	text-align:center;
	font-weight: bold;
	font-size: 1.4em;
	font-family: Trebuchet MS;
	border: solid 1px red;
	border-radius: 0.6em;
	min-height:7vh;
	height:auto;
	background: rgba(209,249,185,0.7);
	box-shadow: 0px 1px 5px 3px #333333;
	   -moz-box-shadow: 0px 1px 5px 3px #333333;
	   -webkit-box-shadow: 0px 1px 5px 3px #333333;
	margin-top:4%;
	
}

.mattoncini-result {

	min-height:7vh;
	height:auto;
	margin-top:4%;
	padding-left:1%;
	background: rgba(209,249,185,0.7); 
	border-right: solid 3px green;	
	
}

.number {
	
	width: 10%;
	text-align:center;
	font-weight: bold;
	font-size: 1.4em;
	font-family: Trebuchet MS;
	border: solid 1px red;
	background: rgba(209,249,185,0.7);
	box-shadow: 0px 1px 5px 3px #333333;
	   -moz-box-shadow: 0px 1px 5px 3px #333333;
	   -webkit-box-shadow: 0px 1px 5px 3px #333333;
	margin-top:2%;
}

/* Fine Clicka qui */

/* Associa */

.associa, .associaR {

	text-align:center;
	font-weight: bold;
	border-width: 4px;
	border-style: solid;
	border-color: #ffffff;	
	border-radius: 0.2em;
	height:5em;
		
	/*background: rgba(209,249,185,0.7);*/
	background-color: rgb(255,255,204);
	box-shadow: 0 1px 5px 3px #cccccc;
	   -moz-box-shadow: 0 1px 5px 3px #cccccc;
	   -webkit-box-shadow: 0 1px 5px 3px #cccccc;
	padding-top: 1%;
	
	
}

.associa-row {
	
	margin-top:15px;
	margin-bottom:15px;
	
}

.associaRisposta {
    
    
    
}

/*.associa-header {
*  background: transparent none repeat scroll 0 0;
*  border-color: #ffffff;
*  border-radius: 0.2em;
*  border-style: solid;
*  border-width: 4px;
*  box-shadow: 0 1px 5px 3px #cccccc;
*	   -moz-box-shadow: 0 1px 5px 3px #cccccc;
*	   -webkit-box-shadow: 0 1px 5px 3px #cccccc;
*  font-family: Trebuchet MS;
*  font-size: 1em;
*  font-weight: bold;
*  height: auto;
*  margin-top: 1%;
*  text-align: center;
*}
*/
.associa-header {
  font-size: 1em;
  font-weight: bold;
  height: auto;
  padding: 6px;
  text-align: center;
}

.associa-hidden {
  background: transparent none repeat scroll 0 0;
  border-color: #ffffff;
  border-radius: 0.2em;
  border-style: solid;
  border-width: 4px;
  box-shadow: 0 1px 5px 3px #cccccc;
	   -moz-box-shadow: 0 1px 5px 3px #cccccc;
	   -webkit-box-shadow: 0 1px 5px 3px #cccccc;
  font-size: 1em;
  font-weight: bold;
  height: auto;
  margin-bottom: 2%;
  margin-top: 2%;
  min-height: 10vh;
  padding-top: 2%;
  text-align: center;
}

.associa-result {
	
	border-radius: 50%;
		-moz-border-radius: 50%;
 		-webkit-border-radius: 50%;	
	width: 15px;
	height: 15px;

	/*border: 4px solid gray;
	border-width: 4px;
	border-style: solid;
	border-color: green;	
	border-radius: 0.6em;
	height:auto;
	background: rgba(209,249,185,0.3);
	margin-top:2%;
	margin-bottom:2%;
*/	
	
}
/* Fine Associa*/

/* parola mancante */

.domanda-parola-mancante {
	
	text-align:left;
	font-weight: bold;
	/*font-size: 1.2em;*/
/*	font-family: Trebuchet MS;*/
	padding-bottom: 10%;
	
}

.risposta-parola-mancante {
	
	text-align:left;
	font-weight: bold;
	font-size: 1.2em;
	
}

.parola-mancante {
	
	text-align:left;
	font-size: 1.1em;
	padding-left:5%;
	
}

#parola {
	
	text-align:left;
	font-size: 1.5em;
	padding-left:5%;
	
}

/* Fine parola mancante */

/* Sequenza */

.mattoncini-verde{

	text-align:center;
	min-height:7vh;
	height:auto;
	margin-top:4%;
	font-size: 1.4em;
	font-weight: bold;
	color:green;
}

/* Fina sequenza */

/* Pagina delle domande */

#domande-corpo {	
	
	border: solid 1px #0011ff;
	background-color: #ffffb7;
	min-height:7vh;

}

.domande-spazio {
	position:relative;
	min-height: 1vh;
	height: auto;
	background-color: transparent;
}

/* 
* #domanda-sfondo {
*	background-color: rgb(217,237,247);
*	box-shadow: 0 1px 5px 3px #cccccc;
*	   -moz-box-shadow: 0 1px 5px 3px #cccccc;
*	   -webkit-box-shadow: 0 1px 5px 3px #cccccc;	
*}
*/

/*
*#domanda-sfondoSelected {
*	background-color: rgb(229,229,229);
*	box-shadow: 0 1px 5px 3px #cccccc;
*	   -moz-box-shadow: 0 1px 5px 3px #cccccc;
*	   -webkit-box-shadow: 0 1px 5px 3px #cccccc;
*} 
*/

#d-tipologia, #d-numero {
	
	text-align: center;
	font-weight: bold;
	
}

#d-testo {
	
	text-align: left;
	font-family: Trebuchet MS;
	
}

#content-top {
   
    min-height:10vh;
    height: auto;
    text-align:center;
    border-top: 2px solid #5FC2D3;
    border-bottom: 1px solid #ffffff; 
    
}

#content-bottom {
   
    min-height:5vh;
    height: auto;
    text-allign:center;
    border-bottom: 2px solid #5FC2D3;
     
}

input#goQuestion {
	border: 10;
}

/* Fine pagina delle domande */

/* Radio e Checkbox */

input[type='Radio'], input[type='Checkbox'] {
    
    opacity: 0;
    width: 25px;
    height:25px;
    cursor: pointer;
}

input[type='Checkbox'] + label {
    
	margin: 0;
    margin-left:-30px;
    clear: none;
    padding: 5px 0 4px 24px;
    background: url("../../img/checkbox.png") left center no-repeat; 
}

input[type='Checkbox']:checked + label {
    background-image: url("../../img/checkbox-selected.png");
}

input[type='Radio'] + label {
    
	margin: 0;
    margin-left:-30px;
    clear: none;
    padding: 5px 0 4px 24px;
    background: url("../../img/radio.png") left center no-repeat; 
}

input[type='Radio']:checked + label {
    background-image: url("../../img/radio-selected.png");
}

label#checkradio{
	padding-left:50px;
	text-align: left;
	width: 100%;
	padding-top:15px;
	padding-bottom:15px;
}

label#checkradioVF{
	padding-left:10px;
	width: 100%; 
	font-size: 1.3em;
	padding-top:15px;
	padding-bottom:15px;
}

/* finestra asincrona */

div#detailBackground { 
	background: white; 
	opacity:0.5;
	filter:alpha(opacity=70);
	display: none; 
	position: fixed; 
	height: 100%; 
	width: 100%; 
	top: 0%; 
	left: 0%;
	overflow: hidden;
	z-index: 1000; 
}
	
div#detail { 
	background: gray; 
	opacity:1;
	filter:alpha(opacity=100);
	display: none;
	position: fixed;
	height: 40%;
	width: 30%; 
	margin-left: -15%; 
	margin-top: -20%; 
	top: 90%; 
	left: 70%; 
	overflow: hidden;
	z-index: 1100; 
}
	
div#tableContainer {
	background: white;
	margin: 0 0 0 0; 
	overflow-y:scroll;	
	height: 99%; 
	width: 99%; 
	border: solid 1px black; 
}

div#detailDomande { 
	background: gray; 
	opacity:1;
	filter:alpha(opacity=100);
	display: none;
	position: fixed;
	height: 60%;
	width: 50%; 
	margin-left: -25%; 
	margin-top: -30%; 
	top: 95%; 
	left: 60%; 
	overflow: hidden;
	z-index: 1100; 
}
	
div#tableContainerDomande {
	background: white;
	margin: 0 0 0 0; 
	overflow-y:scroll;	
	height: 99%; 
	width: 99%; 
	border: solid 1px black; 
}

div#pulsanti{
	text-align:right;
	padding-right:10px;
	background-color: #f2f2f2;
    border-bottom: 1px solid #000080;
}	

/* fine finestra asincrona */

/* Pagina risultato finale */
div#testoinizioprint{
	text-align:left;
	color:red;
	padding-left: 0.3em;
}

div#testofineprint{
	text-align:left;
	color:red;
	padding-left: 0.3em;
}

/* Fine fagina risultato finale */

.column {
	
  	text-align:center;
	font-weight: bold;
	font-size: 1.4em;
	border-width: 4px;
	border-style: solid;
	border-color: #ffffff;	
	border-radius: 0.2em;
	min-height:10vh;
	height:auto;
	background-color: rgb(255,255,204);
	box-shadow: 0px 1px 5px 3px #cccccc;
	   -moz-box-shadow: 0px 1px 5px 3px #cccccc;
	   -webkit-box-shadow: 0px 1px 5px 3px #cccccc;
	padding-top: 2%;
	margin-top:2%;
	margin-bottom:2%;	
	cursor: move;
}

.columnLeft {
  height: 50px;
  width: 100%;
  border: 2px solid #666666;
  background-color: #ccc;
  margin-right: 5px;
  text-align: center;
  margin-bottom: 30px;
}

/* Finestra modale feedback */

.modal-content {
  background-color: #f1f1f1;
}

.modal-header {
  background-color: #d9edf7;
  border-radius: 4px;
}

.modal-body {
  background-color: #fff;
  font-size: larger;
}

.modal-footer {
  border-top: 1px solid #e5e5e5;
  margin-top: 0px;
  padding: 10px 20px 10px;
  text-align: right;
}



/* Finestra modale feedback */

/* Round Icon Badges */

.round {
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #222;    
    color: #FFF;
    text-align: center;  
}
.round.hollow {
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #FFF;    
    color: #222;
    text-align: center;
    -webkit-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.75);
}

.round.round-sm {
    height: 20px;
    width: 20px;
    line-height: 20px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 0.7em;
}
.round.round-lg {
    height: 40px;
    width: 40px;
    line-height: 40px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 1.5em;
}

.round.blue {
    background-color: #3EA6CE;
}

.round.red {
    background-color: #FF0000;
}

.round.orange {
    background-color: #FF6701;
}

.round.green {
    background-color: #42A129;
}

.round.hollow.blue {
    color: #3EA6CE;   
    background-color: #FFF;    
    -webkit-box-shadow: 0px 0px 0px 3px #3EA6CE;
    -moz-box-shadow: 0px 0px 0px 3px #3EA6CE;
    box-shadow: 0px 0px 0px 3px #3EA6CE;
}

.round.hollow.red {
    color: #FF0000;   
    background-color: #FFF;    
    -webkit-box-shadow: 0px 0px 0px 3px #FF0000;
    -moz-box-shadow: 0px 0px 0px 3px #FF0000;
    box-shadow: 0px 0px 0px 3px #FF0000;
}

.round.hollow.orange {
    color: #FF6701;
    background-color: #FFF;    
    -webkit-box-shadow: 0px 0px 0px 3px #FF6701;
    -moz-box-shadow: 0px 0px 0px 3px #FF6701;
    box-shadow: 0px 0px 0px 3px #FF6701;
}

.round.hollow.green {
    color: #42A129;
    background-color: #FFF;    
    -webkit-box-shadow: 0px 0px 0px 3px #42A129;
    -moz-box-shadow: 0px 0px 0px 3px #42A129;
    box-shadow: 0px 0px 0px 3px #42A129;
}

/* Fine Round Icon Badges */