/*pagina collaborate.html*/

.todasQuestoes{
	color: #6464b4;
	width: 230px;
	text-decoration: none;
	background: white;
}

.todasQuestoes:hover{
	color: #6464b4;
}

.dropdown-menu{
	margin-left: 1103px;
	border-top: 1px solid white;
	border-left: 1px solid #6464b4;
	border-right: 1px solid #6464b4;
	border-bottom: 1px solid #6464b4;
	padding: 10px;
	width: 230px;
	margin-top: -20px;
	border-radius: 0px;
}

.dropdown-item:hover{
	background: rgba(198,196,199,0.5);
	color: black;
}

.totalQuestoes{
	width: 30px;
	height: 20px;
	font-color: white;
	background: rgba(100,100,180, 0.3);
	border: none;
	border-radius: 15px;
	margin-left: 10px;
	font-size: 14px;
	font-color: white;

}

#cabeçalho-collaborate{
	height: 76px;
}

/****SERCH****/
.divSearch{
	background: #6464b4;
	margin-top: 10px;
	width: 230px;
	height: 40px;
	padding: 10px;
	border-radius: 20px;
	margin-left: 20px;
}

.search{
	border-radius: 20px;
	margin-top: -10px;
	border: white;
	cursor: text;
}


/*LOGOUT*/
.logout{
	background: #6464b4;
	color: white;
	border-radius: 8px;
	width: 100px;
	float: right;
	margin-top: 25px;
	margin-right: 20px;
}

.logout:hover{
	background: rgba(100,100,180,0.5);
	color: #6464b4;
}

.buttonLogout{
	color: white;
	margin-left: 5px;
}


/**NOVA QUESTAO**/

.coluna-novaquestao{
	width: 80%;
	box-shadow: -3px 0px 18px;
	padding: 0px;
	background: white;
	border: 5px solid #6464b4;
	margin-top: 100px;
	margin-left: 130px;
	margin-bottom: 100px;
}

.cabecalhoQuestao{
	background: #6464b4;
	color: white;
}

input{
	cursor: pointer;
}

.-universidade{
	margin-left: 10px;
	cursor: text;
}

.fontelink{
	color: #6464b4;
	text-decoration: none;
	margin-left: 4px;
}

.fontelink:hover{
	color: blue;
	text-decoration: none;
}

.fontelink{
	cursor: text;
	width: 350px;
	height: 30px;
}

.pontos-fonte{
	margin-left: 55px;
}

.pontos-sigla{
	margin-left: 5px;
	margin-left: 5px;
}

.pontos-cat{
	margin-left: 23px;
}

.pontos-subarea{
	margin-left: 35px;
}

.pontos-area{
	margin-left: 60px;
}

.pontos-pacote{
	margin-left: 47px;
}

#area{
	margin-left: 5px;
	width: 400px;
}

#subarea{
	margin-left: 5px;
	width: 400px;
}

#categoria{
	margin-left: 5px;
	width: 400px;
}

#pacote-select{
	margin-left: 5px;
	height: 30px;
	width: 400px;
}

.fontelink{
	width: 400px;
}

.title-universidade{
	width: 400px;
}

#fontelink{
	margin-top: 25px;
}

.questaoEscrita{
	margin-top: 20px;
}

.botaoAdicionar{
	margin-left: 552px;
	background: #6464b4;
	color: white;
	margin-top: 80px;
	margin-left: 980px;
}

.botaoAdicionar:hover{
	background: white;
	color: #6464b4;
}


.niveis{
	color: rgba(255, 255,255, 0.7);
	margin-top: -30px;
}

.nivel2{
	margin-left: 15px;
}

.nivel3{
	margin-left: 15px;
}

.pacote-questao{
	margin-top: 20px;
}

.pacote-questao-2{
	margin-top: 20px;
}

.title{
	margin-left: 10px;
	margin-bottom: 20px;
}

.alternativa-text{
	margin-left: 10px;
	margin-top: 25px;
}

.title-alternativas{
	margin-top: 20px;
	margin-bottom: 10px;
}

