@import url('https://fonts.googleapis.com/css?family=Sofia|Tangerine|Dancing+Script|Bungee|Rock+Salt');

:root {
	--cor1: 		#44DECA;
	--cor2:			#57b980;
	--cor3:			#6ed096;
	--cor4:			#86e8ac;
	--cor5:			#9dffc2;	
	--cor6:			#EDFCFA;
	--cor7:			#465F87; /*azul escuro*/
	--cor8:			#AFCBE5; /*azul claro*/
	--vermelho:		#cf4128;
	--vermelho_claro:	#EEADA8;
	--verde:		#5b9e4b;
	--verde_escuro: #005117;
	--bg1:			rgba(0,0,0,0.1);
	--even:			#D1E0ED; /*#C6FFDB;*/
	--odd:			#D9E6F0; /*#D5FFE4;*/
	--azul_escuro: 	#465F87;
	--azul_claro:	#AFCBE5;	
	--amarelo: 		#F3D76A;
	--preto:		#888888;
}

	
* { margin: 0px; padding: 0px; font-family: Arial, sans-serif; color: #333;}
body { background-color: var(--cor6); margin-top: 60px; }
.displayErros { background-color: var(--vermelho_claro); padding: 3px; width: 95%; }
.displayErros li { background-color: var(--vermelho_claro); }

#confirm { position: fixed; z-index: 999; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgba(0,0,0,0.5); display: none;}
#confirm #content { position: relative; width: 280px; height: 100px; left: 50%; top: 50%; margin-left: -150px; margin-top: -50px; background-color: white; text-align: center; border-radius: 10px; padding: 10px; }
#confirm #content button { width: 40%; margin: 5px; font-size: 20px; font-weight: bold;  }

#notificacao { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: none; z-index: 999; }
#notificacao #box {  width: 300px; height: 100px; margin: auto; margin-top: 10%; background-color: white; border-radius: 10px; padding: 3px 10px; box-sizing: border-box; border: 1px solid white; }
#notificacao #box img { width: 50px; height: 50px; float: left; margin-top: 5px;}
#notificacao #box h1 { font-size: 20px; float: left; margin-top: 15px; margin-left: 20px;}
#notificacao #box #btn_ok { position: relative; top: -40px; right: -130px; border: 1px solid #CCC; border-radius: 5px; background-color: #ccc; width: 25px; height: 25px; margin: 5px; border-radius: 40px; line-height: 0px;}

/* PAGINA LOGIN */
#pg_login .titulo { margin-top: 0px; color: white; text-align: center; font-family: Rock Salt, sans-serif; font-size: 40px; text-shadow: 1px 1px 3px red; }
#pg_login .subtitulo { text-align: center; font-size: 15px; color: white; margin-top: -10px; }
#pg_login h3 center { color: white; font-size: 30px; }
#pg_login label { color: white; }
#pg_login #form_login { padding: 10%; padding-top: 5%;  background-color: var(--cor7); margin: 30px; border-radius: 15px; box-shadow: 0px 0px 15px #888; }
#pg_login #form_login label{ display: block; width: 100%; box-sizing: border-box; margin-top: 10px; }
#pg_login #form_login input[type=text],
	#pg_login #form_login input[type=password] { display: block; width: 100%; box-sizing: border-box; padding: 5px; border-radius: 5px; border: 1px solid var(--cor3); font-size: 20px; }
#pg_login #form_login input[type=submit] { width: 100%; margin-top: 20px; padding: 5px; font-size: 20px; }
#pg_login #form_login #erro_login { background-color: rgba(255,10,10,0.1); }

/*NAVEGADOR*/
label[for="bt_menu"]{ padding:5px; background-color: var(--cor7); font-family:"Arial"; font-size:22px; cursor:pointer; height:50px; z-index:999; text-align:left; width:100%; display:block; line-height:50px; color: white; position:fixed; top:0; left:0; box-shadow:0px 2px 5px var(--cor8);}
#bt_menu { display:none; }
#bt_menu:checked  ~ nav#navegador{ margin-left:0px; }
#box_appTitulo { display: block; border: 0px solid red;  }
#icon_menu { font-size: 30px; color: white; }
#app_titulo{ font-family: Rock Salt, sans-serif; font-size: 20px; font-weight:bold; text-shadow:1px 1px 3px red; color: white; }
#app_subtitulo{ font-size: 15px; color: white; }

nav#navegador {
 background-color: var(--cor7); 
 border-bottom:2px solid rgb(220,220,220); width:80%; height:100%; position:fixed; z-index:777; transition:all 0.4s; margin-left:-100%; font-size:20px; top:61px; left:0px; overflow-x:hidden;
overflow-y: auto; }
nav#navegador ul{ list-style:none; position:relative; background-color: var(--cor7); }
nav#navegador ul li{ width:100%; float:none; border-bottom:1px solid var(--cor8); }
nav#navegador span{ box-sizing: border-box; color: white;}
nav#navegador a { padding-top:8px; padding-bottom:8px; display:block; text-decoration:none; text-align:left; background-color:var(--cor7); color: white; line-height:20px; padding-left:15px; }
nav#navegador ul ul a { background-color:var(--cor7); }
nav#navegador ul ul { visibility:hidden; position:static;  overflow: hidden; max-height:0; transition:all 0.4s; }
nav#navegador ul li:hover ul { visibility:visible; height:auto; max-height:200px; }
nav#navegador a:hover { background-color: var(--cor7); }
nav#navegador a:active { background-color:var(--cor7); }
nav#navegador a:visited { background-color:var(--cor7); }
nav#navegador a:link { background-color:var(--cor7); }
nav#navegador ul ul li { float:none; border-bottom:1px solid rgb(220,220,220); }
nav#navegador #btnGerarEscala { display: none; }


