html, body {
	/* position: relative; */
	width: 100%;
	height: 100%;
	
}
/* /*  */
body {
	position: static !important;
	color: #333;
    background-color:rgb(55, 55, 69);
	margin: 0;
	padding: 1px;
	box-sizing:border-box;
	border-color: rgb(58, 58, 58);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
} 

body {
	background-color:rgb(30, 30, 35);
}


.display-none{
	display:none;
}

/* @media (prefers-color-scheme: light) { */
	/* body:not(.light) { */
		.wrapper {
			height: 100%;
			display: flex;
			flex-direction: column;
			background-color:rgb(183, 179, 179);
		  }
		  .content {
			flex: 1;
			overflow: auto;
			background-color:rgb(183, 179, 179);
		  }
		  /* color cabecera y pie */
		  .color_header_container{
			background-color:rgb(25, 114, 9);
		  }
		  .borde_boton{
			box-shadow: 0 0 2px 4px rgb(240, 184, 1);
		  }
		  .color-bkground{
			background-color:rgb(183, 179, 179);
	
		  }
		  .color-backfixture{
			background-color:rgb(255, 255, 255);
		  }
		  .texto_fixture_fecha{
			color: rgb(66, 66, 66);
		  }
		  .texto_fixture_nombreap{
			color:rgb(31, 153, 10);
		  }
		  .borde-card-fixture{
			box-shadow: 0 4px 18px 0 rgba(27, 25, 30, 0.577);
			border-color:  rgb(255, 106, 0);
		  }
		  .solo-borde{
			border-color:  rgb(255, 106, 0);
		  }
		  .icons-mas-mercados{
			color: rgb(255, 255, 255);
			background-color: rgb(26, 102, 42);
		  }
		  .icons-en-vivo{
			color: rgb(255, 106, 0);
			background-color: white;
		}
		.icons-prematch{
			color:   rgb(26, 102, 42);
			background-color: rgb(255, 255, 255);
		}
		.texto-local-visita-score{
			color: rgb(0, 0, 0);
		}
		.texto-titulo-subgames{
			color: rgb(50, 49, 49);
		}
		.color-buttons{
			color:rgb(26, 82, 16);
				background-color: transparent;
		}
	
		.color-button-click{
			color:  rgb(255, 255, 255);
			background-color: rgb(31, 153, 10);
		}
		.encabezado-paises{
			color: rgb(255, 255, 255);
			background-color:rgb(31, 153, 10);
		}
		.encabezado-titulos-buscar{
			color:rgb(22, 69, 13);
		
			background-color:rgb(255, 255, 255);
		}
		.color-texto-buscar{
			colorrgb(31, 153, 10);
			font-weight: bold;
		}
		.color-marquesina{
			color: rgb(19, 80, 8);
			box-shadow: 0 0 2px 2px rgb(166, 189, 159);
			background-color:  rgba(163, 210, 175, 0.807);
			border: 1px solid rgba(23, 98, 26, 0.273) ;
		}
		.color-acordion-button{
			background:rgb(22, 82, 11);
			color: rgb(248, 248, 248);
			border-color: rgb(18, 221, 252);;
		}
		.accordion-button:not(.collapsed) {
			background:  rgb(248, 248, 248);
			color:  rgb(22, 82, 11);
			border-color: rgb(18, 214, 244);
		  
		  }
		  .color-score-resultado{
			background:rgb(31, 153, 10);
			color:  rgb(248, 248, 248);
		  }
		  .colorborde{
			border-color:  rgb(248, 248, 248);
			
		  }
		  .accordion-body {
			padding: 5px;
			background:  rgb(248, 248, 248);
		   
		  }
	
	
		  .paquete-tiket{
			border-color: rgb(255, 158, 13); 
			background-color: rgb(179, 179, 181); 
		}
	
		.paquete-ticket-back{
			background-color: rgba(206, 205, 204, 0.758);
		}
			.tiket-boton-invert{
				background: rgb(250, 250, 250);
				color: rgb(255, 64, 0);
			 }
			 .tiket-boton{
				background: rgba(223, 224, 226, 0.312);
				color:rgb(31, 153, 10);
			 }
			 .tiket-color-apuesta{
				color: rgb(238, 67, 5);
			}
			.tiket-color-retorno{
			color: rgb(255, 162, 0);
			}
	
			.tiket-boton-aceptar{
				border-color:rgb(31, 153, 10);
				color:rgb(31, 153, 10);
				background-color: rgba(68, 255, 11, 0);
			 }
			 .ver-tikets-titulo{
				border-color: rgb(255, 158, 1);
				color: rgb(255, 255, 255);
				background-color:rgb(31, 153, 10);
	
			 }
	
			 .ver-tikets-btn-eliminar{
				background: transparent;
				color:rgb(255, 72, 0);
				border-style:solid;
				border-color: rgb(255, 72, 0);
			 }
	
			 .ver-tikets-id{
				background-color:transparent;
				color:rgb(22, 103, 8);
			 }
			 .ver-tikets-cuerpo{
				background-color:rgba(200, 200, 200, 0.978);
				color: beige;
				border-color: rgb(31, 153, 10);
				border-style: solid;
			 }
	
			 .login_tarjeta{
				background-color: transparent;
				border-color:rgb(31, 153, 10);
			 }
	
			 .login-terminos{
				color: rgb(21, 76, 11);
			 }
			 .estadistica-color-background{
				background-color:rgb(20, 85, 8);
			 }
			 .estadistica-color-texto{
				color: rgb(255, 170, 0);
			 }
			 .detalle-tiket-apuesta{
				background: transparent;
				color: rgb(31, 153, 10);
				border-color: rgb(31, 153, 10);
			 }
		
			 .detalle-tiket-background{
				color: rgb(31, 153, 10);
				/* background-color: transparent; */
			 }
	
			 .estrella{
				color: gold;
				font-size: 20px;
			 }
	
			 .boton-rojo{
				background:rgba(200, 193, 193, 0.967);
				color:rgb(31, 153, 10);
				border-color:rgb(31, 153, 10);
			 }
			 .boton-verde{
				backgroundrgb(31, 153, 10);
				color:rgb(255, 255, 255);
				border-color: rgb(255, 255, 255);
			 }
			 .tarjeta-logueada{
				background: rgb(18, 87, 6);
				border-color: gold;
				border-style: solid;
			 }
			 .texto-tarjeta-logeada{
				color: gold;
			 }
		
			 /* botones frontales  */
			 .backgroundButtons{
				background-color:rgb(22, 90, 10);
				border-color: rgb(255, 238, 0);
				box-shadow: 0px 5px 6px rgba(11, 86, 13, 0.528);
			 }
	
			 .titulo-en-vivo{
				color: rgb(255, 81, 0);;
			 }

			 .icons-prematch{
				background: rgb(45, 255, 3);
				color: black;
			 }
			 .icons-en-vivo{
				background: rgb(255, 3, 3);
				color: rgb(255, 255, 255);
			 }

			 .color-texto{
				color:rgb(22, 107, 7);
			 }
			 .texto_buscar{
				color:rgb(17, 47, 12);
			 }
	/* } */

  /* } */
  
  body.dark {
	.wrapper {
		height: 100%;
		display: flex;
		flex-direction: column;
		background-color:rgb(34, 34, 44);
	  } 

	  .content {
		flex: 1;
		overflow: auto;
		background-color:rgb(33, 33, 41);
	  }

	  .color_header_container{
		background-color:rgb(34, 34, 44);
	  }
	  .borde_boton{
		box-shadow: 0 0 2px 2px rgb(45, 45, 45);
	  }
	  .color-bkground{
		background-color:rgb(34, 34, 44);
 
	  }
	  .color-backfixture{
		background-color:   rgb(48 48 59);
	  }
	  .texto_fixture_fecha{
		color: gold;
	  }
	
	  .texto_fixture_nombreap{
		color: rgb(226, 226, 226);
	  }
	  .borde-card-fixture{
		box-shadow: 0 3px 8px 0 rgba(231, 231, 231, 0.465);
		border-color:  rgb(213, 213, 213);
	  }
	  .solo-borde{
		border-color:  rgb(213, 213, 213);
	  }
	  .icons-mas-mercados{
		color: rgb(255, 225, 0);
        background-color: transparent;
	  }

	  .icons-en-vivo{
			color:  rgb(255, 55, 0);
			background-color: transparent;
		}

	  .icons-prematch{
			color: rgb(4, 255, 0);
			background-color: transparent;
		}
		.texto-local-visita-score{
			color: rgb(255, 255, 255);
		}
		.texto-titulo-subgames{
			color: rgb(155, 155, 155);
		}

		.color-buttons{
			color: rgb(255, 179, 0);
			background-color: transparent;
      		  /* background-color: rgb(55, 55, 69); */
		}

		.color-button-click{
			color:  rgb(55, 55, 69);
			background-color:   rgb(13, 255, 0);
		}

		.encabezado-paises{
			color: rgb(255, 183, 1);
			background-color:rgb(42, 42, 54);
		}
		.encabezado-titulos-buscar{
			color:   rgb(31, 214, 21);
		
			background-color:rgb(42, 42, 54);
		}
		.color-texto-buscar{
			color: rgb(255, 183, 1);
		}

		.color-marquesina{
			color: rgb(48, 255, 7);
			box-shadow: 0 0 2px 2px rgb(67, 253, 98);
			background-color:  rgba(23, 107, 33, 0.788);
			border: 1px solid rgba(23, 98, 55, 0.273) ;
		}
		.color-acordion-button{
			background: rgb(41, 41, 49);
			color: rgb(255, 199, 29);
			border-color: gray;
		}
		.accordion-button:not(.collapsed) {
			background:  rgb(55, 55, 69);
			color:  rgb(255, 191, 0);
			border-color: gray;
		  
		  }
		  .color-score-resultado{
			color:rgb(19, 192, 59);
			background-color:transparent;
		  }
		  .colorborde{
			border-color: rgb(54, 56, 63);
		  }
		  .accordion-body {
			padding: 5px;
			background:  rgb(55, 55, 69);
		   
		  }

		  .paquete-tiket{
			  border-color: gold; 
			  background-color: rgb(46, 46, 51); 
		  }

		  .paquete-ticket-back{
		    background-color: rgba(68, 70, 75, 0.648);
			}

	     .tiket-boton-invert{
			background: rgba(255, 171, 86, 0.312);
			color: gold;
		 }
		 .tiket-boton{
			background: rgba(89, 90, 93, 0.312);
			color: rgb(203, 203, 203);
		 }
		 .tiket-color-apuesta{
				 color: rgb(5, 238, 13);
		 }
		 .tiket-color-retorno{
			color: rgb(238, 153, 5);
		 }

		 .tiket-boton-aceptar{
			border-color: rgb(68, 255, 11);
			color: rgb(68, 255, 11);
			background-color: rgba(68, 255, 11, 0.201);
		 }

		 .ver-tikets-titulo{
			border-color: rgb(160, 160, 160);
			color: gold;
			background-color: rgb(65, 65, 66);

		 }

		 .ver-tikets-btn-eliminar{
			background: rgba(252, 189, 0, 0.174);
			color:rgb(255, 187, 0);
			border-style:solid;
			border-color: rgb(255, 187, 0);
		 }

		 .ver-tikets-id{
			background-color:transparent;
			color:rgb(175, 175, 175);
		 }

		 .ver-tikets-cuerpo{
			background-color:rgba(46, 46, 53, 0.978);
			color: beige;
			border-color: gold;
			border-style: solid;
		 }

		 .login_tarjeta{
			background-color: transparent;
			border-color: rgb(209, 213, 213);
		 }
		 .login-terminos{
			color: wheat;
		 }
		
		 .estadistica-color-background{
			background-color:rgb(40, 40, 47);
		 }
		 .estadistica-color-texto{
			color: rgb(255, 170, 0);
		 }
		 .detalle-tiket-apuesta{
			background: rgba(1, 208, 255, 0.174);
			color: rgb(1, 255, 52);
			border-color:rgb(1, 255, 77);
		 }
		 .detalle-tiket-background{
			color:  rgb(13, 255, 0);
			/* background-color:rgb(58, 58, 58); */
		 }

		 .estrella{
			color: rgb(255, 255, 255);
			font-size: 20px;
		 }

		 .boton-rojo{
			background: rgba(255, 162, 0, 0.224);
			color: rgb(255, 89, 0);;
			border-color:  rgb(255, 149, 0);;
		 }
		 .boton-verde{
			background:rgba(23, 113, 6, 0.614);
			color:rgb(51, 253, 15);
			border-color: rgb(51, 253, 15);
		 }
		 .tarjeta-logueada{
			background: transparent;
			border-color: gold;
			border-style: solid;
		 }
		 .texto-tarjeta-logeada{
			color:  rgb(13, 255, 0);
		 }

		 	 /* botones frontales  */
			  .backgroundButtons{
				background-color: rgb(44, 44, 54);
				border-color: rgb(0, 255, 51);
				 box-shadow: 0px 3px 2px rgba(14, 234, 69, 0.319); 
			 }

			 .titulo-en-vivo{
				color: rgb(255, 128, 0);;
			 }
			
	}


	
  body.light {
	
	.wrapper {
		height: 100%;
		display: flex;
		flex-direction: column;
		background-color:rgb(183, 179, 179);
	  }
	  .content {
		flex: 1;
		overflow: auto;
		background-color:rgb(183, 179, 179);
	  }
	  /* color cabecera y pie */
	  .color_header_container{
		background-color:rgb(25, 114, 9);
	  }
	  .borde_boton{
		box-shadow: 0 0 2px 4px rgb(240, 184, 1);
	  }
	  .color-bkground{
		background-color:rgb(183, 179, 179);

	  }
	  .color-backfixture{
		background-color:rgb(255, 255, 255);
	  }
	  .texto_fixture_fecha{
		color: rgb(66, 66, 66);
	  }
	  .texto_fixture_nombreap{
		color:rgb(31, 153, 10);
	  }
	  .borde-card-fixture{
		box-shadow: 0 4px 18px 0 rgba(27, 25, 30, 0.577);
		border-color:  rgb(255, 106, 0);
	  }
	  .solo-borde{
		border-color:  rgb(255, 106, 0);
	  }
	  .icons-mas-mercados{
		color: rgb(255, 255, 255);
		background-color: rgb(26, 102, 42);
	  }
	  .icons-en-vivo{
		color: rgb(255, 106, 0);
		background-color: white;
	}
	.icons-prematch{
		color:   rgb(26, 102, 42);
		background-color: rgb(255, 255, 255);
	}
	.texto-local-visita-score{
		color: rgb(0, 0, 0);
	}
	.texto-titulo-subgames{
		color: rgb(50, 49, 49);
	}
	.color-buttons{
		color:rgb(26, 82, 16);
			background-color: transparent;
	}

	.color-button-click{
		color:  rgb(255, 255, 255);
		background-color: rgb(31, 153, 10);
	}
	.encabezado-paises{
		color: rgb(255, 255, 255);
		background-color:rgb(31, 153, 10);
	}
	.encabezado-titulos-buscar{
		color:rgb(22, 69, 13);
	
		background-color:rgb(255, 255, 255);
	}
	.color-texto-buscar{
		colorrgb(31, 153, 10);
		font-weight: bold;
	}
	.color-marquesina{
		color: rgb(19, 80, 8);
		box-shadow: 0 0 2px 2px rgb(166, 189, 159);
		background-color:  rgba(163, 210, 175, 0.807);
		border: 1px solid rgba(23, 98, 26, 0.273) ;
	}
	.color-acordion-button{
		background:rgb(22, 82, 11);
		color: rgb(248, 248, 248);
		border-color: rgb(18, 221, 252);;
	}
	.accordion-button:not(.collapsed) {
		background:  rgb(248, 248, 248);
		color:  rgb(22, 82, 11);
		border-color: rgb(18, 214, 244);
	  
	  }
	  .color-score-resultado{
		background:rgb(31, 153, 10);
		color:  rgb(248, 248, 248);
	  }
	  .colorborde{
		border-color:  rgb(248, 248, 248);
		
	  }
	  .accordion-body {
		padding: 5px;
		background:  rgb(248, 248, 248);
	   
	  }


	  .paquete-tiket{
		border-color: rgb(255, 158, 13); 
		background-color: rgb(179, 179, 181); 
	}

	.paquete-ticket-back{
		background-color: rgba(206, 205, 204, 0.758);
	}
		.tiket-boton-invert{
			background: rgb(250, 250, 250);
			color: rgb(255, 64, 0);
		 }
		 .tiket-boton{
			background: rgba(223, 224, 226, 0.312);
			color:rgb(31, 153, 10);
		 }
		 .tiket-color-apuesta{
			color: rgb(238, 67, 5);
		}
		.tiket-color-retorno{
		color: rgb(255, 162, 0);
		}

		.tiket-boton-aceptar{
			border-color:rgb(31, 153, 10);
			color:rgb(31, 153, 10);
			background-color: rgba(68, 255, 11, 0);
		 }
		 .ver-tikets-titulo{
			border-color: rgb(255, 158, 1);
			color: rgb(255, 255, 255);
			background-color:rgb(31, 153, 10);

		 }

		 .ver-tikets-btn-eliminar{
			background: transparent;
			color:rgb(255, 72, 0);
			border-style:solid;
			border-color: rgb(255, 72, 0);
		 }

		 .ver-tikets-id{
			background-color:transparent;
			color:rgb(22, 103, 8);
		 }
		 .ver-tikets-cuerpo{
			background-color:rgba(200, 200, 200, 0.978);
			color: beige;
			border-color: rgb(31, 153, 10);
			border-style: solid;
		 }

		 .login_tarjeta{
			background-color: transparent;
			border-color:rgb(31, 153, 10);
		 }

		 .login-terminos{
			color: rgb(21, 76, 11);
		 }
		 .estadistica-color-background{
			background-color:rgb(20, 85, 8);
		 }
		 .estadistica-color-texto{
			color: rgb(255, 170, 0);
		 }
		 .detalle-tiket-apuesta{
			background: transparent;
			color: rgb(31, 153, 10);
			border-color: rgb(31, 153, 10);
		 }
	
		 .detalle-tiket-background{
			color: rgb(31, 153, 10);
			/* background-color: transparent; */
		 }

		 .estrella{
			color: gold;
			font-size: 20px;
		 }

		 .boton-rojo{
			background:rgba(200, 193, 193, 0.967);
			color:rgb(31, 153, 10);
			border-color:rgb(31, 153, 10);
		 }
		 .boton-verde{
			backgroundrgb(31, 153, 10);
			color:rgb(255, 255, 255);
			border-color: rgb(255, 255, 255);
		 }
		 .tarjeta-logueada{
			background: rgb(18, 87, 6);
			border-color: gold;
			border-style: solid;
		 }
		 .texto-tarjeta-logeada{
			color: gold;
		 }
	
		 /* botones frontales  */
		 .backgroundButtons{
			background-color:rgb(22, 90, 10);
			border-color: rgb(255, 238, 0);
			box-shadow: 0px 5px 6px rgba(11, 86, 13, 0.528);
		 }

		 .titulo-en-vivo{
			color: rgb(255, 81, 0);;
		 }

		 .icons-prematch{
			background: rgb(45, 255, 3);
			color: black;
		 }
		 .icons-en-vivo{
			background: rgb(255, 3, 3);
			color: rgb(255, 255, 255);
		 }

		 .color-texto{
			color:rgb(22, 107, 7);
		 }
		 .texto_buscar{
			color:rgb(17, 47, 12);
		 }
  }