.alternativa{
	margin-left: 50px;
}

.alternativaA-input{
	margin-left: 100px;
}

.alternativaE-input{
	margin-top: 10px;
	margin-left: 50px;
}

.alternativas-marque{
	margin-top: 20px;
}

#alternativaA{
	margin-left: 10px;
}


.comentario{
	width: 500px;
	min-height: 100px;
	height: 200px;
}



/*****PÁGINA DE VISUALIZAÇÃO DE QUESTÕES*****/

.divSearch-questao{
	background: #6464b4;
	margin-top: -40px;
	margin-left: 10px;
	width: 230px;
	height: 40px;
	padding: 10px;
	border-radius: 5px;
	position: fixed;
}

.search-questao{
	border-radius: 5px;
	margin-top: -10px;
	border: white;
	cursor: text;
}


.title-universidade-questao{
	margin-left: 10px;
}

.cabecalhoQuestao-questao{
	background: #6464b4;
	width: 800px;
	margin-left: -15px;
	color: white;
	padding-left: 20px;
	padding: 10px;
}

.novaquestao-questao{
	margin-left: 20px;
	margin-right: 20px;
}

.coluna-novaquestao-questao{
	background: white;
	margin-top: 50px;
	margin-left: 280px;
	width: 800px;
}


.botaoeditar{
	background: transparent;
	color: #6464b4;
	border: 1px solid #6464b4;
	margin-left: 830px;
	margin-top: 10px;
}

.botaoeditar:hover{
	background: #6464b4;
	color: white;
}

.botaoexcluir{
	background: none;
	color: #C00D0D;
	border: 1px solid #C00D0D;
	margin-left: 920px;
	margin-top: -66px;
}

.botaoexcluir:hover{
	background: #9B0101;
	color: white;
	margin-left: 920px;
	margin-top: -66px;
	border: none;
}

.botaosalvar{
	background: none;
	border: 1px solid green;
	color: green;
	margin-left: 1015px;
	margin-top: -114px;
}

.botaosalvar:hover{
	background: green;
	color: white;
}




/***PÁGINA DO CLIENTE***/
.masthead{
	height: 625px;
}

.navbar-toggler-icon{
	background: url(assets/img/hamburguer.png);
}

.nav-link{
	color: black;
}

.nav-link:hover{
	color: white;
}

.form-control-pesquisa{
	border-radius: 8px;
	border: 1px solid white;
	cursor: text;
}

.btn-ok{
	width: 25px;
	height: 25px;
}

.logout-telacliente{
	border: 1px solid white;
	font-color: white;
	text-align: center;
	width: 75px;
	height: 30px;
	margin-top: 0px;
 	border-radius: 10px;
}

.logout-telacliente:hover{
	border: 1px solid rgb(223,1,58);
	color: white;
	background: rgb(223,1,58);
	text-decoration: none;
	margin-top: -10px;
	border-radius: 10px;
}

/*LATERAL*/

#lateral{
	background: white;
	width: 250px;
	margin-top: 20px;
	border-radius: 5px;
	margin-left: 10px;
}

.menu-cabecalho{
	background: #6464b4;
	width: 100%;
	padding-top: 5px;
	text-align: center;
	color: white;
	border-radius: 5px 5px 0px 0px;
}

.ul-menu{
	list-style: none;
}