/*PAGINA INDEX*/
#pg_index #titulo { text-align: center; font-size: 30px; margin-top: 65px;}
#pg_index #form { padding: 10px; text-align: center; }
#pg_index #form input[type=date] { width: 50%; margin-top: 5px; padding: 3px; font-size: 20px;}
#pg_index #form input[type=submit] { width: 10%; margin-top: 5px; padding: 3px; font-size: 20px;}

#pg_index #tabela { padding: 5px; }
#pg_index #tabela table { width: 100%; border: 0px solid var(--cor7); }
#pg_index #tabela table tr:nth-child(even) { background-color: var(--even); }
#pg_index #tabela table tr:nth-child(odd) { background-color: var(--odd); }
#pg_index #tabela table td { padding: 5px; border: 0px solid var(--cor8); }
#pg_index #tabela table td.titulo { text-align: center; font-size: 20px; font-weight: bold; color: white; background-color: var(--cor7); }
#pg_index #tabela table td.horario { text-align: center; font-size: 20px; }
#pg_index #tabela table td.colab { text-align: left; font-size: 20px; }
#pg_index #tabela table th.nome { width: 100%; font-size: 20px; }
#pg_index #tabela span.icon-pencil { font-size: 20px; }

/*PAGINA NOVA ESCALA*/
#pg_novaEscala { padding: 5px; width: 100%; }
#pg_novaEscala #telaForm #form { width: 100%; text-align: center; }
#pg_novaEscala #telaForm table { border: 0px solid blue; width: 95%; }
#pg_novaEscala #telaForm table td { border: 0px solid blue; padding: 3px; padding-bottom: 5px; text-align: right; }
#pg_novaEscala #telaForm label { font-size: 20px;  }
#pg_novaEscala #telaForm select { width: 90%; font-size: 20px; }
#pg_novaEscala #telaForm input { width: 90%; box-sizing: border-box; font-size: 20px; }
#pg_novaEscala #telaForm textarea { width: 90%; box-sizing: border-box; font-size: 20px; }
#pg_novaEscala #telaForm input[type=submit] { padding: 5px; }
#pg_novaEscala #telaSelectColab { display: none; }
#pg_novaEscala #telaSelectColab table { width: 95%; border: 1px solid #CCC; }
#pg_novaEscala #telaSelectColab table td { border: 1px solid #CCC; }
#pg_novaEscala #telaSelectColab table th.nome_colaborador { background-color: var(--cor7); font-size: 20px; padding: 3px; text-align: left; }
#pg_novaEscala #telaSelectColab table th span { color: white; }
#pg_novaEscala #telaSelectColab #btnCancelar { font-size: 20px; padding: 3px; float: right; margin-right: 30px; margin-top: 15px; }

