@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Maven+Pro);
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900);
/*@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Exo+2);
@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,300;0,400;0,600;0,700;0,900;1,300;1,400;1,700&display=swap);*/

*{margin: 0; padding: 0;}

body{
	font-family: 'Roboto', 'Arial' !important;
	background: #f7f7f7;
}
#nav{
	margin:0px;
	padding:0px;
	float:left;	
	
}
nav {
	
	left: 100px !important;
	/* width: 700px; */
	width: auto;
	height: 70px;
	float:left;
	/*position:absolute;
	display:block;*/
	z-index: 999 !important;
}

.panel-heading{
	font-size: 30px !important;
	width:100% !important;
	border-bottom: #d7d7d7 solid 1px !important;
	font-family:  'Maven Pro', sans-serif;
	text-transform:lowercase;
	font-weight:bold;
	border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
}
.panel{
	border-top-width: 1px !important;;
	border-radius: 8px !important;
}

.panel-footer{
	border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}
.btn-next{
	background-color: #ff0050;
	border-color: #ff0050;
	color: #fff;
	
}
.btn-next:hover{
	color: #fff;	
	-webkit-box-shadow: 0px 0px 5px 0px #000000; 
	box-shadow: 0px 0px 5px 0px #000000;	
}
.btn-conference{
	background-color: #29365f;
	border-color: #29365f;
	color: #fff;
}
.btn-conference:hover{
	color: #fff;	
	-webkit-box-shadow: 0px 0px 5px 0px #000000; 
	box-shadow: 0px 0px 5px 0px #000000;	
}

.btn-softalert{
	background-color: #8d3024; 
	
	/* 
	a67544
	8d3024
	*/
	border-color: #8d3024;
	color: #fff;
}
.btn-softalert:hover{
	color: #fff;	
	-webkit-box-shadow: 0px 0px 5px 0px #000000; 
	box-shadow: 0px 0px 5px 0px #000000;	
}


.btn-softalert-3{
	background-color: #bc3523; 
	border-color: #bc3523;
	color: #fff;
}
.btn-softalert-3:hover{
	color: #fff;	
	-webkit-box-shadow: 0px 0px 5px 0px #000000; 
	box-shadow: 0px 0px 5px 0px #000000;	
}

.btn-success-2{
	background-color: #25e052; 
	border-color: #25e052;
	color: #fff;
}
.btn-success-2:hover{
	color: #fff;	
	-webkit-box-shadow: 0px 0px 5px 0px #000000; 
	box-shadow: 0px 0px 5px 0px #000000;	
}


nav ul{
	/*padding-top: 50px !important;*/	
}

header{
	
	height: 70px !important;
	/*background-color: #00d7b1; /* verde */
	/*background-color: #00c9c9; /* azul turquesa */
	background-color: #262646;	 /* azul marinho */
	/*background: linear-gradient(to right, rgba(0, 200, 200, 1.0), rgba(0,155,155, 1.0), rgba(0,200,200, 1.0));	*/
	z-index: 10000 !important;		
}
.menu li a:hover{
	/*background:#00c9c9; */
	background:#683678; 
	color:#fff; 
}
#section{
	margin:0px;
	padding:0px;
	
}
section{
	width:100%;
	padding: 15px 15px;
}

.menu > li{
	width: 90px;
	text-align:center;
	
	cursor: pointer !important;
	position:relative; 
	float:left; 	
	height: 70px;
	/*border-right:1px solid #00c8c8;*/
	border-right:1px solid #9440af;	
		
	list-style:none !important;
	padding:0px;
	margin: 0px;
	color: #fff;
}
.menu li em{
	width:100%;
	display: block;
	text-align:center;
	font-size: 1.2em !important;
}
.menu li:hover ul, .menu li.over ul{
	display:block;
	
	
}
.menu li a{
	color: #fff; 
	text-decoration:none; 
	padding: 12px 0px 10px 0px; 
	display:block;
}

.menu li a em{
	font-size: 22px !important;
	margin-bottom: 5px;
}
.menu li a span{
	font-size: 10px !important;
	text-transform:uppercase;
	text-align:center !important;
	
}