.ul-menu li{
	margin-bottom: 20px;
	margin-left: -55px;
	padding-left: 30px;
	width: 250px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

.ul-menu li:hover{
	background: rgba(100,100,180,0.4);
}

.ul-menu a{
	color: #6464b4;
}

.ul-menu a:hover{
	text-decoration: none;
	color: white;
}

/*DESTAQUE*/
.destaque-class{
	margin-left: 20px;
	margin-top: 80px;
}

/*COL NOVA PROVA*/

.fa-edit{
	font-size: 70px;
	color: white;
	margin-left: 70px;
	margin-top: 55px;
}

.nova-prova{
	background: rgba(100,100,180,0.4);
	width: 300px;
	height: 300px;
	margin-top: -442px;
	margin-left: 300px;
}

.title-nova-prova{
	text-align: center;
	width: 300px;
	margin-left: -15px;
	color: rgba(255,255,255,0.8);
}

li{
	list-style: none;
}

.p-nova-prova{
	font-size: 20px;
	text-align: center;
	color: #0B173B;
}

a:hover{
	text-decoration: none;
}

/*COL MINHAS PROVAS*/

.fa-file-alt{
	font-size: 70px;
	color: white;
	margin-left: 70px;
	margin-top: 55px;
}

.minhas-provas{
	background: rgba(100,100,180,0.4);
	width: 300px;
	height: 300px;
	margin-top: -300px;
	margin-left: 630px;
}

.title-minhas-provas{
	text-align: center;
	width: 300px;
	margin-left: -15px;
	color: rgba(255,255,255,0.8);
}

.p-minhas-provas{
	font-size: 20px;
	text-align: center;
	color: #0B173B;
}

/*COL UPGRADE*/
.fa-gem{
	font-size: 70px;
	color: white;
	margin-left: 70px;
	margin-top: 55px;
}

.upgrade{
	background: rgba(100,100,180,0.4);
	width: 300px;
	height: 300px;
	margin-top: -300px;
	margin-left: 960px;
}

.title-upgrade{
	text-align: center;
	width: 300px;
	margin-left: -15px;
	color: rgba(255,255,255,0.8);
}

.p-upgrade{
	font-size: 20px;
	text-align: center;
	color: #0B173B;
}


/**PAGINA NOVAPROVA***/

/*PRIMEIROPASSO*/

/*CONTAINER*/
.container-novaprova{
	width: 1000px;
	background: #CECEF6;
	height: 630px;
	margin-left: 180px;
	margin-bottom: 220px;
}

.passos-novaprova{
	width: 1000px;
	height: 50px;
	margin-left: 180px;
	margin-top: 100px;
}

.passos-novaprova a:hover{
	color: white;
}

.btn-selected-novaprova {
	background: #CECEF6;
	border: 1px solid transparent;
	color: #6464b4;
	height: 55px;
	display: inline;
	font-size: 20px;
	text-align: center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-top: 2px;
}

.btn-not-selected-novaprova {
	color: rgba(255,255,255,0.7);
	background: transparent;
	border: 1px solid transparent;
	height: 55px;
	font-size: 20px;
	display: inline;
	text-align: center;
	margin-top: 2px;
}


/*FILTROS*/

.title-filtros{
	font-size: 20px;
	text-shadow: 1px 0px;
	width: 80px;
	text-align: center;
	margin-left: 290px;
	margin-top: -15px;
}


.coluna-filtros{
	height: 500px;
	width: 700px;
	padding: 0px;
	background: white;
	border: 9px solid rgb(100,100,180);
	margin-top: 40px;
	margin-right: 150px;
}


.filtros{
	color: white;
	background: #6464b4;
	height: 30px;
	padding: 20px;
}

#materias{
	cursor: pointer;
}

.pasta{
	margin-left: 8px;
	margin-top: 15px;
	width: 200px;
}

.nav-filtros button{
	width: 300px;
}

.submaterias{
	margin-left: 15px;
}

.submateria{
	margin-top: 20px;
}

.navbar-toggler2{
	width: 300px;
}

.subarea{
	margin-top: 10px;
	margin-left: 20px;
}

.categorias{
	margin-left: 20px;
}

.categoria{
	margin-top: 10px;
	margin-left: 20px;
}

.navbar-toggler2{
	margin-left: 10px;
}

.navbar-toggler3{
	background: none;
	border: 1px solid #6464b4;
	border-radius: 10px;
}

.pasta div{
	cursor: pointer;
}

.rodape-primeiropasso{
	background: #6464b4;
	width: 700px;
	height: 50px;
	margin-left: 330px;
	margin-top: -310px;
}