#pg_novaEscala #telaSelectColab #listaDias { width: 100%; border: 0px solid #CCC; }
#pg_novaEscala #telaSelectColab #listaDias div.dLivre { text-align: center; width: 20px; border: 1px solid #CCC; color: var(--verde); padding: 5px; font-weight: bold; display: inline-block; }
#pg_novaEscala #telaSelectColab #listaDias div.dOcupado { text-align: center; width: 20px; border: 1px solid #CCC; color: var(--vermelho);  padding: 5px; display: inline-block; }

#pg_novaEscala #telaUltimasEscalas { display: none; }
#pg_novaEscala #telaUltimasEscalas table tr:nth-child(even) { background-color: var(--even); }
#pg_novaEscala #telaUltimasEscalas table tr:nth-child(odd) { background-color: var(--odd); }
#pg_novaEscala #telaUltimasEscalas table td { text-align: center; padding: 3px; border-bottom: 1px solid #CCC; }
#pg_novaEscala #telaUltimasEscalas #btnCancelarUltimasEscalas { font-size: 20px; padding: 3px; float: right; margin-right: 30px; margin-top: 15px; }

#pg_novaEscala #tabela { width: 96%; padding: 5px; margin-top: 50px; }
#pg_novaEscala #tabela table{ width: 100%; border: 1px solid var(--cor8); }
#pg_novaEscala #tabela table th { padding: 5px; border: 1px solid var(--cor8); color: white; }
#pg_novaEscala #tabela table td { padding: 5px; border: 1px solid var(--cor8); }
#pg_novaEscala #tabela table td.titulo { text-align: center; font-size: 20px; font-weight: bold; color: #333; background-color: var(--cor8); }
#pg_novaEscala #tabela table td.horario { text-align: center; }
#pg_novaEscala #tabela table th.nome { width: 100%; }

/*EDIT ESCALA*/
#pg_editEscala { padding: 5px; width: 100%; }
#pg_editEscala #telaForm #form { width: 100%; text-align: center; }
#pg_editEscala #telaForm table { border: 0px solid blue; width: 95%; }
#pg_editEscala #telaForm table td { border: 0px solid blue; padding: 3px; padding-bottom: 5px; text-align: right; }
#pg_editEscala #telaForm label { font-size: 20px;  }
#pg_editEscala #telaForm select { width: 90%; font-size: 20px; }
#pg_editEscala #telaForm input { width: 90%; box-sizing: border-box; font-size: 20px; }
#pg_editEscala #telaForm input[type=radio] { width: 10%; box-sizing: border-box; font-size: 20px; }
#pg_editEscala #telaForm td.mensagem { text-align: left; box-sizing: border-box; font-size: 20px; text-align: center; }
#pg_editEscala #telaForm td.confirmado { text-align: left; box-sizing: border-box; font-size: 20px; text-align: center; }
#pg_editEscala #telaForm textarea { width: 90%; box-sizing: border-box; font-size: 20px; }
#pg_editEscala #telaForm input[type=submit] { padding: 5px; }
#pg_editEscala #telaSelectColab { display: none; }
#pg_editEscala #telaSelectColab table { width: 95%; border: 1px solid #CCC; }
#pg_editEscala #telaSelectColab table td { border: 1px solid #CCC; }
#pg_editEscala #telaSelectColab table th.nome_colaborador { background-color: var(--cor7); font-size: 20px; padding-left: 10px; text-align: left; }
#pg_editEscala #telaSelectColab table th.nome_colaborador span { color: white; }
#pg_editEscala #telaSelectColab #btnCancelar { font-size: 20px; padding: 3px; float: right; margin-right: 30px; margin-top: 15px; }

