/* Variables */
:root{
	--mainbg: #FA5B15;
	--secbg: #30363D;
	--sectext: #FFF;
	--thirdbg: #58626E;
	--errorcolor: #BF0208;
}
												/* Body */
body{
	font-family: "Montserrat";
}
form{
	margin: 0px !important;
}
																/* Menú Navegación	*/
.nav-wrapper{
	padding: 0px 20px !important;
}
nav, .sidenav{
	background-color: var(--secbg);
}
nav .dropdown-content{
	background-color: var(--thirdbg);
}

.sidenav a, .dropdown-content a{
	color: var(--sectext) !important;
}

.brand-logo img{
	padding-top: 5px;
	max-height: 60px;
}
.dropdown-content li:hover, .dropdown-content li.active{
	background-color: var(--thirdbg);
	color: var(--sectext);
}
.dropdown-trigger .material-icons{
	color: #FFF !important;
}
																	/* Contenido */
.container-full{
	width: 100%;
	margin-top: 10px;

}
@media only screen and (max-width: 600px){
	.myboxed{
		padding: 0px 10px;
		margin-bottom: 20px;
	}
}
@media only screen and (min-width: 600px){
	.myboxed{
		padding: 0px 20px;
		margin-bottom: 20px;
	}
}
																	/* Formularios */
.mybtn{
	background-color: var(--mainbg);
	width: 100%;
}
.mybtn:hover, .mybtn:active{
	background-color: var(--secbg);
}
																	/* Contenido */
.titulo{
	background-color: var(--thirdbg);
	padding: 5px 10px;
}
.encabezado{
	-webkit-tap-highlight-color: transparent;
    line-height: 1.5;
    padding: 1rem;
    border: 1px solid var(--maincolor);
   
    font-weight: bold;
    text-align: center;
    border-radius: 10px 10px 0 0; 
    background-color: var(--maincolor);
    color: #FA5B15;
}

.titulo h1{
	margin: 5px 0px;
	font-size: 1.2rem;
	color: #FFF;
}
																/* Tablas */
.tabletitle{
	border: 2px solid #B3B3B3;
	background-color: #E0DDDD;
}
.tablecont{
	border: 2px solid #B3B3B3;
	line-height: 24px;
}
.myaction{
	width: 22px !important;
	height: 22px !important;
}
.myaction i{
	line-height: 22px !important;
	font-size: 1rem !important;
}
.myactioncont{
	padding: 5px 0px !important;
	min-height: 40px !important;
}
																	/* Colores */
.azul{
	background-color: #217BC4;
}
.verde{
	background-color: #327535;
}
.amarillo{
	background-color: #DBCA34;
}
.gris{
	background-color: #808080;
}
.naranja{
	background-color: #FA5B15;
}
.rojo{
	background-color: #B83930;
}
																	/* Participantes */
.registros{
	font-size: 20px;
	font-weight: bold;
}
.acciones a{
	margin-left: 5px !important;
}
td{
	padding: 5px 5px;
}
.error{
	border-color: var(--errorcolor) !important;
	box-shadow: 0 1px 0 0 var(--errorcolor) !important;
}
div label.error{
	position: relative !important;
	color: var(--errorcolor) !important;
	top: -0.5rem;
	font-size: 0.8rem;
	left: 0rem !important;
	box-shadow: 0 0 0 0 !important;
}
/* Parámetros */
[type="checkbox"]+span:not(.lever)
{
	padding-left: 22px;
}

																	/*boton de subir archivo de escarapela y certificado*/
.mybtn2{
	background-color: var(--mainbg);
}
.mybtn2:hover, .mybtn:active{
	background-color: var(--secbg);
}
																	/* contenedor de parametros */


/* Móvil */
@media screen and (max-width: 600px) {
    .myrow{
		margin: 0px 0px;
	}
	.parametros span{
	font-size: 7px !important;
	}
}
/* Escritorio */
@media screen and (min-width: 600px) {
	.myrow{
		margin: 0px 0px;
	}
    .parametros span{
	font-size: 9px !important;
	}
}

.parametro .input-field
{
	margin-top: 2px !important;
}
.myparametro{
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-top:10px;
}
.rowform{
	margin-bottom: 0px !important;
}
.rowform .col{
	margin-bottom: 5px;
}
.charts h4{
	font-size: 24px !important;
	font-weight: bold;
	margin-top: 5px;
}
.charts{
	border: 1px solid #AAA;
	padding: 10px !important;
}
nav .dropdown-content, .sidenav .dropdown-content{
	width: 300px !important;
	background-color: #58626E !important;
 }
.rojon{
	background-color: #CF574D;
}
.verden{
	background-color: #65BA52;
}

.azuln{
	background-color: #5686CE;
}
.amarillon{
	background-color: #E8B141;
}

.acceso_denegado{
	background-color: #F1CDCA;
}
.acceso_entrada{
	background-color: #D1EBCC;
}
.acceso_salida{
	background-color: #F4D9A1;
}
table.striped > tbody > tr:nth-child(odd) {
  background-color: rgba(200, 200, 200, 0.3);
}

table.highlight > tbody > tr:hover {
  background-color: rgba(250, 92, 21, 0.2) !important;
}

nav li a:hover{
	background-color: var(--mainbg);
}
.menuactivo{
	background-color: var(--thirdbg) !important;
}
.sidenav .divider{
	margin-top: 0px !important;
}

/* Sorteo */
.titulo_ganador h2, .ganadores h2, .sorteo_participantes h2{
	font-size: 18px;
	font-weight: bold;
	margin: 0px !important;
}
.sorteo_para{
	font-size: 20px;
	color: var(--mainbg);
	font-weight: bold;
}

.titulo_ganador, .ganador, .titulo_ganadores, .ganadores
{
	border: 2px solid #777;
}
.titulo_ganador, .titulo_agandores
{
	padding-top: 20px;
	padding-bottom: 20px;
}
.ganador{
	padding-top: 100px;
	padding-bottom: 100px;
}
.ganadores{
	padding-top: 10px;
	padding-bottom: 10px;
}
.gano
{
	background-color: #FC966A;
	font-weight: bold;
}
nav .dropdown-content
{
	top: -64px;
}