/*CAMPO VISUALIZADOR*/
#visualizador{
	height: 300px;
	width: 300px;
	background: rgba(100,100,180,0.3);
	margin-top: -670px;
	position: absolute;
	z-index: 1;
	margin-left: 680px;
}

.visualizador{
	color: white;
	background: #6464b4;
	height: 30px;
	width: 300px;
	text-align: center;
}


/*SEARCH*/

.search{
	background: #6464b4;
	height: 40px;
	width: 220px;
	border-radius: 20px;
	margin-left: 725px;
	margin-top: -740px;
	position: absolute;
	z-index: 2;
	cursor: text;
}

.fa-search{
	color: white;
}

.pesquisa{
	color: black;
	border-radius: 20px;
	margin-top: 5px;
	margin-left: 5px;
}

.encontradas{
	margin-top: -350px;
	margin-left: 790px;
	position: absolute;
	z-index: 3;
	opacity: 0.7;
}

/*DIFICULDADE*/
.input-dificuldade-novaprova{
	margin-left: 50px;
	margin-top: -100px;
	color: white;
	font-size: 18px;
}

.nivel-novaprova{
	margin-left: 100px;
	margin-top: 18px;
}

.title-checkbox{
	margin-left: 10px;
	color: white;
	font-size: 18px;
}


/*BOTAO PROXIMO*/
.botao-proximo-passoum{
	color: #6464b4;
	margin-top: 70px;
	margin-bottom: 50px;
	margin-left: 768px;
	background: none;
	border: 1px solid #6464b4;
}

.botao-proximo-passoum a{
	color: white;
}

.botao-proximo-passoum:hover{
	background: #6464b4;
}

.botao-proximo-passoum a:hover{
	color: white;
}


/***SEGUNDO PASSO***/

.passos-novaprova{
	width: 1000px;
	height: 50px;
	margin-left: 180px;
	margin-top: 50px;
}

.passos-novaprova a:hover{
	color: white;
}

.passoum-novaprova-2{
	color: rgba(255,255,255,0.7);
	background: transparent;
	border: 1px solid transparent;
	width: 200px;
	height: 55px;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	margin-top: 2px;
	margin-left: 0px;
}

.passodois-novaprova-2{
	border: 1px solid transparent;
	background: #CECEF6;
	color: #6464b4;
	width: 250px;
	height: 55px;
	display: inline-block;
	font-size: 20px;
	text-align: center;
	border-radius: 10px;
	margin-top: 2px;
	margin-left: 170px;
}

.passodois-novaprova-2 a:hover{
	color: #6464b4;
}

.passotres-novaprova-2{
	border: 1px solid transparent;
	background: transparent;
	color: rgba(255,255,255,0.7);
	width: 150px;
	height: 55px;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	margin-top: 2px;
	margin-left: 181px;
}


.title-universidade-questao{
	margin-left: 10px;
}

.cabecalhoQuestao-questao{
	background: #6464b4;
	width: 800px;
	margin-left: -15px;
	color: white;
	padding-left: 20px;
	padding: 10px;
}

.novaquestao-questao{
	margin-left: 20px;
	margin-right: 20px;
}

.coluna-novaquestao-questao-2{
	background: white;
	margin-left: 100px;
	width: 800px;
	border-bottom: 1px solid #6464b4;
	border-right: 1px solid #6464b4;
	border-left: 1px solid #6464b4;
}

.title-universidade-questao-2{
	margin-left: 10px;
}

.cabecalhoQuestao-questao-2{
	background: #6464b4;
	width: 800px;
	margin-left: -15px;
	color: white;
	padding-left: 20px;
	padding: 10px;
	margin-top: 50px;
}

.novaquestao-questao-2{
	margin-left: 20px;
	margin-right: 20px;
}

.checkbox-questao-segundopasso{
	margin-top: 20px;
	margin-left: 100px;
}

.btn-popup{
	float: right;
	margin-top: -30px;
	margin-right: 85px;
	opacity: 0.8;
	border: 1px solid red;
	color: red;
	width: 110px;
	font-size: 14px;
}