#pg_editEscala #telaSelectColab #listaDias { width: 100%; border: 0px solid #CCC; }
#pg_editEscala #telaSelectColab #listaDias div.dLivre { text-align: center; width: 20px; border: 1px solid #CCC; color: var(--verde); padding: 5px; font-weight: bold; display: inline-block; }
#pg_editEscala #telaSelectColab #listaDias div.dOcupado { text-align: center; width: 20px; border: 1px solid #CCC; color: var(--vermelho);  padding: 5px; display: inline-block; }

#pg_editEscala #telaUltimasEscalas { display: none; }
#pg_editEscala #telaUltimasEscalas table tr:nth-child(even) { background-color: var(--even); }
#pg_editEscala #telaUltimasEscalas table tr:nth-child(odd) { background-color: var(--odd); }
#pg_editEscala #telaUltimasEscalas table td { text-align: center; padding: 3px; border-bottom: 1px solid #CCC; }
#pg_editEscala #telaUltimasEscalas #btnCancelarUltimasEscalas { font-size: 20px; padding: 3px; float: right; margin-right: 30px; margin-top: 15px; }

#pg_editEscala #tabela { width: 96%; padding: 5px; margin-top: 50px; }
#pg_editEscala #tabela table{ width: 100%; border: 1px solid var(--cor4); }
#pg_editEscala #tabela table th, 
	#pg_editEscala #tabela table td { padding: 5px; border: 1px solid var(--cor4); }
#pg_editEscala #tabela table td.titulo { text-align: center; font-size: 20px; font-weight: bold; color: var(--verde_escuro); background-color: var(--cor5); }
#pg_editEscala #tabela table td.horario { text-align: center; }
#pg_editEscala #tabela table th.nome { width: 100%; }

/*PAGINA COLABORADOR*/
#pg_colaboradores #lista_colaboradores table { border: 1px solid #ccc; width: 98%; }
#pg_colaboradores #lista_colaboradores table tr.titulo th { background-color: var(--cor7); color: white; }
#pg_colaboradores #lista_colaboradores table th { border: 1px solid var(--cor8); padding: 5px; background-color: var(--cor3); font-size: 18px; }
#pg_colaboradores #lista_colaboradores table td { border: 1px solid var(--cor8); padding: 5px; font-size: 18px; }
#pg_colaboradores #lista_colaboradores table tr:nth-child(even) { background-color: var(--even); }
#pg_colaboradores #lista_colaboradores table tr:nth-child(odd) { background-color: var(--odd); }


/*PAGINA NOVO COLABORADOR*/
#pg_novoColaborador section { width: 90%; padding: 5%; }
#pg_novoColaborador label { display: block; width: 100%; margin-top: 15px; font-size: 20px;}
#pg_novoColaborador input { width: 100%; padding: 5px; box-sizing: border-box;  font-size: 20px;}
#pg_novoColaborador textarea { width: 100%; padding: 5px; margin-top: 5px; box-sizing: border-box;  font-size: 20px;}
#pg_novoColaborador input[type=submit] { width: 100%; margin-top: 20px; font-size: 20px;}

/*PAGINA FOLGA*/
#pg_folga #form_folga form { width: 100%; margin-top: 30px;  text-align: center;}
#pg_folga #form_folga input,
#pg_folga #form_folga select { width: 28%; font-size: 20px; text-align: center; }
#pg_folga #form_folga input[type=submit] { width: 87%; font-size: 20px; margin-top: 20px;} 
#pg_folga #lista_folga { width: 100%; margin: 5px; margin-top: 20px; }

/*PAGINA NOVA FOLGA*/
#pg_novaFolga #form_novaFolga form { width: 100%; margin-top: 30px;  text-align: center;}
#pg_novaFolga #form_novaFolga input[type=text],
#pg_novaFolga #form_novaFolga select { width: 28%; font-size: 20px; text-align: center; }
#pg_novaFolga #form_novaFolga input[type=submit] { width: 87%; font-size: 20px; margin-top: 20px;}
#pg_novaFolga #form_novaFolga textarea { width: 100%; font-size: 20px; padding: 3px; box-sizing: border-box; }
#pg_novaFolga #form_novaFolga #tabela { width: 100%; border: 0px solid blue; margin-top: 20px;}
#pg_novaFolga #form_novaFolga #tabela tr:nth-child(even) { background-color: var(--even); }
#pg_novaFolga #form_novaFolga #tabela tr:nth-child(odd) { background-color: var(--odd); }
#pg_novaFolga #form_novaFolga #tabela th { padding: 3px; font-size: 18px;}
#pg_novaFolga #form_novaFolga #tabela td { padding: 3px; font-size: 18px;}
#pg_novaFolga #btnCancelar { font-size: 20px; width: 100px; position: absolute; left: -50px; margin-left: 50%; margin-top: 20px; }
 
 /*PAGINA LOJAS*/
#pg_lojas #lista_lojas table { border: 1px solid #ccc; width: 98%; }
#pg_lojas #lista_lojas table tr.titulo th { background-color: var(--cor7); color: white; }
#pg_lojas #lista_lojas table th { border: 1px solid var(--cor8); padding: 5px; background-color: var(--cor3); font-size: 18px; }
#pg_lojas #lista_lojas table td { border: 1px solid var(--cor8); padding: 5px; font-size: 18px; }
#pg_lojas #lista_lojas table tr:nth-child(even) { background-color: var(--even); }
#pg_lojas #lista_lojas table tr:nth-child(odd) { background-color: var(--odd); }

/*PAGINA NOVA LOJA*/
#pg_novaEmpresa section { width: 90%; padding: 5%; }
#pg_novaEmpresa label { display: block; width: 100%; margin-top: 15px; font-size: 20px;}
#pg_novaEmpresa input { width: 100%; padding: 5px; box-sizing: border-box;  font-size: 20px;}
#pg_novaEmpresa select { width: 100%; padding: 5px; box-sizing: border-box;  font-size: 20px;}
#pg_novaEmpresa textarea { width: 100%; padding: 5px; margin-top: 5px; box-sizing: border-box;  font-size: 20px;}
#pg_novaEmpresa input[type=submit] { width: 100%; margin-top: 20px; font-size: 20px;}


/*PAGINA HORARIOS*/
#pg_horarios #lista_horarios table { border: 1px solid #ccc; width: 98%; }
#pg_horarios #lista_horarios table tr.titulo th { background-color: var(--cor7); color: white; }
#pg_horarios #lista_horarios table th { border: 1px solid var(--cor8); padding: 5px; background-color: var(--cor3); font-size: 18px; }
#pg_horarios #lista_horarios table td { border: 1px solid var(--cor8); padding: 5px; font-size: 18px; }
#pg_horarios #lista_horarios table tr:nth-child(even) { background-color: var(--even); }
#pg_horarios #lista_horarios table tr:nth-child(odd) { background-color: var(--odd); }

/*PAGINA NOVO HORARIO*/
#pg_novoHorario section { width: 90%; padding: 5%; }
#pg_novoHorario label { display: block; width: 100%; margin-top: 15px; font-size: 20px;}
#pg_novoHorario input[type=time] { width: 100%; padding: 5px; box-sizing: border-box;  font-size: 20px;}
#pg_novoHorario textarea { width: 100%; padding: 5px; margin-top: 5px; box-sizing: border-box;  font-size: 20px;}
#pg_novoHorario input[type=submit] { width: 100%; margin-top: 20px; font-size: 20px;}

/*PAGINA RELATORIO COLABORADOR*/
#pg_relatorioColaborador #titulo { margin-top: 70px; }

#pg_relatorioColaborador #form { border: 0px solid blue; }
#pg_relatorioColaborador #form input,
	#pg_relatorioColaborador #form select{ font-size: 18px; padding: 3px; }
#pg_relatorioColaborador #form input[type=submit] { width: 200px; padding: 3px; }

#pg_relatorioColaborador #tbForm {width: 100%; }
#pg_relatorioColaborador #tbForm td { text-align: center; padding: 5px;}