.menu li div{	
	display: none;
}
.menu li:hover div{
	cursor: auto !important;
	display:block;
	width:960px;
	height: 520px;
	background: #fff;
	color: #333 !important;
	
	z-index: 99999;	
	position: absolute; 
	top: 70px;
	padding: 10px;
	/*-webkit-box-shadow: 0px 5px 0px 5px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 5px 0px 5px rgba(0,0,0,0.35);
	box-shadow: 0px 5px 0px 5px rgba(0,0,0,0.35);
	
	border: 1px solid #d7d7d7;*/
	border-left:   2px solid #9440af;
	border-bottom: 2px solid #9440af;
	border-right:  2px solid #9440af;
	

	  -webkit-border-bottom-right-radius: 5px;
	  -webkit-border-bottom-left-radius: 5px;
	
	  -moz-border-radius-bottomright: 5px;
	  -moz-border-radius-bottomleft: 5px;
	
	  border-bottom-right-radius: 5px;
	  border-bottom-left-radius: 5px;
}
.menu li:hover div i{
	margin: 0px 5px 0px -5px;
	padding: 5px;
/*
	border: 1px solid #555;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

}
.menu li:hover div li:hover i{
	border: 1px solid #fff !important;
*/
}
.menu li:hover div a{
	color: #000 !important;
	
}
.menu li:hover div a:hover{
	color: #fff !important;
	
}
.menu li div table td{
	padding: 2px !important;
	
}

.menu li div ul{
	list-style: none;
	width:220px;
	float:left;
	text-align:left;
	margin: 0px 5px 0px 0px;
	
}
.menu li div ul li{
	list-style: none;
	margin:0px;
	padding:0px;
	text-align:left;
	font-size: 13px;	
}
.menu li div ul li:hover a{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}

.menu li div ul li a{
	padding: 7px 7px !important;
	

}
.menu_heading{
	font-size: 10px !important;
	padding: 5px !important;
	margin: 0px 0px 10px 0px !important;	
	border-bottom: 1px solid #d7d7d7;
	text-transform:uppercase;
	font-weight:bold;
}
.divider{
	border: 0;
    height: 1px !important;
    background-image: linear-gradient(to right, rgba(255,255,255, 0), rgba(200,200,200, 0.75), rgba(200,200,200, 0));	
	display:block;
	margin: 10px 0px !important;
}

#header1{
	float:left;	
}
#header2{
	float:right;
		
}
#logo_plataforma{
	height:40px;
	width: 125px;
	margin: 20px 10px 0px 20px;
	padding: 0 0 0 0;
	background-size: 100% !important;	
}

.menu_header{
	list-style: none;
	float:right;
	
}
.menu_header li{

	list-style: none;
	height: 70px;
	float: right;
	padding: 18px 10px; 
	border-right: 1px solid #fff;
		font-weight: bold;
}
.menu_header li a{
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	
	text-decoration: none;	
}
.menu_header li:hover a{
	font-size: 13px;
	font-weight: bold;	
	color: #fff;	
}
#logo_evento{
	height: 70px;
	margin:0px !important;	
}

footer{
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	height: 80px;
	background: #eaeaea;
	clear:both !important;
	text-align:center;
	padding-top: 8px;
		
}

.table-relatorio-impresso{

	border-spacing: 2px !important;
	border-collapse: separate !important;	
	font-size: 11px;

}
.table-relatorio-impresso th{
	text-align:left;	
	font-size: 11px;
}
.table-relatorio-impresso th, .table-relatorio-impresso td{
	padding: 2px !important;
}

table td{
	font-size: 12px !important;	
}
.table-striped td{
	background-color:#fff !important;	
}
.table-spacing-5{
	border-spacing: 5px !important;
	border-collapse: separate !important;	
}
.table-spacing-5 th{
	text-align:left;	
	font-size: 11px;
}

.table-spacing-10{
	border-spacing: 10px !important;
	border-collapse: separate !important;	
}
.table-spacing-10 th{
	text-align:left;	
	font-size: 13px;
}