#popup{
	width: 240px; 
	height: 200px;  
	position: fixed;
	top: 400px;
	left: 1090px;
	border: 1px solid rgba(132,132,132); 
	background: rgba(255,255,255,0.9);
	display: none;
}

.info-popup{
	margin-left: 20px;
}

.title-universidade-questao2{
	margin-left: 10px;
}

.cabecalhoQuestao-questao2{
	background: #6464b4;
	width: 800px;
	margin-left: -15px;
	color: white;
	padding-left: 20px;
	padding: 10px;
}

.novaquestao-questao2{
	margin-left: 20px;
	margin-right: 20px;
}

.coluna-novaquestao-questao2-2{
	background: white;
	margin-left: 100px;
	width: 800px;
	border-bottom: 1px solid #6464b4;
	border-right: 1px solid #6464b4;
	border-left: 1px solid #6464b4;
}

.title-universidade-questao2-2{
	margin-left: 10px;
}

.cabecalhoQuestao-questao2-2{
	background: #6464b4;
	width: 800px;
	margin-left: -15px;
	color: white;
	padding-left: 20px;
	padding: 10px;
	margin-top: 50px;
}

.novaquestao-questao2-2{
	margin-left: 20px;
	margin-right: 20px;
}

.checkbox-questao-segundopasso{
	margin-top: 20px;
	margin-left: 100px;
}


.title-universidade-questao3{
	margin-left: 10px;
}

.cabecalhoQuestao-questao3{
	background: #6464b4;
	width: 800px;
	margin-left: -15px;
	color: white;
	padding-left: 20px;
	padding: 10px;
}

.novaquestao-questao3{
	margin-left: 20px;
	margin-right: 20px;
}

.coluna-novaquestao-questao3-2{
	background: white;
	margin-left: 100px;
	width: 800px;
	border-bottom: 1px solid #6464b4;
	border-right: 1px solid #6464b4;
	border-left: 1px solid #6464b4;
}

.title-universidade-questao3-2{
	margin-left: 10px;
}

.cabecalhoQuestao-questao3-2{
	background: #6464b4;
	width: 800px;
	margin-left: -15px;
	color: white;
	padding-left: 20px;
	padding: 10px;
	margin-top: 50px;
}

.novaquestao-questao3-2{
	margin-left: 20px;
	margin-right: 20px;
}

.checkbox-questao-segundopasso{
	margin-top: 20px;
	margin-left: 100px;
}


.title-universidade-questao4{
	margin-left: 10px;
}

.cabecalhoQuestao-questao4{
	background: #6464b4;
	width: 800px;
	margin-left: -15px;
	color: white;
	padding-left: 20px;
	padding: 10px;
}

.novaquestao-questao4{
	margin-left: 20px;
	margin-right: 20px;
}

.coluna-novaquestao-questao4-2{
	background: white;
	margin-left: 100px;
	width: 800px;
	border-bottom: 1px solid #6464b4;
	border-right: 1px solid #6464b4;
	border-left: 1px solid #6464b4;
}

.title-universidade-questao4-2{
	margin-left: 10px;
}

.cabecalhoQuestao-questao4-2{
	background: #6464b4;
	width: 800px;
	margin-left: -15px;
	color: white;
	padding-left: 20px;
	padding: 10px;
	margin-top: 50px;
}

.novaquestao-questao4-2{
	margin-left: 20px;
	margin-right: 20px;
}

.checkbox-questao-segundopasso{
	margin-top: 20px;
	margin-left: 100px;
}


.title-universidade-questao5{
	margin-left: 10px;
}

.cabecalhoQuestao-questao5{
	background: #6464b4;
	width: 800px;
	margin-left: -15px;
	color: white;
	padding-left: 20px;
	padding: 10px;
}

.novaquestao-questao5{
	margin-left: 20px;
	margin-right: 20px;
}

.coluna-novaquestao-questao5-2{
	background: white;
	margin-left: 100px;
	width: 800px;
	border-bottom: 1px solid #6464b4;
	border-right: 1px solid #6464b4;
	border-left: 1px solid #6464b4;
}

.title-universidade-questao5-2{
	margin-left: 10px;
}

.cabecalhoQuestao-questao5-2{
	background: #6464b4;
	width: 800px;
	margin-left: -15px;
	color: white;
	padding-left: 20px;
	padding: 10px;
	margin-top: 50px;
}

.novaquestao-questao5-2{
	margin-left: 20px;
	margin-right: 20px;
}

.checkbox-questao-segundopasso{
	margin-top: 20px;
	margin-left: 100px;
}

.alt{
	margin-top: 20px;
	margin-bottom: 20px;
}

/*BOTAO PROXIMO*/
.botao-proximo-passodois{
	color: #6464b4;
	margin-top: -50px;
	margin-left: 1100px;
	background: none;
	border: 1px solid #6464b4;
}

.botao-proximo-passodois:hover{
	background: #6464b4;
}


/***TERCEIRO PASSO***/

.passos-novaprova{
	width: 1000px;
	height: 50px;
	margin-left: 180px;
	margin-top: 50px;
}

.passos-novaprova a:hover{
	color: white;
}

.passoum-novaprova-3{
	border: 1px solid transparent;
	background: transparent;
	color: rgba(255,255,255,0.7);
	width: 200px;
	height: 55px;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	margin-top: 2px;
	margin-left: 0px;
}

.passodois-novaprova-3{
	border: 1px solid transparent;
	background: transparent;
	color: rgba(255,255,255,0.7);
	width: 220px;
	height: 55px;
	font-size: 20px;
	display: inline-block;
	text-align: center;
	margin-top: 2px;
	margin-left: 160px;
}

.passotres-novaprova-3{
	border: 1px solid transparent;
	color: #6464b4;
	width: 250px;
	height: 55px;
	display: inline-block;
	font-size: 20px;
	text-align: center;
	border-radius: 10px;
	margin-top: 2px;
	margin-left: 161px;
	background: #CECEF6;
}

.passotres-novaprova-3 a:hover{
	color: #6464b4;
}

.botao-proximo-passodois{
	color: #6464b4;
	border: 1px solid #6464b4;
}

.botao-proximo-passodois a{
	color: #6464b4;
}

.botao-proximo-passodois:hover{
	color: white;
	background: #6464b4;
	border: 1px solid #6464b4;
}

.botao-proximo-passodois a:hover{
	color: white;
}

.container-novaprova-2 {
	width: 1000px;
	background: #CECEF6;
	height: 700px;
	margin-left: 180px;
	margin-bottom: 100px;
}

.containerprova{
	background: white;
	width: 840px;
	height: 1188px;
	margin-left: 80px;
	margin-top: -30px;
}

.table-cabecalho{
	border: 1px solid black;
	margin-left: 50px;
	margin-top: 30px;
}


.file_customizada::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Select some files';
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
.file_customizada:hover::before {
  border-color: black;
}
.file_customizada:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

label.labelInput input[type="file"] {
    position: fixed;
    top: -1000px;
}

labelInput {
    border: 2px solid #AAA;
    border-radius: 4px;
    padding: 2px 5px;
    margin: 2px;
    background: #DDD;
    display: inline-block;
}

.labelInput :invalid + span {
    color: #A44;
}
.labelInput :valid + span {
    color: #4A4;
}

.th-cabecalho{
	width: 150px;
	height: 200px;
}

.th-cabecalho:hover{
	background: #C8C8C8;
}

.fa-image{
	font-size: 70px;
	margin-left: 35px;
	margin-top: 10px;
	cursor: pointer;
}

.select-school{
	width: 500px;
	margin: 10px;
	margin-left: 40px;
	cursor: pointer;
}

.td-school{
	height: 20px;
	width: 500px;
}

.professorprova{
	margin: 10px;
}

.inputprofessor{
	width: 250px;
}

.notaprova{
	margin: 10px;
}

.disciplinaprova{
	margin: 10px;
}


/*QUESTOES*/

.alt-3{
	margin-top: 8px;
	margin-bottom: 20px;
}