#pg_relatorioColaborador #tabela { display: block; width: 98%; border: 0px solid blue; margin: 1%; margin-top: 20px; box-sizing: border-box; }
#pg_relatorioColaborador #tabela table { }
#pg_relatorioColaborador #tabela tr:nth-child(even) { background-color: var(--even); }
#pg_relatorioColaborador #tabela tr:nth-child(odd) { background-color: var(--odd); }
#pg_relatorioColaborador #tabela tr.titulo h2 { background-color: var(--cor7); color: #FFF; padding: 5px; }
#pg_relatorioColaborador #tabela tr.cabecalho th { background-color: var(--cor8); color: black; padding: 5px;  }
#pg_relatorioColaborador #tabela th { width: 18%; padding: 3px; font-size: 14px;}
#pg_relatorioColaborador #tabela td { width: 15%; border: 1px solid var(--cor8); padding: 3px; font-size: 14px; text-align: center; }
#pg_relatorioColaborador #tabela tr.resultado { background-color: lightblue; font-weight: bold; }

/*PAGINA ESCALAS*/
#pg_escalas #titulo { text-align: center; font-size: 30px; margin-top: 65px;}
#pg_escalas #form { padding: 10px; text-align: center; }
#pg_escalas #form input[type=date] { width: 35%; margin-top: 5px; padding: 3px; font-size: 20px;}
#pg_escalas #form select { width: 35%; margin-top: 5px; padding: 3px; font-size: 20px;}
#pg_escalas #form input[type=submit] { width: 10%; margin-top: 5px; padding: 3px; font-size: 20px;}

#pg_escalas #tabela { padding: 5px; }
#pg_escalas #tabela table{ width: 100%; border: 0px solid var(--cor4); }
#pg_escalas #tabela table th, 
	#pg_escalas #tabela table td { padding: 10px; text-align: center; border: 0px solid var(--cor7); }
#pg_escalas #tabela table td.data { text-align: center; font-size: 20px; font-weight: bold; color: white; background-color: var(--cor7); }
#pg_escalas #tabela table td.empresa { text-align: center; font-size: 20px; background-color: var(--cor8)}
#pg_escalas #tabela table td.checkmak { width: 10%; }
#pg_escalas #tabela table td.horario { width: 40%; }
#pg_escalas #tabela table td.colab { text-align: left; font-size: 20px; }
#pg_escalas #tabela table td.btnOpcoes { width: 10%; text-align: right; }
#pg_escalas #tabela span.icon-pencil { font-size: 20px; }
#pg_escalas #tabela tr:nth-child(even) { background-color: var(--even); }
#pg_escalas #tabela tr:nth-child(odd) { background-color: var(--odd); }

#pg_escalas #menuOpcoes { display: none; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 999; background-color: rgba(0,0,0,0.6); }
#pg_escalas #menuOpcoes aside { width: 70%; background-color: white; margin-top: 100px; margin-left: 12%; text-align: center; padding: 4%; border-radius: 10px;}
#pg_escalas #menuOpcoes aside nav button { width: 80%; margin: 5px; padding: 5px; font-size: 20px;}


/*PAGINA ESCALA COLABORADOR*/
#pg_escalaColaborador #titulo { margin-top: 70px; }

#pg_escalaColaborador #form { border: 0px solid blue; }
#pg_escalaColaborador #form input,
	#pg_escalaColaborador #form select{ font-size: 18px; padding: 3px; }
#pg_escalaColaborador #form input[type=submit] { width: 200px; padding: 3px; }

#pg_escalaColaborador #tbForm {width: 100%; }
#pg_escalaColaborador #tbForm td { text-align: center; padding: 5px;}

#pg_escalaColaborador #tabela { width: 100%; border: 0px solid blue; margin: 1%; margin-top: 20px; box-sizing: border-box; }
#pg_escalaColaborador #tabela table { width: 96%; border: 0px solid red; margin: 1%; margin-top: 20px; box-sizing: border-box; }
#pg_escalaColaborador #tabela tr:nth-child(even) { background-color: var(--even); }
#pg_escalaColaborador #tabela tr:nth-child(odd) { background-color: var(--odd); }
#pg_escalaColaborador #tabela tr.titulo th{ width: 10%; padding: 3px; font-size: 13px; background-color: var(--cor7); color: white; border: 1px solid var(--cor8); }
#pg_escalaColaborador #tabela th { width: 10%; padding: 3px; font-size: 13px; background-color: var(--cor8); color: #333; border: 1px solid var(--cor8); }
#pg_escalaColaborador #tabela td { width: 15%; border: 1px solid var(--cor8); padding: 3px; font-size: 13px; text-align: center; color: #333; }

