/*
	* Definicion de tematica clara
*/

section#container-juegos.animate__animated.animate__backInRight.light-theme.bg-light{
    background: linear-gradient(360deg, #cde1f1, #ffffff);
}

div.contenedor-grid.light-theme div.jugada,
div.contenedor-grid.light-theme div.jugada .team1Value,
div.contenedor-grid.light-theme div.jugada .team2Value{
    color: var(--color-font1);
    font-family: var(--font1);
    font-weight: 500;
}

div.contenedor-grid.light-theme div.jugada div:nth-child(2n),
div.contenedor-grid.light-theme div.jugada div:nth-child(3n){
    text-shadow: none;
    font-weight: 400;
}

/*
    background-color: #ffffff;
    background-image: url(/img/patron-bg-light.svg);
    background-attachment: fixed;
    background-size: cover;
*/
/*
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(355,680,300)'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%2360B9FF'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='300' height='250' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.14'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");
    background-color: #ffffff;
    background-attachment: fixed;
*/
/* lateral con fondo */
div#contenedor-taquilla-main div.contenedor-detalles.animate__animated.animate__backInRight.theme-light{
    background-size: cover;
    border-bottom-left-radius: 5px;
    background-color:#d7d7d7;
}

.btn-light-blue span:hover{
    background-image: linear-gradient(0deg, #007bff, #011f62);
}

.bg-light,
input.bg-light,
.border.rounded.form-control.text-center.bg-input-date.bg-light{
   	/*background-color: #e4e4e4!important;*/
    background-color: #fff!important;
    border: 1px solid #ced4da!important;
}

.table-light tr td, 
.table-light tr td p,
.table-light tr td div,
.table-light tr td span{
	/*color: #212428;*/
	color:#4a4a4a;
}

.table-light td{
	border-color: none;
}

.table-light tr th{
	color: #fff;	
}

.table-light thead{
	/*background-color: #7f80824d;*/
	/*background-image: linear-gradient( 0deg, #02256bf5, #007afe);*/
	background-color: #011f62;
    color: #fff;
}

.table-light table.table-internal tbody tr:hover{
	background-color: #7f80824d;
}

.table-light table.table-internal thead tr:nth-child(2) {
  background-color: #566e85;
}

.txt-color-theme-l{
	color: #212428;
}

/*barra mini y grande con tema light*/
.btn-group-vertical.sidebar-container.light-theme button {
    background-color: #011f62;
    border-color: #011f62;
}
.btn-group-vertical.sidebar-container.light-theme button.btn.btn-secondary:hover,
.btn-group-vertical.sidebar-container.light-theme #btnSteaming:hover{
    /*background-image: linear-gradient(
127deg, #011f62, #1e4190);*/
    background: linear-gradient(
    90deg, #f09819, #ff512f);
}

.btn-group-vertical.sidebar-container.light-theme button.btn.btn-secondary:hover{
    border-right-color: #f96d26;
    border-left-color: #f09819;
    border-top-color: #f77623;
}

.btn-group-vertical.sidebar-container.light-theme button.btn-ver-tickets{
	margin: 0px;
    outline: 0px solid #011f62;
    padding: 0.25em 0;
    /*width: 100%;*/
    background-image: linear-gradient( 
127deg, #011f62,#000000ab);
}
.btn-group-vertical.sidebar-container.light-theme div.btn-group.btn-group-sm{
    margin-top: 0px;
}

.btn-group-vertical.sidebar-container.light-theme button.btn-ver-tickets:hover{
	 /*background-image: linear-gradient(
127deg, #011f62, #1e4190);*/
    background: linear-gradient(
    90deg, #f09819, #ff512f);
}

#container-sidebar-col > div.btn-group-vertical.sidebar-container.tl.light-theme > div.customBar.__vuescroll > div > div > nav > ul > li > a.nav-link.color-dark{
    color: #fff;
}

/* sidebar grande seccion inderior listado de juegos */
.btn-group-vertical.sidebar-container.light-theme a.nav-link.color-dark{
	background-color: #011f62;
    border-color: #011f62;
}

.btn-group-vertical.sidebar-container.light-theme ul.nav.nav-open{
	background-color: #32383e;
}

/*border primer fila*/
.table.mt-4.table-destacados.table-light table.table-internal > thead tr:nth-child(1){
	border: none;
}

/*quitando borde superior en detalle de tickets*/
table.table-light thead tr th {
	border: none;
}

/*linea punteada*/
h5.text-center.mt-2.sub-title.txt-color-theme-l{
  border-top: solid 1px #797b7d4a!important;
}

/*hover sobre fila*/
.table.mt-4.table-destacados.table-light table.table-internal tbody tr:hover,
.table.mt-4.table-destacados.table-light table.table-internal tbody tr:hover > td table.table-internal.col-1-resaltado tbody tr td:nth-child(1){
	/*
		background-color: #fff;
	*/
	background-color: #111e41!important;
    color: #fff;
}

.table.mt-4.table-destacados.table-light table.table-internal tbody tr:hover td:not(.apuesta-seleccionada){	
    color: #fff;
	background-color: #111e41!important;
}


/* tabla bg detalle de juego */
table.table.mt-4.table-destacados.table-light tbody tr td{
    /*background-color: #e4e4e4;*/
    border: none;
}

table.table.mt-4.table-destacados.table-light{
    border: 1px solid #c1c1c1;
}

table.table.mt-4.table-destacados.table-light > tbody > tr > td table.table-internal.col-1-resaltado tbody tr td:nth-child(1){
    background-color: #e4e4e4;
}


button.btn-base.border-green.btn-jugadas.btn-light-blue{
	background-color: #eee;
    /*background-image: linear-gradient( 
127deg, #32383e, #00000078);*/
    background-image: linear-gradient( 
127deg, #02256b, #007afe);

    /* quitando borde decorado */

    outline: none;
    padding: 0!important;
}

/*btn-base border-green btn-jugadas btn-light-blue*/

.btn-light-blue span{
	background-color: #eee;
    background-image: linear-gradient( 
127deg, #007bff, #011f62);
}

.table.table-top-details.table-light{
	background-color: #7f80824d;
}

.light-h1{
	color: #232323 !important;
}


/*style paginador light en modal*/
#modal-tickets ul.pagination.b-pagination.pagination-sm.customPagination.float-left.mt-1.bg-light > li > a,
#modal-tickets ul.pagination.b-pagination.pagination-sm.customPagination.float-left.mt-1.bg-light > li > span.page-link,
#modal-tickets ul.pagination.b-pagination.pagination-sm.customPagination.float-left.mt-1.bg-light > li > button.page-link,
#modal-tickets .pagination.b-pagination.pagination-sm.customPagination.float-left.mt-1.bg-light.page-link {
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0.2)!important;
    color: #4a4a4a;
}

#modal-tickets .customPagination.bg-light > li.page-item.active > button.page-link {
    background-color: rgb(69 69 69 / 10%) !important;
    font-weight: 500;  
}

/* Ventana Flotante */
.seleccion-flotante-capa.light > div.contenedor-detalles{
	background-color: #e3e3e3;
    border-left: 1px  solid #cdcdcd;
}

.seleccion-flotante-capa.light .cabecera-seleccion-apuestas{
    background: linear-gradient( to top, #007bff, #011f62);
}

.seleccion-flotante-capa.light .label-title-header{
	text-shadow: 1px 1px 3px black;
}
.seleccion-flotante-capa.light .jugadas > a,
.seleccion-flotante-capa.light .input-cantidad,
.seleccion-flotante-capa.light .cantidad-section > .input-cantidad,
section.seleccion-flotante-capa.sin-rango-visible.light > div.contenedor-detalles > section.detalles-calculos > div > label > b{
    color: #4a4a4a!important;
}

section.seleccion-flotante-capa.sin-rango-visible.light > div.contenedor-detalles > section.detalles-calculos > div > input{
	color: #4a4a4a!important;
	background-color: #d4d4d4!important;
    border: 1px #b9b4b4 solid;
}

section.seleccion-flotante-capa.sin-rango-visible.light > div.contenedor-detalles > section.cabecera-seleccion-apuestas > div > div > button.fc-prev-button.btn.btn-dark.activadores-parley-directas.activo{
    background: linear-gradient( to top, #f09819, #ff512f);
    color: #eee;
	text-shadow: 1px 1px 3px black;
}

section.seleccion-flotante-capa.sin-rango-visible.light > div.contenedor-detalles > div > div > div > dl > dd div.bg-dark{
    background: linear-gradient( 180deg, #007bff, #011f62);/*to top*/
}

section.seleccion-flotante-capa.sin-rango-visible.light > div.contenedor-detalles > div > div > div > dl > dd > div > div:nth-child(2) > button{
	background-color: #00256c!important;
}

	/*background-color: #e9e9e9!important;*/
    /*background-color: rgb(229 229 229 / 58%)!important;*/
div.modal-body.bg-light table:nth-child(1) > tbody{
}


div.modal-body.bg-light table:nth-child(1) > tbody > tr:hover{
    background-color: rgb(229 229 229 / 58%)!important;
}

div.footer-botonera.pt-2.bg-light{
	border: none!important;
}

.customerToLight{
    background-color: #fff;
}
.card-body-Light{    
    background: #052460;
    height: 70px;
    border-radius:7px ;
    display: flex; 
    justify-content: center;
}
.impCustom-Light{
    background-color: #eee;
    color: #fff;
    /* font-size: 1.5em; */
    opacity: 1;
    border: none;
}
thead.table-custom-header-Light > tr > th > div,
thead.table-custom-header-Light > tr > th {
  /* background-color: #fff !important; */
  background-color: #011f62 !important;
  color: #fff !important;
  transform: translateY(-2px);
}

table.table.table-light td,
table.table.table-light th{
    padding: .3rem;
}

table.table.table-light > tbody td{    
    height: 1.5em;
}

.contenedor-cards-apuestas,
.contenedor-cards-apuestas > div{
    margin-bottom: 1px!important;
}


table#taq2.light > thead > tr,
table.table-logros.light thead tr ,
table.table-logros.table-light thead tr{
  background-color: #011f62;
}

.sub-menu-mini.light {    
    background: linear-gradient( 
90deg, #011f62, #0d111cf7);
}

.sub-menu-mini.light li.nav-item > a.nav-link.mini:hover{
    background: linear-gradient( 
90deg, #f09819, #ff512f);
}

.sub-menu-mini.light li.nav-item > a.nav-link.mini:last-child{
    border-bottom-right-radius: 7px!important;
}
/*fondo interno detalle en theme light*/
.color-bg-container-table.light{
    background-color: #fdfdfe;
    border: 1px solid #c1c1c1;
}

table.table-light > tbody tr.encabezado td{
    font-weight: 500!important;
}

table.table-light > tbody tr.encabezado td span.i1{
    color: #676767;
}

table.table-light > tbody th.th-exotics.i2{
    color: #4a4a4a;
}

table.table-light > tbody tr.encabezado td:hover,
table.table-light > tbody tr td:hover span,
table.table-light > tbody tr.encabezado td:hover span,
table.table-light > tbody tr td > span:hover{
   color: #fdfdfe;
}

table.table-logros.table.table-light > tbody tr td.apuesta-seleccionada,
table.table-logros.table.table-light > tbody tr td.apuesta-seleccionada span {
   color: #fdfdfe;    
}

/*background-color: rgb(189 189 189 / 58%);*/
table.table-light.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(229 229 229 / 58%)
}

ul.customPagination-light > li > a,
ul.customPagination-light > li > span.page-link,
ul.customPagination-light > li > button.page-link,
.customPagination-light.page-link {
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0.2)!important;
    color: #4a4a4a;
}

.customPagination-light > li.active > a,
.customPagination-light .page-item.active .page-link {
    color: #4a4a4a;
    background-color: rgb(69 69 69 / 10%) !important;
    border-color: rgba(0, 0, 0, 0.2)!important;
}

.customPagination-light > li > a:hover {
    color: #4a4a4a;
    border-color: rgba(0, 0, 0, 0.2)!important;
}

.customPagination-light > li.page-item.disabled > span.page-link {
    background-color: #fff;
  border-color: rgba(0, 0, 0, 0.2)!important;
  color: #4a4a4a;
}

.customPagination-light > li.page-item.active > button.page-link {
    background-color: #fff;
}