.btnturma{
	margin-left: -10px;
	background: none;
	border: 1px solid #31B404;
	color: #31B404;
}

.btnturma:hover{
	border: 1px solid #00FF00;
	color: #00FF00;
}



/****PAGINA DE MINHAS PROVAS****/

.masthead3{
	height: 525px;
}

.table-minhasprovas{
	border: 1px solid transparent;
	color: #6464b4;
	margin: auto;
}



.table-minhasprovas h6{
	padding: 10px 20px 10px 20px;
	text-align: center;
}

.table-minhasprovas{
	text-align: center;
}


.rangeOpen {
    -webkit-appearance: none;
    background: #81F781;
    outline: none;
    width: 100%;
    height: 18px;
    border-radius: 9px;  
    animate: 0.2s;
	box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
	border: 0px solid #000101; 
}

.rangeOpen::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%; 
    background: #04B404;
    cursor: pointer;
}

.rangeOpen::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%; 
    background: #04B404;
    cursor: pointer;
}

.rangeClosed {
    -webkit-appearance: none;
    background: red;
    outline: none;
    width: 100%;
    height: 18px;
    border-radius: 9px;  
    animate: 0.2s;
	box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
	border: 0px solid #000101; 
}

.rangeClosed::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%; 
    background: #B40404;
    cursor: pointer;
}

.rangeClosed::-moz-range-thumb {
    width: 18px;
    height: 18px;
    border-radius: 50%; 
    background: #B40404;
    cursor: pointer;
}

.provas{
	cursor: pointer;
}

.provas:hover{
	background: #D8D8D8;
}


/***PAGINA DE RESULTADOS***/

.btn-resultados{
	background: #6464b4;
	margin-left: 20px;
	position: absolute;
}

.btn-resultados:hover{
	margin-top: 2px;
}

.a-resultados{
	color: white;
}

.a-resultados:hover{
	color: white;
}

.btn-estatisticas{
	background: #6464b4;
	margin-left: 1095px;
	position: absolute;
}

.btn-estatisticas:hover{
	margin-top: 2px;
}

.a-estatisticas{
	color: white;
}

.a-estatisticas:hover{
	color: white;
}

.table-1linha{
	margin-top: 45px;
}

.table-1linha p{
	text-align: center;
}

.table-resultados p{
	margin: 0px;
	text-align: center;
}

.table-resultados2{
	margin: 0px;
	text-align: center;
}

.table-resultados2 td p{
	margin: 0px;
	padding: 4px;
	text-align: center;
}


/*** PAGINA ESTATISTICA ***/

.btn-resultados{
	background: #6464b4;
	margin-left: 20px;
	position: absolute;
}

.btn-resultados:hover{
	margin-top: 2px;
}

.a-resultados{
	color: white;
}

.a-resultados:hover{
	color: white;
}

.btn-resultados2{
	background: #6464b4;
	margin-left: 1088px;
	position: absolute;
}

.btn-resultados2:hover{
	margin-top: 2px;
}

.a-resultados2{
	color: white;
}

.a-resultados2:hover{
	color: white;
}

.table-1linha{
	margin-top: 45px;
}

.table-1linha p{
	text-align: center;
}

.table-resultados p{
	margin: 0px;
	text-align: center;
}

.table-resultados2{
	margin: 0px;
	text-align: center;
}

.table-resultados2 td p{
	margin: 0px;
	padding: 4px;
	text-align: center;
}

/** SEÇOES DO REGISTRE-SE**/

.button2{
	background: transparent;
	border: 1px solid transparent;
	color: black;
}

.button2:hover{
	border: 1px solid white;
	color: white;
}

.button3{
	background: transparent;
	border: 1px solid transparent;
	color: black;
}

.button3:hover{
	border: 1px solid white;
	color: white;
}

.button3-2{
	background: transparent;
	border: 1px solid transparent;
	color: black;
}

.button3-2:hover{
	border: 1px solid white;
	color: white;
}

.button2-3{
	background: transparent;
	border: 1px solid transparent;
	color: #00ee18;
}