.table-mensagem-retorno th{
	font-size: 14px !important;
	font-weight: bold;
}
.table-mensagem-retorno td{
	font-size: 14px !important;
	border-bottom: 1px dotted #d7d7d7;
	padding:3px;	
}


.bbbranco1			{ border-bottom:1px solid #ffffff;	}
.bbranco1			{ border:1px solid #ffffff;	}	
.bcinza1			{ border:1px solid #d7d7d7;	}
.bcorpri1			{ border:1px solid #ED2B35;	}	
.bbcinza1			{ border-bottom:1px solid #d7d7d7;	}	

.bpontilhado 		{ border-style:dotted; 	}
.bbpontilhado 		{ border-bottom-style:dotted; 	}
.btracejado 		{ border-style:dashed; 	}
.bsolida 			{ border-style:solid; 	}
.bbsolida 			{ border-bottom-style:solid; 	}

.b1 				{ border-width:1px; 	}
.b2 				{ border-width:2px; 	}
.bb1 				{ border-bottom-width:1px; 	}
.bb2 				{ border-bottom-width:2px; 	}

.bcinza 			{ border-color:#d7d7d7; 		}
.bbcinza 			{ border-bottom-color:#d7d7d7; 	}
.bpreto 			{ border-color:#000000; 		}

.bcorsec			{ border-color:#e4cda0;		}
.bcorsec_right		{ border-right-color:#e4cda0;	}
.bcorsec_left		{ border-left-color:#e4cda0;	}
.bcorsec_barra		{ border-top-color:#e4cda0;
					  border-bottom-color:#e4cda0;}					  

.bcorpri			{ border-color:#951a00;		}
.bcorpri_right		{ border-right-color:#951a00;	}
.bcorpri_left		{ border-left-color:#951a00;	}
.bcorpri_barra		{ border-top-color:#951a00;
					  border-bottom-color:#951a00;}

.pad5				{ padding: 5px !important;	}
.pad10				{ padding: 10px !important;			}
.pad15				{ padding: 15px !important;			}
.pad20				{ padding: 20px !important;			}
.pad25				{ padding: 25px !important;			}
.pad30				{ padding: 30px !important;			}
.pad50				{ padding: 50px !important;			}

.f10 				{ font-size:10px !important; 		} 
.f11 				{ font-size:11px !important; 		} 
.f12 				{ font-size:12px !important; 		} 
.f13 				{ font-size:13px !important; 		} 
.f14 				{ font-size:14px !important; 		} 
.f15 				{ font-size:15px !important; 		} 
.f16 				{ font-size:16px !important; 		} 
.f17 				{ font-size:17px !important; 		} 
.f18 				{ font-size:18px !important; 		} 
.f19 				{ font-size:19px !important; 		} 
.f20 				{ font-size:20px !important; 		} 
.f22 				{ font-size:22px !important; 		} 
.f25 				{ font-size:25px !important; 		} 
.f30 				{ font-size:30px !important; 		} 
.f40 				{ font-size:40px !important; 		} 
.f50 				{ font-size:50px !important; 		} 
.f60 				{ font-size:60px !important; 		} 

.h10				{	height:10px !important;		}
.h15				{	height:15px !important;		}
.h20				{	height:20px !important;		}
.h30				{	height:30px !important;		}
.h40				{	height:40px !important;		}
.h50				{	height:50px !important;		}
.h60				{	height:60px !important;		}
.h70				{	height:70px !important;		}
.h80				{	height:80px !important;		}
.h90				{	height:90px !important;		}

.h100				{	height:100px !important;		}
.h125				{	height:125px !important;		}
.h150				{	height:125px !important;		}
.h200				{	height:200px !important;		}

.w100p				{ width:100% !important;}
.w50				{ width:50px !important;			}
.w80				{ width:80px !important;			}
.w90				{ width:90px !important;			}
.w100				{ width:100px !important;			}
.w125				{ width:125px !important;			}
.w145				{ width:145px !important;			}
.w150				{ width:150px !important;			}
.w170				{ width:170px !important;			}
.w175				{ width:175px !important;			}
.w200				{ width:200px !important;			}
.w250				{ width:250px !important;			}
.w300				{ width:300px !important;			}
.w350				{ width:350px !important;			}
.w400				{ width:400px !important;			}
.w450				{ width:450px !important;			}
.w500				{ width:500px !important;			}
.w550				{ width:550px !important;			}
.w600				{ width:600px !important;			}

/*.fcorpri 			{ color:#009e73 !important;			}*/
.fcorpri 			{ color:#00b0b0 !important;			}
.fbranco 			{ color:#FFFFFF !important; 		}
.fpreto 			{ color:#000000 !important; 		}
.flaranja 			{ color:#ff7000 !important; 		}
.fcinza 			{ color:#555555 !important; 		}
.fvermelho 			{ color:#f05050 !important; 		}
.fverde 			{ color:#2ECC71 !important; 		}
.fazul 				{ color:#0000BF !important; 		}
.froxo 				{ color:#f41fe3 !important; 		}
.famarelo 			{ color:#FFcc00 !important; 		}
.fcinzai 			{ color:#9d9d9d !important; 		}
.fazulconference 	{ color:#262646 !important; 		}
.fbold 				{ font-weight: bold !important;	}

.fgold				{color: gold};
.fgoldenrod			{color: goldenrod};
.btn-gold {
    color: #fff;
    background-color: gold;
    border-color: #f1cd01;
}
.btn-goldenrod {
    color: #fff;
    background-color: goldenrod;
    border-color: #dba51c;
}

.fexo				{ font-family:  'Exo', sans-serif !important; }
.fmaven				{ font-family:  'Maven Pro', sans-serif !important; }

.bg-corpri			{ background: #262646 !important; }
.bg-gelo			{ background: #E1E7E4 !important; }

.pagination > .active > a{
	background-color:#262646 !important;
	border-color: #262646 !important;	
}

.form-control{
	display:inline;
	border: 1px solid #c4c4c4 !important; 	
}

.btn-xs {
	height:24px !important;
	
}






#popup_avaliadores {
    float:left;
    position:relative; /* Importante para posicionar o conteúdo do dropdown*/
    list-style-type:none;
    width:50px;
    
}
#popup_avaliadores a:hover {
	color:#333;
}
#popup_avaliadores a {
    text-decoration:none;
   
}
#popup_avaliadores .columns {
    position:absolute; /* Importante para posicionar o conteúdo do dropdown */
    left:-9999px; /* Esconde o dropdown quando o mouse não está em cima do link */
    border: 2px solid #a3bad9;
    background: white repeat-x;   
    width: 650px;
    height: 300px;
    border-radius: 0px;
    z-index:1000;
    
}
#popup_avaliadores:hover .columns{
     left:-648px;
     top:-100px;
     
}
#popup_avaliadores ul li {
	
    
}
#popup_avaliadores li ul.col{
   
   	top:-10px;
   	float:left;
    position: relative;
    width:20%;
    height:30px;
}
#popup_avaliadores li ul.col li {
    width:100%;
    height:100%;
    position:relative;
    float:none;
}
#popup_avaliadores li .col li:hover {

}
#popup_avaliadores li .col span{
    color:#333;
}
#popup_avaliadores li .col li a{
}
#popup_avaliadores li .col li a:hover{
	color:#333;
}

.arrow-right-avaliadores {
	width: 0; 
	height: 0; 
	margin-left:100%;
	margin-top:-150px;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #a3bad9;
}

.flip-horizontal {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/
}


.table-print th{
	height: 50px;
	border-bottom: 3px solid #d7d7d7;			
}
.rodape{
	border-top: 1px solid #d7d7d7;
	height: 30px;
}

.table-impressao {
	width: 100%;
	border-spacing: 5px !important;
	border-collapse: separate !important;	
}
.table-impressao th {
	border-bottom: 1px solid #d7d7d7 !important;
	text-align:left !important;
	font-size: 16px !important
}
.table-impressao td {
	border-bottom: 1px dotted #d7d7d7 !important;
		
}


.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }