@charset "utf-8";
/* CSS Document */

/* Quizzes */
.quiz {
			list-style-type: lower-alpha;}
			
.feed01 { font-weight:bold;}

.quizz {
			clear:both;
			border:2px solid #005d75;
			box-shadow:2px 2px 2px rgba(0,93,117,0.4); 
			border-radius:10px; 
			padding:10px; 
			display:block; 
			position:relative; 
			width:90%; 
			margin:20px auto 20px auto;}
		.auto-contraste .quizz {
			border:2px solid white;
			box-shadow:2px 2px 2px rgba(0,93,117,0.4);}

.barra-quizz {
	clear:both;
	text-align:center;
	padding:5px;
	margin-left: auto;
	margin-right: auto;
}
.quiz-sair {
	padding:5px;
}


.quizfeedback {display:none; max-width:615px; margin-left:auto; margin-right:auto; margin-bottom:20px; background-color:rgba(208,236,244,0.8);  padding:5px; border-radius:5px;  width:95%;}
.quizfeedback .video-quiz { margin-top:0px;}
.quizfeedback .video-quiz video {width: 100%; max-width:240px; height: auto   !important; border:1px solid #005d75; margin-left:auto; margin-right:auto;} 
.quizfeedback .feedback-content { border:1px dashed #005d75;  padding:10px;border-radius:10px; background-color:rgba(255,255,255,1.0);}

/* quizz com entrada de dados */
.quizz-fct input { margin-bottom:20px;}
.quizz-fct input {
			padding:5px;
			margin-right:10px;
			text-align:center;}
			
.quiz, .quiz-form {
	list-style-type: none;
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
	color:blue;
    }
.quiz-form li {
	background-color:rgba(52,152,219,1.00);
	border-radius:5px 5px;
	border:2px solid white;
	box-shadow:0 0 0 3px rgba(52,152,219,0.6);
	cursor:pointer;
	padding:5px;
	color:white;
	font-size:100%;
    text-align: center;
    cursor:default; }
.quizz, .quizz-form {
			clear:both;
			border:2px solid #005d75;
			box-shadow:2px 2px 2px rgba(0,93,117,0.4); 
			border-radius:10px; 
			padding:10px; 
			display:block; 
			position:relative; 
			width:90%; 
			margin:20px auto 20px auto;}
.respostaCerta {font-family: 'Courgette', cursive; }
		#quizz04a .resp4a {font-family: 'Courgette', cursive;}

.qcm ol.quiz {
	list-style-type:none;}

ol.quiz li {
	margin-bottom:10px;}
	
.quizz {
	clear:both;
	border:2px solid #005d75;
	box-shadow:2px 2px 2px rgba(0,93,117,0.4);
	border-radius:10px;
	padding:10px;
	display:block;
	position:relative;
	width:90%;
	margin:20px auto 20px auto;}
	
.quiz li:hover {
	background-color:rgba(208,236,244,1.00);
	box-shadow:0 0 0 3px rgba(208,236,244,0.6);
	cursor:pointer;
	padding:5px;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);}
	
.quiz li {
	background-color:rgba(221,221,221,1.00);
	border-radius:5px 5px;
	border:2px solid white;
	box-shadow:0 0 0 3px rgba(221,221,221,0.6);
	cursor:pointer;
	padding:5px;
	font-size:100%;
	color: rgba(0,0,0,1.00);
	width:92%;}
	
.quiz a.popuplink {
	color:inherit;
	text-decoration:inherit;
}
li.pagina .quiz li a, li.pagina .quiz li a:active, li.pagina .quiz li a:visited { color: rgba(0,0,0,1.00);} 

	
/* Quiz inherit */
.quiz-inherit li:hover {
	background-color:inherit;
	box-shadow:inherit;
	cursor:inherit;
	padding:inherit;
	-webkit-transform: inherit;
	transform: inherit;}
	
.quiz-inherit li {
	background-color:inherit;
	border-radius:inherit;
	border:inherit;
	box-shadow:inherit;
	cursor:inherit;
	padding:inherit;
	font-size:inherit;
	color: inherit;
	width:inherit;}


.classname:active {
	position:relative;
	top:1px;
}

#quizz01 li {/*background-color:rgba(208,236,244,1.00);*/
padding:5px;}
/* This button was generated using CSSButtonGenerator.com */