/*PAGINA CONFIGURAÇÕES*/
#pg_configuracoes #titulo { text-align: center; font-size: 30px; margin-top: 65px;}
#pg_configuracoes #tabela table { display: block; width: 98%; border: 0px solid blue; margin: 1%; margin-top: 20px; box-sizing: border-box; }
#pg_configuracoes #tabela tr.titulo th h3{ background-color: var(--cor7); color: white; padding: 5px; }
#pg_configuracoes #tabela tr.cabecalho th { background-color: var(--cor8); }
#pg_configuracoes #tabela tr:nth-child(even) { background-color: var(--even); }
#pg_configuracoes #tabela tr:nth-child(odd) { background-color: var(--odd); }
#pg_configuracoes #tabela th { width: 10%; padding: 3px; font-size: 18px;}
#pg_configuracoes #tabela td { width: 15%; border: 1px solid var(--cor8); padding: 7px; font-size: 15px; text-align: center; }
#pg_configuracoes button { padding: 5px; }

/*PAGINA EDITAR VALORES*/
#pg_editarValores #titulo { text-align: center; font-size: 30px; margin-top: 65px;}
#pg_editarValores table { width: 98%; border: 0px solid blue; margin-left: 1%; }
#pg_editarValores table td { Padding: 3px; text-align: right; }
#pg_editarValores input[type=number] { padding: 3px; font-size: 15px; }
#pg_editarValores button { padding: 5px; margin-right: 20px;  }
#pg_editarValores input[type=submit] { padding: 5px; }


/*PAGINA EDITAR VALORES*/
#pg_novaRegra #titulo { text-align: center; font-size: 30px; margin-top: 65px;}
#pg_novaRegra table { width: 98%; border: 0px solid blue; margin-left: 1%; }
#pg_novaRegra table td { Padding: 3px; text-align: left; }
#pg_novaRegra input[type=number] { padding: 3px; font-size: 15px; }
#pg_novaRegra input[type=time] { padding: 3px; font-size: 15px; }
#pg_novaRegra select { padding: 3px; font-size: 15px; }
#pg_novaRegra button { padding: 5px; margin-right: 20px;  }
#pg_novaRegra input[type=submit] { padding: 5px; }

/*PAGINA NOVO FERIADO*/
#pg_novoFeriado #titulo { text-align: center; font-size: 30px; margin-top: 65px;}
#pg_novoFeriado table { width: 98%; border: 0px solid blue; margin-left: 1%; }
#pg_novoFeriado table td { Padding: 3px; text-align: right; }
#pg_novoFeriado input[type=date] { padding: 3px; font-size: 15px; width: 70%; }
#pg_novoFeriado input[type=text] { padding: 3px; font-size: 15px; width: 70%; }
#pg_novoFeriado button { padding: 5px; margin-right: 20px;  }
#pg_novoFeriado input[type=submit] { padding: 5px; }

/*PAGINA GERAR ESCALA*/
#pg_gerarEscala #titulo { text-align: center; font-size: 30px; margin-top: 65px;}
#pg_gerarEscala article { border: 0px solid blue; display: block; }
#pg_gerarEscala .linha{ display: flex; flex-flow: row wrap; }
#pg_gerarEscala .coluna-33 { width: 31%; height: 700px; margin: 0.5%; padding: 5px; }

#pg_gerarEscala #colColabs { overflow: auto; padding-left: 3%; box-sizing: border-box; }
#pg_gerarEscala #colColabs { padding-left: }
#pg_gerarEscala #colColabs table { float: right; margin-right: 2%; }
#pg_gerarEscala #colColabs table td.nome { background-color: var(--cor7); color: white; font-size: 20px; font-weight: bold; padding: 3px 3px 3px 10px; }
#pg_gerarEscala #colColabs span.icon-checkmark { color: var(--cor8); }

