style avaliacao

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

.cabecalho-titulo-avaliacao{
	background-color: #424242!important;
	color: #fff!important;
	padding: 15px!important;
	border-color: rgba(0, 0, 0, 0.08);
	margin: 0 auto;
	margin-bottom: 10px;
}
/* Tooltip */
.titulo-avaliacao + .tooltip > .tooltip-inner {
 background-color: #73AD21; 
 color: #FFFFFF; 
 border: 1px solid green; 
 padding: 15px;
 font-size: 20px;
}
/* Tooltip on right */
.titulo-avaliacao + .tooltip.right > .tooltip-arrow {
 border-right: 5px solid black;
}
.titulo-avaliacao{
	text-align: center
}
.btn-action-color{
	background-color: #69d;
 border-radius: 0px;
 border-color: #69d;
 color: #fff;
}
.btn-action-color:hover, .btn-action-color:focus, .btn-action-color.focus {
 color: #fff;
 text-decoration: none;
}
.semResposta::before{
	color : #d6d6d6;
}
.comResposta{
	color: #69d;	
}
.comRespostaCerta::before{
	color : #3c763d;
}
.comRespostaErrada::before{
	color : #a94442;
}
/* Resposta correta somente texto */
.result_text_certo::after{
	content:' Resposta correta';
	color: #3c763d;		
}
/* Div do certo */
.result_certo::after{
	content:' Resposta correta';
	color: #3c763d;
}
.result_certo{
	background-color: #dff0d8;
	border: 1px solid #d6e9c6;
}
/* Div do errado */
.result_errado::after{
	content:' Sua resposta';	
	color: #a94442;
}
.result_errado{
	background-color: #f2dede;
	border: 1px solid #ebccd1;
}
/* Div da resposta */
.result_resposta::after{
	content:' (selecionada)';	
	color: black;
	font-weight: bold;
}
.result_resposta{
	background-color: #bce8f1;
	/*border: 2px solid #69d;*/
	/*color: white;*/
}
.steps > ul > li.current > a > span > i{
	display: none;
}
.pergunta-imagem {
	margin-top: 10px;
	margin-bottom: 10px;
}
.questao{
	font-size: 1.429em;
	/*font-weight: bold;*/
}
.steps > ul > li > a > span > i{
	font-size: 0.8em;	
}
.fs10{
	font-size: 0.8em;
}
.questionario,
.tabcontrol
{
 display: block;
 width: 100%;
 overflow: hidden;
}
.questionario a,
.tabcontrol a
{
 outline: 0;
}
.questionario ul,
.tabcontrol ul
{
 list-style: none !important;
 padding: 0;
 margin: 0;
}
.questionario ul > li,
.tabcontrol ul > li
{
 display: block;
 padding: 0;
}
/* Accessibility */
.questionario > .steps .current-info,
.tabcontrol > .steps .current-info
{
 position: absolute;
 left: -999em;
}
.questionario > .content > .title,
.tabcontrol > .content > .title
{
 position: absolute;
 left: -999em;
}
/*
 questionario
*/
.questionario > .steps
{
 position: relative;
 display: block;
 width: 100%;
}
.questionario.vertical > .steps
{
 display: inline;
 float: left;
 width: 30%;
}
.questionario > .steps .number
{
 font-size: 1.429em;
}
.questionario > .steps > ul > li
{
 text-align: center;
 width: auto;
}
.questionario > .steps > ul > li,
.questionario > .actions > ul > li
{
 float: left;
}
.questionario.vertical > .steps > ul > li
{
 float: none;
 width: 100%;
}
.questionario > .steps a,
.questionario > .steps a:hover,
.questionario > .steps a:active
{
 display: block;
 width: auto;
 margin: 0;
 /*padding: 1em 1em;*/
 padding: 1em 0em 1em 0em;
 text-decoration: none;
 color: #3c3c3c;
 /*-webkit-border-radius: 5px;*/
 /*-moz-border-radius: 5px;*/
 /*border-radius: 5px;*/
}
.questionario > .steps .disabled a,
.questionario > .steps .disabled a:hover,
.questionario > .steps .disabled a:active
{
 background: #eee;
 color: #aaa;
 cursor: default;
}
.questionario > .steps .current a,
.questionario > .steps .current a:hover,
.questionario > .steps .current a:active
{
 background: #69d;
 color: #fff;
 cursor: default;
}
.questionario > .steps .done a,
.questionario > .steps .done a:hover,
.questionario > .steps .done a:active
{
 /*background: #888daf;*/
 color: #3c3c3c;
 /*border-top: 1px solid black;*/
}
.questionario > .steps .error a,
.questionario > .steps .error a:hover,
.questionario > .steps .error a:active
{
 /*background: #ff3111;*/
 color: #fff;
}
/**/
.questionario > .steps .current > a:before,
.questionario > .steps .current > a:after {
 content: "";
 position: absolute;
 bottom: -8px;
 /*left: 50%;*/
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 width: 0;
 height: 0;
 z-index: 1001;
}
.questionario > .steps .current > a:after {
 border-top: 9px solid #69d;
 border-left: 9px solid transparent;
 border-right: 9px solid transparent;
}
.questionario > .steps .done > a:after {
 content: "";
 bottom: 0!important;
 border:none;
}
/**/
.questionario > .content
{
 /*background: #eee;*/
 display: block;
 margin: 0;
 min-height: 20em;
 overflow: hidden;
 position: relative;
 width: auto;
 border: 1px solid #d9d9d9;
}
.question {
 padding: 15px;
}
.radio > label {
 color:#333!important;
}
.questionario.vertical > .content
{
 display: inline;
 float: left;
 margin: 0 2.5% 0.5em 2.5%;
 width: 65%;
}
.questionario > .content > .body
{
 float: left;
 /*position: absolute;*/
 width: 95%;
 height: 95%;
 padding: 2.5%;
}
.questionario > .content > .body ul
{
 list-style: disc !important;
}
.questionario > .content > .body ul > li
{
 display: list-item;
}
.questionario > .content > .body > iframe
{
 border: 0 none;
 width: 100%;
 height: 100%;
}
.questionario > .content > .body input
{
 display: block;
 border: 1px solid #ccc;
}
.questionario > .content > .body input[type="checkbox"]
{
 display: inline-block;
}
.questionario > .content > .body input.error
{
 background: rgb(251, 227, 228);
 border: 1px solid #fbc2c4;
 color: #8a1f11;
}
.questionario > .content > .body label
{
 display: inline-block;
 margin-bottom: 0.5em;
}
.questionario > .content > .body label.error
{
 color: #8a1f11;
 display: inline-block;
 margin-left: 1.5em;
}
.questionario > .actions
{
 position: relative;
 display: block;
 text-align: right;
 width: 100%;
 margin-top: 10px;
}
.questionario.vertical > .actions
{
 display: inline;
 float: right;
 margin: 0 2.5%;
 width: 95%;
}
.questionario > .actions > ul
{
 display: inline-block;
 text-align: right;
}
.questionario > .actions > ul > li
{
 margin: 0 0.5em;
}
.questionario.vertical > .actions > ul > li
{
 margin: 0 0 0 1em;
}
.questionario > .actions a,
.questionario > .actions a:hover,
.questionario > .actions a:active
{
 background: #69d;
 color: #fff;
 display: block;
 padding: 0.5em 1em;
 text-decoration: none;
}
.questionario > .actions .disabled a,
.questionario > .actions .disabled a:hover,
.questionario > .actions .disabled a:active
{
 background: #eee;
 color: #aaa;
}
.questionario > .loading
{
}
.questionario > .loading .spinner
{
}
/*
 Tabcontrol
*/
.tabcontrol > .steps
{
 position: relative;
 display: block;
 width: 100%;
}
.tabcontrol > .steps > ul
{
 position: relative;
 margin: 6px 0 0 0;
 top: 1px;
 z-index: 1;
}
.tabcontrol > .steps > ul > li
{
 float: left;
 margin: 5px 2px 0 0;
 padding: 1px;
}
.tabcontrol > .steps > ul > li:hover
{
 background: #edecec;
 border: 1px solid #bbb;
 padding: 0;
}
.tabcontrol > .steps > ul > li.current
{
 background: #fff;
 border: 1px solid #bbb;
 border-bottom: 0 none;
 padding: 0 0 1px 0;
 margin-top: 0;
}
.tabcontrol > .steps > ul > li > a
{
 color: #5f5f5f;
 display: inline-block;
 border: 0 none;
 margin: 0;
 padding: 10px 30px;
 text-decoration:
none;
}
.tabcontrol > .steps > ul > li > a:hover
{
 text-decoration: none;
}
.tabcontrol > .steps > ul > li.current > a
{
 padding: 15px 30px 10px 30px;
}
.tabcontrol > .content
{
 position: relative;
 display: inline-block;
 width: 100%;
 height: 35em;
 overflow: hidden;
 border-top: 1px solid #bbb;
 padding-top: 20px;
}
.tabcontrol > .content > .body
{
 float: left;
 position: absolute;
 width: 95%;
 height: 95%;
 padding: 2.5%;
}
.tabcontrol > .content > .body ul
{
 list-style: disc !important;
}
.tabcontrol > .content > .body ul > li
{
 display: list-item;
}