.respostaCerta { background-color: rgb(204,255,153) !important; }

.respostaErrada { background-color: rgb(254,116,116) !important; }

.respostaCertaBg { background-color: rgb(204,255,153) !important; box-shadow: 0 0 0 3px rgba(204,255,153,0.6) !important; }

.respostaErradaBg { background-color: rgb(254,116,116) !important; box-shadow: 0 0 0 3px rgba(255,204,153,0.6) !important; }

.algoritmo_exercicio .algoritmo_exercicio_par { background-color: #d2deef; border:1px solid grey; padding:5px; }
.algoritmo_exercicio .algoritmo_exercicio_impar { background-color: #eaeff7; border:1px solid grey; padding:5px; }

body.auto-contraste .algoritmo_exercicio .algoritmo_exercicio_par { background-color: #000; border:1px solid white; padding:5px; }
body.auto-contraste .algoritmo_exercicio .algoritmo_exercicio_impar { background-color: #000; border:1px solid white; padding:5px; }

a.popup {
    color:inherit;
    text-decoration:none;
}
a.popup:hover {
    text-decoration:none;
}

.qcm li.cliquado.certo, .qcm-audio li.cliquado.certo {
	background-color: rgb(204,255,153);
}
.qcm li.cliquado.errado, .qcm-audio li.cliquado.errado {
	background-color: rgb(254,116,116);
}
.qcm li .resposta {
	display: none;
	width: 20px;
	height: 20px;
    margin-left: 5px;
}
.quizz form {
	margin-left: auto;
	margin-right: auto;
}

.quizz-button ul {
	text-align: center;
    list-style-type: none;
}

ol.quizz-form {
	padding-left: inherit;
}
.quizz-form  .resposta {
	display: inline-block;
	width: 30px;
	height: 20px;
	padding-left: 5px;
	padding-right: 5px;
	color: white;
}

body.visual .quiz-form  .resposta {
	width: inherit;
	height: inherit;
}

.quizz-form  .verresposta {
	display: inline-block;
	padding: 3px;
	font-weight: bold;
	color: white;
}

.quizz-multi .verresposta, .quizz-multi .resposta {
    color: green;
}

.quizz-form input {
	color: black;
	padding-left: 3px;
}
.qcm li.cliquado .resposta {
	display: inline-block;
	background-image: src("")
}


/* Quiz V/F */

.respostavf a {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    text-indent: 0;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    font-family: arial;
    font-size: 15px;
    padding: 3px;
    text-decoration: none;
    text-align: center;
    /*text-shadow: 1px 1px 0px #ffffff; */
    cursor: pointer;
    background-color: white;
}

.respostavf { margin-left:15px;}
.respostavf span:hover {
	background-color:#ededed;
	font-weight:bold;
}

.respostavf a.vfselected {
    color: white;
    background-color: #777777;
    cursor: default;
}

.quizzvf-button { text-align: center; }


.vffeedback { padding-left: 5px; }

/* overwriting bootstrap para checkbox */
.qcm .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    position: inherit;
    margin-top: 4px \9;
    margin-left: inherit;
}

/* Auto-contraste */

.auto-contraste .quizz {
    border: 2px dotted yellow;
}

body.auto-contraste .quiz li {
	background-color: inherit;
	border: 2px solid yellow;
    box-shadow: inherit;
}

body.auto-contraste .qcm li.cliquado.certo, body.auto-contraste .qcm-audio li.cliquado.certo {
    background-color: inherit;
    color: yellow !important;
}

body.auto-contraste .qcm li.cliquado.errado, body.auto-contraste .qcm-audio li.cliquado.errado {
    background-color: inherit;
    color: yellow !important;
}

body.auto-contraste .quizfeedback {
    background-color: inherit;
    border: 2px solid yellow;
}

body.auto-contraste .quizfeedback .feedback-content {
    background-color: inherit;
    
}

body.auto-contraste .quiz-form li {
    background-color: #000;
    border-radius: 5px 5px;
    border: 2px solid yellow;
    box-shadow: inherit;
}

body.auto-contraste .quiz-form input {
    color: yellow !important;
}
body.auto-contraste .quizz-form .verresposta {
    color: yellow !important;
}

body.auto-contraste select {
    background-color: black;
    border: 1px solid yellow;
}

body.auto-contraste table input {
    border: 1px solid yellow;
}