#pg_gerarEscala #colForm { overflow: auto; border-left: 2px solid #CCC; border-right: 2px solid #CCC; }
#pg_gerarEscala #colForm #data { padding: 3px; font-size: 15px; }
#pg_gerarEscala #colForm table { margin-left: 3%; box-sizing: border-box; }
#pg_gerarEscala #colForm table td { text-align: center; padding: 3px; }
#pg_gerarEscala #colForm table td.empresa { background-color: var(--cor7); color: white; font-size: 20px; font-weight: bold;  text-align: center; padding: 5px; }
#pg_gerarEscala #colForm span.icon-circle-down { color: white; }
#pg_gerarEscala #colForm span.icon-circle-up { color: white; }
#pg_gerarEscala #colForm select { padding: 3px; font-size: 20px; }
#pg_gerarEscala #colForm select option { font-size: 20px; }
#pg_gerarEscala #colForm input[type=submit] { padding: 5px; font-size: 20px; margin-top: 20px; float: right; margin-right: 10px; }
#pg_gerarEscala #colForm table tr.subtitulo { background-color: var(--cor8); }

#pg_gerarEscala #colEscala { overflow: auto; box-sizing: border-box; }
#pg_gerarEscala #colEscala table { float: left; margin-left: 2%; }
#pg_gerarEscala #colEscala table tr:nth-child(even) { background-color: var(--even); }
#pg_gerarEscala #colEscala table tr:nth-child(odd) { background-color: var(--odd); }
#pg_gerarEscala #colEscala table td { text-align: center; padding: 3px; border-bottom: 1px solid #CCC; }
#pg_gerarEscala #colEscala table td.data { text-align: center; font-size: 20px; font-weight: bold; color: #FFF; background-color: var(--cor7); }
#pg_gerarEscala #colEscala table td.empresa { text-align: center; font-size: 20px; font-weight: bold; color: #333; background-color: var(--cor8); }

#pg_log #titulo { text-align: center; }
#pg_log #tabela table { }
#pg_log #tabela table tr:nth-child(even) { background-color: var(--even); }
#pg_log #tabela table tr:nth-child(odd) { background-color: var(--odd); }
#pg_log #tabela table th { padding: 3px; color: white; background-color: var(--cor7); }
#pg_log #tabela table td { padding: 3px; }
#pg_log #tabela table td.data { text-align: center; }
#pg_log #tabela table td.usuario { text-align: center; }
#pg_log #tabela table td.info { text-align: center; }

#pg_log #detalhes { position: fixed; top: 0px; left: 0px; z-index: 999; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: none; }
#pg_log #box { position: relative; width: 90%; background-color: white; left: 50%; top: 50px; margin-left: -45%; padding: 5px; box-sizing: border-box; border-radius: 10px; }
#pg_log #box #botao { display: block; position: relative; text-align: center; margin: 20px; }
#pg_log #box #botao button { padding: 3px; }

#pg_relatorioCsv #titulo { text-align: center; margin-top: 80px;}
#pg_relatorioCsv #tbForm { width: 100%; }
#pg_relatorioCsv #tbForm td { width: 50%; padding: 5px; box-sizing: border-box; font-size: 20px; }
#pg_relatorioCsv #tbForm td.quinzena { font-size: 20px; text-align: center; }
#pg_relatorioCsv #tbForm select { padding: 5px; width: 100%; font-size: 20px; }
#pg_relatorioCsv #tbForm input[type=number] { padding: 5px; width: 100%;  box-sizing: border-box; font-size: 20px; }
#pg_relatorioCsv #tbForm input[type=submit] { font-size: 20px; padding: 5px; float: right; margin-top: 30px; }

/*
#confirm { position: fixed; z-index: 999; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgba(0,0,0,0.5); display: none;}
#confirm #content { position: relative; width: 280px; height: 100px; left: 50%; top: 50%; margin-left: -150px; margin-top: -50px; background-color: white; text-align: center; border-radius: 10px; padding: 10px; }
#confirm #content button { width: 40%; margin: 5px; font-size: 20px; font-weight: bold;  }
*/
@media screen and ( min-width: 720px ){
	
	/*GERAL*/
	body { width: 480px; position: relative; left: 50%; margin-left: -240px; }
	nav#navegador { width: 480px; }
	nav#navegador #btnGerarEscala { display: block; }
}