/*Explorer 10+*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .img-infini-svg {display:none} }
/*Mozilla*/
@-moz-document url-prefix() { }
/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {}
/*Safari*/
@media not all and (min-resolution:.001dpcm) { 
    @media {}    }
/*Edge*/
@supports (-ms-ime-align:auto) {
    .selector {       }}


@media (max-width: 1200px) {}
@media screen and (min-width: 990px) and (max-width: 1199px) {}
@media (max-width: 991px) {}
@media screen and (min-width: 768px) and (max-width: 991px) {}
@media (max-width: 767px) {}
@media screen and (min-width: 576px) and (max-width: 767px) {}
@media (max-width: 576px) {}



@media (max-width: 576px) {
  #content-inFini {padding-top: 0px !important;}}


/* animacion */
  @keyframes saltarin {
    0% {transform: scale(1);}
    50% {transform: scale(1.5);}
    100% {transform: scale(1);}  }
.saltarin {
  animation: saltarin 300ms ease-in}

.jjdd-resultados-header {
  margin-bottom: 10px;
  color:#51575C;
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  transition: all 0.2s ease;
  margin-top: 18px;}
/*.jjdd-resultados-header:hover >div {
  color: #212529;
  transition: all 0.2s ease;
  background: #CACACA}*/
.jjdd-resultados-header>div {
  /*height: 70px;*/
  cursor: default; 
  border-bottom: 3px solid #E9E9E9;
  background: #D6D6D6;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  align-items: center;
  align-content: center !important;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;}
.jjdd-resultados-header>div:first-child {
  cursor: default;
  font-size: 18px;
  line-height: 20px;
  border-right: 3px solid #E9E9E9;
  text-align: center;
  padding-left: 10px;
  padding-right: 25px;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  justify-content: center;} 
.jjdd-m-visit>span:nth-child(2), .jjdd-m-local>span:nth-child(2) {
  padding-left: 5px;
  text-transform: uppercase;}
.jjdd-resultados-header>div:first-child::after { 
  cursor: default;
  position: absolute;
  margin-top: -50px; 
  font-size: 14px;
  line-height: 16px;
  font-weight: 100;
  text-transform: lowercase}
.jjdd-resultados-header>div:nth-child(2) {
  cursor: default;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  padding-right: 10px;
  padding-left: 25px;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  justify-content: center;} 
.jjdd-resultados-header>div:nth-child(2)::after { 
  cursor: default;
  text-align: right;
  position: absolute;
  margin-top: -50px;
  color:#6E767D;
  font-size: 14px;
  line-height: 16px;
  font-weight: 100;
  text-transform: lowercase}
.jjdd-res-mod>form>.jjdd-resultados-header>div>div {
  font-weight: 700 !important;
  color: #51575C !important;}
.jjdd-res-mod>form>.jjdd-resultados-header>.jjdd-resultados-header-add>div>span {
  opacity: 0.5 !important;}

.jjdd-resultados-header>div {
  display: flex;
  flex-direction: column;}
.jjdd-resultados-header>div>div {
  margin-bottom: 4px;}
.jjdd-resultados-header>div>div:first-child {
  cursor: default;
  color: #51575C;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;}
.jjdd-resultados-header>div>div:nth-child(2) { 
  display: flex;
  font-size: 14px;
  flex-direction: column;}
.jjss-resultados-equipo>div:nth-child(2)>span:nth-child(1) {
  color: #6E767D;
  opacity: 0.5;
  
  margin-bottom: 10px;}
.jjss-resultados-equipo>div:nth-child(2)>span:nth-child(2),
.jjss-resultados-equipo>div:nth-child(2)>span:nth-child(3) {
  font-weight: 400;
  color: #6E767D;
  opacity: 0.5;}

.jjdd-resultados-sets {
  all: unset;
  width: 100%;
  display: flex;
  flex-wrap: wrap !important;
  width: calc(100% + 21px) !important;
  display: flex !important;
  gap: 12px !important }





.jjdd-resultados-header::before {
  transition: all 0.2s ease;
  display: flex;
  position: absolute;
  margin-left: -4px;
  margin-top: 44px;
  content: attr(data-title);
  justify-content: center;
  width: 45px;
  height: 45px; 
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 37px;
  font-weight: 700;
  border-radius: 100%;
  background: #8B8E92;
  color: #E9E9E9;
  border: 3px solid #E9E9E9;}
.jjdd-resultados-header-add{
  border-bottom: 0px solid !important;
  padding-top: 12px !important;
  background: #D6D6D6;
  display:flex;
  color: #212529;
  flex-direction: row !important;
  align-content: flex-start !important;
  align-items: flex-start !important;
  justify-content: space-between;
  flex-flow: wrap;
  flex-wrap: nowrap;
  flex-basis: 100% !important;
  height: auto !important;
  padding: 0px 10px 10px;}
.jjdd-resultados-header-add>div{
  font-weight: 400 !important;
  padding: 0px 10px 0px;
  text-align: center;}
.jjdd-resultados-header-add>div>span{ 
  font-weight: 100;
  display: block;
  color: #6E767D;
  line-height: 18px;}
.jjdd-resultados-header-add>div:first-child,
.jjdd-resultados-header-add>div:nth-child(2) { 
  flex-grow: 3;}
.jjdd-resultados-header-add>div:nth-child(3),
.jjdd-resultados-header-add>div:nth-child(4){ 
  flex-grow: 2;}



@media (min-width: 992px) {
}

@media screen and (min-width: 577px) and (max-width: 767px) {
  #jjdd-fecha>div {
    font-size: 16px !important;
    font-weight: 700 !important;  }
  .jjdd-m-visit, .jjdd-m-local {
    padding-bottom: 65px;}
  .jjdd-resultados-header {
    width: 100% !important}
  /*.jjdd-resultados-header>div {
    height: 90px;}*/
  .jjdd-resultados-header::before {
    margin-top: 44px;}
  .jjdd-resultados-header>div:first-child::after,
  .jjdd-resultados-header>div:nth-child(2)::after {
    margin-top: -65px !important;}
  .jjdd-resultados-header-add>div:first-child,
  .jjdd-resultados-header-add>div:nth-child(2) { 
    flex-grow: 4;}
  .jjdd-resultados-header-add>div:nth-child(3),
  .jjdd-resultados-header-add>div:nth-child(4){ 
    flex-grow: 1;}
}


@media (max-width: 576px) {
  #jjdd-in-resultados {
    padding-left: 0px !important;  }
  /*#jjdd-fecha>div {
    font-size: 16px !important;
    font-weight: 700 !important;  }
  .jjdd-m-visit, .jjdd-m-local {
    padding-bottom: 70px !important;}
  .jjdd-resultados-header-add>div:first-child,
  .jjdd-resultados-add>div:nth-child(2) { 
    flex-grow: 4;}
  .jjdd-resultados-header-add>div:nth-child(3),
  .jjdd-resultados-header-add>div:nth-child(4){ 
    flex-grow: 1;}
  .jjdd-resultados-header {
    width: 100% !important;}
  .jjdd-resultados-header>div {
    height: 100px;}
  .jjdd-resultados-header::before {
    margin-top: 25px;}
  .jjdd-resultados-header>div:first-child::after,
  .jjdd-resultados-header>div:nth-child(2)::after {
    margin-top: -75px !important;}*/ }






























/* 617 entradas monitores DESCARTADA PARCIALMENTE */
#entradas-table {margin-top: 10px;}
.entradas-table {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-content: space-between;}
.entradas-table>div>div>div {
  padding: 8px 10px 10px;
  display: flex;}
.entradas-header, .entradas-row {
  display: flex;
  justify-content: space-between;} 
.entradas-header>div, 
.entradas-row>div {
  display: flex;
  justify-content: space-between;
  flex:1;
  flex-shrink: 0;
  flex-basis:0;}
.entradas-header>div>div, .entradas-row>div>div {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis:0;}
.entradas-row>div:first-child>div:nth-child(2),
.entradas-header>div:first-child>div:nth-child(2){
  flex-grow: 6;
  flex-shrink: 1;
  justify-content: flex-start; } 
.entradas-header>div {
  align-items: center;
  cursor:default!important;
  background-color: #51575C;
  font-size: 13px;
  font-style: normal;
  text-transform: lowercase;
  font-weight: 700;
  color: #E9E9E9;
  line-height: 17px;
  min-height: 40px;}
.entradas-tipo-header>div:last-child, 
.entradas-2 {
  max-width: 10% !important;}
.entradas-2 > div { 
  padding: 10px 0px 0px !important;
  flex-wrap: wrap !important;}


.entradas-1 {  align-items: center;}
.entradas-1 > div:nth-child(3) {
  justify-content: center}
.entradas-1 > div:first-child {
  justify-content: center} 
.entradas-tipo-header {
  border-bottom: 2px solid #E9E9E9;
  background: #8B8E92 !important;
  display: flex;
  justify-content: space-between;}
.entradas-tipo-header:hover { 
  color: #E9E9E9 !important;
  border-bottom: 2px solid #E9E9E9 !important;
  display: flex;
  justify-content: space-between;}
.entradas-tipo-header>div:hover {
  color: #E9E9E9 !important;}
.entradas-tipo-header>div {
  flex: 1;}
.entrada-tipo { 
  display: flex;
  align-content: center;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-flow: wrap !important;
  color: #E9E9E9;
  font-weight: 700;
  cursor: default!important;
  white-space: unset; 
  font-size: 14px;
  line-height: 17px;}
.entrada-tipo>div:first-child {
  padding-left: 40px;
  flex-grow: 7 !important}
.entrada-tipo>div:nth-child(2) {
  flex-grow: 1 !important;}
.entrada-tipo>div:nth-child(3) {
  display: none}
.entradas-tipo-header>div>div:nth-child(2) {
  padding: 8px 0px 10px !important; 
  padding-right: 0px;
  padding-left: 0px;
  justify-content: center !important;}
/* filas */
.entradas-row {
  background: #CACACA;
  transition: all 0.2s ease;
  border-bottom: 2px solid #E9E9E9;}
.entradas-row:hover {
  background: #C0C0C0;}
.entradas-row:hover>div  {
  color: #212529;}
.entradas-row>div {
  cursor:default!important;
  white-space: unset;
  font-size: 14px;
  line-height: 17px;
  min-height: 40px;}
.entradas-row>.entradas-1 {
  color:#51575C;
  font-weight: 600;}
.entradas-row>.entradas-1>div:nth-child(1) {
  font-weight: 600;
  color:#8B8E92;}
.entradas-row>.entradas-1>div:nth-child(3)>span {
  color: #FFF;
  width: 30px;
  height: 30px;
  background:#8B8E92;
  border-radius: 100%;
  text-align: center;
  line-height: 30px;}
.entradas-row .entradas-2>div>div {
  display: flex !important;
  justify-content: center !important;
  align-content: center;
  width: 40px;
  padding: 0px 0px 10px} 
.entradas-row .entradas-2 > div > div > input,
.entradas-row .entradas-2 > div > div > checkbox{
  top: unset;
  position: unset;
  height: 20px;
  width: 20px;
  padding: unset !important;
  margin: unset !important}
.entradas-row .entradas-2 > div > div > .checkbox-input:checked::before {
}
.entradas-oculta {
  height: 50px;
  width: 100%;
  background:#E9E9E9;}

@media (max-width: 576px) {
  .entradas-tipo-header>div:last-child, 
  .entradas-header .entradas-2 {
    display:none}
  .entradas-tipo-header>div>div:nth-child(2) {
    padding: 10px 10px 10px 10px !important;}
  .entrada-tipo>div:first-child {
    justify-content: center;
    padding-left: 10px !important;}
  .entradas-tipo-header>div:last-child, 
  .entradas-2 {
    max-width: 40px !important;}
  .entradas-row .entradas-2>div {
    align-content: center;}
  .entradas-tipo-header>div>div:first-child {
    text-align: center;
    justify-content: center}
  .entradas-header>div>div, .entradas-row>div>div {
    flex-grow: 1;
    flex-shrink: unset;
    flex-basis: unset;}
  .entradas-table>div>div>div {
    padding-left: 5px;
    padding-right: 5px;}
}

.bocad-html {
    cursor: pointer;
    padding-left: 10px;
    font-size: 16px;
    color: #52575C !important;
    display:inline-block;
    position:relative;
    text-align:left;
  transition: all 0.4s ease !important;}
.bocad-html:hover {
  color:#212529 !important}
.bocad-html .bocad-html-bottom {
    min-width:200px;
    max-width:300px;
    top:20px;
    left:50%;
    transform:translate(-50%, 0);
    padding:7px;
    color: #fff;
    background: #808080;
    font-weight:normal;
    font-size:13px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    display:none;
    transition: all 0.4s ease !important;}
.bocad-html:hover .bocad-html-bottom {
    display:block;
    transition: all 0.4s ease !important;}

.entradas-1 hr {all: unset; width: 100%;} 
.entradas-row>.entradas-1>div:nth-child(5) {flex-grow: 1;padding-top: 0px}
.entradas-row>.entradas-1>div:nth-child(6) {flex-grow: 6;padding-top: 0px}
.entradas-row>.entradas-2>div:nth-child(1) {align-content: flex-start}
.demo-column {flex-direction: column}
.demo-column-1 {align-content: flex-start}





.entradas-row {
  flex-flow: wrap}
.entradas-row > hr {
  all: unset;
  height: 2px;
  border-bottom: 2px dashed #E5E5E5  ;
  width: 100%;} 
.entradas-2 {
  align-content: flex-start !important}
.entradas-2 > div {
  flex-direction: column !important;
  align-content: flex-start !important}

.entradas-table > .entradas-row > .entradas-1-b > div {
  align-content: flex-start !important}
.entradas-1-b > div:first-child {
  flex-grow: 0}
.entradas-1-b > div:nth-child(2) {
  flex-grow: 6;
  justify-content: flex-start !important;
  align-content: flex-start !important}

obser-2 {
  padding: 0px !important;
  margin: 0px;
  display:block;
  text-align: left !important;
  white-space: pre-line;  
  width: 100% !important;
  background: transparent !important;
  border: 0px !important;
  cursor: default;
  font-size: 14px;
  line-height: 30px;
  color: #51575C;
  cursor: default;
  overflow: hidden;}


















obser {
  padding-top: 30px;
  display:block;
  text-align: left !important;
  white-space: pre;  
  width: 100% !important;
  background: transparent !important;
  border: 0px !important;
  cursor: default;
  font-weight: 700;
  font-size: 14px;
  color: #51575C;
  cursor: default;
  overflow: hidden;}

@media (min-width: 1200px) {
.imprime-recibo {
	position: relative;
  float: right;
	margin-top: -37px;}}

@media (max-width: 1199px) {
	.imprime-recibo {display: flex;justify-content: center;
		padding-top: 20px;
		position: relative}
	.imprime-recibo > button { max-width: 120px }
}
.aviso-recibo { 
  padding-top: 20px;
  font-size: 14px;
  color:#51575C}
.textarea-acomp {
  padding-top: 30px;
  overflow:hidden !important;}
.textarea-acomp-2 {
  margin-top: 30px;}
.acompanantes {
  margin-bottom: 30px;}
.acompanantes-textarea {
  margin-top: 25px;}
.acompanantes-textarea>textarea {
  width: 100% !important;
  background: transparent !important;
  border: 0px !important;
  cursor: default;
  font-weight: 700;
  font-size: 14px;
  color: #51575C;
  cursor: default;}
.acompanantes-textarea>textarea:focus, .acompanantes-textarea>input:focus{
  outline: 0;border: 0px !important;}
.acompa-title-bono {
  color: #E9E9E9;
  padding-top: 30px;
  font-size: 30px;
  font-weight: 800;
  line-height: 35px;
  cursor: default;
  text-align: left;
  margin-bottom: 10px;}



#jjdd {
  border: 1px solid red;
  display: flex;
  flex-flow: column;}
#img-infini-jjdd-content {
  margin-top: 10px;
  position: relative;
  width: auto;
  height: 500px;}
.img-infini-jjdd {
  pointer-events: none !important;
  z-index: 1;
  height: 500px;
  position: absolute;
  right: 0px;
  bottom: 0;}
.img-infini-jjdd #imag-content-footer-vertical {
  z-index: 1;
  height: 500px;
  position: absolute;
  bottom: 0;
  right: 0}





@media (min-width: 576px) {
#jjdd-m-container {margin-bottom: 100px;}}
@media (max-width: 577px) {
#jjdd-m-container {margin-bottom: 120px;}}
@media (max-width: 576px) {
  #jjdd-m-container {
    padding-right: 0px !important;
    margin-left: 0px !important;}}

/* TABLA MOVIL 806 HORARIOS */
.jjdd-e-visit>span::before {
  content: '';
  margin-left: 5px;
  margin-right: 5px;
  font-size: 14px;
  color:#51575C;
  font-weight: 100;}
.jjdd-e-local>span::after {
  content: '';
  margin-left: 5px;
  margin-right: 5px;
  font-size: 14px;
  color:#51575C;
  font-weight: 100;}
.jjdd-e-visit>span, .jjdd-e-local>span {
  font-weight: 200;}
.jjdd-ficheros {
  width: 100%;}
.jjdd-ficheros thead>tr>th:first-child, 
.jjdd-ficheros tbody>tr>td:first-child {
  text-align: left;
  padding-left: 15px;
  width: calc(100% - 120px)}
.jjdd-ficheros thead>tr>th:nth-child(2), 
.jjdd-ficheros tbody>td>td:nth-child(2) {
  width: 120px;}
.jjdd-ficheros tbody>tr>td:first-child {
  font-size: 14px;
  font-weight: 400}
.jjdd-fichero {
  color:#51575C;
  font-size: 14px;
  line-height: 19px;
  font-weight: 700;
  background: none !important;
  border: none !important;}
.jjdd-fichero:hover {
  color: #212529}
.jjdd-fichero>i{
  font-size: 19px;
  padding-right: 4px;
  vertical-align: text-bottom}
.jjdd-ficheros-tr {
  text-align: center;
  padding: 7px;
  line-height: 40px;
  font: 14px;
  background-image: unset !important;}
@media (max-width: 991px) {
.jjdd-ficheros-tr>td:first-child {
  text-align: center !important;
  word-break: break-all;
  width: 100% !important;}
.jjdd-ficheros-tr>td:nth-child(2) {
  text-align: center !important;
  width: 100% !important;
  padding-left: unset !important;}
.jjdd-ficheros-tr {
  padding-bottom: 10px;}}
@media (max-width: 767px) {.jjdd-ficheros-tr {
  padding-bottom: 15px !important;}}
@media (max-width: 576px) {.jjdd-ficheros-tr {
  padding-bottom: 20px !important;}}



.jjdd-content-movile {
  color:#51575C;
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  transition: all 0.2s ease;
  margin-top: 18px;}
.jjdd-content-movile:hover >div {
  color: #212529;
  transition: all 0.2s ease;
  background: #CACACA}
.jjdd-content-movile>div {
  height: 70px;
  cursor: default; 
  border-bottom: 3px solid #E9E9E9;
  background: #D6D6D6;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  display:flex;
  align-items: center;
  align-content: center !important;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;}
.jjdd-content-movile>div:first-child {
  cursor: default;
  border-right: 1.5px solid #E9E9E9;
  text-align: center;
  padding-left: 10px;
  padding-right: 32px;
  padding-top: 10px;
  justify-content: center;} 
.jjdd-m-visit, .jjdd-m-local { 
  cursor: default;
  position: absolute;
  padding-bottom: 50px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 100;
  text-transform: lowercase}
.jjdd-m-visit>span:nth-child(2), .jjdd-m-local>span:nth-child(2) {
  padding-left: 5px;
  text-transform: uppercase;}
.jjdd-content-movile>div:first-child::after { 
  cursor: default;
  position: absolute;
  margin-top: -50px; 
  font-size: 14px;
  line-height: 16px;
  font-weight: 100;
  text-transform: lowercase}
.jjdd-content-movile>div:nth-child(2) {
  cursor: default;
  border-left: 2px solid #E9E9E9;
  padding-right: 10px;
  padding-left: 32px;
  text-align: center;
  padding-top: 10px;
  justify-content: center}
.jjdd-content-movile>div:nth-child(2)::after { 
  cursor: default;
  text-align: right;
  position: absolute;
  margin-top: -50px;
  color:#6E767D;
  font-size: 14px;
  line-height: 16px;
  font-weight: 100;
  text-transform: lowercase}
.jjdd-content-movile::before {
  transition: all 0.2s ease;
  display: flex;
  position: absolute;
  margin-top: 12px;
  content: attr(data-title);
  justify-content: center;
  width: 45px;
  height: 45px; 
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 37px;
  font-weight: 700;
  border-radius: 100%;
  background: #8B8E92;
  color: #E9E9E9;
  border: 3px solid #E9E9E9;}
.jjdd-content-movile-add{
  border-bottom: 0px solid !important;
  padding-top: 12px !important;
  background: #D6D6D6;
  display:flex;
  color: #212529;
  align-content: flex-start !important;
  align-items: flex-start !important;
  justify-content: space-between;
  flex-flow: wrap;
  flex-wrap: nowrap;
  flex-basis: 100% !important;
  height: auto !important;
  padding: 0px 10px 10px;}
.jjdd-content-movile-add>div{
  font-weight: 400 !important;
  padding: 0px 10px 0px;
  text-align: center;}
.jjdd-content-movile-add>div>span{ 
  font-weight: 100;
  display: block;
  color: #6E767D;
  line-height: 18px;}
.jjdd-content-movile-add>div:first-child,
.jjdd-content-movile-add>div:nth-child(2) { 
  flex-grow: 3;}
.jjdd-content-movile-add>div:nth-child(3),
.jjdd-content-movile-add>div:nth-child(4){ 
  flex-grow: 2;}
#jjdd-horarios {margin-top: 10px;}
#jjdd-clasif-table {margin-top: 10px;}

@media (min-width: 992px) {
  .jjdd-m-visit, .jjdd-m-local {
    padding-bottom: 60px;}
  .jjdd-content-movile {display:none !important}}
@media (max-width: 991px) {
  #jjdd-horarios {display:none !important}} 
@media screen and (min-width: 577px) and (max-width: 767px) {
  #jjdd-fecha>div {
    font-size: 16px !important;
    font-weight: 700 !important;  }
  .jjdd-m-visit, .jjdd-m-local {
    padding-bottom: 65px;}
  .jjdd-content-movile {
    width: 100% !important}
  .jjdd-content-movile>div {
    height: 90px;}
  .jjdd-content-movile::before {
    margin-top: 20px;}
  .jjdd-content-movile>div:first-child::after,
  .jjdd-content-movile>div:nth-child(2)::after {
    margin-top: -65px !important;}
  .jjdd-content-movile-add>div:first-child,
  .jjdd-content-movile-add>div:nth-child(2) { 
    flex-grow: 4;}
  .jjdd-content-movile-add>div:nth-child(3),
  .jjdd-content-movile-add>div:nth-child(4){ 
    flex-grow: 1;}
}
@media (max-width: 576px) {
  #jjdd-col {
    padding-left: 0px !important;  }
  #jjdd-fecha>div {
    font-size: 16px !important;
    font-weight: 700 !important;  }
  .jjdd-m-visit, .jjdd-m-local {
    padding-bottom: 70px !important;}
  .jjdd-content-movile-add>div:first-child,
  .jjdd-content-movile-add>div:nth-child(2) { 
    flex-grow: 4;}
  .jjdd-content-movile-add>div:nth-child(3),
  .jjdd-content-movile-add>div:nth-child(4){ 
    flex-grow: 1;}
  .jjdd-content-movile {
    width: 100% !important;}
  .jjdd-content-movile>div {
    height: 100px;}
  .jjdd-content-movile::before {
    margin-top: 25px;}
  .jjdd-content-movile>div:first-child::after,
  .jjdd-content-movile>div:nth-child(2)::after {
    margin-top: -75px !important;} }

#jjdd-resultados thead .horarios th:nth-child(2) {
  text-align: center !important}
#jjdd-resultados-tr>td:nth-child(2) {
  text-align: center !important;
  min-width: 130px;
  padding-left: 10px !important;
  padding-right: 10px !important;}
#jjdd-resultados-tr>td:nth-child(2)>span {
  color: #51575C;
  width: 10px;
  font-size: 16px;
  font-weight: 700;}
.jjdd-puntos-1, .jjdd-puntos-2 {
  display: inline-block;
  letter-spacing: 1px;
  color: #FFF;
  font-weight: 700;
  width: 30px !important;
  height: 30px !important;
  background: #8B8E92;
  border-radius: 100%;
  text-align: center;
  line-height: 27px;
  transition: all 0.2s ease;}
.jjdd-puntos-1 {
  margin-right: 10px;}
.jjdd-puntos-2 {
  margin-left: 10px;}

#jjdd-resultados-movil {
  height: 88px;
  justify-content: space-between;}

#jjdd-resultados-movil>div {
  height: 88px;}
#jjdd-resultados-movil::before {
  all: unset !important;}
#jjdd-resultados-movil>div:nth-last-child(2) {
  border-left: 0px solid transparent !important;
  padding-right: 0px !important;
  padding-left: 0px !important;
  flex: 1 !important; 
  padding-top: 0px !important;}
#jjdd-resultados-movil>div:nth-last-child(1),
#jjdd-resultados-movil>div:nth-last-child(3){
  font-size: 15px !important;
  flex: 2 !important;
  cursor: default;
  border-left: 0px solid transparent !important;
  border-right: 0px solid transparent !important;
  padding-right: 15px !important;
  padding-left: 15px !important;
  text-align: center;
  padding-top: 15px;
  justify-content: center;}

#jjdd-puntos-movil {
  transition: all 0.2s ease;
  display: flex;
  margin-top: 0px;
  text-align: center;
  justify-content: center;
  width: 66px;
  height: 66px;
  font-size: 16px;
  letter-spacing: 0.5px;
  line-height: 37px;
  font-weight: 700;
  border-radius: 100%;
  background: #8B8E92;
  color: #E9E9E9;
  border: 3px solid #E9E9E9;}
#jjdd-puntos-movil>span:nth-child(1),#jjdd-puntos-movil>span:nth-child(3) {
  min-width: 20px;
  line-height: 59px;}
#jjdd-puntos-movil>span:nth-child(1) {
  text-align: center}
#jjdd-puntos-movil>span:nth-child(3) {
  text-align: center}
#jjdd-puntos-movil>span:nth-child(2) {
  width: 3px;
  margin-left: 4px;
  margin-right: 4px;
  height: 85px;
  margin-top: -13px;
  background: #E9E9E9}




@media (max-width: 991px) {
  #jjdd-resultados {display:none}}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #jjdd-resultados-movil>div:nth-last-child(1) {
    text-align: right !important;}


}
  
#jjdd-resultados-movil>div:nth-last-child(3){}
@media (max-width: 767px) {}
@media screen and (min-width: 576px) and (max-width: 767px) {}
@media (max-width: 576px) {}





.jjdd-res {  
  height: auto;
  background: #E9E9E9;
  margin-bottom: 100px;}
.jjdd-res-mod {
  background: #D6D6D6;
  margin-bottom: 50px !important;
  transition: all 0.3s ease;}

.jjdd-res-mod > form > .jjdd-resultados, 
.jjdd-res-mod > form > .jjdd-resultados-header {
  border-bottom: 3px solid #E9E9E9 !important}
.jjdd-res-mod > form > .jjdd-resultados-header {
  margin-bottom: 0px;}
.jjdd-res-mod > form > .jjdd-resultados {
  padding: 10px;
  width: calc(100% + 11px);}



.jjdd-resultados {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 21px);
  display: flex;
  gap: 12px;}
.jjdd-set {
  background: #D6D6D6;
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding: 15px;
  transition: all 0.2s ease;
  color: #E9E9E9;
  font-size: 44px;
  font-weight: 800;
  line-height: 42px;
  cursor: default;
  text-align: center;}
.jjdd-set:hover {
  color: #fff; 
  transition: all 0.2s ease;
  background: #C7C7C7 !important;}
.jjdd-set>div:nth-child(2) {
  padding-top: 20px;
  padding-bottom: 5px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-around}
.jjdd-set-title{
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
  color: #51575C;
  cursor: default;}
.jjdd-set-header {
  margin-bottom: 25px;}
.jjdd-set-enviar {
  margin-top: 25px;
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 20px 20px 30px;
  background: #D6D6D6;}
.jjdd-set-coment { 
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
  color: #51575C;
  cursor: default;}
.jjdd-b-set {
  margin-top: 25px;
  max-width: 300px;}
.jjdd-coment {
  width: 100%;
  border: 0px;
  background: #E9E9E9;
  border: 0px !important;
  min-height: 50px;
  padding: 5px;
  cursor: default;
  font-weight: 700;
  font-size: 14px;
  color: #51575C;
  cursor: auto !important;
  transition: all 0.2s;}
.jjdd-coment:focus, .jjdd-coment:hover {
  background: #fff;
  outline: 0;border: 0px !important;}

.jjdd-coment:focus, .jjdd-coment:focus, .jjdd-coment:focus {
  outline: none;}
.jjdd-set-enviar>div {
  padding: 0px 20px;
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;}
.jjdd-set-enviar>div>div:nth-child(2) {
  display: flex;
  justify-content: flex-end;}
@media (max-width: 767px) {
  .jjdd-set-enviar>div>div:nth-child(2) {
  justify-content: center;}
.jjdd-b-set {
  max-width: unset;
  width: 100% !important}}

  
@media (min-width: 992px) {
  .jjdd-resultados>div {
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;}}
@media screen and (min-width: 990px) and (max-width: 1199px) {
  .jjdd-resultados {
    width: calc(100% + 14px);}}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .jjdd-resultados {
    width: 100%;}
  .jjdd-resultados>div {
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;}}
@media screen and (min-width: 577px) and (max-width: 767px) {
  .jjdd-resultados {
    width: 100%;}
  .jjdd-resultados>div {
    width: 100% !important}}
@media (max-width: 576px) {
  .jjdd-resultados {
    width: 100% !important;
    display: flex !important;
    flex-flow: column;
    justify-content: space-between;}
  .jjdd-resultados>div {
    height: 140; 
    width: 100% !important;
    border-right:5px solid transparent;
    border-left:5px solid transparent;}
  .jjdd-resultados>div>div:first-child::after,
  .jjdd-resultados>div>div:nth-child(2)::after {
    margin-top: -50px !important;}
  }
 /* spinner resultados*/
.skin-5 .num-in {
  background: #E9E9E9;
  width: 120px;
  float: left;
	vertical-align: middle;
	position: relative;
  transition: all 0.2s ease;}
.skin-5 .num-in:hover {
  background: #fff;}
.skin-5 .num-in span {
  text-align: center;
	font-size: 18px;
  height: 40px;
	width: 30px;
	display: block;
	line-height: 41px;
  color:#5F6468}
.skin-5 .num-in span::selection,
.skin-5 .num-in input::selection {
  color:#212529;
  background: transparent;}
.skin-5 .num-in span:hover {
  color:#212529}
.skin-5 .num-in span.minus {
  cursor: pointer;
  float: left;}
.skin-5 .num-in span.plus {
  cursor: pointer;
	float: right;}
.skin-5 .num-in input {
  cursor: default;
  background: transparent;
  border: none;
	height: 41px;
	width: 60px;
	float: left;
  color:#32353A;
  transition: all 0.2s ease;
	text-align: center;
  margin-bottom: 0px !important;
	font-size: 20px;
  line-height: 16px !important;
	font-weight: bold;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;}


/* juegos clasificaciones 809 */ 
.jjdd-clasif-table {
  width: 100%;
  display: flex;
  flex-flow: column;
  align-content: space-between;}
.clasif-header, .clasif-row {
  display: flex;
  justify-content: space-between;} 
.clasif-header>div, .clasif-row>div {
  display: flex;
  justify-content: space-between;
  flex:1;
  flex-shrink: 0;
  flex-basis:0;}
.clasif-header>div>div, .clasif-row>div>div {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis:0;
  justify-content: center;} 
.clasif-header>div:first-child>div:nth-child(2),
.clasif-row>div:first-child>div:nth-child(2){
  flex-grow: 5;
  flex-shrink: 1;
  justify-content: flex-start; } 
.clasif-row>div:first-child>div:nth-child(2)>span{
  font-weight: 200;}
.clasif-row>div:first-child>div:nth-child(2)>span::before {
    content: '';
    margin-left: 5px;
    margin-right: 5px;
    font-size: 14px;
    color: #51575C;
    font-weight: 100;}
.jjdd-clasif-table>div>div>div {
  padding: 10px 10px;
  display: flex;
  align-items: center;}
/* headers */
.clasif-header>div {
  cursor:default!important;
  background-color: #51575C;
  font-size: 13px;
  font-style: normal;
  text-transform: lowercase;
  font-weight: 700;
  color: #E9E9E9;
  line-height: 17px;
  min-height: 40px;}
/* filas */
.clasif-row {
  transition: all 0.2s ease;
  border-bottom: 2px solid #E9E9E9;}
.clasif-row:hover {
  background: rgba(255,255,255,0.5);}
.clasif-row:hover>div  {
  color: #212529;}
.clasif-row>div {
  cursor:default!important;
  white-space: unset;
  font-size: 14px;
  line-height: 17px;
  min-height: 40px;}
.clasif-row>.clasif-1 {
  color:#51575C;
  font-weight: 700;}
.clasif-row>.clasif-1>div:nth-child(1) {
  font-weight: 900;
  color:#8B8E92;
  font-size: 16px}
.clasif-row>.clasif-1>div:nth-child(3)>span {
  color: #FFF;
  width: 30px;
  height: 30px;
  background:#8B8E92;
  border-radius: 100%;
  text-align: center;
  line-height: 30px;}
.clasif-row .clasif-2>div {
  color:#51575C !important;
  font-weight: 700 !important;
}

.clasif-row>.clasif-1>div:first-child,
.clasif-row>.clasif-1>div:last-child,
.clasif-row>.clasif-2>div {
  letter-spacing: 0.5;}
@media screen and (min-width: 768px) and (max-width: 991px) { 
  .clasif-row .clasif-2 { padding: 0px 12px }}
@media screen and (min-width: 577px) and (max-width: 767px) { 
  .clasif-row .clasif-2 { padding: 0px 8px }}
@media (max-width: 576px) {
  .clasif-row .clasif-2 { padding: 0px 8px }
  .clasif-row .clasif-2>div { padding: 10px 8px }
}
@media (min-width: 992px) { 
  .clasif-row>.clasif-2>div:nth-child(1),
  .clasif-row>.clasif-2>div:nth-child(6){
    border-left: 2px dashed #E9E9E9;}
  .jjdd-clasif-table>div:nth-child(2)>div {
   background: rgba(81,87,92,0.07)}
  .jjdd-clasif-table>div:nth-child(3)>div {
   background: rgba(81,87,92,0.10)}
  .jjdd-clasif-table>div:nth-child(4)>div {
   background: rgba(81,87,92,0.13)}
  .jjdd-clasif-table>div:nth-child(5)>div {
   background: rgba(81,87,92,0.16)}
  .jjdd-clasif-table>div:nth-child(6)>div {
   background: rgba(81,87,92,0.19)}
  .jjdd-clasif-table>div:nth-child(7)>div {
   background: rgba(81,87,92,0.21)}
  .jjdd-clasif-table>div:nth-child(8)>div {
   background: rgba(81,87,92,0.24)}
  .jjdd-clasif-table>div:nth-child(9)>div {
   background: rgba(81,87,92,0.25)}
  .jjdd-clasif-table>div:nth-child(n+10)>div {
   background: rgba(81,87,92,0.26)}
}
@media (max-width: 991px) { 
  .jjdd-clasif-table>div {
    flex-flow: column;}
  .clasif-header .clasif-2 {
    display:none !important}
  .clasif-header>div:first-child>div:nth-child(2),
  .clasif-row>div:first-child>div:nth-child(2){
    flex-grow: 6 !important;
    justify-content: center !important;
    text-align: center} 
  .clasif-row  {
    transition: all 0.4s ease !important;
    height: 50px !important;
    overflow-y: hidden}
  .clasif-row>div {
    min-height: 50px !important;}
  .clasif-row:hover {  
    height: 120px !important;  }
  .clasif-row .clasif-1 {
    flex-grow: 2;}
  .clasif-row .clasif-2 {
    line-height: 22px;
    flex-grow: 3;}
  .clasif-row .clasif-2>div {
    padding-top: 0px;
    height: 70px;
    display: flex;
    flex-direction: column !important;
    flex-flow: wrap;
    justify-content: center;}
  .clasif-row .clasif-2>div:before {
    display: flex;
    content: attr(data-title);
    justify-content: center;
    color: #6E767D;
    font-weight: 200;}
    .jjdd-clasif-table>div:nth-child(2) {
   background: rgba(81,87,92,0.07)}
  .jjdd-clasif-table>div:nth-child(3) {
   background: rgba(81,87,92,0.10)}
  .jjdd-clasif-table>div:nth-child(4) {
   background: rgba(81,87,92,0.13)}
  .jjdd-clasif-table>div:nth-child(5) {
   background: rgba(81,87,92,0.16)}
  .jjdd-clasif-table>div:nth-child(6) {
   background: rgba(81,87,92,0.19)}
  .jjdd-clasif-table>div:nth-child(7) {
   background: rgba(81,87,92,0.21)}
  .jjdd-clasif-table>div:nth-child(8) {
   background: rgba(81,87,92,0.24)}
  .jjdd-clasif-table>div:nth-child(9) {
   background: rgba(81,87,92,0.25)}
  .jjdd-clasif-table>div:nth-child(n+10) {
   background: rgba(81,87,92,0.26)}
} 


/* JUEGOS DEPORTIVOS 806 809 811 */
.jjdd-header{}
.jjdd-header-titulo {
  padding-left: 20px;
  padding-top: 15px;
  padding-bottom: 20px;
  background: #D6D6D6;
  color: #E9E9E9; 
  font-size: 44px;
  font-weight: 800;
  line-height: 42px;
  cursor: default;}
.jjdd-header-titulo>span {}
.jjdd-header-titulo>span:nth-child(3) {
  font-weight: 100;
  padding: 0px 10px}
.jjdd-header-titulo>span:nth-child(1) {
   padding-right: 0px;}
.jjdd-header-titulo>span:nth-child(2) {
  font-weight: 400;
  color:#51575C;}
.jjdd-header-icon {
  vertical-align: middle;
  font-weight: 900 !important;
  font-size: 27px;
  color:#5F6468;} 
.jjdd-header-botones {
  float: right}
.jjdd-header-control {
  background: #D6D6D6;
  margin-top: 28px;
  padding: 20px;
  margin-bottom: 25px;}
.jjdd-header-selectores {
  width: 100%;
  flex: 1 1;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  flex-direction: row;  }
.jjdd-header-selectores>div {
  display: flex;
  flex-wrap: wrap;
  margin-left: 7px;}
.jjdd-header-selectores>div:nth-child(1){
  flex-grow: 4;}
.jjdd-header-selectores>div:nth-child(5){
  order: -2;}
.jjdd-header-selectores>div:nth-child(4){
  order: -1;}

/*#jjdd-escolar {justify-content:flex-start !important;}
#jjdd-escolar>div:nth-child(1) {
flex-grow: unset !important;}
#jjdd-escolar>.jjdd-selector-1 {
  order:-3}*/

.jjdd-header-title {
  font-size: 25px;
  font-weight: 700;
  line-height: 25px;
  color: #51575C;
  letter-spacing: -.05em;}
  .jjdd-header-title-movil {
    display:none !important;}
.jjdd-header-boton1 {
  width: auto;
  height: 40px !important;
  border: 0px;
  margin-right: 0px;
  padding-top: 0px !important;}
.jjdd-header-botones>button {
  margin-right: 7px;
  float: right;
  width: auto;
  height: 40px !important;
  border: 0px;
  margin-top: 5px;
  padding-top: 0px !important;}
.jjdd-header-botones>button:first-child {
  margin-right: 20px}
.jjdd-btn {  }
#table-jjdd tbody tr:nth-child(even),
#table-jjdd tbody tr:nth-child(odd) {
  background-color: #D6D6D6;}
#table-jjdd tbody tr:hover {
  background-color: #CACACA;}
#table-jjdd .horarios-title {
  background-color: #B7B7B7 !important;}
#table-jjdd {
  margin-bottom: 80px;}
.break { margin-left: 0px !important;display:none}
#jjdd-fecha>div {
  font-size: 14px;
font-weight: 800}
#jjdd-escolar .jjdd-header-title-movil #torneoMovil {
  display: none}
/*  controles portátil */
@media screen and (min-width: 992px) and (max-width: 1199px) {
  #jjdd-escolar>.jjdd-selector-1 {
    margin-right: 7px;margin-left: 0px;}
  .break1200 {display:none !important}
  .jjdd-header-titulo {
    font-size: 40px;}
  .jjdd-header-selectores {
     justify-content: center;  }
  .break1200 {
    display:inline;
    flex-basis: 100%;
    width: 0px;
    height: 0px;
    overflow: hidden;}
  .jjdd-header-separador1 {display: none !important;}
  .jjdd-zona, .jjdd-selector-1 {
    width: 350px}
  .jjdd-torneo, .jjdd-selector-2 {
    width: 560px}
  .jjdd-header-boton1 {
    width: 120px;}
  .jjdd-header-titulo>span:nth-child(3) {
    font-weight: 100;
    padding: 0px 10px}
  .jjdd-header-title-fecha {
    order: 4 !important;}
  .jjdd-header-title-movil {
    display:none;}
  .jjdd-header-selectores>div:nth-child(5) {
    margin-left: 0px !important}
  .jjdd-header-selectores>div:nth-child(1) {
    align-content: center;
    justify-content: center;}
  .jjdd-header-selectores>div:nth-child(1),
  .jjdd-header-selectores>div:nth-child(2) {
    margin-top: 10px}
  .jjdd-zona { z-index: 3 !important}
  #jjdd-escolar .jjdd-header-separador1 {
    display: block!important;
    padding: 4px 15px 10px 15px !important;}
  #jjdd-escolar .jjdd-header-title {
    padding-left: 7px;
    justify-content: flex-start !important;
    margin-top: 0px !important;
    order: 0 !important;
    width: unset !important;}
  #jjdd-escolar {flex-flow: wrap !important}
  #jjdd-escolar.jjdd-header-selectores>div:nth-child(1) {
    margin-right: 30px;
    flex-grow: 0 !important;}
  #jjdd-escolar.jjdd-header-selectores {
    justify-content:flex-start;}
}
/*  controles tablet */
@media screen and (min-width: 768px) and (max-width: 991px) {
  .jjdd-ficheros {margin-top: 14px;}
  .jjdd-header-control {height: 130px; } 
  .jjdd-escolar-header {height: 80px !important;}
  .jjdd-zona { z-index: 3 !important} 
  .jjdd-header-titulo {
    min-height: 80px;  }
  .jjdd-header-botones {
    display: flex;}
  .jjdd-header-botones>button:nth-last-child(2) {
    margin-right: 20px;}
  .jjdd-header-botones>button:nth-last-child(1) {
    margin-right: 7px;}
  .jjdd-header-titulo>span:nth-child(1) {
     padding-right: 0px;}
  .jjdd-header-titulo>span:nth-child(2) {
    font-weight: 400;
    color:#51575C;}
  .jjdd-header-titulo>span:nth-child(3) {
    display: none}
  .jjdd-header-titulo>span:nth-child(4) {
    padding-left: 36px;}
  .jjdd-header-botones {
    position: absolute;
    right: 15px;
    top:15px;}
  .jjdd-header-titulo {
    font-size: 35px;}
  .jjdd-header-selectores {
    flex-wrap: wrap; }
  .break991 {
    display:inline;
    flex-basis: 100%;
    width: 0px; 
    height: 0px; 
    overflow: hidden;} 
  .jjdd-selector-1 {
    margin-left: 10px !important;  }
  .jjdd-zona, .jjdd-selector-1 {
    width: 260px;padding-bottom: 10px;}
  .jjdd-selector-2 {
    margin-left: 0px !important;
    flex: 0 0 100%;} 
  .jjdd-torneo {
    width: calc(100% - 0px) !important;}
  .jjdd-header-boton1 {
    width: 70px;}
  .jjdd-header-titulo>span:nth-child(3) {
    font-weight: 100;
    padding: 0px 10px}
  .jjdd-header-selectores>div:nth-child(5) {
    margin-left: 0px !important}
  .jjdd-header-selectores>div:nth-child(1), 
  .jjdd-header-selectores>div:nth-child(2) {
    margin-bottom: 10px}
  .jjdd-selector-2::before, .jjdd-selector-2::after {
    width: calc(100% - 70px) !important;}
    .jjdd-header-botones>button:first-child {
    order:2;  }
}
/*  controles tablet vertical y movil */
@media screen and (min-width: 576px) and (max-width: 767px) {
  #jjdd-escolar .jjdd-header-separador1 {
    display: block!important;
    padding: 4px 15px 10px 15px !important;}
  #jjdd-escolar .jjdd-header-title {
    padding-left: 7px;
    justify-content: flex-start !important;
    margin-top: 0px !important; 
    order: 0 !important;
    width: unset !important;}
  #jjdd-escolar {flex-flow: wrap !important}
}
@media (max-width: 767px) {
  .jjdd-ficheros {margin-top: 14px;}
  #jjdd-escolar .jjdd-selector-2 {
    display: none !important}
  #jjdd-escolar .jjdd-header-title-movil {
    display: none !important}
  #jjdd-escolar .jjdd-selector-1, 
  #jjdd-escolar .jjdd-selector-1::before,
  #jjdd-escolar .jjdd-selector-1::after,  
  #jjdd-escolar .jjdd-selector-1 .jjdd-zona {
    width: 190px !important;}
  #jjdd-escolar .jjdd-selector-1::before {
    content: attr(data-option) !important;}
  .jjdd-header-selectores button {
    width: 74px !important;}
  .jjdd-header-selectores>div:nth-child(5) {
    flex: none ;}
  .jjdd-desplegable-movil {
    width: 190px;
    height: 40px;}
  .jjdd-desplegable-movil::before {
    width: 190px;}
  .break991, .break767, .break1200 {
    display: none  !important}
  .jjdd-header-titulo {
    height: 80px;  }
  .jjdd-header-botones {
    display: flex;}
  .jjdd-header-botones>button {
    margin-right: 20px;}
    .jjdd-header-botones>button:nth-child(2) {
    margin-right: 7px;}
  .jjdd-header-titulo>span:nth-child(1) {
     padding-right: 0px;}
  .jjdd-header-titulo>span:nth-child(2) {
    font-weight: 400;
    color:#51575C;}
  .jjdd-header-titulo>span:nth-child(3) {
    display: none}
  .jjdd-header-titulo>span:nth-child(4) {
    padding-left: 36px;}
  .jjdd-header-botones {
    position: absolute;
    right: 15px;
    top:15px;}
  .jjdd-header-titulo {
    font-size: 35px;}
  .jjdd-header-selectores {
    align-content: center;
    justify-content: center;  }
  .jjdd-header-selectores>div {
    margin-left: 0px; }
  .jjdd-header-separador1 {
    display: none !important;} 
  .jjdd-selector-1 {
    margin-left: 7px !important;
    width: 190px !important;}
  .jjdd-zona {
    width: 190px !important;}
  .jjdd-selector-2 {
    margin-left: 7px !important;
    width: 190px !important;}
  .jjdd-selector-2::before, .jjdd-selector-1::before, .jjdd-selector-1::after, .jjdd-selector-2::after  {
    width: 190px !important;}
  .jjdd-selector-1::before {
    content: 'seleccionar zona' !important}
  .jjdd-selector-2::before {
    content: 'seleccionar torneo' !important}
  .jjdd-torneo {
    width: 190px !important;}
  .jjdd-header-titulo>span:nth-child(3) {
    font-weight: 100;
    padding: 0px 10px}
  .jjdd-header-title-fecha {
    font-size: 16px !important;
    margin-top:10px;
    order: 6 !important;}
  .jjdd-header-title-movil {
    display: block !important;
    margin-top:0px;
    order: 7 !important;}
  .jjdd-header-title > span {
    font-size: 16px !important; }
  .jjdd-header-title {
    justify-content: center;
    margin-left: 0px !important;
    width: 100% !important;}
  .jjdd-header-titulo>span:nth-child(4) {
    padding-top: 15px;
    padding-left: 0px;
    font-size: 27px;
    line-height: 25px;}
  .jjdd-header-title-movil>div {
    text-transform: lowercase;
    font-size: 16px !important;
    line-height: 35px !important;
    font-weight: 700;
    text-align: center }
  .jjdd-header-control {height: auto; }
    .jjdd-header-botones>button:first-child {
    order:2;  }
}

@media (max-width: 576px) {
  .jjdd-header-botones {
    display: flex; }
  #jjdd-escolar .jjdd-selector-2 {display:none}
  .jjdd-header-titulo {
    height: 80px !important}
  .jjdd-header-selectores button {
    width: 85px !important;}
  .jjdd-selector-1, .jjdd-selector-2 {
    width: 85px;}
  .jjdd-desplegable-movil {
    width: 85px;
    height: 40px;}
    .jjdd-selector-2::before, .jjdd-selector-1::before, .jjdd-selector-1::after, .jjdd-selector-2::after  {
    width: 85px !important;}
  .jjdd-selector-1::before {
    content: 'zona' !important}
  .jjdd-selector-2::before {
    content: 'torneo' !important}
  .jjdd-desplegable-movil::before {
    width: 85px;}
  .jjdd-selector-1 {
    margin-left: 7px !important;
    width: 85px !important;}
  .jjdd-zona {
    width: 85px !important;}
  .jjdd-selector-2 {
    margin-left: 7px !important;
    width: 85px !important;}
  .jjdd-torneo {
    width: 85px !important;}
  .jjdd-bot {
    margin-right: 7px !important;}
  .jjdd-header-titulo>span:nth-child(4) {
    padding-top: 7px;
    line-height: 25px;}
  .jjdd-header-control {
    margin-top: 0px !important;
    height: auto !important;}
}
/* fecha */
.jjdd-header-title-fecha {
  cursor: default;}
.jjdd-header-title-movil {
  cursor: default;}
.jjdd-header-title {
  background: transparent;
  font-size: 20px;
  font-weight: 700;
  line-height: 40px;
  color: #51575C;
  letter-spacing: -.05em;
  animation: textosaltarin 300ms ease-in}
.jjdd-header-title > span {
  font-size: 20px;
  line-height: 40px;
  font-weight: 100;
  padding: 0px 6px;
  color:#7D8082;
  text-align: center}
.jjdd-header-separador1 {
  height: 40px;
  min-width: 30px !important;
  width: 30px !important;
  font-size: 23px;
  color: #7D8082;
  padding: 8px 5px 0px 7px;}

/* desplegables */
.jjdd-zona, .jjdd-selector-1, .jjdd-selector-1::before, .jjdd-selector-1::after {
  width: 260px}
.jjdd-torneo, .jjdd-selector-2, .jjdd-selector-2::before, .jjdd-selector-2::after {
  width: 490px}
.jjdd-selector-1::before, .jjdd-selector-2::before {
  display: block;
  position: absolute;
  overflow: hidden;
  pointer-events: none;
  z-index: 1000;
  font-size: 14px;
  line-height: 40px !important;
  font-weight: 800;
  color: #51575C;
  background-color: #BEBEBE;
  border: 0px !important;
  padding: 0px 5px 0px 0px;
  text-align: center;
  text-transform: lowercase;
  content: attr(data-option);}
.jjdd-selector-1:hover::before, .jjdd-selector-2:hover::before {
  background: rgba(190,190,190,1);
    background: -moz-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(190,190,190,1)), color-stop(100%, rgba(161,161,161,1)));
    background: -webkit-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
    background: -o-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
    background: -ms-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
    background: linear-gradient(to bottom, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebebe', endColorstr='#a1a1a1', GradientType=0 );
}

.jjdd-selector-1::after, .jjdd-selector-2::after {
    overflow: hidden;
    pointer-events: none;
    height: 40px !important;
    font-size: 14px;
    display: block;
    content: '\25BC';
    position: absolute;
    text-align: right;
    line-height: 40px;
    padding-right: 10px;
    z-index: 1001;
    color: #666;
   /* transform: rotate(90deg);*/
    transition: all 300ms ease;}


.jjdd-torneo, .jjdd-zona {
  position: relative;
  width: 100%;
  z-index: 2;
  display: block;
  padding: .5rem 1rem;
  text-decoration: none;
  color: #666;
  font-size: .88rem;
  line-height: 1.88;
  height: 2.5rem;
  border-radius: 0rem;
  border: 1px solid #dedfdf;
  overflow: hidden;
  background-color: #f5f5f5;
  transition: background 300ms ease;
  transition: border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out;}
.jjdd-content-aviso {
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  color: #5F6468;
  padding: 0px 10px 10px 10px;}


.jjdd-desplegable-escritorio {
  position: absolute;
  z-index: 2;
  float: right}
.jjdd-desplegable-escritorio .desplegable-wrap {
  width: 100%;
  z-index: 2;
  overflow:auto;
  transition: background 300ms ease;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: #ECECEC;
  background-clip: padding-box;
  border: 0px solid #ECECEC;
  border-radius: 0rem;
  transition: border-color .3s ease-in-out,box-shadow .3s ease-in-out;
  -webkit-box-shadow: 0px 0px 0px 0px #a2a2a2;
  -moz-box-shadow: 0px 0px 0px 0px #A2A2A2;
  box-shadow: 0px 0px 0px 0px #a2a2a2;}
.jjdd-zona .desplegable-wrap .drop,
.jjdd-torneo .desplegable-wrap .drop{
  font-size: 14px;
  line-height: 40px !important;
  font-weight: 800;
  color: #51575C;
  background-color: #BEBEBE;
  border: 0px !important;
  padding: 0px 5px 0px 0px;
  text-align: center;
  text-transform: lowercase;
  transition: border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out;}
.jjdd-zona .desplegable-wrap .drop:hover,
.jjdd-torneo .desplegable-wrap .drop:hover { 
  background: rgba(190,190,190,1);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(190,190,190,1)), color-stop(100%, rgba(161,161,161,1)));
  background: -webkit-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  background: linear-gradient(to bottom, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);}
.jjdd-desplegable-movil-zona::before {
  content: "zona";}
.jjdd-desplegable-movil::before {
  content: "torneo";}


@media screen and (min-width: 577px) and (max-width: 767px) {.jjdd-torneo {z-index: 3 !important;}}


/* tabla 804 horarios */
#jjdd-horarios tbody tr:nth-child(even),
#jjdd-horarios tbody tr:nth-child(odd) {
    background-color: #D6D6D6;}
#jjdd-horarios tbody tr:hover {
    background-color: #CACACA;}
#jjdd-horarios .horarios-title {
    background-color: #B7B7B7 !important;}

#jjdd-horarios {
    margin-bottom: 0px;}












/* IMAGEN FONDO */ 
#img-background-home {
  background-image: url(../img/1400806478.jpg);
  background-size: auto 100%;
  background-position: left;
  height: 100%;
  width: auto }
/* filtro-svg */ 
#img-infini-svg {
  position: relative;
  z-index: 2;
  float: right !important;
  height: 100% !important;
  mix-blend-mode: multiply;}
#img-infini-fondo {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  height: 100%;}
.img-infini-svg {}  
#img-infini-filtro {
  fill: #fff;
  animation: wheelHueColor 13s infinite;}
@keyframes wheelHueColor {
    from, to { fill: #C32282; }
    10%      { fill: #BD2828; }
    20%      { fill: #CE8516; }
    30%      { fill: #B0D715; }
    40%      { fill: #36931F; } 
    60%      { fill: #169C9C; }
    70%      { fill: #307CED; }
    80%      { fill: #613DF4; }
    90%      { fill: #AE33CD; }}

/* jjdd 809 clasif */
#img-infini-jjdd-clasif-content {
  margin-top: 40px;
  position: relative;
  width: 100%;
  height: 500px;
  display: flex;
  justify-content: center}
.img-infini-jjdd-clasif {
  pointer-events: none !important;
  z-index: 1;
  height: 500px; 
  display: flex;
  justify-content: center}
@media (max-width: 576px) {
  #img-infini-jjdd-clasif-content {display: inline-block !important } 
}


/* actividades 120 */
#img-infini-actividades-content {
  margin-top: -40px;
  position: relative;
  width: 100%;
  height: 500px;}
.img-infini-actividades {
  pointer-events: none !important;
  z-index: 1;
  height: 500px;
  position: absolute;
  right: 0px;
  bottom: 0;}
.img-infini-actividades #imag-content-footer-vertical {
  z-index: 1;
  height: 500px;
  position: absolute;
  bottom: 0;
  right: 0}
/* monitores 981 y renovacione sy pagos 190 */
#img-infini-monitores-content {
  position: relative;
  width: 100%;
  height: 600px;}
.img-infini-monitores {
  pointer-events: none !important;
  z-index: 1;
  height: 600px;
  position: absolute;
  right: 0;
  bottom: 0;}
.img-infini-monitores #imag-content-footer-vertical {
  z-index: 1;
  height: 600px !important;
  position: absolute;
  bottom: 0;
  right: 0}
#title-grupos>h1 {
  text-transform: lowercase !important}
#subtitle-grupos {
  font-size: 14px;
  font-weight: 600;
  color: #51575C;
  margin: 22px 0px 20px;}
#subtitle-grupos>span:first-child::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f07c";
  padding-right: 5px;}
#subtitle-grupos>span:nth-child(2)::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f02b";
  padding-left: 15px;
  padding-right: 5px;}
@media (max-width: 769px) {
  #subtitle-grupos>span {
    display: block}
  #subtitle-grupos>span:nth-child(2)::before {
    line-height: 30px;
    padding-left: 0px;}
}
@media (min-width: 770px) {
#title-grupos>h1 {
  max-width: calc(100% - 260px);}
}

@media (min-width: 770px) {
#title-grupos .titulo-page-add .buscador input {
  background-color: #F3F3F3;}
}
#title-grupos .titulo-page-add .buscador input:hover,
#title-grupos .titulo-page-add .buscador input:active,
#title-grupos .titulo-page-add .buscador input:focus{
  background-color: #FFF;}

/* entradas y bonos 610 */
#img-infini-entradas-content {
  position: relative;
  width: calc(100% + 50px) !important;}
#img-infini-entradas-fondo {
  width: calc(100% + 80px) !important;}
.img-infini-entradas {
  pointer-events: none !important;
  z-index: 1;
  width: calc(100% + 50px) !important;
  position: absolute;
  left: 0px;
  bottom: 0;}
.img-infini-entradas #imag-content-footer-vertical {
  z-index: 1;
  width: calc(100% + 50px) !important;
  position: absolute;
  bottom: 0;
  right: 0}
@media (max-width: 769px) {
  #img-infini-entradas-content {
    margin-top: 100px;}
  .img-infini-entradas #imag-content-footer-vertical #img-infini-svg, .img-infini-entradas #imag-content-footer-vertical {
    height: unset !important;}
  .img-infini-entradas #imag-content-footer-vertical {
    z-index: 1;
    width: calc(100% + 50px) !important;
    position: relative;}
}
/* home 003 */ 
#infini-accesos {
  width: 100%;
  height: 750px;} /* altura img + 40px */
#infini-accesos-content {
  width: 60%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  z-index: 3;}
#infini-accesos-content>div {
  z-index: 3;
  width: 250px;
  padding: 10px}
.img-infini-home {
  pointer-events: none !important;
  z-index: 1;
  height: 700px;
  position: absolute;
  right: 0px;
  bottom: 0;
  width: 40%;}
.img-infini-home #imag-content-footer-vertical {
  z-index: 1;
  width: 100%;
  height: 700px;
  position: absolute;
  bottom: 0;
  right: 0}
@media (max-width: 769px) {
  .img-infini-home {
    margin-top: -50px;
    float: right;
    position: relative !important;
    display: block}
  #infini-accesos {
    height: auto !important;
    display: flex;
    flex-direction:column}
  #infini-accesos>div {
    width: 100%}
  #infini-accesos-content {
    width: 100%;}
  #infini-accesos-content>div {
    width: 33%;}
  #imag-content-footer-vertical {
    float: right;
    height: 700px;
    position: absolute;
    display: block;
    top: 0;
    bottom: unset;}
}
@media (max-width: 576px) {
  #infini-accesos-content>div {
    width: 50%;}
  #img-infini-home, #imag-content-footer-vertical {
    height: 500px !important;}
  .img-infini-home {
    height: 500px !important;
    margin-top: -30px;
    float: right;
    position: relative !important;
    display: block}  
}
/* reservas 726 */ 
.img-infini-reservas {
  pointer-events: none !important;
  z-index: -1;
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  height: 500px;
  width: 100%;}
#img-infini-reservas {
  z-index: 1;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0}
.rsv-m-img {
  height: 100%;
  margin-bottom: 500px;
  pointer-events: none;
  width: 1px;}
@media (max-width: 1200px) {
  .rsv-m-img {margin-bottom: 400px;}
  .img-infini-reservas {height: 400px;}}
@media (max-width: 991px) {
  .rsv-m-img {margin-bottom: 350px;}
  .img-infini-reservas {height: 350px;}}
@media (max-width: 767px) {
  .rsv-m-img {margin-bottom: 450px;}
  .img-infini-reservas {height: 400px;}}
@media (max-width: 576px) {
  .rsv-m-img {margin-bottom: 30px;}
  .img-infini-reservas {height: 400px;}}







/*IMAGEN FONDO VERTICAL*/
.content-footer-vertical {
  width: 400px;}
@media (max-width: 1200px) {
  #imag-content-footer-vertical {width: 40%;}
  #content-footer-vertical {height: 250px;}}
@media (max-width: 991px) {
  #imag-content-footer-vertical {width: 65%;}
  #content-footer-vertical {height: 350px;}}
@media (max-width: 769px) {
  #imag-content-footer-vertical {width: 90%}
  .content-footer-vertical {height: 400px;}}
@media (max-width: 576px) {
  #imag-content-footer-vertical {width: 100%}
  #content-footer-vertical {height: 280px;}}
/*IMAGEN FONDO HORIZONTAL*/
#imag-content-footer-horizontal {
  width: 60%;
  float: right;
  margin-top: -120px;} 
@media (max-width: 1200px) {
  #imag-content-footer-horizontal {width: 80%;}}
@media (max-width: 992px) {
  #imag-content-footer-horizontal {width: 100%;}}
@media (max-width: 769px) {
  #imag-content-footer-horizontal {width: 100%;}}
@media (max-width: 576px) {
  #imag-content-footer-horizontal {width: 100%;}}





/* loading */ 

.footer-infini {
  padding: 0px 3px;  
  width: 70px;}
#footer-infini {
  padding: 0px 8px;
  line-height: 23px;
  vertical-align: top;
  font-size: 11px !important;}
/* loading */ 
#load {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: none;
  align-items: center !important;
  justify-content: center !important;}
.loading {
  position: fixed;
  display: flex;
  width: 200px;
  height: 200px; 
  background: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  z-index: 1000;
  transition: all 0.5s ease-in-out;
  cursor: wait !important
  /*
  position: fixed;
  width: 100vw;
  height: 100vh;
  */}
.loading.active {display: block;opacity: 1;}

.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150px;
  height: 150px;
  transform: translateX(-50%) translateY(-50%);
  overflow: hidden;}
.spinner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 147px;
  animation: spinnerTop 2000ms linear infinite;}
.spinner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 147px;
  right: 0;
  bottom: 0;
  animation: spinnerRight 2000ms linear infinite;}
.spinner span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;}
.spinner span:before {
  content: "";
  position: absolute;
  top: 147px;
  left: 0;
  right: 0;
  bottom: 0;
  animation: spinnerBottom 2000ms linear infinite;}
.spinner span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 147px;
  bottom: 0;
  animation: spinnerLeft 2000ms linear infinite;}
.spinner span svg {
  position: relative;
  width: 100%;
  height: 100%;}
.spinner>span {
  background-image: url(../img/inFini_ico_color.png);
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: center center;}
@keyframes spinnerTop {
  0% {left: 0;right: 0;}
  24.9% {left: 100%;right: 0;}
  25% {left: 0;right: 100%;}
  49.9% {left: 0;right: 0;}
  50% {left: 0;right: 0;}
  74.9% {left: 0;right: 0;}
  75% {left: 0;right: 0;}
  100% {left: 0;right: 0;}}
@keyframes spinnerRight {
  0% {top: 0;bottom: 0;}
  24.9% {top: 0;bottom: 0;}
  25% {top: 0;bottom: 0;}
  49.9% {top: 100%;bottom: 0;}
  50% {top: 0;bottom: 100%;}
  74.9% {top: 0;bottom: 0;}
  75% {top: 0;bottom: 0;}
  100% {top: 0;bottom: 0;}}
@keyframes spinnerBottom {
  0% {left: 0;right: 0;}
  24.9% {left: 0;right: 0;}
  25% {left: 0;right: 0;}
  49.9% {left: 0;right: 0;}
  50% {left: 0;right: 0;}
  74.9% {left: 0;right: 100%;}
  75% {left: 100%;right: 0;}
  100% {left: 0;right: 0;}}
@keyframes spinnerLeft {
  0% {top: 100%;bottom: 0;}
  24.9% {top: 0;bottom: 0;}
  25% {top: 0;bottom: 0;}
  54.9% {top: 0;bottom: 0;}
  55% {top: 0;bottom: 0;}
  75% {top: 0;bottom: 0;}
  99.9% {top: 0;bottom: 100%;}
  100% {top: 100%;bottom: 0;}}




.language{
  display:table-cell;
  vertical-align: middle;
  z-index: 20 !important}
.language-drop{
  margin-left: 20px;
  display: inline-block;
  position: relative;}
.language-drop__button{
  display: inline-block;
  margin: -1px 1px 0 0;
  padding: 0;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease !important;
  transition: all 0.2s ease !important;
  height: 28px;
  line-height: 28px !important;
  vertical-align: middle;
  width: 28px;
  text-align: center;
  text-decoration: none;
  font-size: 0.8rem;
  cursor: pointer;}
.language-drop__button::before{
  font-family: 'Font Awesome 5 Free';
  content: "\f024";
  color: #AEAEAE;
  -webkit-transition: all 0.2s ease !important;
  transition: all 0.2s ease !important;}
.language-drop__button:hover{}
.language-drop__button:hover::before{
  color: #fff !important;}
.language-drop__menu {
  padding-inline-start: 0px !important;  
  margin: 0; 
  list-style: none;}
.language-drop__menu-box {
  background: #212529;
  position: absolute;
  width: 190px;
  right: 47px;
  top: -2px;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  visibility: hidden;
  opacity: 0;}
.language-drop__menu-box:before{
  content:'';
  position: absolute;
  top: -15px;
  right: 18px;}
.language-drop__menu-box:after{
  content:'';}
.language-drop__item {
  display: inline;
  float: right;
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2);
  border-radius: 11px;
  width: 22px;
  height: 22px;
  margin: 4px 6px 4px 5px;
  cursor: pointer;
  position: relative;
  transition: transform .2s !important;}
.language-drop__item:hover{
  transform: scale(1.3) !important;}
.language-drop__item:last-of-type{  }
.language-drop--active .language-drop__menu-box{
  visibility: visible;
  opacity: 1;}
.language-drop__item:before{
  content:'';
  position: absolute;
  width: 3px;
  height: 28px;
  left: -13px;
  top: 50%;
  transform: translateY(-50%);
  display:none;}
.language-drop__item:hover:before{
  display:block;}
.EN,.ES,.FR,.DE,.RU  { 
  background-size: cover;}
.EN,.ES,.FR,.DE,.RU :hover  {
  background-blend-mode: none !important;}
.EN {background-image: url(../img/EN.png);}
.ES {background-image: url(../img/ES.png);}
.FR {background-image: url(../img/FR.png);}
.DE {background-image: url(../img/DE.png);}
.RU {background-image: url(../img/RU.png);}


.gridd-graphic {
  display: grid;
  grid-template-columns: 1fr 1fr;}
.gridd-graphic:hover {}
.gridd-graphic > div {
  margin;
  color: #A2A2A2;
  padding: 0.5rem;
  display: grid;
  place-items: center;
  align-content: center;
  text-align: center;
  cursor: default;}
.gridd-graphic > div:hover {  }
.gridd-graphic > div::before {
  content: "";
  display: block;
  grid-area: 1 / 1 / 2 / 2;}
@media (max-width: 769px) { 
  .gridd-graphic {
    grid-template-columns: 1fr;}
}
.gridd-graphic1 {
  width: 100% !important;}
.gridd-graphic2 {
  width: 100%;
  margin: 25px 0px;}

.gridd-counter-3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;  
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;}
.gridd-counter-3 > div {
  background: #D9D9D9;
  padding: 1.2rem 1rem 1rem 1rem;
  display: grid;
  place-items: center;
  align-content: center;
  text-align: center;
  cursor: default;}
.gridd-counter-3 > div:hover {  }
.gridd-counter-3 > div::before {
  content: "";
  display: block;
  grid-area: 1 / 1 / 2 / 2;}
@media (max-width: 769px) { 
  .gridd-counter-3 {
    grid-template-columns: 1fr 1fr 1fr;}} 
@media (max-width: 576px) { 
  .gridd-counter-3 {
    grid-template-columns: 1fr}} 



/* 030 gráfico circular */
@-webkit-keyframes bake-pie {
  from {
    transform: rotate(0deg) translate3d(0, 0, 0);}}
@keyframes bake-pie {
  from {
    transform: rotate(0deg) translate3d(0, 0, 0);}}
.pie-chart {
  margin-left: -15px;}
.pie-chart--wrapper {
  width: 100%;
  margin: 0px auto;
  text-align: center;}
.pie-chart__pie, .pie-chart__legend {
  display: inline-block;
  vertical-align: top;}
.pie-chart__pie {
  position: relative;
  height: 200px;
  width: 200px;
  margin: 0px auto 35px;}
.pie-chart__pie::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: 100px;
  height: 100px;
  background: #EEE;
  border-radius: 50%;
  top: 50px;
  left: 50px;}
.pie-chart__pie::after {
  content: "";
  display: block;
  width: 120px;
  height: 2px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  box-shadow: 0 0 3px 4px rgba(0, 0, 0, 0.1);
  margin: 220px auto;}
.slice {
  position: absolute;
  width: 200px;
  height: 200px;
  clip: rect(0px, 200px, 200px, 100px);
  -webkit-animation: bake-pie 1s;
          animation: bake-pie 1s;}
.slice span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: black;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  clip: rect(0px, 200px, 200px, 100px);}
.pie-chart__legend {
  display: block;
  list-style-type: none;
  padding: 0;
  margin: 0 auto;
  font-size: 13px;
  text-align: left;
  padding: 0px 20px ;
  max-width: 300px;
  }
.pie-chart__legend li {
  height: 1.25em;
  margin-bottom: 2em;
  padding-left: 0.5em;
  border-left: 1.25em solid black;}
.pie-chart__legend em {
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 20px;
  color: #51575C;
  vertical-align: top }
.pie-chart__legend span {
  font-weight: 700;
  font-size: 18px;
  line-height: 13px;
  float: right;}
.pie-charts {
  display: flex;
  flex-direction: row;}
@media (max-width: 500px) {
  .pie-charts {
    flex-direction: column;}
}

  
/* 030 contador */
.row2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;}
.counter-bl { 
  width: 100%;
  margin-top: 0px;
  margin-bottom: 30px;
  background-color: #D6D6D6;
  padding: 30px !important;
  padding-top: 0px !important;
  margin-left: auto;
  margin-right: auto;}
@media (max-width: 576px) {
  .counter-bl {
  padding: 30px 0px !important;}
  .counter-tl {
  padding-left: 30px;
  text-align: center}
}
.counter {
  max-width: 720px}
.counter-fecha {
  font-size: 13px !important;}
.counter-arrow {
  color: #A2A2A2;
  font-size: 27px;
  left: -12px;
  margin-top: 30px;
  position: absolute}
.counter-arrow2 {
  color: #A2A2A2;
  font-size: 30px;
  margin: 30px 0px 0px;}
.counter-arrow3 {display:none}
.counter-col {
  padding-left:0px !important}
.counter-col2 {
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 20px;} 
.counter-col4 {
  padding-left: 0px !important;
  padding-right: 0px !important;
  border-top: 3px solid #E9E9E9;
  padding-top: 30px;} 
.gridd-counter {
  grid-column-gap: 20px;
  grid-row-gap: 20px;  
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;}
.gridd-counter:hover {}
.gridd-counter > div {
  background: #CCCCCC;
  margin;
  color: #A2A2A2;
  padding: 1.2rem 1rem 1rem 1rem;
  display: grid;
  place-items: center;
  align-content: center;
  text-align: center;
  cursor: default;}
.gridd-counter > div:hover {  }
.gridd-counter > div::before {
  content: "";
  display: block;
  grid-area: 1 / 1 / 2 / 2;}
.gridd-counter1 {
  padding-top: 5px;
  font-weight: 700;
  font-size: 13px;
  line-height: 15px;
  color: #51575C;}
.gridd-icon-counter {
  padding-top: 10px;
  font-size: 25px;
  line-height: 30px;
  color: #51575C;}
.counter-animated {
  padding-top: 10px;
  font-size: 18px;
  font-weight: 700;}
.counter-form {
  max-width: 170px;
  margin-right: 20px}
.counter-boton {
  height: 40px;}
.counter-label-form {
  justify-content:center;
  display:flex;
  font-weight: 700 ;
  font-size: 13px;
  line-height: 24px}
@media (max-width: 769px) {
  .counter-form {
    max-width: 155px;
    margin-right: 10px}
  .cntr {margin-right: 0px !important}
  .counter-arrow2 {
    color: #A2A2A2;
    font-size: 20px;
    margin: 35px 0px 0px;}
  .gridd-counter {
    grid-template-columns: 1fr 1fr 1fr;}
}
@media (max-width: 576px) {
  .counter-form {
    max-width: 200px;
    margin-right: 0px}
  .counter-arrow2 {
    display:none}
  .counter-arrow3 {
    display: inline-block;
    color: #A2A2A2;
    font-size: 20px;
    margin: 0px 0px 0px 95px;}
  .counter-column {
    display:flex;
    flex-direction: column;}
  .cntr2 {
    justify-content:center;
    display:flex;
    width: 200px;}
  .cntr3 {
    justify-content:center;
    display:flex;}
  .cntr1 {
    justify-content:center;
    display:flex}
  .gridd-counter {
    grid-template-columns: 1fr;}
  .gridd-counter:hover {}
  .gridd-counter > div {
    padding: 0rem 0rem 0.5rem 0rem;}
  .counter-animated {
    padding-top: 5px;
    line-height: 20px;
    margin: 0 0 0px;}
  }


/* para hacer que funciones el click outside en menu ipad */
@supports (-webkit-overflow-scrolling: touch) {
body {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;}
} 


/* aviso no artículo */
.noarticle { 
width: 100%;
margin: 20px}
.noarticle-1 { 
width: 300px;
background: #D6D6D6;
border:3px solid #E9E9E9;}
.noarticle-2 { 
width: 300px;
background: #D6D6D6;}


/* buzón usuario */
.campo-text {
  resize: vertical;
  width: 100%;}
.buzon {
  max-width: 350px;}
.form-row6{    
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; 
  margin-top: 25px;}
.form-row7{    
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; 
  margin-bottom: 20px;}



/* Tablas EQCSS */
[data-table] {
  font-size: 14px;
  width: 100%;
  margin: 0;
  border-collapse: collapse;}
/* Tablas full width */
  @media (min-width: 992px) {
    [data-table] {
      display: table; width: 100%;}
    .eqcss caption { display: table-caption !important; width: auto !important;} 
    .eqcss thead { display: table-header-group !important; width: auto !important;}
    .eqcss tbody { display: table-row-group !important; width: auto !important;} 
    .eqcss tr { display: table-row !important; width: auto !important;} 
    .eqcss th { display: table-cell !important; width: auto !important;} 
    .eqcss td { display: table-cell !important; width: auto !important;}
  }
  @media (max-width: 991px) {
    .eqcss caption, 
    .eqcss thead, 
    .eqcss tbody, 
    .eqcss tr, 
    .eqcss th, 
    .eqcss td {
      display: block; 
      width: 100%;} 
    .eqcss caption {}
    .eqcss thead {
      display: none;}
    .eqcss tbody {}
    .eqcss tr {}
    .eqcss tr:after {
      content: ''; 
      display: block;
      clear: both;}
    .eqcss th {}
    .eqcss td {
      float: left;
      line-height: 1.4;
      padding: 10px 5px;
      text-align: center;
      position: relative;
      height: unset !important;}
    .eqcss td:after {
      content: attr(data-heading);
      display: block;
      width: 100%;
      position: absolute;
      bottom: 10pt;
      left: 0;
      line-height: 1.2;
      color: #6E767D;}
    .eqcss td:nth-of-type(n+2) {
      padding-bottom: 28px;}
    .eqcss td:first-of-type {
      width: 100%;
      }
    .eqcss td:first-of-type:after {
      display: none;}
    .col-four td { }
    .col-three td {width: 33.3%;}
  }
/* Tablas columna 8/12 */
  @media (min-width: 1201px) {
    [data-table] {
      display: table; width: 100%;}
    .eqcss-col caption { display: table-caption !important; width: auto !important;}
    .eqcss-col thead { display: table-header-group !important; width: auto !important;}
    .eqcss-col tbody { display: table-row-group !important; width: auto !important;}
    .eqcss-col tr { display: table-row !important; width: auto !important;}
    .eqcss-col th { display: table-cell !important; width: auto !important;}
    .eqcss-col td { display: table-cell !important; width: auto !important;}
  }
  @media (max-width: 1200px) {
    .eqcss-col caption,
    .eqcss-col thead,
    .eqcss-col tbody,
    .eqcss-col tr,
    .eqcss-col th,
    .eqcss-col td {
      display: block;
      width: 100%;}
    .eqcss-col caption {}
    .eqcss-col thead {
      display: none;}
    .eqcss-col tbody {}
    .eqcss-col tr {}
    .eqcss-col tr:after {
      content: '';
      display: block;
      clear: both;}
    .eqcss-col th {}
    .eqcss-col td {
      float: left;
      line-height: 1.4;
      padding: 10px 5px;
      text-align: center;
      position: relative;
      height: unset !important;}
    .eqcss-col td:after {
      content: attr(data-heading);
      display: block;
      width: 100%;
      position: absolute;
      bottom: 10pt;
      left: 0;
      line-height: 1.2;
      color: #6E767D;}
    .eqcss-col td:nth-of-type(n+2) {
      padding-bottom: 28px;}
    .eqcss-col td:first-of-type {
      width: 100%;
      font-weight: 700}
    .eqcss-col td:first-of-type:after {
      display: none;}
    .col-four td { }
  }
/* Grid Table Layout
@element [data-table^=col-] and (max-width: 700px) {
  $this[data-table$=-two] td { width: 50%;}
  $this[data-table$=-three] td { width: 33.3%;}
  $this[data-table$=-four] td { width: 25%;}
}
*/
  .role2 td {
    white-space: nowrap;
    height: 40px}
  .role2 td:after {
    height: unset !important;}
  .role2 td:nth-of-type(1) {white-space: normal !important;}
  .role2 thead tr {
    position: unset !important;
    top: unset !important;
    left: unset !important;}
  .role2 tr {
    background-image: none !important;
    padding-bottom: 0px;}
  .role2 .boton {
    font-weight: 700;
    padding: 8pt !important;
    height: 40px !important;
    text-align: center !important;} 
  @media (max-width: 991px) {
    .role2 .boton {
      background: #B1B1B1}}
  .role2-boton :hover {
    color:#212529 !important;}
  .role2 .title1 {
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    color: #51575C;
    background: #B1B1B1;}
  @media (max-width: 991px) {
    .role2 .full {
      width:100% !important}
    .role2 .title {
      font-size: 14px;
      font-weight: 700;
      line-height: 17px;
      color: #51575C;}
    .role2 .middle {
      width:50% !important}
    .role2 td {
      height: unset;}
  }
  @media (min-width: 992px) { 
    .role2 .tacet {display: none !important}
  }



/* tabla 720 precios */
#table-precios tbody tr:nth-child(even),
#table-precios tbody tr:nth-child(odd) {
    background-color: #D6D6D6;}
#table-precios tbody tr:hover {
    background-color: #CACACA;}
#table-destacado {
    background-color: #B7B7B7 !important;}
#table-precios {
  margin-bottom: 80px;}
.title-precios>h1 {
  text-transform: lowercase !important}
#subtitle-precios {
  font-size: 14px;
  font-weight: 600;
  color: #51575C;
  margin: 22px 0px 0px;}
#subtitle-precios>span::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f017";
  padding-right: 5px;}

  .precios tr {}
  .precios td {
    height: 40px;
    white-space: nowrap;}
  .precios td:nth-of-type(5), .precios td:nth-of-type(7) {
    }
  .precios td:nth-of-type(4), .precios td:nth-of-type(6) {
    }
  .precios td:nth-of-type(3), .precios td:nth-of-type(4), .precios td:nth-of-type(5), .precios td:nth-of-type(6), .precios td:nth-of-type(7) {
    text-align: center !important;}
  .precios td:nth-of-type(2) {
    text-align: left !important;} 
  .precios th {
    text-align: center;}
  .precios th:nth-of-type(2) {
    text-align: left !important;}
  tbody .precios tr:hover {
    background: #000 !important;}
  .precios2 {
    text-align: center !important;
    font-weight: 700;
    color: #51575C;
    line-height:20px;
    margin: 0px 15px 7px; 
    border-bottom: 2px solid #51575C}
  .precios3 {
    background: #E9E9E9;
    line-height:20px;    
    border-bottom: 2px solid #51575C}
  .precios3 {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(81, 87, 92,1) !important;
    -moz-box-shadow: 0px 0px 0px 0px rgba(81, 87, 92,1) !important;
    box-shadow: 0px 0px 0px 0px rgba(81, 87, 92,1) !important;}
  .precios td:nth-of-type(8), .precios td:nth-of-type(9) {
    display:none !important}
  .precio-light-on2 {
    width: 20px;
    opacity: 0.8;}
  .precio-light-off2 {
    width: 20px;
    opacity: 0.8;}
  .precio-light-on, .precio-light-off {
    display: none;}
  .precios6 {
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    height: 40px;  
    color: #51575C;
    padding-left: 40px !important;
    padding-bottom: 8px !important;}
  .precios7 {
    background-color: #B1B1B1 !important;}
  .precios-icon {
    display: none;}
  @media (max-width: 991px) {
    .precio-light-off {
      width: 18px;
      height: 18px;
      opacity: 1;
      margin-right:0px;
      margin-top: -7px;
      display: inline-block}
    .precio-light-on {
      width: 18px;
      height: 18px;
      opacity: 1;
      margin-right:3px;
      margin-top: -6px;
      display: inline-block}  
    .precios td {
      height: unset !important;
      white-space: nowrap;}
    .precios td:nth-of-type(1) {
      width: 25% !important;}
    .precios td:nth-of-type(2) {
      width: 50% !important;
      white-space: normal !important;}
    .precios td:nth-of-type(3) {
      width: 25% !important;}
    .precios td:nth-of-type(4), .precios td:nth-of-type(5), .precios td:nth-of-type(6), .precios td:nth-of-type(7) {
      width: 25% !important;
      border-top: 1px solid #E9E9E9;
      border-bottom: 0px solid #E9E9E9;
      padding-bottom: 10px !important;}
    .precios td:nth-of-type(5), .precios td:nth-of-type(8) {
      border-right: 1px solid #E9E9E9;}
    .precios td:nth-of-type(4), .precios td:nth-of-type(6) {
     }
    .precios td:nth-of-type(5), .precios td:nth-of-type(7) {
     }
    .precios td:nth-of-type(2), .precios td:nth-of-type(3) {
      text-align: center!important;}
    .precios td:nth-of-type(1) {
      text-align: center!important;}
    .precios td:first-of-type:after {
      display: block !important;}
    .precios td:first-of-type {
      padding-bottom: 28px;
      height: unset !important;
      white-space: nowrap;}
    .precios-icon {
      display: inline-block;
      padding-right:3px}
    .precios td:nth-of-type(4):after, .precios td:nth-of-type(5):after, .precios td:nth-of-type(6):after, .precios td:nth-of-type(7):after {
      display:none;}
    /* .precios td:nth-of-type(4):after {
      font-family: 'Font Awesome 5 Free';
		  content: "\f185";
      font-weight: 900;
      line-height: 10px;
      color:#212529;}
    .precios td:nth-of-type(5):after {
      font-family: 'Font Awesome 5 Free';
		  content: "\f186";
      font-weight: 900;
      line-height: 10px;
      color: #fff;}
    .precios td:nth-of-type(6):after {
      font-family: 'Font Awesome 5 Free';
		  content: "\f185";
      font-weight: 900;
      line-height: 10px;
      color:#212529;}
    .precios td:nth-of-type(7):after {
      font-family: 'Font Awesome 5 Free';
		  content: "\f186";
      font-weight: 900;
      line-height: 10px;
      color: #fff} */
    .precios-precio {
      display: unset !important;
      width: 50% !important;
      padding: 0px 0px 0px 0px !important;}
    .precios td:nth-of-type(8), .precios td:nth-of-type(9) {
      padding-bottom: 5px !important;
      height: unset !important;
      display: block !important;}
    .precios5 {
      color:  #6E767D;}
    .precios6 {
      text-align: center;
      padding-left: 0px !important;}
    tbody .precios tr {
      margin-bottom: 0px !important;}
    .luz td:first-of-type:after {
      width: 100% !important;
      height: unset !important;
      white-space: nowrap}
}
    


/* tabla 704 horarios */
#table-grupos tbody tr:nth-child(even),
#table-grupos tbody tr:nth-child(odd) {
    background-color: #D6D6D6;}
#table-grupos tbody tr:hover {
    background-color: #CACACA;}
#table-horarios tbody tr:nth-child(even),
#table-horarios tbody tr:nth-child(odd) {
    background-color: #D6D6D6;}
#table-horarios tbody tr:hover {
    background-color: #CACACA;}
#table-horarios .horarios-title {
    background-color: #B7B7B7 !important;}

  #table-horarios {
    margin-bottom: 80px;}
  .title-horarios>h1 {
    text-transform: lowercase !important}
  #subtitle-horarios {
    font-size: 14px;
    font-weight: 600;
    color: #51575C;
    margin: 22px 0px 20px;}
  #subtitle-horarios>span::before {
    font-family: 'Font Awesome 5 Free';
    content: "\f091";
    padding-right: 5px;}

  .role-hor td {
    white-space: nowrap;
    height: 40px}
  .role-hor td:after {
    height: unset !important;}
  .role-hor thead tr {
    position: unset !important;
    top: unset !important;
    left: unset !important;}
  .role-hor tr {
    background-image: none !important;
    padding-bottom: 0px;}
  .role-hor .boton {
    font-weight: 700;
    padding: 8pt !important;
    height: 40px !important;
    text-align: center !important;} 

  @media (max-width: 991px) {
    .role-hor .boton {
      background: #B1B1B1}}
    .role-hor-boton :hover {
      color:#212529 !important;}
    .role-hor .title1 {
      font-size: 14px;
      font-weight: 700;
      line-height: 17px;
      color: #51575C;
      background: #B1B1B1;}
  @media (max-width: 991px) {
    .role-hor .full {
      width:100% !important}
    .role-hor .title {
      font-size: 14px;
      font-weight: 700;
      line-height: 17px;
      color: #51575C;}
    .role-hor .middle {
      width:50% !important}
    .role-hor td {
      height: unset;}
  }
  @media (min-width: 992px) { 
    .role-hor .tacet {
      display: none !important}
      .horarios td:nth-of-type(8) {padding-right: 20px !important;}
    #vs-line {display: none !important;}
    /*#vs::after {
    content: 'vs';
    color: #51575C;  
    letter-spacing: 1px}*/
  }

  .horarios td {
    color:#51575C;
    text-align: left !important;
    height: 50px;
    padding-top: 8px;
    padding-bottom: 8px;}
  .horarios td {
    padding: 8px 10px;}
  .horarios th {
    padding: 0px 10px;}
  .horarios th:nth-of-type(1), .horarios td:nth-of-type(1) {
    font-weight: 700;
    padding-left: 10px;
    padding-right: 13px !important;
    text-align: right !important}
  .horarios th:nth-of-type(3), .horarios td:nth-of-type(3) {
    font-weight: 700;
    padding-left: 13px !important;
    text-align: left !important}
.horarios td:nth-of-type(2) {
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 30px !important;}
  .horario-vs {
    content: 'vs';
    letter-spacing: 1px;
    color: #FFF;
    width:  30px !important;
    height: 30px !important;
    background: #8B8E92;
    border-radius: 100%;
    text-align: center;
    line-height: 27px;transition: all 0.2s ease;}
  tbody tr:hover > td{
    color: #212529;}
  tbody tr {
    transition: all 0.2s ease;}
  tbody .horarios tr:hover {
    background: #000 !important;}
  .horarios-h {
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    height: 40px;  
    color: #51575C;
    padding-left: 10px !important;
    padding-bottom: 8px !important;}
  .horarios-title {
    background-color: #B1B1B1 !important;}


  @media (max-width: 576px) { 
    .horarios td:nth-of-type(5), .horarios td:nth-of-type(6){
      width: 50% !important}
    .horarios td:nth-of-type(7), .horarios td:nth-of-type(8) {
      width: 50% !important} 
    .horarios td:nth-of-type(5), .horarios td:nth-of-type(6) {}
    .horarios td:nth-of-type(7), .horarios td:nth-of-type(8) {
       padding-top: 0px;} 
  }

  @media (max-width: 991px) {
    .horarios {
      background-image: none !important}
    .horarios td {
      height: unset !important;
      white-space: normal !important;}
    .horarios-h {
      text-align: center !important;
      padding-left: 0px !important;}
    tbody .horarios tr {
      margin-bottom: 0px !important;}
    .horarios td {
      padding-left: 0px;
      padding-right: 0px;
      text-align: center !important}
    .horarios td, .horarios th {}
    .horarios td:nth-of-type(1) {
      padding-top: 10px;
      padding-bottom: 28px;}
    .horarios td:first-of-type:after {
      display: block;
      width: 100%;
      position: absolute;
      bottom: 10pt;
      left: 0;
      line-height: 1.2;
      color: #6E767D;}
    .horarios td:nth-of-type(1), .horarios td:nth-of-type(3) {
      font-weight: 600;
      width: 49%}
    .horarios td:nth-of-type(1)::after, .horarios td:nth-of-type(3)::after {
      font-weight: 400;}
    .horarios td:nth-of-type(1), .horarios td:nth-of-type(1)::after {
      padding-right: 30px;} 
    .horarios td:nth-of-type(3),.horarios td:nth-of-type(3)::after {
      padding-left: 30px;}
    .horarios td:nth-of-type(2) {
      border: 2px solid #E9E9E9 !important;
      /*height: 100% !important;*/
      width: 0px;      }
    .horarios td:nth-of-type(2):after {
      left: 50%;
      margin-left: -20px;
      top: 7px !important;
      background: #E9E9E9;
      border-radius: 50%;
      height: 40px;
      width: 40px;
      line-height: 40px;
      content:'vs';
      text-align: center;
      padding-left: 2px;
      letter-spacing: 1px;
      font-weight: 600;}
    .horarios td:nth-of-type(4) {
      display: block !important;
      width: 100%;
      min-height: 0px !important;
      height: 0px !important;
      border-bottom: 2px solid #E9E9E9;
      line-height: 0px !important;
      margin: 0px 0px 0px 0px !important;
      padding: 0px 0px 0px 0px !important;}
    .horarios td:nth-of-type(5), .horarios td:nth-of-type(6){
      width: 35%}
    .horarios td:nth-of-type(7), .horarios td:nth-of-type(8) {
      width: 15%} 
}
        





.lightbox-opened {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index:3001}
.lightbox-opened:before { }
.lightbox-opened img {
  box-shadow: 0 0 6px 3px #333;
  margin: auto;
  display: block;}
.no-scroll {overflow: hidden;}
.mfp-container {
  background-color: rgba(33, 37, 41, 0.9);
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
  z-index:3000}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;}


/*-- LIGHTBOX --*/
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2042;
  overflow: hidden;
  position: fixed;
  background: #212529;
  opacity: .6;}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2043;
  position: fixed;
  outline: 0!important;
  -webkit-backface-visibility: hidden;}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 2045 !important;}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;}




/* LINKS */
a:hover {color: none;text-decoration: none}
a:focus {color: none;}
a {color: none;}





.titulo-page-add {
  position:absolute;
  right:0;
  width: 100%;}
 


html {
  overflow-x: hidden !important;
  overflow-y: scroll;
  margin: 0;
  direction: ltr;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-font-smoothing: antialiased; /* suavizado fuente */
  -webkit-text-size-adjust: 100%;
  }

body {
      /*-webkit-overflow-scrolling: touch;  INERCIA */
      overflow-x: hidden !important;
      overflow-y: hidden !important;
      top:0;
      left:0;
      bottom:0; 
      right:0;
      margin: 0;
      font-family: "Open Sans", Arial, sans-serif;}


::-webkit-scrollbar {
  width: 6px;
  height: 6px;}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;}
::-webkit-scrollbar-thumb {
  background: #51575C;
  border: 0px none #ffffff;
  border-radius: 0px;}

::-webkit-scrollbar-track {
  background: #ADADAD;
  border: 0px none #ffffff;
  border-radius: 0px;}
::-webkit-scrollbar-track:hover {
  background: #ADADAD;}
::-webkit-scrollbar-track:active {
  background: #ADADAD;}
::-webkit-scrollbar-corner {
  background: transparent;}

button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}



* {
  -webkit-tap-highlight-color: rgba(0,0,0,0);}


.thumb-info:hover img {
  -webkit-transform: scale(1, 1);
   transform: scale(1, 1);}

#content-inFini {
  height: auto;
  padding-top: 30px;
}
#content-inFini2 {position: absolute;bottom: 0}


  p {color: #51575C;
  line-height: 23px;
  margin: 0 0 20px;} 




.mt-3, .my-3 {margin-top: 0em !important;}


/* IMÁGENES */
.img-thumbnail {
  border-radius: 0px !important;}
.img-thumbnail.img-thumbnail-hover-icon:before {
  border-radius: 0px !important;} 
.img-thumbnail img {
  border-radius: 0px !important;}


/* COLUMNAS */
@media (max-width: 1200px) {.col-lg-2{width: 50% !important;}}
@media (max-width: 991px) {.col-lg-2{width: 33.33% !important;}}
@media (max-width: 769px) {.col-lg-2{width: 33.33% !important;}}
@media (max-width: 576px) {.col-lg-2{width: 50% !important;}}

/* SEPARADORES */
.alto10 {height: 10px}
.alto20 {height: 20px}
.alto30 {height: 30px}
.alto40 {height: 40px} 
.alto50 {height: 50px} 
.alto60 {height: 60px} 

/* TITULOS */
hr {
  background: rgba(0, 0, 0, 1);
  height: 3px;
  margin-top: -5px;
  margin-bottom: 15px;}
hr.solid {}

/* TÍTULOS */
h1, h2, h3, h4, h5, h6 {
	color: #51575C;
	font-weight: 200;
	letter-spacing: -.05em;
	margin: 0;
	-webkit-font-smoothing: antialiased;
  cursor: default}
h1 {
	font-size: 2.5em;
	font-weight: 600;
	line-height: 42px;
	margin: 0 0 10px 0;}
h2 {
	font-size: 2em;
	font-weight: 600;
	line-height: 35px;
	margin: 0 0 10px 0;}
h3 {
	font-size: 1.7em;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 33px;}
h4 {
	font-size: 20px;
	font-weight: 600;
	line-height: 25px;
	margin: 0 0 10px 0;}
h5 {
	font-size: 0.9em;
	font-weight: 600;
	line-height: 18px;
	margin: 0 0 14px 0;
	text-transform: uppercase;}
h6 {
	color: #333;
	font-size: 0.8em;
	font-weight: 400;
	line-height: 18px;
	margin: 0 0 14px 0;}
.barratop {border-top: 3px solid #E9E9E9;}


/* --BOTÓN TO UP-- */
html .scroll-to-top {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  background: transparent !important;
  bottom: 0;
  color: #C2C2C2 !important;
  display: block;
  height: 9px;
  opacity: 0;
  padding-top: 12px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 33px;
  position: fixed;
  right: 10px;
  text-align: center;
  text-decoration: none;
  min-width: 30px;
  width: 30px;
  z-index: 1040;
  font-size: 1em;}
html .scroll-to-top:hover {
  opacity: 1;}






/* preload */
  #preloader {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #212529;
    z-index: 9999;
    overflow: hidden !important;}
  .preloader-box {
    width: 200px;
    height: auto;}
  #preloader-logo {
    content: url(../img/cn/escudo.png);
    width: 200px;
    height: auto;
    background: transparent;
    opacity: 0.8;
    animation: inner 1.5s infinite;}
  #preloader-logo::after {
    content: url(../img/cn/escudo.png);
    width: 200px;
    height: auto;
    background: transparent;
    transform: translate(-50%,-50%);
    opacity: 0.5;}
  .stop-scrolling {
    overflow-y: hidden !important;
    position: fixed !important;}


  @keyframes inner {
    0% {opacity: 0.2;}
    50% {opacity: 0.8;}
    100% {opacity: 0.2;}
    }
/* progress bar */
  .progress {
    background-color: #51575C;
    height: 2px;
    position: relative;
    width: 200px;
    margin-top: 40px}
  .progress-bar {
    animation-duration: 4s;
    animation-name: width;
    height: 100%;
    position: relative;}
  @keyframes width {
    0%, 100% {transition-timing-function: cubic-bezier(1, 0, .65, .85);}
    0% {width: 0;}
    100% {width: 100%;}
  }



/* TOLLTIP BOCADILLOS */
[class^="tooltip"] {
  position: relative;
}
[class^="tooltip"]:after {
  line-height: 20px;
  font-size: 14px !important;
  font-weight: 200 !important;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  content: attr(data-tooltip);
  padding: 6px 10px;
  top: 1.4em;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-2px);
          transform: translateX(-50%) translateY(-2px);
  background: grey;
  color: white;
  white-space: nowrap;
  z-index: 2;
  border-radius: 0px;
  -webkit-transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);}
[class^="tooltip"]:hover:after {
  display: block;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);}
.tooltip--left:after {
  top: -4px;
  left: 0;
  -webkit-transform: translateX(-112%) translateY(0);
          transform: translateX(-112%) translateY(0);}
.tooltip--left:hover:after {
  -webkit-transform: translateX(-110%) translateY(0);
          transform: translateX(-110%) translateY(0);}
.tooltip--right:after {
  top: -4px;
  left: 100%;
  -webkit-transform: translateX(12%) translateY(0);
          transform: translateX(12%) translateY(0);}
.tooltip--right:hover:after {
  -webkit-transform: translateX(3%) translateY(0);
          transform: translateX(3%) translateY(0); }
.tooltip--triangle:before {
  content: "";
  width: 0;
  height: 0;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
  border-bottom: solid 5px grey;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  -webkit-transform: translateX(-50%) translateY(-2px);
          transform: translateX(-50%) translateY(-2px);
  top: 1.1em;
  left: 50%;
  -webkit-transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: opacity 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
  z-index: 3;}
.tooltip--triangle:hover:before {
  display: block;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);}









/* -------------
   SIDEBAR STYLE
   ------------- */

#sidebar {
  width: 350px;
  position: fixed;
  top: 0;
  right: -350px;
  height: 100vh;
  z-index: 999;
  background: #3B4045; 
  color: #fff;
  transition: all 0.5s;
  overflow-y: scroll;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);}
  #scroll {
  max-height: 100%;
  overflow-y: auto;
  padding-top: 52px;  
  padding-bottom: 100px}
#sidebar.active {right: 0;}
#dismiss {
  border-bottom: ;
  width: 51px;
  height: 51px;
  line-height: 51px;
  text-align: center;
  background: #212529;
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1000}
#dismiss:hover {
  color: #fff !important;
  background: #212529;}
#dismiss:active {
  background: #171B1E;
  color: #B72EC7 !important;}
.overlayslide {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.7);
  z-index: 998;
  opacity: 0;
  transition: all 0.5s ease-in-out;}
.overlayslide.active {display: block;opacity: 1;}
#sidebar .sidebar-header {
  border-bottom:;
  height: 51px;
  font-weight: 600;
  padding-left: 20px;
  padding-top: 9px;
  background: #31353A;
  color:#fff;
  font-size:22px;
  margin-bottom: 0px;
  position: absolute;
  top: 0px;
  z-index: 999;
  width: 100%;
  cursor: default}
#sidebar ul.componentsuser {
  padding-top: 20px;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0px;}
#sidebar ul.components {
  padding-top: 10px;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0px;}
#sidebar ul p {color: #fff;padding: 10px;}
#sidebar ul li a {
  padding-top: 7px;
  padding-left: 20px;
  padding-bottom: 7px;
  font-size: 1.1em;
  display: block;
  color: #E9E9E9;
  text-align: left !important;}
#sidebar ul li a:hover {
  color: #fff;
  background-color: #33373B;
  border-left: 4px solid;
  padding-left: 16px;}
#sidebar ul li a:active {
  background-color: #212529 !important;}
#sidebar ul li.active>a,
a[aria-expanded="true"] {
  font-weight:600;
  background:#272B2F;}
a[data-toggle="collapse"] {
  position: relative;}
#labelCodigoUsu {
  display: inline-block;
  height: 30px;
  width:100px;
  margin-left:20px;
  color:#3B4045;
  font-weight: 700;
  font-size:17px;
  line-height: 20px;
  cursor: default}
#labelCodigoRepr {
  display: inline-block;
  height: 30px;
  width:100px;
  color:#3B4045;
  font-weight: 700;
  font-size:17px;
  line-height: 20px;
  cursor: default} 
@media (max-width: 991px) { 
  #labelCodigoUsu{margin-left:57px;}
  #labelCodigoUsu, #labelCodigoRepr {font-size:21px;height: 50px;} 
}



@media (max-width: 320px) {
  #sidebar {width: 100% !important;}
  #sidebar .sidebar-header {
    height: 52px;
    font-weight: bold;
    padding-left: 30px !important;
    padding-top: 12px;}
  #sidebar ul li a {
    padding: 15px 0px 15px 30px !important;
    font-size: 18px !important;
    line-height: 18px !important;
    font-weight: 700;}
  #scroll {padding-top: 60px}
  } 

@media (max-width: 991px) { 
  #sidebar {
    width: 100%;
    right: -100%;}
  .overlayslide.active {
    display:none !important}
  #sidebar .sidebar-header {
    height: 52px;
    font-weight: bold;
    padding-left: 60px;
    padding-top: 12px;
    background: #212529;
    color:#fff;
    font-size:22px;}
  #dismiss {
    width: 52px;
    height: 52px;
    line-height: 50px;
    top: 0px;
    right: 0px;}

  #sidebar ul li a {
    padding: 20px 0px 20px 53px;
    display: block;
    letter-spacing: normal;
    font-size: 21px;
    line-height: 23px;
    font-weight: 700;
    cursor: pointer;
    color: #E9E9E9;
    text-decoration: none;
    text-align: left !important;
    border-left: 4px solid transparent;}
  #sidebar ul li a:hover {
    color: #fff;
    background-color: #33373B;
    border-left: 4px solid;
    padding: 20px 0px 20px 53px;}
  #sidebar ul.components {
    padding-top: 0px;}
  #sidebar li {
    border-top: 1px solid #474C51;}
    #sidebar li:first-child {
    border-top: 0px solid #474C51;}
  #sidebar ul {
    margin-bottom: 0rem !important;
    margin-block-end: 0em !important;}
  #sidebar ul.componentsuser {
    background-color: #30353A;
    height: auto;
    padding-top: 0px;}
  #scroll {padding-top: 51px}
}




/* -------------
   SIDEBAR MOVIL
   ------------- */
  #sidebarmovil { 
    width: 100%;
    position: fixed;
    top: 0;
    left: -100%;
    height: 100vh; 
    z-index: 999;
    background: #3B4045;
    color: #fff;
    transition: all 0.5s;
    outline: none !important; 
    overflow:hidden;}  
  #scrollmovil {
    max-height: 100%;
    overflow-y: auto;
    padding-bottom: 100px;
    padding-top: 52px;}
  #sidebarmovil:focus {
    outline: none !important; }
  #sidebarmovil.active {left: 0;outline: none !important;}
  #dismissmovil {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #212529;
    top: 0px;
    left: 0px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
  #dismiss:hover {
    color: #fff !important;
    background: #212529;}
  #dismiss:active {
    background: #171B1E;
    color: #B72EC7 !important;}
  #sidebarmovil .sidebarmovil-header {
    height: 52px;
    font-weight: 600;
    padding-left: 70px;
    padding-top: 12px;
    background: #212529;
    text-transform: uppercase;
    color:#fff;
    font-size: 22px;
    margin-bottom: 0px;
    border-bottom:;
    position: absolute;
    top: 0px;
    z-index: 999;
    width: 100%;
    cursor: default}
  #dismissmovil {
    position: absolute;
    width: 48px;
    height: 48px;
    line-height: 50px;
    top: 0px;
    right: 0px;
    z-index: 1000}
  @media (max-width: 320px) {
  #sidebar {width: 270px;}} 
  
  

/* MENU MOVIL */
  @media (max-width: 991px) {#mainNav { 
    display: none !important}}
  @media (min-width: 992px) {#sidebarmovilCollapse { display: none !important}}

  @media (min-width: 768px) {#accordian .container {max-width: none;}}
  @media (min-width: 577px) {#accordian .container {max-width: none;}}
  
/* LOGO MOVIL */

  .header-logo-sticky {
    position: absolute;
    height: 43px !important;
    width: auto;
    max-width: 170px;
    top: 73px !important}
  .header-logo-non-sticky {
    position: absolute;
    height: 70px !important;
    width: auto;
    top: -15px !important}

   @media (min-width: 992px) {
    html.sticky-header-enabled #header .header-logo-sticky-change .header-logo-sticky {
      opacity: 0 !important;
      display: none;}
    html.sticky-header-enabled.sticky-header-active #header .header-logo-sticky-change .header-logo-sticky {
      opacity: 1 !important;
      display:block;}
  }
  @media (max-width: 991px) {
    html.sticky-header-enabled.sticky-header-active #header .header-logo-sticky-change .header-logo-non-sticky {
      display:none}
    #header .header-nav-bar .header-nav {
      width: 100%;
      display: flex;}
    #sidebarmovilCollapse {align-content: flex-start !important}
    #sidebarmovilLogo {
      margin:auto !important;
      height:48px;
      transition: .5s;
      opacity: 0;
      display:inline !important}
  }
    #sidebarmovilLogo {display: none;opacity: 0}
    .hide { opacity: 0;}
    #sidebarmovilLogo .show { opacity: 1 !important;}
    .hidelogo { opacity: 0;}
    .showlogo { opacity: 1 !important;}

  #accordian .container { 
    max-width: none !important;outline: none !important;}
  #accordian {
		background: #3B4045;
		width: 100%;
		margin: 0px 0px 0px 0px;
		color: white;
    outline: 0 !important;
    border-bottom: 1px solid #474C51;}
  #accordian:focus {outline: 0 !important;}
  #accordian h3 {
    margin-bottom: 0px;
    outline: none !important;}
  #accordian h3 a {
		padding: 20px 0px 20px 0px;
		display: block;
    letter-spacing:normal;
    font-size: 24px;
    line-height: 23px; 
    font-weight: 700;
    cursor: pointer;
    color: #E9E9E9; 
		text-decoration: none;}
  #accordian h3 a:hover {
    color: #fff}
  #accordian h3:hover {}
  #accordian i {
    margin-right: 10px;}
  #accordian li {
    padding-left: 52px;
    list-style-type:none;
    list-style:none;
    border-left: 4px solid transparent;
    border-top: 1px solid #474C51;
    transition: border-color .20s ease-in-out,box-shadow .20s ease-in-out;}
  #accordian li:first-child {
    border-top: 0px solid #474C51;}
  #accordian li:hover {
    color: #fff !important;
    background-color: #272B2F; 
    border-left: 4px solid #fff;}
  #accordian li.active  {
    border-left: 4px solid #fff;}
  #accordian li.active>ul {
    display: block;}
  #accordian li.active {
    border-left: 4px solid;
    background-color: rgba(41,46,50,0.5);}
  #accordian li ul li.active, 
  #accordian li ul li, 
  #accordian li ul li:focus, 
  #accordian li ul li:hover {
    border-left: 0px !important;
    padding-left: 0px;
    border-top: 0px;} 
  #accordian ul li ul {
    padding-bottom: 20px;
    padding-left: 0px;}
  #accordian ul {
    padding-left: 0px;
    list-style-type:none;
    list-style:none;
    padding-inline-start: 0px;
    margin-block-end: 0em;}
  #accordian .categoria {
    line-height: 40px;
    font-weight: 600;
    font-size:18px;
    cursor: default}
  #accordian ul ul {
		display: none;
    padding-left: 0px !important;} 

  #accordian ul ul li a {
    font-size: 16px !important;
    line-height: 35px !important; 
    font-weight: 600;
    cursor: pointer;
    color: #E9E9E9;
		text-decoration: none;
		list-style-type: none;
		display: block;
		transition: all 0.15s; 
		position: relative;
    padding-left: 15px;}
  #accordian ul ul li a:active {
		background: #212529 !important;
		border-left: 0px;
    color: #B72EC7 !important;}
  #accordian ul ul li a:hover {
		background: #262A2E;
		border-left: 0px;
    color: #fff;}
  #accordian ul ul li li a {
    font-size: 16px !important;
    font-weight: 200;
    line-height: 40px !important;}
  #accordian ul ul li li a:hover {
    }
  #accordian a:not(:only-child):after {
		font-family: 'Font Awesome 5 Free';
		content: "\f104";
		font-weight: 900;
		position: absolute;
		right: 30px;
		top: 0;
		font-size: 16px;}
  #accordian .active>a:not(:only-child):after {
		content: "\f107";}

  @media (max-width: 320px) {
    #accordian li { padding-left: 30px !important;}
    #accordian ul ul li li a {}
    #accordian ul li ul li {padding-left: 0px !important;}
    #accordian h3 a {
      padding: 15px 0px 15px 0px;
      display: block;
      letter-spacing:normal;
      font-size: 22px;
      line-height: 22px; 
      font-weight: 700;
      cursor: pointer;
      color: #E9E9E9; 
      text-decoration: none;}
  }



/*----------------
   PARALLAX FOOTER 
   ---------------*/
  body {background-color: #212529 !important;}
  .body {background-color: transparent;}
  #site-content {
    background-color: #E9E9E9; /*#E9E9E9*/
    min-height: 100%;
    min-height: 100vh;
    position: relative;
    z-index: 1 !important; 
    -webkit-box-shadow: #000 0 7px 35px 0;
    -moz-box-shadow: #000 0 7px 35px 0;
    box-shadow: #000 0 7px 35px 0;
    border-bottom: 3px solid;
    display: flex;
    flex-flow: column;
    
  }
  #site-footer {
    padding: 0px;
    background-color: #212529;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0 !important}


#tapfooter {
    background-color: #212529;
    z-index: 2 !important;
    position: fixed;
    width: 100%;
    height: 200px;
    top:0px;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ styles */
    #tapfooter {
      display:none !important}}
  
  @media (min-width: 992px) {#tapfooter {display: none !important;} }  

#footer-logo-img {
  width: auto;
  height: 150px;
  max-width: 170px}
 
/*------------- 
   FORMULARIOS 
  ------------- */
.form-controlblack-lg {
  width: 100%;
  padding: .375rem .75rem;
  font-size: 14px;
  line-height: 1.5;
  color: #212529;
  background-color: #ECECEC;
  background-clip: padding-box;
  border-top: 0px solid #ECECEC;
  border-right: 0px solid #ECECEC;
  border-left: 0px solid #ECECEC;
  border-bottom: 0px solid #ECECEC;
  border-radius: 0rem;
  transition: border-color .3s ease-in-out,box-shadow .3s ease-in-out;
  -webkit-box-shadow: 0px 3px 0px 0px #A2A2A2;
  -moz-box-shadow: 0px 3px 0px 0px #A2A2A2;
  box-shadow: 0px 3px 0px 0px #A2A2A2;}
.form-controlblack-lg:focus {
  outline: none;
  border-radius: 0rem;
  background-color: #fff;
  border-top: 1px solid #A2A2A2;
  border-right: 1px solid #A2A2A2;
  border-left: 1px solid #A2A2A2;
  border-bottom: 0px solid #ECECEC;}
.form-controlblack-lg:hover {
  outline: none;
  background-color: #fff;}
input:-internal-autofill-selected {;
  background-color: #fff;
  color: #212529;}

.form-controlblack-lg[readonly] {
  color: #A2A2A2;
  background-color: #ECECEC;
  cursor:default;
  cursor:no-drop}
.form-controlblack-lg:hover[readonly] {
  background-color: #ECECEC !important;
  border-top: 1px solid #ECECEC !important;
  border-right: 1px solid #ECECEC !important;
  border-left: 1px solid #ECECEC !important;
  border-bottom: 0px solid #ECECEC !important;
  -webkit-box-shadow: 0px 3px 0px 0px #A2A2A2 !important;
  -moz-box-shadow: 0px 3px 0px 0px #A2A2A2 !important; 
  box-shadow: 0px 3px 0px 0px #A2A2A2 !important;}
.form-controlblack-lg:focus[readonly] {
  outline: none;
  background-color: #ECECEC !important;
  border-top: 1px solid #ECECEC !important;
  border-right: 1px solid #ECECEC !important;
  border-left: 1px solid #ECECEC !important;
  border-bottom: 0px solid #ECECEC !important;  -webkit-box-shadow: 0px 3px 0px 0px #A2A2A2 !important;
  -moz-box-shadow: 0px 3px 0px 0px #A2A2A2 !important; 
  box-shadow: 0px 3px 0px 0px #A2A2A2 !important;}


.form-group {
  margin-bottom: 0rem;
  color:#212529}
.form-row > .col, .form-row > [class*="col-"] {
  padding-right: 0px;
  padding-left: 0px;}
label {
  margin-bottom: 0rem;
  color:#51575C;
  line-height: 24px} 
.label-form {
  position: relative;
  font-weight: 700 ;
  font-size: 13px;
  line-height: 24px}
.info-form {
  position: absolute;}
.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
  margin-top: 25px;}

.imag-user {border: 3px solid #51575C;margin-right: 20px;max-width: 97px}

.btn-tertiary {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #51575C;
  background-color: #BEBEBE;
  border: 0px;
  width: 100%;
  transition: border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out;
  padding: 0;
  line-height: 38px;
  width: 290px;
  margin: auto;
  border: 0px solid #555;}
.btn-tertiary:hover,
.btn-tertiary:focus {
    color: #212529;
    background: rgba(190,190,190,1);
    background: -moz-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(190,190,190,1)), color-stop(100%, rgba(161,161,161,1)));
    background: -webkit-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
    background: -o-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
    background: -ms-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
    background: linear-gradient(to bottom, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebebe', endColorstr='#a1a1a1', GradientType=0 );
    box-shadow: 0px 3px 0px 0px #E9E9E9;}
/* input file style */
.input-file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;}
.input-file + .js-labelFile {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 10px;
  cursor: pointer;}
.input-file + .js-labelFile .icon:before {
  content: "\f093";}
.input-file + .js-labelFile.has-file .icon:before {
  content: "\f00c";
  color: #5AAC7B;}

.eye-icon {
  margin-left: -22px;
  margin-top: 12px;
  }
.input-icon-wrap {
  display: flex;
  flex-direction:row;
  width: 100%;}
.input-icon {
  margin-left: -18px;
  margin-top: 10px;
  z-index: 2;
  color:#BEBEBE;
  transition: color .20s ease-in-out;}
.input-icon:hover {
  color:#51575C}
.input-icon-nohover {
  margin-left: -18px;
  margin-top: 10px;
  z-index: 2;
  color:#51575C;}
.input-with-icon {
  border: none;
  flex: 1;}
.input-icon, .input-with-icon {  }
.user-icon {
  color:#E9E9E9;
  font-size: 50px;
  width: 100%;
  text-align: center;
  padding: 20px 0px 10px 0px;}

.legal 
{color:#51575C !important}

.user-icon .fa-info-circle {cursor: default !important}
.codeuser1 {
  padding-bottom: 10px;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #51575C;
  cursor: default}
.codeuser2 {
  pointer-events: none;
  cursor: default;
  padding-top: 0.4rem;
  padding-right: 1rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-weight: 700;
  letter-spacing: 3px;
  text-align: center;
  border: 0px;
  width: 100%;
  transition: border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out;
  font-size: 19px;
  color: #212529;
  background: rgba(190,190,190,1);
  background: -moz-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(190,190,190,1)), color-stop(100%, rgba(161,161,161,1)));
  background: -webkit-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  background: -o-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  background: -ms-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  background: linear-gradient(to bottom, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebebe', endColorstr='#a1a1a1', GradientType=0 );}
.codeuser3 {
  border: 0px;
  font-weight: 600;
  background: transparent;
  width: 100%;
  text-align: center;
  color:#A1A1A1;
  transition: color .20s ease-in-out;
  margin-bottom: 10px;
  white-space: normal}
.codeuser3:hover {
  color:#51575C}
.codeuser4 {
  padding-bottom: 10px;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #51575C;
  cursor: default;
  white-space: normal}
.codeuser5 {
  padding-bottom: 10px;
  width: 100%;
  text-align: center;
  font-weight: 200;
  font-size: 14px;
  line-height: 20px;
  color: #51575C;
  cursor: default;
  white-space: normal}
.codeuser6 {
  padding-bottom: 0px;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #51575C;
  cursor: default;
  white-space: normal}
.codeuser7 {
  padding-bottom: 25px;
  width: 100%;
  text-align: center;
  font-weight: 200;
  font-size: 14px;
  line-height: 20px;
  color: #51575C;
  cursor: default;
  white-space: normal}
.codeuser8 {
  padding-bottom: 20px;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  color: #51575C;
  cursor: default;
  white-space: normal}
.codeuser8b  {
  padding-bottom: 5px;
  padding-top: 10px;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: #51575C;
  cursor: default;}
.datosrequired {
  font-weight: 200;
  font-size: 1em !important;
  line-height: 20px;
  color: #51575C;
  cursor: default;
  padding-left: 15px}
.user-grid1 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap}

@media (max-width: 991px) {
.user-grid1 div {
  padding-right: 30px;}
  .user-grid1 {
  flex-direction: row;}}
@media (max-width: 576px) {
.user-grid1 {
  flex-direction: column;
  text-align: center !important;}
.user-grid1 div {
  padding-right: 0px;}
.user-grid1 div .imag-user {
    margin-right: 0px;}} 

/* DESPLEGABLE MOVIL */
@media (min-width: 992px) {
.div-desplegable-movil {
  display:none !important;}}
@media (max-width: 991px) {
  .titulo-page-add {
    position:relative;
    margin-bottom: 20px;}}
.div-desplegable-movil {} 
.desplegable-movil {
  position:relative;
  width: 100%;
  z-index:2;
  display: block;
  padding: .5rem 1rem;
  text-decoration: none;  
  color: #666;
  font-size: .88rem;
  line-height: 1.88;
  height: 2.5rem;
  border-radius: 0rem;
  border: 1px solid #dedfdf;
  overflow: hidden;
  background-color: #f5f5f5;
  transition: background 300ms ease;}

/* DESPLEGABLE ESCRITORIO */

@media (max-width: 991px) {
.div-desplegable-escritorio {display:none !important}}
.div-desplegable-escritorio .desplegable-wrap {
   -webkit-box-shadow: ;
  -moz-box-shadow: ;
  box-shadow: ; 
}
.div-desplegable-escritorio {
  margin-top: -60px;
  position:absolute;
  right:0;
  z-index:2;
  padding-right: 15px;
  min-width: 300px}
.desplegable-wrap {
  width: 100%;
  z-index:2; 
  overflow: hidden;
  transition: background 300ms ease;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: #F3F3F3;
  background-clip: padding-box;
  border: 1px solid #ECECEC;
  border-radius: 0rem;
  transition: border-color .3s ease-in-out,box-shadow .3s ease-in-out;
  -webkit-box-shadow: 0px 3px 0px 0px #A2A2A2;
  -moz-box-shadow: 0px 3px 0px 0px #A2A2A2;
  box-shadow: 0px 3px 0px 0px #A2A2A2;}
.desplegable-wrap:hover {
  background-color: #fff;}
.desplegable-wrap.down {
  max-height: 350px;
  overflow-y: auto;
  background-color: #fff;
  border: 1px solid #A2A2A2;}
.desplegable-wrap.down .drop::after {
  transform: rotate(-90deg);}
.desplegable-wrap .drop, .desplegable-wrap ul a {
  width: 100%;
  display: block;
  padding: .5rem 1rem;
  text-decoration: none;
  color: #666;
  font-size: .88rem;
  line-height: 1.88;
  height: 2.5rem;}
.desplegable-wrap .drop {
  position: relative;}
.desplegable-wrap .drop::after {
  content: '\25BA';
  position: absolute;
  text-align: center;
  width: 1rem;
  height: 1rem;
  top: 50%;
  right: 1rem;
  margin-top: -.5rem;
  color: #666;
  transform: rotate(90deg);
  line-height: .94;
  transition: all 300ms ease;}
.desplegable-wrap ul {
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: visible;
  z-index: 1000;}
.desplegable-wrap ul a {
  position: relative;
  white-space: nowrap}
.desplegable-wrap ul a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, rgba(245, 245, 245, 0) 0%, whitesmoke 10%, whitesmoke 90%, rgba(245, 245, 245, 0) 100%);}




/*------------- 
    TABLAS  
  ------------- */
@media only screen and (max-width: 991px) {
  /* Force table to not be like tables anymore */
  table, thead, tbody, th, td, tr {
    display: block;}
  /* Hide table headers (but not display: none;, for accessibility) */
  thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;}
  tr {
    margin-bottom: 10px;
    padding-bottom: 5px;
    padding-top: 0px;
    background-image: url(../img/backtabla.png);
    background-repeat: repeat-x;
    background-position: bottom;}
  tr:nth-child(odd) {
    background-color: #CACACA;}
  tr:nth-child(even) {
    background-color: #CACACA;}  
  td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 0px solid #E9E9E9;
    position: relative;
    text-align: right;
    color: #212529;
    font-weight: 400;}
  td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 0;
    left: 6px;
    width: 95%;
    padding-right: 10px;
    white-space: nowrap;
    color: #6E767D}
  .row-boton {
    margin-top: 10px;
    padding-left: 35%;
    align-content: center} 
}
  @media (max-width: 991px) {td {padding-left: 35%;}.row-boton {padding-left: 35%;}}
  @media (max-width: 769px) {td {padding-left: 30%;}.row-boton {padding-left: 30%;}}
  @media (max-width: 576px) {td {padding-left: 25%;}.row-boton {padding-left: 25%;}}

/* --------------------
     TABLA RESPONSIVE
   -------------------- */
  table {
    border-spacing: 0px 2px !important;
    border-collapse: separate !important;}
  thead tr {
    background-color:  #51575C;
    cursor: default;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(81, 87, 92,1);
    -moz-box-shadow: 0px 2px 0px 0px rgba(81, 87, 92,1);
    box-shadow: 0px 2px 0px 0px rgba(81, 87, 92,1);} 
  th {
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    color:#E9E9E9;
    line-height: 40px;
    padding-left: 5px;}
  tbody tr:nth-child(odd) {
      background-color: #CACACA;}
  tbody tr:nth-child(even) {
      background-color: #CACACA;} 
  tbody tr:hover {
    background-color: #C0C0C0; ;
    cursor: default;}
  td { 
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    width:1px;
    white-space:nowrap;}
  @media (min-width: 992px) {td {
    white-space: unset;
    line-height: 17px;
    padding:5px 0px}}
  @media (min-width: 992px) {td {padding-left: 5px;height: 40px}}
  @media (max-width: 991px) {td {height: 30px}}
  @media (max-width: 769px) {td {height: 27px}}
  @media (max-width: 576px) {td {height: 22px}}

/* boton inscribir y espera */
.celltext {font-size:13px;}
  .row {
    color: #212529;
    font-size: 14px;
    font-weight: 400;
    letter-spacing:-0.05em}
  @media (max-width: 991px) {.row {font-size: 1em;}}
  @media (max-width: 769px) {.row {font-size: 1em;}}
  @media (max-width: 576px) {.row {font-size: 1em;}}
  .row-boton {
    vertical-align: middle;
    font-weight: 700;  
    color: #51575C;}
  @media (min-width: 992px) {td .row-boton {height: 30px !important;line-height: 30px !important}}
  @media (min-width: 992px) {.row-boton {height: 40px;line-height: 40px}}
  @media (max-width: 991px) {.row-boton {height: 34px;line-height: 35px}}
  @media (max-width: 769px) {.row-boton {height: 34px}}
  @media (max-width: 576px) {.row-boton {height: 34px;font-size: 14px;}}
  .row-boton :hover {
    color:#212529 !important;}
@media (min-width: 992px) {
  .cellcenter {
    text-align: center}
  .cellright {
    text-align: right}
  .cellleft {
    text-align: left}}
  .grupoinfo {
    font-size: 18px;
    vertical-align: bottom;
    line-height: 40px;
    height: 40px;
    color: #7D8082 !important;
    cursor: pointer !important;}
@media (min-width: 992px) {
  .grupoinfo {padding-left: 12px}}
  .grupoinfo :hover {
    color: #51575C !important;}
  .cabecera {display:inline !important}




/* --------------
      BUSCADOR
   -------------- */
  search {
    display: block;
    width: 100%;
    padding: .5rem 1rem;
    text-decoration: none;
    color: #666;
    font-size: 1rem;
    line-height: 1.88;
    height: 2.5rem;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0rem;
    transition: border-color .3s ease-in-out,box-shadow .3s ease-in-out;
    -webkit-box-shadow: 0px 3px 0px 0px #A2A2A2;
    -moz-box-shadow: 0px 3px 0px 0px #A2A2A2;
    box-shadow: 0px 3px 0px 0px #A2A2A2;}
  input {
    border-image-width: 0 !important;
    margin-bottom: 10px;
    padding: .5rem 1rem;
    text-decoration: none;
    height: 2.5rem;    
    width: 250px;
    border: 0px solid #ced4da;
    border-radius: 0rem;
    background-color: #ECECEC;
    transition: border-color .3s ease-in-out,box-shadow .3s ease-in-out;
    -webkit-box-shadow: 0px 3px 0px 0px #A2A2A2;
    -moz-box-shadow: 0px 3px 0px 0px #A2A2A2;
    box-shadow: 0px 3px 0px 0px #A2A2A2;}
  input:focus {
    background-color: #fff;
    outline: none !important;} 
  input:hover {
    background-color: #fff;outline: none !important;}  
.buscador {
    margin-top: -58px;
    position:absolute;
    right:0;
    z-index:2;
    padding-right: 15px;}
@media (max-width: 991px) {
    .buscador {
    padding-right: 0px;}}
@media (max-width: 769px) {
    .buscador {
    margin-top: 0px;
    position:relative;
    right:0;
    z-index:2;
    padding-right: 0px;}
  input {   
    width: 100%;}
}





/*-- ¿ÉSTO QUÉ ES? 
  .lightbox-opened.sticky-header-active #header .header-body {
    padding-right: 0px !important;}--*/
  .show {
    padding-right: 0px !important;}
  html .text-color-dark, html .text-black {
    color: #fff !important;}



/* --- POPUP --- */
  .modal-dialog {
    -webkit-box-shadow: ;
    -moz-box-shadow: ;
    box-shadow: ;
    width: auto;
    pointer-events:auto;
    max-height: 90%; 
    overflow-y: auto;
    overflow-x: hidden;}
  .modal-dialog-sm {
    width: auto;
    pointer-events: auto;
    max-height: 90%;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;}
  @media (min-width: 576px) {
  .modal-dialog-sm {
    max-width: 300px;
    margin: 1.75rem auto;}}
  .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050 !important;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;}
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden;}
  .modal-header {
    z-index: 1051;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    background-color: #C1C1C1;
    border-bottom: 0px solid #51575C;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
    padding-top: 0.5rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    }
  .modal.show .modal-dialog {
    background-color: #E9E9E9 !important;}
  .modal-title {  
    color: #212529;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;}
  .modal-title br {  
    content: "";
    display: block;
    font-size: 25%;}
  /*.alertpopupTitle, h4 {margin: 0 0 0px 0;}*/
  #alertfooter {
    position: sticky;
    bottom: 0;
    background-color: rgb(221,221,221);
    background: rgb(221,221,221);
    background: -moz-linear-gradient(180deg, rgba(221,221,221,0) 0%, rgba(221,221,221,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(221,221,221,0) 0%, rgba(221,221,221,1) 100%);
    background: linear-gradient(180deg, rgba(221,221,221,0) 0%, rgba(221,221,221,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E9E9E9",endColorstr="#E9E9E9",GradientType=1);}
  #alertclosed {display:none}

  .modal-footer {
    color: #212529;
    background-color: #C1C1C1;
    border-top: 0px; 
    border-radius: 0rem !important;
    padding-top: 0.5rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    cursor: default}
  .modal-contenido {
    padding: 40px 20px 20px 20px }
  .modal-content {
    background-color: #E9E9E9;
    border-radius: 0rem !important;
    background-clip: inherit;
    border: 0px;} 
  .usuario {
    cursor: default !important;
    border-bottom: 2px solid;}
  .usuario a {
    cursor: default !important;}
  .modal-backdrop {
    z-index: 1040;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;}
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .modal, .overlayslide, .mbsc-popup-overlay {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    background-color: rgba(33,37,41,0.40);
  }
}


  .modal-backdrop.show {
    }    
  .loginpop {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;}
  .modal-body {
    font-size: 14px;
    color: #212529;
    position: relative;
    -ms-flex: 1 1 auto;
    padding: 1rem;
    cursor: default}
  .modal-backdrop.fade {
	  }
  .modal-open {
	  overflow-y: hidden !important;
    overflow-x: hidden !important;
    position: fixed !important}
  .modal-open .modal {
    overflow-x: hidden !important;
    overflow-y: hidden !important;}



  .noticiabtn {
    margin-bottom: 15px}
  .noticiacuerpo {
    font-size: 14px;
    color: #51575C}
  .noticiacabecera {
    font-size: 14px;
    font-weight: 700;
    color: #51575C;
    position: relative;
    -ms-flex: 1 1 auto;
    padding-bottom: 1rem;}
  .noticialink {
    padding-top: 1rem;}
  .noticialink a {
    color:#E9E9E9;}
  .noticialink a:hover {
    color:#212529;}
  .noticialink a:focus {
    color:#212529;}
  #cabeceraBody {
    line-height: 21px !important;}
  #descripcionBody p {
    line-height: 21px !important;}
  #descripcionCodigo {
    font-weight: 600;
    font-size: 16px }
  .modal-img {
    padding-right: 0rem;
    padding-left: 1rem;
    padding-bottom: 1rem;
    display: flex;}
  .modal-img .col-lg-6 {
    padding-left: 0px !important}
  .close {
    float: right;
    font-size: 25px;
    font-weight: 200;
    line-height: 1;
    color: #797979;
    text-shadow: 0 0px 0 #000;
    opacity: 1;}
  .close:not(:disabled):not(.disabled) {
    outline: none !important;}
  .close:focus, .close:hover {
    color: #212529;
    text-decoration: none;
    opacity: 1;}
  .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    opacity: 1;}
  .img-thumbnail {
    padding: 0.25rem;
    background-color: transparent;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;}
  .img-fluid {
    width: 100%;
    height: auto;}
  .piefoto {font-size: 12px;line-height:14px;color:#51575C;padding-top: 3px;cursor: default}





  

/*--- 910 ACCESO ---*/
  .loginusuario {
    width: 300px;
    margin-bottom:50px;
    margin-top:0px;
    border-bottom:;
    background-color: #D6D6D6;
    padding: 30px !important;
    padding-top: 0px !important;
    margin-left:auto;margin-right:auto}
  .logintitulouser {
    float: left;
    width: 100%;
    text-align: left;
    padding-left: 0px;
    padding-top: 20px;
    color:#E9E9E9;
    font-size: 44px;
    font-weight: 800;
    line-height: 42px;
    cursor: default;}
  .user-log-title2 {
    padding-top: 20px;
    color: #E9E9E9;
    font-size: 30px;
    font-weight: 800;
    line-height: 35px;
    cursor: default;}
  .user-log-title3 {
    padding-top: 20px;
    color: #E9E9E9;
    font-size: 30px;
    font-weight: 800;
    line-height: 35px;
    cursor: default;
    border-top:0px;
    margin-bottom:40px;
    margin-top:10px;
    padding-left:0px;}
  .user-log-title4 {
    padding-top: 20px;
    color: #E9E9E9;
    font-size: 30px;
    font-weight: 800;
    line-height: 35px;
    cursor: default;
    border-top:0px;
    margin-bottom:40px;
    margin-top:10px;}

    @media (min-width: 992px) {
      .loginusuario {margin-top: 50px}}
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .loginusuario {margin-top: 30px}}
    @media screen and (min-width: 577px) and (max-width: 767px) {
      .loginusuario {margin-top: 0px}}

  .mensaje-no-reservas {
    height: 170px !important;
    width: 300px;
    margin-bottom:50px;
    margin-top:100px;
    border-bottom: ;
    background-color: #D6D6D6;
    padding: 30px !important;
    padding-top: 0px !important;
    margin-left:auto;margin-right:auto}
    @media (min-width: 992px) {
      .mensaje-no-reservas {margin-top: 50px}}
    @media screen and (min-width: 768px) and (max-width: 991px) {
      .mensaje-no-reservas {margin-top: 30px}}
    @media screen and (min-width: 577px) and (max-width: 767px) {
      .mensaje-no-reservas {margin-top: 50px;}}

/*--- CONDICIONES 911 913 ---*/
#content913 {}
.condition-title-big {
  padding-left: 15px;
  color: #E9E9E9;
  font-size: 44px;
  font-weight: 800;
  line-height: 42px;
  border-bottom: 3px solid #E9E9E9;
  cursor: default;}
.condition1 {
  padding-bottom: 10px;
  width: 100%;
  text-align: left;
  font-weight: 700;
  font-size: 1.2em;
  line-height: 20px;
  color: #51575C;
  cursor: default;
  white-space: normal;
  margin-right: 40px;}
.condition {
  background-color: #D6D6D6;
  padding: 30px;}
.condition2 {
  background-color: #D6D6D6;
  padding: 30px 30px 15px 30px;    
  margin-bottom: 50px;}
#contentCondiciones a {color:#E9E9E9}
#contentCondiciones a:hover { 
  color:#212529}





/*-- NUEVA DIRECCIÓN AYTO GR --*/
.edDom_panel label {
  margin-top: 5px !important;}
#literal, #literal input {
  width: 264px;
  font-size: 14px;
  line-height: 16px;
  color:;
  white-space: normal !important;
  height: 50px !important}
#edDom .modal-dialog, #edDom .modal-dialog-sm, #edDom .modal-lg {
    overflow-y: auto !important;}
.ayto-dir-col20 {width: 20%}
.ayto-dir-col40 {width: 40%}
.ayto-dir-col50 {width: 50%}
.ayto-dir-col60 {width: 60%}
.ayto-dir-col80 {width: 80%}
.ayto-dir-col100 {width: 100%}

#edDom .modal-dialog, #edDom .modal-dialog-sm, #edDom 
.ayto-dir-footer {
    color: #212529 !important;}
.modal-lg {
    overflow-y: auto !important;}
#ayto-direc-footer {
  padding: 0px 15px !important; }
.ayto-direc-footer {
  padding: 0px 15px !important; }
.edDom_btnOk, .edDom_btnCancel { 
  display: inline-block;
  width: 50% !important}
#edDom:not(.show) {
  opacity: 1 !important}
#edDom>.modal-dialog-sm {
  max-width: 300px !important;
  margin: 1.75rem auto;}
.ayto-dir-footer-c {
  padding-bottom: 15px;
  padding-left: 0px !important;
  padding-right: 0px !important;
  background-color: #D6D6D6 !important;}
#ayto-direc-popup {
  background: #D6D6D6 !important;}
#ayto-direc-popup>.container {
  padding: 0px 0px !important;}
#ayto-direc-popup>.container{
  padding: 0px 15px 15px !important;}
.ayto-desplegable {
    width: 100%;
    display: block;
    padding: .5rem 1rem;
    text-decoration: none;
    color: #666;
    font-size: .88rem;
    line-height: 1.88;
    height: 2.5rem;
    z-index: 2;
    overflow: hidden;
    transition: background 300ms ease;
    line-height: 1.5;
    color: #212529;
    background-color: #ECECEC;
    background-clip: padding-box;
    border: 1px solid #ECECEC;
    border-radius: 0rem;
    transition: border-color .3s ease-in-out,box-shadow .3s ease-in-out;
    -webkit-box-shadow: 0px 3px 0px 0px #A2A2A2;
    -moz-box-shadow: 0px 3px 0px 0px #A2A2A2;
    box-shadow: 0px 3px 0px 0px #A2A2A2;}
.ayto-desplegable:hover {
    -webkit-box-shadow: 0px 3px 0px 0px #fff;
    -moz-box-shadow: 0px 3px 0px 0px #fff;
    box-shadow: 0px 3px 0px 0px #fff;}



/*--- NUEVO USUARIO ---*/
#modal .modal-dialog, #modal .modal-dialog-sm, #modal .modal-lg {
  overflow-y: auto !important;}
#modal>.modal-dialog-sm {
  max-width: 300px !important;
  margin: 1.75rem auto;}
#ayto-user-popup>#alertfooter {
  position: relative !important;}
#ayto-nav {
  width: 100%;
  display: flex;
  justify-content:space-between;
  align-content: stretch !important}
#ayto-nav>a {
  text-align: center;
  flex-grow: 1;
  border-top: 3px solid #D6D6D6;
  padding: 10px 5px;
  font-size: 14px;
  font-weight: 700;
  color: #E9E9E9;
  background: #A2A2A2;}
.ayto-nav>a {
  text-align: center;
  flex-grow: 1;
  border-top: 3px solid #D6D6D6;
  padding: 10px 5px;
  font-size: 14px;
  font-weight: 700;
  color: #E9E9E9;
  background: #A2A2A2;}
.ayto-nav>div {
  margin-left: -15px;
  margin-right: -15px;
  text-align: center;
  flex-grow: 1;
  border-top: 3px solid #D6D6D6;
  padding: 10px 5px;
  font-size: 14px;
  font-weight: 700;
  color: #212529;
  background: #A2A2A2;}
#ayto-nav>a:hover {
  background: #989898;
  color: #E9E9E9;}
#ayto-nav>.active {
  color: #E9E9E9;}
#ayto-nav>a:nth-child(1) { 
  border-left: 3px solid #D6D6D6;}
#ayto-nav>a:nth-child(2) {
  border-left: 3px solid #D6D6D6;
  border-right: 3px solid #D6D6D6;}
#ayto-nav>a:nth-child(3) {
  border-right: 3px solid #D6D6D6;}

#ayto-user-popup {
  background: #D6D6D6 !important;}
#ayto-user-popup>.container {
  padding: 0px 0px !important;}
.tab-content {
  border-radius: 0px 0px;
  -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.0) !important;
  box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.0) !important;
  background-color: transparent;
  border: 0px !important;
  border-top: 0;
  padding: 15px 15px;}
.user-ayto-error {
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 15px;
  font-size: 13px;
  margin: 0px 15px;
  color: #fff }
#divRepresentante {}
#user-ayto-error-1 {
  background: #C8C8C8;}

.user-ayto-error-1 {
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 15px;
  font-size: 13px;
  padding: 15px 15px 15px;}
.user-ayto-error-2{
  font-style: normal;
  }
#LIT {
  font-style: normal;}
#msg {
  background: #C8C8C8;
  padding: 5px 10px 10px !important;}
#btnMsgLarge {
  background: transparent;
  border: 0px ;
  margin-right: -6px;
  float: right;
  color: #A2A2A2}
#btnMsgLarge:hover {
  color: #595F64}
#alertfooter input {
  box-shadow: 0px 3px 0px 0px #A2A2A2 !important;}
#alertfooter input:hover {
  box-shadow: 0px 3px 0px 0px #fff;}
.ayto-error-btn {
  margin: 0px 3px !important; }
.ayto-error { margin-bottom: 8px;}
.user-ayto-error>i { }
.msg_error, .ayto-error>span {
  padding-left: 3px;
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 15px;
  font-size: 13px;
  font-weight: 400;}
#divHelp {
  font-family: "Open Sans", Arial, sans-serif;
  line-height: 15px;
  font-size: 13px;
  font-weight: 400;
  color: #6C7176 !important}
#alertfooter {
  margin-top: 10px;
  padding-bottom: 15px;}
.user-ayto-error2 {
  font-size:13px;
  margin: 0px 15px 10px }
.claveconfirmada {
  padding-left: 15px;}
.user-log {
  background-color: #D6D6D6;
  padding-top: 10px;
  padding-bottom: 20px;}
.user-log-title {
  padding-left: 15px;
  color: #E9E9E9;
  font-size: 30px;
  font-weight: 800;
  line-height: 35px;
  border-top: ;
  cursor: default;}
.user-log-title-big {
  padding-left: 15px;
  color: #E9E9E9;
  font-size: 44px;
  font-weight: 800;
  line-height: 42px;
  border-top: 3px solid #E9E9E9;
  cursor: default;}
.lpd {
  font-size: 12px;
  line-height: 17px;
  color: #A2A2A2;
  padding-left: 26px;
  cursor: default;}
.div-desplegable-user {
  position:absolute;
  width: 100%;
  margin:auto;
  z-index:2;
  padding-right: 30px;}
.div-desplegable-userb {
  position:absolute;
  width: 100%;
  margin:auto;
  z-index:2;}
.gridbloc {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 30px;
  background-color: #D6D6D6;
  padding: 30px;
  padding-top: 0px;
  margin-left: auto;
  margin-right: auto;}
  .gridbloc2 {
  width: 100%;
  background-color: #D6D6D6;
  padding: 30px;
  padding-top: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center !important;
  white-space: normal}
  @media (max-width: 576px) {
  .gridbloc {
    padding: 30px 15px 30px 15px;}}
  .usererror {color:#E9E9E9}
  .usercol-4 {width:33%;float: left}
  .usercol-6 {width:50%;float: left}
  .usercol-3 {width:25%;float: left}
  .usercol-10 {width:80%;float: left}
  .usercol-2 {width:20%;float: left}
.usercol-a, .usercol-b, .usercol-c {
  width: 100%;}
.usercol-a>div input, .usercol-b>div input, .usercol-c>div input, .usercol-d>div input {
  width: 100%;
  padding: .5rem 0.3rem;}
.usercol-a>div, .usercol-b>div, .usercol-c>div, .usercol-d>div {
  padding-right: 7px;
  float: left;}
.usercol-a>div:last-child, .usercol-b>div:last-child, .usercol-c>div:last-child, .usercol-d>div:last-child {
  padding-right: 0px;}
.usercol-a>div:first-child {width: 30%;}
.usercol-a>div:last-child {width: 70%;}
.usercol-b>div {width: 50%;}
.usercol-c>div {width: 33%;}

  /* TRES COLUMNAS */
    .row2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
      margin-left: 0px;}

    @media (max-width: 576px) {
    .col-lg-4 {
    padding-right: 0px;
    padding-left: 0px;}
    .col-lg-8 {
    padding-right: 0px;
    padding-left: 0px;}} 

  .user-log-column-4 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;  }
    @media (min-width: 992px) {
    .user-log-column-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;}}
    @media screen and (min-width: 768px) and (max-width: 991px) {
    .user-log-column-4 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;}}
    @media screen and (min-width: 577px) and (max-width: 767px) {
    .user-log-column-4 {
      max-width: 50% !important}}
    @media (max-width: 576px) {
      .user-log-column-4 {
        max-width: 100% !important}}
    @media (max-width: 576px) {
      .column4b {
        max-width: 50% !important}}     
       
  .user-log-column-4-full {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;  }
    @media (min-width: 992px) {
    .user-log-column-4-full {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;}}
    @media screen and (min-width: 768px) and (max-width: 991px) {
    .user-log-column-4-full {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;}}
    @media screen and (min-width: 577px) and (max-width: 767px) {
    .user-log-column-4-full {
      max-width: 100% !important}}

  /* CUATRO COLUMNAS */
  .user-log-column-3 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;  }
    @media (min-width: 992px) {
    .user-log-column-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;}}
    @media screen and (min-width: 768px) and (max-width: 991px) {
    .user-log-column-3 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;}}
    @media screen and (min-width: 577px) and (max-width: 767px) {
    .user-log-column-3 {
      max-width: 50% !important}}
  @media (max-width: 576px) {
    .user-log-column-3 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%}}
  .user-log-column-3-full {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;  }
    @media (min-width: 992px) {
    .user-log-column-3-full {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;}}
    @media screen and (min-width: 768px) and (max-width: 991px) {
    .user-log-column-3-full {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;}}
    @media screen and (min-width: 577px) and (max-width: 767px) {
    .user-log-column-3-full {
      max-width: 50% !important}}
    @media (max-width: 576px) {
    .full3b {
      max-width: 50% !important}}

  /* DOS COLUMNAS */
  .user-log-column-6 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;  }
    @media (min-width: 992px) {
    .user-log-column-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;}}
    @media screen and (min-width: 768px) and (max-width: 991px) {
    .user-log-column-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;}}
    @media screen and (min-width: 577px) and (max-width: 767px) {
    .user-log-column-6 {
      max-width: 100% !important}}
  .user-log-column-6-full {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;  }
    @media (min-width: 992px) {
    .user-log-column-6-full {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;}}
    @media screen and (min-width: 768px) and (max-width: 991px) {
    .user-log-column-6-full {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;}}
    @media screen and (min-width: 577px) and (max-width: 767px) {
    .user-log-column-6-full {
      max-width: 100% !important}}

    .user-log-column-10 {
      position: relative;
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;  }
    @media (min-width: 992px) {
    .user-log-column-10 {
      -ms-flex: 0 0 80%;
      flex: 0 0 80%;
      max-width: 80%;}}
    @media screen and (min-width: 768px) and (max-width: 991px) {
    .user-log-column-10 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;}}
    @media screen and (min-width: 577px) and (max-width: 767px) {
    .user-log-column-10 {
      max-width: 100% !important}}
    .user-log-column-2 {
      position: relative;
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;  }
    @media (min-width: 992px) {
    .user-log-column-2 {
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%;}}
    @media screen and (min-width: 768px) and (max-width: 991px) {
    .user-log-column-2 {
      width: 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50% ;}}
    @media screen and (min-width: 577px) and (max-width: 767px) {
    .user-log-column-2 {
      max-width: 50% !important}}
    @media (max-width: 576px) {
    .user-log-column-2 {
      max-width: 50% !important}}



  /* UNA COLUMNA */
  .user-log-column-12 {
    position: relative;
    width: 100%;
    margin: 15px 15px 30px 15px;
    padding: 15px;}
  .user-log-column-12b {
    position: relative;
    width: 100%;
    margin: 15px 15px 30px 15px;
    padding: 0px;}
  .user-log-column-4 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;}



  /* MENSAJE ERROR */
  .blackbloc {
    background-color: #51575C;}
  .error-icon {
    font-size: 25px;
    color: #E9E9E9;
    animation: blinker 2.5s linear infinite;}
  .error-icon-fijo {
    font-size: 25px;
    color: #E9E9E9;}  
  @keyframes blinker {
    50% {opacity: 0;}}
  .error-title {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #E9E9E9;
    cursor: default;}
  .flex-container {
    width: 100%;
    padding: 0;
    margin: 15px 15px 30px 15px;
    list-style: none;
    -ms-box-orient: horizontal;
    display: flex;
    box-shadow:0 0 10px 7px #ccc;}
  @media (max-width: 767px) {
    .flex-container {
      flex-direction: column}
    .flex-item {
      text-align: center !important;
      border-bottom: 0px solid #E9E9E9;}
    .flex1 {margin: auto}  
    .flex3 {
      flex: 3 3 40px !important;
      border-bottom: 3px solid #E9E9E9;}}
  .flex-container-alerta {
    width: 100%;
    padding: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    display: flex;
    box-shadow:0 0 10px 7px #ccc;}
  @media (max-width: 767px) {
    .flex-container-alerta {
      flex-direction: column}  
    .flex4 {
      flex: 3 3 0px !important;
      border-bottom: 3px solid #E9E9E9;}}
  .flex-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 12px 12px 20px;
    border-bottom: 3px solid #E9E9E9;}
  .flex1 {flex: 1 1 50px; }
  .flex2 {flex: 2 2 100%;} 
  .flex3 {flex: 3 3 300px;} 
  .flex4 {flex: 3 3 30px;}  



  .alerta {
    width: 100%;
    margin: 15px 15px 0px 15px;}
  .closed {
    color: #BBBBBB;
    width: 20px;
    height: 20px;
    font-size: 18px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 28px;
    margin-right: 25px;
    z-index: 2;}
  .closed:hover {
    color: #E9E9E9;}

  html .btn-outline.btn-primary-black {
    font-size: 16px;
    font-weight: 700;
    color: #51575C;
    background-color: #BEBEBE;
    border: 0px;
    width: 100%;
    transition: border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out}
  html .btn-outline.btn-primary-black:hover, html .btn-outline.btn-primary-black.hover {
    font-size: 16px;
    color: #212529;
    width: 100%;
    background: rgba(190,190,190,1);
    background: -moz-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(190,190,190,1)), color-stop(100%, rgba(161,161,161,1)));
    background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(161,161,161,1) 100%);
    background: -o-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(161,161,161,1) 100%);
    background: -ms-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(161,161,161,1) 100%);
    background: linear-gradient(to bottom, rgba(221,221,221,1) 0%, rgba(161,161,161,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebebe', endColorstr='#a1a1a1', GradientType=0 );}
  .btn-primaryaccess {
    text-align: center;color:#51575C;line-height: 16px;font-size: 14px;
    margin-bottom: 20px;}
  .btn-outline.btn-primary-black:active {
    background: #E9E9E9 !important;}





  /* RADIO */
  .option-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    top:15px;
    appearance: none;
    position: relative;
    height: 20px;
    width: 20px;
    transition: all 0.15s ease-out 0s;
    background: #ECECEC;
    border: 3px solid #D6D6D6;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.2rem;
    margin-left: 2rem;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;}
  .option-input:hover {
    background: #fff;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important; 
    box-shadow: none !important;}
  .option-input:checked {
    background: #51575C;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important; 
    box-shadow: none !important;}
  .option-input:checked::before {
    font-size: 13px;
    padding-left: 2px;
    line-height: 13px;
    content: '\2714';
    position: absolute;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important; 
    box-shadow: none !important;}
  .option-input:checked::after {
    -webkit-animation: click-wave 0.65s;
    -moz-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
    background: #51575C;
    content: '';
    display: block;
    position: relative;
    z-index: 100;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important; 
    box-shadow: none !important;}
  .option-input.radio {
    border-radius: 0%;}
  .option-input.radio::after {
    border-radius: 0%;}
.label-form-radio {
    font-weight: 700;
    font-size: 1em;
    line-height: 20px;}

  /* CHECKBOX */
.label-form-checkbox {
    position: absolute;
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;}
  .checkbox-input {
    top:-3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    height: 20px;
    width: 20px;
    transition: all 0.15s ease-out 0s;
    background: #ECECEC;
    border: 3px solid #D6D6D6;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.2rem;
    margin-left: 0rem;
    outline: none;
    -webkit-box-shadow: 0px 0px 0px 0px #D6D6D6 !important;
    -moz-box-shadow: 0px 0px 0px 0px #D6D6D6 !important;
    box-shadow: 0px 0px 0px 0px #D6D6D6 !important;}
  .checkbox-input:hover {
    background: #fff;
    -webkit-box-shadow: 0px 0px 0px 0px #D6D6D6 !important;
    -moz-box-shadow: 0px 0px 0px 0px #D6D6D6 !important; 
    box-shadow: 0px 0px 0px 0px #D6D6D6 !important;}
  .checkbox-input:checked {
    background: #51575C;
    -webkit-box-shadow: 0px 0px 0px 0px #D6D6D6 !important;
    -moz-box-shadow: 0px 0px 0px 0px #D6D6D6 !important; 
    box-shadow: 0px 0px 0px 0px #D6D6D6 !important;}
  .checkbox-input:checked::before {
    font-size: 13px;
    padding-left: 2px;
    line-height: 13px;
    content: '\2714';
    position: absolute;
    display: inline-block;
    text-align: center;
    -webkit-box-shadow: 0px 0px 0px 0px #D6D6D6 !important;
    -moz-box-shadow: 0px 0px 0px 0px #D6D6D6 !important; 
    box-shadow: 0px 0px 0px 0px #D6D6D6 !important;}
  .checkbox-input:checked::after {
    -webkit-animation: click-wave 0.65s;
    -moz-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
    background: #51575C;
    display: block;
    position:relative;
    z-index: 100;
    -webkit-box-shadow: 0px 0px 0px 0px #D6D6D6 !important;
    -moz-box-shadow: 0px 0px 0px 0px #D6D6D6 !important; 
    box-shadow: 0px 0px 0px 0px #D6D6D6 !important;}
  .checkbox-input.radio {
    border-radius: 0%;
    -webkit-box-shadow: 0px 0px 0px 0px #D6D6D6 !important;
    -moz-box-shadow: 0px 0px 0px 0px #D6D6D6 !important; 
    box-shadow: 0px 0px 0px 0px #D6D6D6 !important;}
  .checkbox-input.radio::after {
    border-radius: 0%;
    -webkit-box-shadow: 0px 0px 0px 0px #D6D6D6 !important;
    -moz-box-shadow: 0px 0px 0px 0px #D6D6D6 !important; 
    box-shadow: 0px 0px 0px 0px #D6D6D6 !important;}




/*--- MONEDERO ---*/
  .monedero {
    width: 100%;
    margin-top:0px;
    margin-bottom: 30px;
    background-color: #D6D6D6;
    padding: 30px !important;
    padding-top: 0px !important;
    margin-left:auto;
    margin-right:auto}
  .monederomovil {
    width: 100%;
    margin-top:0px;
    margin-bottom: 30px;
    background-color: #D6D6D6;
    padding: 30px !important;
    padding-top: 0px !important;
    margin-left:auto;
    margin-right:auto} 
  #monedero-movim {
    padding-top: 28px !important;}
    @media (max-width: 991px) {
    .monederomovil {
      max-width: 300px !important}}
    @media (max-width: 576px) {
    .monederomovil {
      max-width: 100% !important}}
    .monedero-hist {
      font-size: 14px !important;
      height: 34px;}
    @media (max-width: 991px) {
      .monedero-hist {
      font-size: 14px !important;
      height: 27px;}
      .monedero-hist1 {padding-top: 10px}}
    .monedero-scroll {
      max-height:500px;
      overflow-y: auto;
      overflow-x: hidden }
    @media (max-width: 767px) {
    .monedero-scroll {
      max-height:400px;
      margin: 0px -15px 0px -15px !important}}
    .saldo-1 {
      height: 35px;
      width: 100%;
      color:#51575C;
      text-align: center;
      background: #CACACA;
      font-size: 14px;
      line-height: 17px;
      padding-top: 8px;
      margin-top:3px;}
    .saldo-2 {
      font-weight: 700;}
    

  .codigobarras1 {}
  .codigobarras2 {}
  @media print {
  .botonoculto{visibility: hidden;}}
.cartapago1 {
    width: 100%;
    background-color: #D6D6D6;
    height: 90px;
    border-bottom: 3px solid #fff;}
.cartapago2 {
    width: 700px;
    background-color: #D6D6D6;
    padding: 0px}
.cartapago3 {
    width: 100%px;
    background-color: #D6D6D6;
    padding: 20px 20px 20px 20px}
.cartapago-title {    
    text-align: left;
    padding-left: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #4F4F4F;
    font-size: 44px;
    font-weight: 800;
    line-height: 42px;
    cursor: default;
    float: left;}
.destacado2 {    
    font-size: 15px;
    font-weight: 800;
    line-height: 17px}
.destacado {    
    font-size: 19px;
    font-weight: 800;
    line-height: 21px}




  .card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.04);
    border-bottom: 0px solid rgba(0, 0, 0, 0.125);
    -webkit-transition: all 200ms ease 0ms;
    transition: all 200ms ease 0ms;}
  .card-header:hover {
    background-color: rgba(0, 0, 0, 0.2);}
  .accordion .card-header {
    padding: 0;
    border-radius: 0rem;
    border-bottom: 0;
    margin: 0px;
    margin-bottom: 3px;}
  .accordion .card-header a {
    display: block;
    padding: 5px 10px;
    color:#8C8C8C}
  .accordion .card-header a:hover {
    color:#585858}
  .accordion .card-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px}
  .card-title {
    margin-bottom: 0rem;}
  .card-body {
    cursor: default;
    padding: 5px 0px 15px 2px;
    font-size: 13px;}
  .accordion-toggle>a, a[aria-expanded="true"] {
    background-color: rgba(0, 0, 0, 0.2);
    color: #212529 !important;
    font-weight: 700;
    font-size: 1em;}
.toggle > label {
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
    background-color: rgba(0, 0, 0, 0.04);
    border-left: 0px;
    border-radius: 0px;
    color: #8C8C8C;
    display: block;
    position: relative;
    cursor: pointer;
    font-weight: 700;
    font-size: 13px;
    padding: 5px 10px 5px 10px;}
.toggle > label:hover {
    background: #A2A2A2;
    color:#585858;}
.toggle.active > label {
    background: #A2A2A2;
    color:#585858;}
.toggle-content {
    padding-right: 4px;
    padding-top: 5px;
    color: #212529;
    font-size:13px;
    font-weight: 400;
    letter-spacing: -0.05em;}
.toggle {
    margin: 0px -5px 20px;
    position: relative;
    clear: both;}



/*-- ENTRADAS Y BONOS --*/
#col-entradas {padding-left: 0px;padding-right: 0px;}
.bono-log-title {
  padding-left: 30px;
  color: #E9E9E9;
  font-size: 30px;
  font-weight: 800;
  line-height: 35px;
  border-top:;
  cursor: default;
  background-color: #D6D6D6;}
.user-log-title-bono {
  color: #E9E9E9;
  font-size: 30px;
  font-weight: 800;
  line-height: 35px;
  cursor: default;
  margin-bottom: 10px}
.user-log-title-bono2 {
  color: #E9E9E9;
  font-size: 30px;
  font-weight: 800;
  line-height: 35px;
  cursor: default;
  margin-left: 15px;
  width: 100%}
.bono-mensaje-off {
  cursor: default;
  letter-spacing: normal;
  background-color: rgba(81,87,92,0.60);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  color: #E9E9E9;
  width: 100%;
  line-height: 19px;
  height:40px;
  padding-top: 10px;
  padding-left: 10px;
  text-align: left;
  vertical-align:leftmiddle;}
#mis-entradas-in {
  padding-top: 30px !important}
#mis-entradas-in {
  padding-top: 30px !important}
#btn-entradasbosnos {
  margin-top: 5px;
  margin-right: 20px;
  float: right}
.bono-mensaje-on {
  cursor: default;
  letter-spacing: normal;
  background-color: rgba(81,87,92,0.60);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  color: #E9E9E9;
  width: 100%;
  line-height: 19px;
  height:40px;
  padding-top: 10px;
  padding-left: 10px;
  text-align: left;
  vertical-align:leftmiddle;}
@media (min-width: 992px) {
.salto-linea {
  white-space: break-spaces;}}
@media (max-width: 991px) {
 .salto-linea {
  white-space: normal;}}
.bono-ticket {
  padding-right: 5px;    }
.ver-inscrip4:hover .bono-ticket {
  -webkit-animation: navItemArrow 600ms ease;
  animation: navItemArrow 600ms ease;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;}
.user-log-title-bono3 {
  color: #E9E9E9;
  font-size: 30px;
  font-weight: 800;
  line-height: 35px;
  cursor: default;
  margin-left: 15px;
  width: 100%;
  border-top: 3px solid #E9E9E9;}
.bono-text {
  flex: 10 0px;
  order: 2;
  padding: 0px 12px 5px} 
.bono-text1 {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -0.7px;
  line-height: 19px;}
.bono-text2 {
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;}
.bono-price {
  font-size:14px;
  font-weight:400}
.bono-icon {
  display: block;
  font-size: 30px;
  line-height: 35px;
  color: #E9E9E9;
  padding-bottom:8px}
.bono-icon2 {
  padding-right: 4px;}
.ver-inscrip4 {
  color: #696E72;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.7px;
  line-height: 21px;
  width: 100%;
  height: 130px;
  background: #BEBEBE;}
.imprime-rec {
  transition: all 0.2s ease-in-out;
  padding-left: 4px;
  cursor: pointer}
.imprime-rec:hover {
  color:#212529}
.bono-user-1 {
  font-size: 14px;
  text-align: left;
  font-style: normal;
  font-weight: 400;
  color: #E9E9E9;
  color: #51575C;
  width: 100%;
  padding: 5px 15px 15px 15px;
  background-color: #CACACA;
  margin-bottom: 10px;
  cursor: default !important;
  -webkit-box-shadow: 0px 2px 0px 0px #D6D6D6;
  -moz-box-shadow: 0px 2px 0px 0px #D6D6D6;
  box-shadow: 0px 2px 0px 0px #D6D6D6;}
.bono-user-1:hover {
  background-color: #C4C4C4;
  color: #212529;
  -webkit-box-shadow: 0px 2px 0px 0px #E9E9E9;
  -moz-box-shadow: 0px 2px 0px 0px #E9E9E9;
  box-shadow: 0px 2px 0px 0px #E9E9E9;}
.bono-user-flex {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
  justify-content: flex-start;}
.bono-user-flex-item-1 { 
  color:#6E767D;
  line-height: 14px;
  border: 0px solid #000;
  padding-right: 30px;
  padding-top: 8px;}
.bono-user-flex li:last-child {
  padding-right: 0px;}
.bono-user-b {
  font-size: 14px;
  font-weight: 700;
  line-height: 17px;
  color:#51575C}
.bono-user-line {
  width: 100%;
  height: 0px;
  background-color: #BCB7B7;
  margin: 8px 0px;}
.bono-user-description {
  color:#6E767D;
  width: 100%;
  line-height: 17px;
  border: 0px solid #000;}

.ver-inscrip4:hover .bono-icon {
  -webkit-animation: navItemArrow 600ms ease;
  animation: navItemArrow 600ms ease;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;}
.ver-inscrip4:hover .bono-icon2 {
  -webkit-animation: navItemArrow 600ms ease;
  animation: navItemArrow 600ms ease;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;}
.ver-inscrip4:hover {
  color: #212529;
  background: rgba(190,190,190,1);
  background: -moz-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(190,190,190,1)), color-stop(100%, rgba(161,161,161,1)));
  background: -webkit-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  background: -o-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  background: -ms-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  background: linear-gradient(to bottom, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebebe', endColorstr='#a1a1a1', GradientType=0 );}
.icon-featured3 {
  text-align: center;
  font-style: normal;
  display: flex;  
  flex-flow: row wrap;
  align-items: center;
  margin: 0px;
  width: 100%;
  height: 130px;
  position: relative;
  transition: all 0.3s ease-in-out;}
.icon-featured3:after {
  width: 100%;
  height: 130px;
  pointer-events: none;
  position: absolute;
  content: '';
  -webkit-box-sizing: content-box;
  box-sizing: content-box;}
.featured-box-effect-2:hover .icon-featured3:after {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
  opacity: 1;}
.featured-box-effect-2 .icon-featured3:after {
  top: -7px;
  left: -14px;
  padding: 7px 14px 7px 14px;
  -webkit-box-shadow: 0 0 0 3px #fff;
  box-shadow: 0 0 0 3px #fff;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  opacity: 0;}
.row-bono2 {
  color: #212529;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.05em;
  margin-right: -15px;
  margin-left: -15px;
  padding-top: 20px !important;}
.row-bono {
  color: #212529;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.05em;
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  padding-top: 20px !important;
  justify-content: space-between}
.row-boton-bono {
  padding-right: 7px;}
.bonos {
  padding: 15px 30px 30px;
  border-top: 0px solid #fff !important;}
.boton-bono {
  padding-right: 20px;}
.row-bono {
  border-bottom:}
.entradas-header-titulo {
  padding-left: 20px;
  padding-top: 15px;
  padding-bottom: 20px;
  color: #E9E9E9;
  font-size: 44px;
  font-weight: 800;
  line-height: 42px;
  border-bottom:;
  cursor: default;}
#misentradas-in {
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-bottom: 28px;
  border-bottom: }
#ver-entradas-in {
  margin-left: 0px;
  margin-right: 0px;
}
@media (max-width:576px) { 
  .boton-bono {
  padding-right: 5px;}
#misentradas-in {
padding-left: 15px;
  margin-left: -15px;
  margin-right: -15px;}
}
@media (max-width:768px) { 
.boton-bono {
  text-align:right;}}
.bono-scroll {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;}
.btn-square {
  width: 40px;
  height: 40px;
  border: 0px;
  font-size: 18px;
  padding-top: 0rem;
  padding-right: 0.4rem;
  padding-bottom: 0.4rem;
  padding-left: 0.3rem;
  margin-right: 10px}
.btn-primary-square {
  background-color: #51575C;
  color: #AEAEAE;
  transition: border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out;}
html .btn-outline.btn-primary-square {
  font-size: 20px;
  color: #51575C;
  background-color: #BEBEBE;
  border: 0px;
  transition: border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out}
html .btn-outline.btn-primary-square:hover, html .btn-outline.btn-primary-square.hover {
  background: rgba(190,190,190,1);
  background: -moz-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(190,190,190,1)), color-stop(100%, rgba(161,161,161,1)));
  background: -webkit-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  background: -o-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  background: -ms-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  background: linear-gradient(to bottom, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebebe', endColorstr='#a1a1a1', GradientType=0 );}
.btn-outline.btn-primary-square:active {
  background: #A1A1A1 !important;
  color: #3D4246 }
.bono-botton {
  color: #7D8082;
  cursor: pointer;
  padding-right:5px}
.bono-botton:hover {
  color: #51575C;}
.bono-botton:active {
  color: #212529;} 


/*-- input spinner --*/
.bono-spinner {
  width: 60px;
  height: 20px;
  margin-bottom:7px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -30px;}
input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;}
.number-input {
  width: 70px !important;
  all: unset;
  border: 0px solid #ddd;
  display: inline-flex;
  justify-content: space-between}
.btn-bono {z-index:3}
.number-input,
.number-input * {
  box-sizing: border-box;}
.number-input button {
  color: #7D8082;
  outline:none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  width: 20px !important;
  height: 20px !important;
  cursor: pointer;
  position: relative;
  padding: 0px 0px 0px 0px;}
.number-input button:hover {
  color: #51575C;}
.number-input button:active {
  color: #212529;}
.number-input button:before,
.number-input button:after {
  display: inline-block;
  position: absolute;
  content: '';
  margin-right: 5px}
.number-input input[type=number] {
  margin-bottom: 0px;
  max-width: 70px;
    color: #51575C;
  width: 70px;
  height: 20px;
  padding: 0px;
  border: 0 solid #ddd;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  background: transparent;
  -webkit-box-shadow: 0px 0px 0px 0px #A2A2A2;
  -moz-box-shadow: 0px 0px 0px 0px #A2A2A2;
  box-shadow: 0px 0px 0px 0px #A2A2A2;}
.number-input input[type=number]:hover {
  -webkit-box-shadow: 0px 0px 0px 0px #A2A2A2 !important;
  -moz-box-shadow: 0px 0px 0px 0px #A2A2A2 !important;
  box-shadow: 0px 0px 0px 0px #A2A2A2 !important;}
.number-input input:hover {
  -webkit-box-shadow: 0px 0px 0px 0px #E9E9E9 !important;
  -moz-box-shadow: 0px 0px 0px 0px #E9E9E9 !important;
  box-shadow: 0px 0px 0px 0px #E9E9E9 !important;}
.shape {
-webkit-clip-path: polygon(
  0% 0%,
  0% 100%, 
  38% 100%, 
  38% 75%, 
  62% 75%, 
  62% 100%, 
  25% 100%, 
  25% 100%, 
  100% 100%, 
  100% 0%);
clip-path: polygon(
  0% 0%, 
  0% 100%, 
  38% 100%, 
  38% 75%, 
  62% 75%, 
  62% 100%, 
  25% 100%, 
  25% 100%, 
  100% 100%, 
  100% 0%);
width: 100%;
height: 100%;
position: absolute;
z-index: 3000;
}

/*-- INSCRIPCION --*/
.inscripcion {border-top: 2px solid #51575C}
.inscripcion-lg {margin-bottom: 20px;}
.inscripcion-col { display: flex;border-bottom: 2px solid #E9E9E9 }
.col1 {
  flex: 1;
  text-align: right;
  margin-right: 15px;
  padding-bottom: 10px;
  padding-top: 10px;
  font-weight: 400;
  font-size: 1em;
  line-height: 20px;
  color: #51575C;
  cursor: default;}
.col2 {
  flex: 2;
  padding-bottom: 10px;
  padding-top: 10px;
  font-weight: 700;
  font-size: 1em;
  line-height: 20px;
  color: #51575C;
  cursor: default;}
.inscripcion-bloc {
  border-bottom: 3px solid #E9E9E9;}
.horario-mas::before {
  left: 0;
  position: relative;
  vertical-align: middle;
  font-family: 'Font Awesome 5 Free';
  content: "\f055";
  font-weight: 900;
  font-size: 16px;
  color: #7D8082;
  cursor: pointer}
.horario-menos::before {
  left: 0;
  position: relative;
  vertical-align: middle;
  font-family: 'Font Awesome 5 Free';
  content: "\f056";
  font-weight: 900;
  font-size: 16px;
  color: #7D8082;
  cursor: pointer}
.horario-mas:hover::before {color: #212529 !important}
.alert-body {
  color: #212529;
  position: relative;
  -ms-flex: 1 1 auto;
  padding: 1rem;
  cursor: default;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.05em;}
.alert-title {
  color: #212529;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;}
.alertpopup {
  height: 50% !important;}
.user-log-title-big2 {
  padding-left: 30px;
  padding-top: 10px;
  color: #E9E9E9;
  font-size: 44px;
  font-weight: 800;
  line-height: 42px; 
  border-top: 3px solid #E9E9E9;
  cursor: default;}

@media (max-width: 991px) {
  .user-log-title-big2 {
    font-size: 35px !important;
    line-height: 38px !important;}
}

.user-log-title-big4 {
  color: #E9E9E9;
  font-size: 30px;
  font-weight: 800;
  line-height: 35px;
  cursor: default;
  display: inline-block;
  float: left}
.user-log-title2 {
  padding-left: 30px;
  color: #E9E9E9;
  font-size: 30px;
  font-weight: 800;
  line-height: 35px;
  cursor: default;}
.inscripcion-text {
  text-align: left !important;
  padding-top: 25px;
  font-size: 13px;
  line-height: 16px;}
.user-log2 {
  background-color: #D6D6D6;
  padding: 15px;}
.ver-inscrip1 {
  padding: 15px;}
.ver-bon {
  padding: 15px;}
.ver-inscrip2 {
  padding: 15px;}
.ver-inscrip3 {
  width: 100%;
  height: 120px;
  background: #BEBEBE;
  cursor: pointer;
  transition: all 0.3s ease-in-out;} 
.inscrip-img {
  order: 1;
  width: 100px;
  height: 100px;
  margin: 10px 15px 10px 10px;
  border: 2px solid #FCFCFC;}
.inscrip-img2 {
  order: 1;
  width: 130px;
  height: 130px;
  margin: 0px 0px 20px 0px;
  margin-right: 20px;
  padding: 10px;
  background: #BEBEBE;}
@media (max-width: 991px) {
  .inscrip-img2 {
  float: left;
  display: inline-block;}}
.inscrip-img3 {
  width: 110px;
  height: 110px;
  opacity: 1;
  border: 2px solid #F6F6F6;}
.inscrip-text {
  flex: 10 0px;
  order: 2;}
.inscrip-text1 {
  color: #21252;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.7px;
  line-height: 21px;
  text-align: left;
  margin-bottom: 5px;}
.inscrip-text2 {
  padding-right: 11px;
  color: #51575C;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.7px;
  line-height: 21px;
  text-align: left;}
.inscrip-text3 {
  color: #51575C;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.7px;
  line-height: 21px;
  text-align: left;}
.inscrip-text4 {
  padding-left: 10PX;
  color: #888888;
  font-weight: 400;}
.icon-featured2 :hover {color: #21252 !important;}
.ver-inscrip3:hover {
  background: rgba(190,190,190,1);
  background: -moz-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(190,190,190,1)), color-stop(100%, rgba(161,161,161,1)));
  background: -webkit-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  background: -o-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  background: -ms-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  background: linear-gradient(to bottom, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebebe', endColorstr='#a1a1a1', GradientType=0 );}
.icon-featured2 {
  font-style: normal;
  display: flex;  
  flex-flow: row wrap;
  align-items: center;
  margin: 0px;
  width: 100%;
  height: 120px;
  position: relative;
  transition: all 0.3s ease-in-out;}
.icon-featured2:after {
  width: 100%;
  height: 120px;
  pointer-events: none;
  position: absolute;
  content: '';
  -webkit-box-sizing: content-box;
  box-sizing: content-box;}
.featured-box-effect-2:hover .icon-featured2:after {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
  opacity: 1;}
.featured-box-effect-2 .icon-featured2:after {
  top: -7px;
  left: -14px;
  padding: 7px 14px 7px 14px;
  -webkit-box-shadow: 0 0 0 3px #fff;
  box-shadow: 0 0 0 3px #fff;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: opacity 0.2s, -webkit-transform 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  opacity: 0;}
.icon-bonos {height:80px !important;} 
.icon-bonos:after {height:80px !important;} 

@media (max-width: 767px) {
  .inscripcion {margin-bottom: 35px}
  .gridd2 {
  display:block !important;}
  .gridd1 {
  display:none !important;}
  } 
@media (min-width: 768px) {
  .gridd-icon2 {display: none !important}
}


.gridd {
  margin-bottom: 30px;
  display: grid;
  grid-gap: 30px;}
@media (min-width: 992px) {
  .gridd-rsv {
   grid-gap: 0px !important;}
}

  @media (max-width: 991px) {
    .gridd {
    grid-template-columns: 40%;
    grid-template-areas: 'item item';}
  }
  @media (max-width: 767px) {
    .gridd {display: block;}
    .gridd > div {margin-bottom: 30px;}
  }
.gridd > div {
  margin-top: 0px;
  background-color: #D6D6D6;
  padding: 30px;
  padding-top: 0px;}
.gridd > div::before {
  content: "";
  display: block;
  grid-area: 1 / 1 / 2 / 2;}

.gridd1 {
  background: #CACACA;
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));  }
.gridd1:hover {
  background: #B7B7B7;}
.gridd1 > div {
  color: #51575C;
  padding: 1rem 1rem 0rem 1rem;
  display: grid;
  place-items: center;
  align-content: center;
  text-align: center;
  cursor: default;}
.gridd1 > div:hover {  }
.gridd1 > div::before {
  content: "";
  display: block;
  grid-area: 1 / 1 / 2 / 2;}

.gridd2 {
  background: #CACACA;
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));  }
.gridd2:hover {
  background: #B7B7B7;}
.gridd2 > div {
  color: #51575C;
  border: 2px solid #D6D6D6;
  padding: 0.7rem 1rem 0.8rem 1rem;
  display: grid;
  place-items: center;
  align-content: center;
  text-align: center;
  cursor: default;
  transition: all .15s ease-out;}}
.gridd2 > div:hover {
  color: #51575C;}
.gridd2 > div::before {
  grid-area: 1 / 1 / 2 / 2;}
 

.gridd-icon {
  padding-top: 10px;
  font-size: 25px;
  line-height: 30px;
  color: #B7B7B7;}
.gridd-icon2 {
  font-size: 15px;
  padding-right: 7px;
  line-height: 15px;
  color: #51575C;
  vertical-align: middle;
  display: inline-block}
.gridd-text1 {
  padding-top: 5px;
  font-weight: 700;
  font-size: 13px;
  line-height: 15px;
  color: #B7B7B7;}
.gridd-text2 {
  font-weight: 700;
  font-size: 13px;
  line-height: 17px !important;
  color: #51575C;}
    
.gridd3 {
  padding-top: 1rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  grid-gap: 1rem;}
@media (min-width: 1200px) {
  .gridd3 {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }}
.gridd3 > div {
  color: #51575C;
  background: #CACACA;
  border: 2px solid #E9E9E9;
  padding: 1rem;
  display: grid;
  place-items: center;
  align-content: center;
  text-align: center;
  cursor: default;
  transition: all .15s ease-out;}
.gridd3 > div:hover {
  color: #51575C;
  background: #B7B7B7;}
.gridd3 > div::before {
  content: "";
  display: block;
  grid-area: 1 / 1 / 2 / 2;}
.gridd-text3 {
  padding-top: 2px;
  font-weight: 700;
  font-size: 16px;
  line-height: 15px;
  padding-bottom: 10px;
  color: #E9E9E9;}
.gridd-text4 {
  font-weight: 700;
  font-size: 16px;
  line-height: 17px !important;
  color: #51575C;}
.gridd-icon3 {
  padding-top: 10px;
  font-size: 25px;
  line-height: 30px;
  color: #E9E9E9;}




/*-- BOTONES --*/
.btn {
    border-radius: 0rem;
    border: 0px;
    font-size: 25px;
    padding: 0.533rem 0.933rem;
    padding-top: 0.4rem;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;}
  .btn-primary {
    background-color: #51575C;
    color: #AEAEAE;
    transition: border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out;}
  .btn-login {
    background-color: #51575C;
    color: #AEAEAE;
    transition: border-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out;}
  .btn-login:focus {
    background-color: #212529;
    color: #fff;}
  html .btn-outline.btn-primary {
    font-size: 14px;
    font-weight: 700;
    color: #51575C;
    background-color: #BEBEBE;
    border: 0px;
    width: 100%;
    transition: border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out}
  html .btn-outline.btn-primary:hover, html .btn-outline.btn-primary.hover {
    font-size: 14px;
    color: #212529;
    width: 100%;
    background: rgba(190,190,190,1);
    background: -moz-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(190,190,190,1)), color-stop(100%, rgba(161,161,161,1)));
    background: -webkit-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
    background: -o-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
    background: -ms-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
    background: linear-gradient(to bottom, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebebe', endColorstr='#a1a1a1', GradientType=0 );}
  .btn-primaryaccess {
    text-align: center;color:#51575C;line-height: 16px;font-size: 14px}
  .btn-outline.btn-primary:active {
    background: #51575C !important;}





/*-------------------- 
    HEADER / UNO 
  --------------------*/
  #header .header-top.header-top-default {
    background-color: #212529;}
  #header .header-top {
    min-height: 30px;}
  #header .header-nav-top .nav > li > a, #header .header-nav-top .nav {
    color: #AEAEAE;}
  .social-icons li a {
    color: #AEAEAE !important;}
  /* titulo y contacto */
  #header .header-nav-top .nav > li > a [class*="fa-"], #header .header-nav-top .nav > li > a .icons, #header .header-nav-top .nav > li > span [class*="fa-"], #header .header-nav-top .nav > li > span .icons {
    margin-right: 0px;
    font-size: 18px;
    position: relative; 
    margin-top: 3px;}
  #header .header-nav-top .nav > li > a:hover, 
  #header .header-nav-top .nav > li > a a:hover {
    color: #fff}
  #header .header-nav-top .nav > li > a, 
  #header .header-nav-top .nav > li > span {
    color: #AEAEAE;
    font-size: 1em;
    padding-top: 7px;
    padding-right: 20px;
    padding-left: 20px;
    display: inline-block;
    text-transform: lowercase;}
  .tituloheader {
    padding-top: 9px;
    cursor:default;
    text-transform: uppercase}
  .nav-link {
    padding-right: 1.5rem;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0rem;}
  #header {z-index: 1020;}
  #header .header-nav-top .nav > li.nav-item:not(.dropdown) > a [class*="fa-"], #header .header-nav-top .nav > li.nav-item:not(.dropdown) > a .icons {
    left: 0px;
    top: 2px; 
    margin-right: 4px; }
  /* movil */
  #header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu {
    margin-left: 0px;}
  .social-icons li:hover.social-icons-twitter a {
    background: #1aa9e1;}
  .social-icons li:hover.social-icons-facebook a {
    background: #3b5a9a;}
  .social-icons li:hover.social-icons-instagram a {
    background: #C13789;}
/*--------------------- 
    HEADER / DOS 
  --------------------*/
  #header .header-body {}
  .header-inFini {
    border-top: 1px solid #474C51;
    background: #212529} /*#212529 */
/* logo */
  #header .header-logo {
		margin: 0 0 0 0 ;
		margin-top: 0rem;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 0rem;}
  #header .header-container { height: 86px;}
  #header .header-column .header-extra-info li .header-extra-info-text a {
		color: #fff;}
  #header .header-column .header-extra-info li .header-extra-info-text label {
    color: #fff;
    text-align: right; } 
  @media (max-width: 991px) { .header-logo-sticky {display: none} }





/*-----------------------------
     MENU / BARRA TRES: MENÚ
  -----------------------------*/

  .boton2 {
    float: right !important;}
  .boton1 {
    float: left !important;}
  #header .header-btn-collapse-nav { margin-left: -5px;
    background-color: #51575C;
    border: 0px solid #AEAEAE;
    color: #AEAEAE;}
  #header .header-nav-bar .header-nav .menuinFini :hover {
    background: rgba(48,53,58,0);
    background: -moz-linear-gradient(top, rgba(48,53,58,0) 0%, rgba(48,53,58,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48,53,58,0)), color-stop(100%, rgba(48,53,58,1)));
    background: -webkit-linear-gradient(top, rgba(48,53,58,0) 0%, rgba(48,53,58,1) 100%);
    background: -o-linear-gradient(top, rgba(48,53,58,0) 0%, rgba(48,53,58,1) 100%);
    background: -ms-linear-gradient(top, rgba(48,53,58,0) 0%, rgba(48,53,58,1) 100%);
    background: linear-gradient(to bottom, rgba(48,53,58,0) 0%, rgba(48,53,58,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30353a', endColorstr='#30353a', GradientType=0 );
    color: #fff;}
  .menuinFini :hover {
    background: rgba(48,53,58,0);
    background: -moz-linear-gradient(top, rgba(48,53,58,0) 0%, rgba(48,53,58,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48,53,58,0)), color-stop(100%, rgba(48,53,58,1)));
    background: -webkit-linear-gradient(top, rgba(48,53,58,0) 0%, rgba(48,53,58,1) 100%);
    background: -o-linear-gradient(top, rgba(48,53,58,0) 0%, rgba(48,53,58,1) 100%);
    background: -ms-linear-gradient(top, rgba(48,53,58,0) 0%, rgba(48,53,58,1) 100%);
    background: linear-gradient(to bottom, rgba(48,53,58,0) 0%, rgba(48,53,58,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30353a', endColorstr='#30353a', GradientType=0 );
    color: #fff;}      
    html .bg-color-primary, html .bg-primary {background-color: #51575C !important;border-bottom: 0px;}
/* espacio vertical */
  .pt-lg-3,.py-lg-3 {
    padding-top: 0rem !important;}
  .pb-lg-3,.py-lg-3 {
    padding-bottom: 0rem !important;}
  #header .header-nav-bar .header-nav {
    height: 60px}
/* menú nivel 1 */			
  #header .header-nav-main nav > ul > li > a {
    color: #CCC;
    height: 60px;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    padding-top: 0.9rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    padding-bottom: 0.7rem;
    letter-spacing: 1px;
    border-bottom: 4px solid #52575C;
    border-radius: 0px}
  @media (max-width: 1024px) { 
    #header .header-nav-main nav > ul > li > a {
    padding-right: 0.7rem;
    padding-left: 0.7rem;} }

  #header .header-nav-main nav > ul > li > a:hover {
    border-bottom: 4px solid;}
  #header .header-nav-main nav > ul > li.dropdown.open > a:before, #header .header-nav-main nav > ul > li.dropdown:hover > a:before {
    bottom: -4px !important;border-bottom: 4px solid}
/* fondo */
  #header .header-nav-main nav > ul:not(:hover) > li > a.active {
    background-color: transparent;
    color: #FFF;}
  #header .header-nav-main nav > ul > li.dropdown.open > a, #header .header-nav-main nav > ul > li.dropdown:hover > a { 
    border-radius: 0px;
    background: rgba(48,53,58,0);
    background: -moz-linear-gradient(top, rgba(48,53,58,0) 0%, rgba(48,53,58,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48,53,58,0)), color-stop(100%, rgba(48,53,58,1)));
    background: -webkit-linear-gradient(top, rgba(48,53,58,0) 0%, rgba(48,53,58,1) 100%);
    background: -o-linear-gradient(top, rgba(48,53,58,0) 0%, rgba(48,53,58,1) 100%);
    background: -ms-linear-gradient(top, rgba(48,53,58,0) 0%, rgba(48,53,58,1) 100%);
    background: linear-gradient(to bottom, rgba(48,53,58,0) 0%, rgba(48,53,58,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30353a', endColorstr='#30353a', GradientType=0 );}
  #header .header-nav-main nav > ul > li.dropdown.open > a:before, .dropdown-categoria {
    cursor:default;padding-top: 4px;
    font-weight: 700;
    color: #212529;
    font-size: 0.9em;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 10px;
    border-bottom: 1px solid #E9E9E9;}
/* texto */
  #header .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu li a, #header .header-nav-main-effect-1 nav > ul > li.dropdown:hover .dropdown-mega-sub-nav li a {
    -webkit-transform: none;
     transform: none}
  #header .header-nav.header-nav-force-light-text .header-nav-main nav > ul > li > a, #header .header-nav.header-nav-force-light-text .header-nav-main nav > ul > li .wrapper-items-cloned > a {
    color: #E9E9E9 !important;}
  #header .header-nav.header-nav-force-light-text:not(.header-nav-force-light-text-active-skin-color) .header-nav-main nav > ul:not(:hover) > li > a.active, #header .header-nav.header-nav-force-light-text:not(.header-nav-force-light-text-active-skin-color) .header-nav-main nav > ul:not(:hover) > li .wrapper-items-cloned > a.active {
    color: #E9E9E9 !important;}
  #header .header-nav.header-nav-force-light-text:not(.header-nav-force-light-text-active-skin-color) .header-nav-main nav > ul > li:hover > a, #header .header-nav.header-nav-force-light-text:not(.header-nav-force-light-text-active-skin-color) .header-nav-main nav > ul > li .wrapper-items-cloned:hover > a {
    color: #FFF !important;}
/* menú nivel 2 */
  html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li a {color: #212529;}
  #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
    border-bottom: 1px solid #E9E9E9;
    color: #212529;
    font-size: 0.9em;
    font-weight: 400;
    padding-top: 4px;
    padding-right: 18px;
    padding-bottom: 4px;
    padding-left: 10px;
    position: relative;
    text-transform: none;
    letter-spacing: -0.5px;}
  #header .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);}
  #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
    margin-top: 0px;
    border-top: 3px solid;
    padding: 0px 0;
    text-align: left;
    border: 0px;
    border-radius: 0 0px 0px;}
  #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:last-child a {
    border-bottom: 1px solid #E9E9E9;}
  #header .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.50);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.50);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.50);}
  #header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu {
    -webkit-box-shadow: 2px 0px 6px 0px rgba(0,0,0,0.40);
    -moz-box-shadow: 2px 0px 6px 0px rgba(0,0,0,0.40);
    box-shadow: 2px 0px 6px 0px rgba(0,0,0,0.40);}
  .dropdown-menu {
    background-color: #BEBEBE;
    border: 0px;
    border-radius: 0rem;}
  .dropdown-menu li li {
    background-color: #B2B2B2;}
  #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li li:hover > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li li:focus > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.active > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li li:active > a {
    background-color: #A8A8A8;}
  #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:hover > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:focus > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.active > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:active > a {
    background-color: #B2B2B2;}
/* menú nivel 3 */
  #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu {
    margin-top: 0px;
    margin-left: 0px;
    border-radius: 0px;
    border-left: 0px solid #E9E9E9}
  #header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu {
    -webkit-transform: translate3d(0px, 0, 0) !important;
    transform: translate3d(0px, 0, 0) !important;}

/* versión tablet y móvil */
@media (max-width: 991px) {
    /* menú nivel 1 */			
    #header .header-nav-main nav > ul > li > a {
      color: #CCC;
      height: 43px;
      font-size: 12px;
      font-style: normal;
      font-weight: 700;
      padding-top: 0.8rem;
      padding-right: 1rem;
      padding-left: 1rem;
      padding-bottom: 0.7rem;
      letter-spacing: 1px;
      border-bottom: 0px;
      border-radius: 0px}
    #header .header-nav-main nav > ul > li > a:hover {
      border-bottom: 0px solid;}
    #header .header-nav.header-nav-force-light-text .header-nav-main nav > ul > li > a {
      color: #212529 !important;}
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {
      background: rgb(181,185,189);}
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:focus {
      background: rgb(181,185,189);
      background: -moz-linear-gradient(180deg, rgba(181,185,189,1) 0%, rgba(221,221,221,1) 100%);
      background: -webkit-linear-gradient(180deg, rgba(181,185,189,1) 0%, rgba(221,221,221,1) 100%);
      background: linear-gradient(180deg, rgba(181,185,189,1) 0%, rgba(221,221,221,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b5b9bd",endColorstr="#E9E9E9",GradientType=1);}
  /* menú nivel 2 */			
    #header .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu {
      -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50) !important;
      -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50) !important;
      box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50) !important;}
 
  
  
    #header .header-nav.header-nav-force-light-text:not(.header-nav-force-light-text-active-skin-color) .header-nav-main nav > ul:not(:hover) > li > a.active, #header .header-nav.header-nav-force-light-text:not(.header-nav-force-light-text-active-skin-color) .header-nav-main nav > ul:not(:hover) > li .wrapper-items-cloned > a.active {color: #212529 !important;}
    #header .header-nav-main nav > ul {
      padding-top: 0px;
      padding-bottom: 0px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;}
    #header .header-nav.header-nav-force-light-text:not(.header-nav-force-light-text-active-skin-color) .header-nav-main nav > ul > li:hover > a, #header .header-nav.header-nav-force-light-text:not(.header-nav-force-light-text-active-skin-color) .header-nav-main nav > ul > li .wrapper-items-cloned:hover > a {
      color: #212529 !important;}
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active {
      background: #B4B9BD;}
    #header .header-nav-main nav > ul > li > a.active {
      color: #212529 !important;}
    .dropdown-categoria {
      cursor:default;padding-top: 6px;
      font-weight: 600;
      color: #212529;
      font-size: 0.9em;
      padding-right: 0px;
      padding-bottom: 3px;
      padding-left: 8px;
      border-top: 1px solid #B4B9BD;
      text-align: left !important}
    #header .header-nav-main nav > ul li {
      border-bottom: 0px solid #e8e8e8;}
    #header .header-nav-main nav {padding: 0 0px;}
    #header .header-nav-main nav > ul li.dropdown .dropdown-menu {
      background: #E9E9E9;
      font-size: 14px;}
    #header .header-nav-main nav > ul li a { 
      margin: 0px 0;
      border-radius: 0px;
      border-bottom: 1px solid #E9E9E9;}
    #header .header-nav-main:before {
      background: #B4B9BD;}
}

@media (max-width: 576px) {
    #header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
    font-size: 15px !important;}
    .social-icons li a {
    font-size: 14px;
    width: 24px;}
}





/*---------------------------------------- 
                 CONTENT
  ---------------------------------------*/

/* 003 CARRUSEL IMÁGENES */
#content-carrusel {}
  .thumb-info.thumb-info-borders{
    border-bottom: 3px solid;
    padding: 0;
    margin: 0;
    border-radius: 0;}
  .thumb-info .thumb-info-wrapper {
    border-radius: 0px;}
  .thumb-info .thumb-info-wrapper:after {
    content: "";}
  .thumb-info.thumb-info-bottom-info-dark .thumb-info-title {
    background-color: rgba(33,37,41,0.7);
    color: #FFF !important}
  .thumb-info.thumb-info-bottom-info .thumb-info-type {padding-top: 5px;font-size: 11px;line-height: 13px}
  .thumb-info.thumb-info-bottom-info-show-more .thumb-info-show-more-content {
    color: #FFF !important;
    font-size: 11px;line-height: 12px}
  .thumb-info .thumb-info-title {
    font-size:20px;
    text-transform: lowercase;
    font-weight: 700;}
    @media (max-width: 768px) {
      .thumb-info .thumb-info-title {
        font-size:18px;}
    }
  .owl-carousel.stage-margin .owl-stage-outer {
    margin-left: 0px !important;
    margin-right: 0px !important;}
  .owl-carousel .owl-nav button.owl-next {
    margin-right:-30px;}
  .owl-carousel .owl-nav button.owl-prev {
    margin-left:-30px;}
  .thumb-info.thumb-info-bottom-info-dark .thumb-info-title :hover {
    color: #fff !important}
  .text-1 {
	  font-size: 11px;
    color: #fff}  



/* -- 003 AVISO HOME-- */
  html .call-to-action.call-to-action-primary {
    background-image: url(../img/baskettexture6.jpg);
    background-image: #8E8F91;
    background-size: contain;
    border-bottom: 3px solid;}
  .call-to-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding-top: 15px;
    padding-right: 55px;
    padding-bottom: 15px;
    padding-left: 55px;
    clear: both;}
  html .call-to-action.call-to-action-primary h3, html .call-to-action.call-to-action-primary p {
    color:#212529;}

/* --003 NOTICIAS-- */

  .masonry-notice {
    width: 100%;
    columns: 3;
    column-gap: 1rem;}
  .notice {
    transition: all 0.3s ease-in-out;
    background: #BEBEBE;
    color: #212529;
    margin: 0 1rem 1rem 0;
    display: inline-block;
    width: 100%;
    font-weight: 200;
    font-size: 12px;
    padding: 8px;} 

  @media (min-width: 992px) {}
  @media (min-width: 768px) and (max-width: 991px) {.masonry-notice {columns: 2;}}
  @media (max-width: 767px) {.masonry-notice {columns: 1;}}

  .post-medium {
    background: rgba(208,208,208,1);
    padding-top: 10px;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 10px;
    padding-bottom: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
  .post-medium:hover p {
    color: #212529;}
  .post-medium:hover .post-title {
    color: #212529;}
  .post-medium:hover {
    background: rgba(190,190,190,1);
    background: -moz-linear-gradient(top, rgba(208,208,208,1) 0%, rgba(190,190,190,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(208,208,208,1)), color-stop(100%, rgba(190,190,190,1)));
    background: -webkit-linear-gradient(top, rgba(208,208,208,11) 0%, rgba(190,190,190,1) 100%);
    background: -o-linear-gradient(top, rgba(208,208,208,1) 0%, rgba(190,190,190,1) 100%);
    background: -ms-linear-gradient(top, rgba(208,208,208,1) 0%, rgba(190,190,190,1) 100%);
    background: linear-gradient(to bottom, rgba(208,208,208,1) 0%, rgba(190,190,190,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D0D0D0', endColorstr='#a1a1a1', GradientType=0 );   
    color: #212529;}
  .post-medium:hover .post-footer-date {
    opacity: 1;}
  .post-medium:hover .post-footer-visits {
    opacity: 1;} 
  .post-medium:hover .post-cuerpo {
    color: #212529;}  
  .post-title {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    margin: 0 0 0px 0;
    color: #51575C;
    letter-spacing: -.05em;
    -webkit-font-smoothing: antialiased;}
  .post-title br {
    content: "";
    margin: 2em;
    display: block;
    font-size: 25%;}
  .post-cuerpo{
    color:#51575C;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    padding-top: 10px;}
  .post-cuerpo br {
    content: "";
    margin: 2em;
    display: block;
    font-size: 25%;}

  .post-footer {
    display: flex;
    width: 100%;
    border-top: 1px solid #E9E9E9;
    padding-top: 7px;
    margin-top:8px;    }
  .post-footer-more {
    cursor: default;
    margin-rigt: auto;}
  .post-footer-date {
    cursor: default;
    margin-left: auto;}
  .post-footer-visits {
    cursor: default;
    margin-left: 0px;
    padding-left: 15px}
  .post-footer-date .fa-calendar-day, .post-footer-visits .fa-eye {
    padding-right: 4px}
  .post-footer-date,.post-footer-visits {
    color: #fff;
    opacity: 0.8;
    font-size: 14px;
    line-height: 18px;
    padding-top: 2px;}
  .post-footer-date:hover, .post-footer-visits:hover {
    opacity: 1}

  .btn.btn-xs {
    font-size: 18px !important;
    line-height: 19px !important;
    padding-top: 2px;
    padding-left: 6px;
    text-align: center;
    font-weight: 800;
    width: 22px;height:22px}
  html body .btn-light, html body .btn-outline.btn-light {
    background-color: #fff;
    opacity: 0.5;
    color: #D0D0D0;}
   html body .btn-light:hover, html body .btn-light.hover, html body .btn-outline.btn-light:hover, html body .btn-outline.btn-light.hover {opacity: 1}










/*---- 120 ACTIVIDADES ---*/

@media (min-width: 992px) {
#title-actividades>h2 {
  max-width: calc(100% - 280px);}
}

  .fa-plus-circle, .fa-info-circle, .fa-question-circle {
    cursor: pointer}
  .icon-featured {
    background-color: #BEBEBE;
    display: inline-block;
    margin: 0px;
    margin-bottom: 10px;
    width: 110px;
    height: 110px;
    border-radius: 0%;
    text-align: center;
    position: relative;
    z-index: 1;}  
  .icon-featured:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0%;
    border-color: #A7A7A7;
    content: '';
    -webkit-box-sizing: content-box;
    box-sizing: content-box;}
    html .featured-box-effect-2.featured-box-primary .icon-featured:after {
    webkit-box-shadow: 0 0 0 0px;}
  .featured-box {
    background-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0px;
    border: 0px solid #ECECEC;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    min-height: 100px;
    position: relative;
    text-align: center;
    z-index: 1;
    color: #949494;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.7px;
    line-height: 21px;}
  .featured-box a {
    color: #949494 !important;}
    .featured-box a:hover {
    color: #212529 !important;;}
  .featured-box:hover {
    color:#212529}
  .featured-box .box-content {
    border-radius: 0px;
    border-top: 0px;
    border-top-width: 0px;
    padding: 0px;
    padding: 0rem;
    position: relative;}
  .icon-featuredimag {
    width: 90%;
    padding-bottom:15px;}
  .featured-box .box-content-border-bottom {
    border-top: 0px !important;
    border-bottom: 0px;}
  .icon-featured-text {
    color:#51575C;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -0.7px;
    line-height:25px; }
  .icon-featured-boton :active {
    color: #212529 !important;}
  .icon-featured-boton {
    color:#BEBEBE;padding-left: 4px;padding-right: 4px}
  .featured-box .box-content:not(.box-content-border-0) {
    top: -1px;	border-top-width: 4px;}
  .featured-box .box-content.box-content-border-0 {	
    border-top: 0px;border-bottom: 0 !important;}
  .featured-box .box-content.box-content-border-bottom {
    top: 1px}
  .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] {
    border-bottom-color: #51575C !important;}
.buttonsactivi {padding-top: 5px}

/* bocadillo tooltip */
  .bocad {
    position: relative;
    box-sizing: border-box;
    color:#BEBEBE}
  .bocad .fas  a {
    color:#BEBEBE !important}  
  .bocad:after,
  .bocad:before {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 35%;
    box-sizing: border-box;  }
  .bocad:after {
    content: attr(data-tooltip);
    background: #808080;
    top: 100%;
    margin-top: 22px;
    padding: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #fff;
    line-height: 1.5;
    width: 85px;
    margin-left: -36px;
    border-radius: 0px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal}
  .bocad.group:after  {
    width: 65px !important;
    margin-left: -29px !important;}
  .bocad.code:after  {
    width: 45px !important;
    margin-left: -17px !important;}

  .bocad:before {
    content: "";
    top: 100%;
    margin-top: 7px;
    margin-left: -1px; }
  .bocad:hover:after,
  .bocad:hover:before {
    -webkit-transition: all 200ms ease 50ms;
    transition: all 200ms ease 50ms;
    visibility: visible;
    opacity: 1;  }
  .bocad:hover:after {
    margin-top: 6px;  }
  .bocad:hover:before {
    margin-top: 0px;}
  

  .bocad-button {
    position: relative;
    box-sizing: border-box;
    color:#BEBEBE}
  .bocad-button .fas  a {
    color:#BEBEBE !important}  
  .bocad-button:after {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 35%;
    box-sizing: border-box;  }
  .bocad-button:after {
    content: attr(data-tooltip);
    background: #808080;
    top: 100%;
    margin-top: 22px;
    padding: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #fff;
    line-height: 1.5;
    width: 85px;
    margin-left: -36px;
    border-radius: 0px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: normal}
  .bocad-button:hover:after {
    -webkit-transition: all 200ms ease 50ms;
    transition: all 200ms ease 50ms;
    visibility: visible;
    opacity: 1;
    margin-top: 6px;  }

  






/*-------------
      FOOTER 
   -------------*/
  #footer {
    background: #212529;
    border-top: 0px solid #212529;}
  #footer .footer-copyright.footer-copyright-style-2 {
    background:  transparent;
    border-top: 0px;}
  #footer .footer-copyright p {	color: #fff;}
  .pt-5, .py-5 {padding-top: 0rem !important;}
  .carruselfooter {margin-top: 50px}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ styles */

}


  .creditos {color: #6A6A6A;margin-bottom: 30px;margin-top: 7px;}
  .show-grid [class*="col"] .show-grid-block {
    background-color: transparent;
    line-height: 40px;
    min-height: 40px;
    text-align: center;
    border: 0px;
    display: block;
    color: #fff;}
  .credits{ 
    font-weight: 200;
    letter-spacing: 0.05em;
    line-height: 40px;
    display: block;
    color: #fff;
    opacity: 0.4;}
  .left {text-align: left}
  .center {text-align: center}
  .right {text-align: right}
  .credits:hover{ 
    color: #fff;
    opacity: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;}
  .creditsfooter{
    border-top: 1px solid #474C51;
    margin-top: 20px;
    padding-top: 10px;}

  .creditsblock1 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 20px;} 
  .credit1 {
    cursor: default;
    display: flex;
    padding-left: 0px;
    padding-right: 0px;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    color: #fff;
    text-align: center;
    opacity: 1;}
  .guion1 {  
    cursor: default;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;}

  .credit1 a {
    color: #fff;
    opacity: 0.5;
    transition: 0.5s;}
  .credit1 a:hover {
    opacity: 1;}  
  .credit1 > a [class*="fa-"] {
    left: 0px;
    top: 2px;
    margin-right: 4px;}
  @media (min-width: 321px) and (max-width: 576px) { 
    .credit1 {padding-bottom: 5px}
    .creditsblock1 {flex-direction: column !important;margin-top: 20px}
    .guion1 {display:none}
    .credit1 .nav-link {padding-right: 20px;}
    }
  @media (max-width: 320px) {
    .credit1 {padding-bottom: 5px}
    .creditsblock1 {flex-direction: column !important;margin-top: 0px}
    .guion1 {display:none}
    .credit1 .nav-link {padding-right: 20px;}
  }
    
  .creditsblock2 {}
  .creditsblock2 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding-bottom: 20px;
    margin-top: 20px;
    padding-top: 20px;}
  .credit2 {
    display: flex;}
  .credit2sub {
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    font-weight: 400;
    line-height: 25px;
    opacity: 0.5;
    text-align: center !important;
    transition: 0.5s;}
  .credit2sub:hover {
    opacity: 1}
  .guion2, .guion3 {    
    font-size: 13px;
    font-weight: 400;
    line-height: 25px;
    color: #fff;
    opacity: 0.5;
  cursor: default;}

  @media (min-width: 321px) and (max-width: 576px) { 
    .guion3 {display:none}
    .creditsblock2 {
    flex-direction: column !important;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-top: 20px;}
  }
  @media (max-width: 320px) {
    .guion3 {display:none}
    .creditsblock2 {
      flex-direction: column !important;
      margin-bottom: 3px;
      margin-top: 5px;
      padding-top: 5px;}
  }











/* MIS RESERVAS */
.rsv-misreservas-mod {
  margin-bottom: 30px}
.rsv-misreservas-mod>div {
  padding: 25px 25px 20px 25px;}
.rsv-misreservas-header {
  background-color: #D6D6D6 !important;
  margin-bottom: 25px;
  margin-left: -15px;
  margin-right: -15px;
}
.rsv-misreservas-titulo {
  padding-left: 20px;
  padding-top: 15px;
  padding-bottom: 20px;
  color: #E9E9E9;
  font-size: 44px;
  font-weight: 800;
  line-height: 42px;
  border-bottom:;
  cursor: default}



/* modulo 2 */
.rsv-misreservas-mod-1 {
  z-index: 2;
  background: #D6D6D6;
  border-right: 3px solid #E9E9E9;}
  @media (max-width: 991px) { .rsv-misreservas-mod-1 {
  border-right: 0px solid #E9E9E9;
  border-bottom: 3px solid #E9E9E9;}}
.rsv-misreservas-id {
  font-size: 40px !important;
  color: #B5B5B5 !important;}
.rsv-misreservas-recibo {
  background: #CACACA;
  margin-top: 37px;
  margin-bottom: 37px;
  padding: 15px 15px 15px;
  cursor: default !important;
  margin: 0px 0px 4px !important;}

.rsv-misreservas-detalle {
  display: flex;}
.rsv-misreservas-detalle>div:first-child {
  font-size: 50px;
  line-height: 50px;
  font-weight: 700;
  color: #B5B5B5;
  padding: 0px 30px 0px 10px;}
.rsv-misreservas-detalle>div:nth-child(n+2) {
  line-height: 25px;
  font-size: 14px;
  color: #51575C;
  font-weight: 400;}
.rsv-misreservas-detalle>div>div>span {
  line-height: 25px;
  font-size: 14px;
  color: #51575C;
  font-weight: 700;
  padding-right: 7px;}
.rsv-misreservas-detalle>div>div>span::before {
  content: "/";
  font-weight: 100;
  padding: 0px 4px;}

#rsv-recibo-btns>button:first-child {
  margin-left: 0px !important;}
#rsv-recibo-btns>button:last-child {
  margin-right: 0px !important;}


/* modulo 2 */
.rsv-misreservas-mod-2 {
  z-index: 1;
  padding: 0px 0px 0px 0px !important;}
.rsv-mireservas-cerrar {
  width: 30px;
  height: 30px;
  text-align: center;
  align-content: center;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
  color: #B1B1B1;
  cursor: pointer;}





.rsv-misreservas-pagar, .rsv-misreservas-amigos {
  z-index: 1;
  background: #D6D6D6 !important;
  width: 100%;
  height: 100%;

  visibility:hidden;
  opacity:0;
  transition: opacity 2s;
  animation: slide-right 2s ease-out;} 
    @-webkit-keyframes slide-right {
      0% { -webkit-transform: translateX(-100%); }    
    100% {-webkit-transform: translateX(0); }}
    @-moz-keyframes slide-right {
      0% { -moz-transform: translateX(-100%); }   
    100% { -moz-transform: translateX(0); }}

  /* versión tablet vertical y movil */
  @media (max-width: 991px) { 
    .rsv-misreservas-pagar, .rsv-misreservas-amigos {
    width: 100%;
    height: auto !important;
    left: 0;
    position: absolute;
    visibility:hidden;
    opacity:0;
    transition: position 2s;  
    animation: slide-down 2s ease-out;}
  }
    @-webkit-keyframes slide-down {
      0% { -webkit-transform: translateY(-100%); }    
    100% {-webkit-transform: translateY(0); }}
    @-moz-keyframes slide-down {
      0% { -moz-transform: translateY(-100%); }   
    100% { -moz-transform: translateY(0); }}

.rsv-misreservas-pag {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 20px 30px 20px 30px !important;}
.rsv-misreservas-text1 {
  font-weight: 400;
  margin-left: -5px;
  font-size: 14px;
  line-height: 22px;
  color: #51575C;
  cursor: default;
  white-space: normal;}
#rsv-misreservas-importe {
  margin-right: -5px;
  margin-left: -5px;
  margin-bottom: 10px;}
#rsv-misreservas-importe>input {
  height: 35px!important;}






/* AMIGOS */

.rsv-amigos {
  position: relative !important}
[disabled=disabled] {
  display:none !important}
.desplegable-amigos {
  margin-top: 10px;
  position: relative !important;
  float: inherit !important;
  z-index: 2;
  min-width: 220px;}
.desplegable-amigos .desplegable-wrap {
  margin-bottom: 7px;}
.desplegable-amigos .desplegable-wrap .drop{
  font-size: 14px;
  line-height: 40px !important;
  font-weight: 800;
  color: #51575C;
  background-color: #F3F3F3;
  border: 0px !important;
  padding: 0px 5px 0px 0px;
  text-align: center;
  text-transform: lowercase;
  transition: border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out;}
@media (max-width: 576px) {
  .desplegable-amigos {
  display: inline !important;}  
  #rsv-inscripcion-movil-2 {
  margin-top: 30px;
  margin-bottom: 30px}
} 









.rsv-m-titulo-movil {                           
    position: absolute;
    top: 270px;
    right: 20px;
    text-align: right;
    color: #CACACA;
    font-size: 30px;
    font-weight: 800;
    line-height: 35px;
    width: 70%;
    z-index: 9;}


/* animacion */
  @keyframes textosaltarin {
    0% {transform: scale(1);}
    50% {transform: scale(1.3);}
    100% {transform: scale(1);}
  }






/* PREFALDÓN MOVIL */
.rsv-m-prefaldon {
  position: absolute;
  width: 100%;
  bottom: 0;
  background-color: #CACACA;
  padding: 10px;
  border-top: 2px solid #52575C;
  z-index: 2;}
@media (min-width: 577px) {
  .rsv-m-prefaldon {display: none}
}
.rsv-m-prefaldon>div{
  background: #BEBEBE;
  color: #51575C;
  height: 35px;
  font-weight: 800;
  display: flex;
  justify-content: center;
  align-content: center;}
.rsv-m-prefaldon>div:first-child{
  margin-bottom: 10px;}
.rsv-m-prefaldon-hora {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
  font-size: 20px;
  line-height: 35px;
  animation: textosaltarin 300ms ease-in}
.rsv-m-prefaldon-hora>span {
  font-weight: 100;
  padding-left: 4px;
  padding-right: 4px;
  line-height: 19px;
  height: 19px;}
.rsv-m-prefaldon>div:last-child{
  }
.rsv-m-prefaldon-instalacion {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 100%;
  line-height: 16px;
  font-size: 14px;
  word-break: break-all;
  text-align: center;
  overflow-wrap: break-word;
  animation: textosaltarin 300ms ease-in}

/* CONTAINER MOVIL */
#rsv-container-marginbottom {
  height: 0;
  min-height: 0px;}

@media (min-width: 576px) {
#rsv-m-container {margin-bottom: 0px;}
}

@media (max-width: 576px) {
  #rsv-m-container {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;}
  #rsv-m-container .row {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    height: 100% !important;}
  #rsv-m-container .row .col {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    height: 100% !important;}
  #rsv-m-sticky { width: 100%}
  #rsv-m-faldon {position: absolute !important}
}

/* MARCADOR MOVIL */
@media (max-width: 576px) {
  .rsv-m-fila-cuadricula {
    position: relative !important; }
  .marcador {
    background: -webkit-linear-gradient(top, rgba(255,165,0,1) 0%, rgba(255,128,0,1) 100%) !important;
    background: -o-linear-gradient(top, rgba(255,165,0,1) 0%, rgba(255,128,0,1) 100%) !important;
    background: linear-gradient(to bottom, rgba(255,165,0,1) 0%, rgba(255,128,0,1) 100%) !important;}
  #marcador {
    left: 0px !important;
    position: absolute !important;}
  .rsv-m-marcador-hora{ 
    position: absolute;
    width: 198px;
    height: 100%;
    text-align: center;
    font-weight: 100;
    font-size: 23px;
    line-height: 23px;}
  .rsv-m-marcador-hora>div {
    width: 198px;
    position: absolute;
    font-weight: 700;
    color: #51575C;
    opacity: 0.8;
    height: 23px;
    text-align: center}
  .rsv-m-marcador-hora>div:first-child {
    top:2px}
  .rsv-m-marcador-hora>div:last-child {
    bottom:2px}
  .rsv-m-marcadores {
    width: 198px;
    height: 100% !important;}
  .rsv-m-menos, .rsv-m-mas {
    color: #000 !important; 
    position: relative !important;
    display: inline-block !important;
    width: 90px;
    height: 100% !important;
    min-height: 25px !important;
    transition: all 1s !important;}
  .rsv-m-menos {
    float: left !important;
    text-align: left !important;}
  .rsv-m-mas {
    float: right!important;
    text-align: right!important;  }
  .rsv-m-boton-menos, .rsv-m-boton-mas {
    font-size: 14px;
    color:#E9E9E9;}
  .rsv-m-boton-menos {
    margin-left: 2px !important;}
  .rsv-m-boton-mas {
    margin-right: 4px !important;}
}


/* titulos */
@media (max-width: 1200px) {}

@media screen and (min-width: 768px) and (max-width: 990px) {
  .rsv-header-titulo {
  font-size: 35px !important;
  line-height: 38px !important;}}
@media screen and (min-width: 567px) and (max-width: 767px) {
  .rsv-header-titulo {
  font-size: 27px !important;
  line-height: 29px !important;}
  .div-desplegable-rsv {
    min-width: 240px!important;}
}
@media (max-width: 576px) {
  .rsv-header-titulo {
  display: none;
  font-size: 23px !important;
  line-height: 25px !important;}}


/*movil header*/
@media (max-width: 576px) {  
  .rsv-header { }
  #rsv-recibo-btncarr {
    position: absolute;
    top: 17px;
    right: 0px;}
  .rsv-header-titulo {
    display: none;
    font-size: 27px;
    line-height: 28px;}
  .rsv-header-fecha>div>button {
    padding-left: 10px !important;
    padding-right: 10px !important;}
  #show-mobile-date-picker {
    width: 44px;  }
  #rsv-m-sticky-sticky-wrapper {
    position: absolute !important;}
  .rsv-header-control {
    border-top: 0px solid #E9E9E9 !important;
    background-color: #CACACA;
    padding: 10px !important;
    border-bottom: 2px solid #52575C !important;}
  .rsv-header-title, .rsv-header-separador1 {
    display:none !important}
/*movil botones*/
  .rsv-header-instalaciones { }
  .rsv-header-instalaciones>div {
    min-width: 44px !important;
    margin-left: 7px;}
  .div-desplegable-rsv {
    display:none}
  .rsv-m-instalacion .desplegable-movil {
    width: 44px;}
  .rsv-m-actividad .desplegable-movil {
    width: 44px;
    color: #51575C;
    transition: border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out;}
  .div-desplegable-movil:hover::before {
    background: rgba(190,190,190,1);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(190,190,190,1)), color-stop(100%, rgba(161,161,161,1)));
    background: -webkit-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
    background: linear-gradient(to bottom, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
    box-shadow: 0px 3px 0px 0px #fff;}
  .div-desplegable-movil::before {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    width: 44px;
    height: 40px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
		font-size: 17px;
    line-height: 40px;
    text-align: center;
    color: #51575C;
    background-color: #BEBEBE;
    border: 0px;
    transition: border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out;}  
  .rsv-m-actividad::before {
    content: "\f002";  }
  .rsv-m-instalacion::before {
    content: "\f3c5";  }
  #TipoUnidadmovil { }
  #TipoUnidadmovil>option {
    font-size: 14px;}

  
  
}

@media (min-width: 577px) {
  .rsv-m-header-botones{display:none }
  .rsv-user-log-title{
    color: #E9E9E9;
    font-size: 30px;
    font-weight: 800;
    line-height: 35px;
    cursor: default;
    margin-bottom: 30px;
    padding-top: 30px;} 
}
@media (max-width: 576px) {
  #rsv-inscripcion .inscripcion-col>div:first-child{
    flex: 0 !important; } 
  #rsv-inscripcion {
    margin-bottom: 15px;}
  .rsv-user-log-title{
    color: #E9E9E9;
    font-size: 30px;
    font-weight: 800;
    line-height: 35px;
    cursor: default;
    margin-bottom: 10px;
    padding-top: 10px;}
  /*header*/
  .rsv-m-pista-id {background: linear-gradient(to bottom, rgba(91,90,90,.70) 0%, rgba(91,90,90,.90) 100%);}
  /*cabecera*/
  .rsv-m-pista-id-content {
    color: #E9E9E9;
    text-align: center;
    padding-left: 15px;
    height: 40px;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    display: inherit;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;}
}








/*carrusel*/
@media (max-width: 576px) {
  .swiper-container {
    background: #E9E9E9;
    margin-top: 70px !important;
    width: 100%;
    padding-bottom: 100px !important;
    height: calc(100% - 115px) !important}
  .swiper-wrapper {
    top: 20px;
    position: relative;
    width: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;}  
  .swiper-slide { 
    height: 100% !important;
    margin-top: 3px;
    background-position: center;
    background-size: cover;
    width: 200px !important;
    background-color: #ACACAC;
    overflow: hidden !important;
    transition: box-shadow 0.5s ease-in-out !important;}
  .swiper-slide-active{
    box-shadow: 0px -3px 0px 0px #fff, 0px 3px 0px 0px #fff;}
  .swiper-slide-next, .swiper-slide-prev {
    pointer-events: none;}
  .rsv-m-header-bot{
    font-size: 17px !important;
    padding-top: 9px !important;}
  /* sombra*/
  .swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(221,221,221,.7), rgba(221,221,221, .5)) !important;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    z-index: 12 !important}
  .swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(221,221,221,.7), rgba(221,221,221, .5)) !important;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    z-index: 12 !important}
  shadowtop {
    position: absolute;
    height: 70px;
    top: 40px;
    width: 100%;
    pointer-events:none;
    z-index: 3;
    background: -moz-linear-gradient(0deg, rgba(81,87,92,0) 0%, rgba(81,87,92,0.2) 100%);
    background: -webkit-linear-gradient(0deg, rgba(81,87,92,0) 0%, rgba(81,87,92,0.2) 100%);
    background: linear-gradient(0deg, rgba(81,87,92,0) 0%, rgba(81,87,92,0.2) 100%);}
  shadowdown {
    position: absolute;
    height: 70px;
    bottom: 0px;
    width: 100%;
    pointer-events:none;
    z-index: 3;
    background: -moz-linear-gradient(180deg, rgba(81,87,92,0) 0%, rgba(81,87,92,0.3) 100%);
    background: -webkit-linear-gradient(180deg, rgba(81,87,92,0) 0%, rgba(81,87,92,0.3) 100%);
    background: linear-gradient(180deg, rgba(81,87,92,0) 0%, rgba(81,87,92,0.3) 100%);}
  /*pagination*/
  .swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 1 !important;}
  .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    top: 0px;
    left: 0;
    width: 100%;}
  .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block; 
    border-radius: 0% !important;
    background: #000 !important;
    opacity: 0.2;}
}



/* CUADRICULA */
@media (max-width: 576px) {
.rsv, .rsv-m-pista {height: 100%}
.rsv-m-reservas {
  margin: 1px;
  height: calc(100% - 39px) !important;
  overflow-y: auto !important;}
.rsv-m-reservas::-webkit-scrollbar{
  display: none;}
.rsv-m-pista {
  width: 200px;
  border: 0px solid }
.rsv-m-fila-cuadricula>div {
  position: relative;
  height: 25px;
  background: #D6D6D6;
  text-align: center;
  font-size: 14px;
  line-height: 25px;
  font-weight: 500;
  margin-left: 0px !important;
  margin-right: 0px;}
.rsv-m-fila-cuadricula>div:nth-child(odd) {
  margin-bottom: 0px;}
.rsv-m-fila-cuadricula>div:nth-child(even) {
  margin-bottom: 1px;}
.rsv-m-fila-cuadricula>div:before  {
  content: attr(data-hora);
  color: rgba(103,103,103,0.5);
  position: absolute;
  top: 12px;
  margin-left: -32px;
  font-size: 25px;
  font-weight: 700;
  pointer-events: none;
  z-index: 2}
}
@media (min-width: 577px) {
  .rsv-m-fila-cuadricula>div:hover {
    background: rgba(255,165,0,1);}
}


/* FALDON MOVIL */
@media (max-width: 576px) {
  .rsv-info {
    position: fixed;
    margin-bottom: -140px;
    padding: 0px !important;}
  .rsv-info .container {
    padding: 0px !important;
    margin: 0px !important;}
  .rsv-info-bloc {
    font-size: 14px !important;
    display: flex !important;
    flex-wrap:wrap !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    padding: 10px !important} 
  .rsv-info-flex {
    flex-wrap:wrap !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    --gap: 10px;
    display: inline-flex !important;
    margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap));
    width: calc(100% + var(--gap));}
  .rsv-info-flex>div {
    border: 0px solid !important;
    background: #2B2F33;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 2px 2px !important;
    flex-grow: 3;
    line-height: 25px !important;
    margin: var(--gap) 0 0 var(--gap) !important;} 
  .rsv-info-flex>div:first-child {
    }
  .rsv-info-pista {
    font-weight: 700;
    width: unset !important;
    line-height: 25px !important;}
  .rsv-m-info-hora {
    display: none !important;}  
  .rsv-m-info-luz {}
  .m-luz-on, .m-luz-off {
    opacity:0.6;
    margin-top: -4px;
    width: 20px;}
  .rsv-m-luz-ambos {
    padding-left: 2px;
    font-size: 20px;
    line-height: 20px;}
  .rsv-info-subunit {
    min-height: 45px;}
  .rsv-info-boton {
    min-width: 50%;
    justify-content: center;
    min-height: 43px;}
  .rsv-info-boton:hover {
    background: #1C1F22;
    border: 2px solid #1C1F22 !important;
    color: #fff;}
}
@media (min-width: 576px) { 
  /*.rsv-m-info-luz {display: none !important}*/
  .rsv-header {margin-bottom: 25px;}
  #rsv-container-recb {margin-bottom: 100px;}
}




/* RECIBO 731 */
.rsv-recibo {
  background: #CACACA;
  margin-top:37px;
  margin-bottom: 37px;
  padding: 15px 15px 0px;
  transition: border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out;
  cursor: default !important}
.rsv-recibo:hover {
  background: -webkit-linear-gradient(rgba(190,190,190,0.3) 0%, rgba(161,161,161,0.4) 100%) !important;
  background: -o-linear-gradient(rgba(190,190,190,0.4) 0%, rgba(161,161,161,0.4) 100%) !important;
  background: linear-gradient(rgba(190,190,190,0.4) 0%, rgba(161,161,161,0.4) 100%) !important;
  box-shadow: 0px 3px 0px 0px #fff; }
.rsv-recibo:hover .rsv-recibo-cont2 .rsv-recibo-flex2 .rsv-recibo-sub {
  background: rgba(176,176,176,0.80);}
.rsv-recibo-importe {
  margin: 15px -15px 0px -15px !important;
  background: rgba(75,81,85,0.25);
  text-align: center;
  line-height: 30px; 
  font-weight: 600;
  color: #E9E9E9;}
.rsv-recibo-reserva {
  background: #CACACA;
  margin-top:37px;
  margin-bottom: 37px;
  padding: 15px 15px 0px;
  transition: border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out;
  cursor: default !important}
.rsv-recibo-reserva:hover {}
.rsv-addcalendar1 {
  padding-right: 3px;
  font-size: 10px;}
.rsv-addcalendar2 { 
  padding-right: 3px;
  font-size: 16px;}
.rsv-addcalendar3 {
  padding-right: 3px;
  font-size: 16px;}
.rsv-recibo-addcalendar {
  margin: 0px -15px 0px -15px !important;}
.rsv-recibo-eur {
  padding-left:8px}
.rsv-recibo-cont1 {
  display: flex;}
.rsv-recibo-flex1 {
  border: 0px solid;
  display: flex;
  flex-direction: row;
  color: #51575C;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px}
.rsv-recibo-flex1>div { 
  padding: 10px;}
.rsv-recibo-flex1>span {
  padding: 10px;}
.rsv-recibo-id>div:last-child {
  font-weight: 100 !important;}
.rsv-recibo-flex1>div:nth-child(2) {
  padding-right: 0px;}
.rsv-recibo-flex1>div:nth-child(2):after {
  content: "";
  font-weight: 100;
  font-size: 14px;
  padding-left: 10px}
  .rsv-recibo-flex1 {
  width: 33%;
  flex-direction: column;
  text-align: center;}
  .rsv-recibo-flex1>div {
  padding: 5px;}
  .rsv-recibo-flex1>div:first-child {
  border-bottom: 2px solid #B5B5B5;
  margin: 0px 10px;
  margin-bottom: 5px}
  .rsv-recibo-flex1>div:nth-child(2):after {
  content: "";}
  #rsv-recibos-importe-movil {
  margin-right: -5px;
  margin-left: -5px;
  margin-bottom: 20px;}
  #rsv-recibos-importe-movil>input {
  height: 35px!important;}
  #rsv-recibos-importe>input {
  height: 35px!important;}
  #rsv-recibos-importe {
  margin-right: -5px;
  margin-left: -5px;
  margin-bottom: 20px;}

@media (max-width: 769px) {
  #rsv-recibos-importe-escritorio {
  display: none !important}
  .rsv-recibo-cont1 {
  padding: 10px 0px 0px;
  flex-direction: column;
  justify-content: center;}
  .rsv-recibo-flex1 {
  flex-direction:row;
  justify-content: flex-start;
  width: 100%; 
  text-align: left;
  padding: 0px 0px 0px 0px !important;;
  margin-bottom: 10px;}
  .rsv-recibo-flex1>div {
  display: inline-block !important;  
  padding: 0px 0px 0px 0px;  }
  .rsv-recibo-flex1>div:first-child {
  border-bottom: 0px solid #B5B5B5;}
  #rsv-recibo-ins, #rsv-recibo-fec, #rsv-recibo-hor {
  border-bottom: 2px solid #B5B5B5;}
  #rsv-recibo-ins>div:nth-child(2) {
  margin-bottom: 12px;  }
  #rsv-recibo-ins>div>span {
  padding: 0px 7px 0px 7px;
  font-weight: 100 ;}
  #rsv-recibo-sub {
  width: 100%;
  padding-left: 35px;
  justify-content: flex-start !important;}
  #rsv-recibo-sub>div:first-child {
  width: 25px;
  border-bottom: 0px solid #B5B5B5;
  position: absolute;
  margin-left: -35px !important; } 
  .rsv-reibo-flex1>div:nth-child(n+2) {
  padding: 0px;}
  .rsv-recibo-flex1>div:nth-child(n+2):after {
  content: "/";
  font-weight: 100;
  font-size: 14px;
  padding: 0px 7px 0px 7px}
  .rsv-recibo-flex1>div:last-child:after {
  content: "";
  padding: 0px 10px}
  .rsv-recibo-icon { 
  padding-bottom: 5px;} 
  .rsv-recibo-icon {
  font-size: 17px !important;
  opacity:0.5;
  width: 20px;}
}

@media (min-width: 770px) {
  #rsv-recibos-importe-movil {
  display: none !important;}
  #rsv-recibos-importe-escritorio>input {
  height: 35px!important;}
}

@media (max-width: 576px) {
  #rsv-inscripcion-escritorio{
  display: none !important}
  #rsv-inscripcion-movil {
  background: none !important;
  margin-top: 20px !important;
  margin-bottom: 0px !important;
  padding: 0px 0px 0px !important;
  transition: border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out;
  cursor: default !important;}
  #rsv-inscripcion-movil:hover {
  box-shadow: 0px 0px 0px 0px #fff;}
  #rsv-recibo-btns {
  display: flex;
  justify-content: center;
  padding-bottom: 0px;}
  #rsv-recibo-btncancel, #rsv-recibo-btnreser {flex-shrink: 0 !important;}
  #rsv-recibo-header-titulo {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin: 10px 0px;}
  #rsv-recibo-header-titulo>div:first-child {
  width: 100px;}
  #rsv-recibo-btncarr-2 {
  width: 45px;
  padding: 7.728px 9px;
  position: relative;
  margin-top: 0px;
  margin-left: 8px;
  margin-right: -4px;}
  #ancla-pagar>button {
  height: 40px;}
  #ancla-pagar>button:hover, #ancla-pagar>button:active {
  box-shadow: 0px 0px 0px 0px #fff;}
  #ancla-pagar {
  animation: ancla 2.5s linear infinite;}
  #rsv-boton-carr>button {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 0px;
    width: 44px !important;
    padding: 7.728px 11px;}
}
@media (min-width: 577px) {
  #rsv-boton-carr {
  display: none !important}
  #rsv-inscripcion-movil{
  display: none !important}
  #rsv-recibo-header-titulo{
  display: none !important}
}
@keyframes ancla { 50% {opacity: 0.5;}}



.rsv-recibo-flex2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  color:#51575C;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  padding: 0px 15px;}
.rsv-recibo-flex2>div {
  padding: 10px;
  vertical-align: middle}
.rsv-recibo-flex2>div:nth-child(n+2) {
  font-weight: 100;
  padding: 5px 12px;
  margin:5px;
  transition: background 0.3s;
  background: rgba(176,176,176,0.50);
  text-align: center;}
  .rsv-recibo-flex2>div:first-child {
  flex: 0 0 100%;
  border-bottom: 2px solid #B5B5B5;
  text-align: center;
  padding-bottom: 5px !important}


/* boton pagar */
@media (min-width: 992px) {
  #ancla-pagar {
    display:none;}
}
#pagar {
  position: absolute;
  margin-top: -80px;}

#rsv-recibo-btns {
  display:flex;
  justify-content:center;
  padding-bottom:0px}
#rsv-recibo-btns>button, #rsv-recibo-btns>a {
  width:120px;
  margin:20px;}

.rsv-recibo-instbar {
  padding: 0px 7px 0px 7px !important;
  font-weight: 100 !important;}

.rsv-recibo-year {
  font-weight: 100;
  padding-left: 10px}
.rsv-recibo-icon {
  font-size: 17px;
  opacity:0.5;
  width: 20px;}
.rsv-recibo-subunit {
  display: flex;
  flex-direction: column;
  justify-content:flex-start;
  background: #CACACA;
  color:#51575C;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  padding: 0px 15px 5px;}
.rsv-recibo-subunit>div {
  display: flex;
  flex-direction: row;}

.rsv-recibos-pag { 
  width: 100%;
  margin-top: 0px;
  margin-bottom: 3px;
  background-color: #D6D6D6;
  padding: 30px !important;
  padding-top: 0px !important;
  margin-left: auto;
  margin-right: auto;}
.codigobarras1 {
  padding-top:25px;
  padding-bottom: 25px;}
.rsv-recibos-codigobarras {
  margin-bottom: 3px;}
.rsv-recibos-mensaje {
  padding-top:25px;
  padding-bottom: 25px;
  margin-bottom: 3px;}
.rsv-recibos-pag-2 {
  padding-bottom: 25px;}
.rsv-recibos-pag-3 {
  width: 100%}
.rsv-recibos-text1 {
  font-weight:400;
  font-size: 14px;
  line-height: 22px;
  color: #51575C;
  cursor: default;
  white-space: normal;}
.rsv-recibos-text2 {
  padding-left: 7px;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  color: #51575C;
  cursor: default;
  white-space: normal;}
.rsv-recibos-text2>i {
  padding-right: 5px;}







/* CALENDARIO MOBISCROLL */
  .mbsc-scroller-wheel-item>div>div {
    color: transparent !important;}
  .mbsc-windows.mbsc-scroller-wheel-line {
    background: rgba(190,190,190,0.3) !important;}
  .mbsc-selected {
    color: #fff;
    font-weight: 600 !important;}
  .mbsc-windows.mbsc-popup, .mbsc-windows.mbsc-popup-arrow {
    background: transparent !important;}
  .mbsc-popup-content {
    background: #E9E9E9 !important}
  .mbsc-windows.mbsc-popup {
    border: 0px solid !important;}
  .mbsc-windows.mbsc-popup-buttons {
    border-top: 0px solid !important;
    background: #BEBEBE !important;
    margin-bottom: 3px !important;}
  .mbsc-popup-button-close {
    display: none !important;  }
  .mbsc-windows.mbsc-button { 
    border: 0px solid !important;    }
  .mbsc-windows.mbsc-button-flat {
    font-size: 14px;
    font-weight: 700;
    color: #51575C;
    background: #BEBEBE !important;
    border: 0px;
    transition: border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out;    }
  .mbsc-windows.mbsc-button-flat.mbsc-hover {
    font-size: 14px !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    border: 0px solid !important;
    border-top: 0px solid !important;
    color: #212529 !important;
    box-shadow: 0px 3px 0px 0px #fff;
    background: rgba(190,190,190,1);
    background: -webkit-linear-gradient(rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%) !important; 
    background: -o-linear-gradient(rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%) !important;
    background: linear-gradient(rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%) !important;}
  .mbsc-windows.mbsc-button-flat.mbsc-active {
    background: #A1A1A1 !important;}


/*Basic Grid Styles*/
.rsv {}
.rsv-fila-horarios {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  width: 100%;

  background: #E9E9E9;
  padding-left: 1px;
  padding-bottom: 1px;}
.rsv-fila-horarios>div {
  color:#D6D6D6;
  flex: 1;
  text-align: center;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 40px;
  background: #7D8082; 
  margin-right:1px;
  transition: all 0.3s}
.rsv-fila-horarios>div:nth-child(2n) {
  /*impar*/}








/*----------- 
    CABECERA 
  -----------*/
.rsv-info-titulo{
  width: 100%;
  color:#51575C;
  text-align: left;
  font-size: 30px;
  font-weight: 800;
  line-height: 35px;
  cursor: default;
  margin-bottom: 10px;}
.rsv-info-bloc {
  font-size: 14px !important;
  -ms-flex-pack: end;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;}
.rsv-info-pista{
  border: solid 2px #3A3E42;
  width: 100%;
  color:#AEAEAE;
  text-align: left;
  font-weight: 700;
  line-height: 40px;
  padding-left: 15px !important;
  display: inherit;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  cursor: default}
#horarioFaldon {
  animation: textosaltarin 300ms ease-in !important}
.rsv-info-flex {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  flex-grow: 1;}
.rsv-info-flex>div {
  border: solid 2px #3A3E42;
  margin-left: 15px;
  display: inherit;
  padding: 5px;
  line-height: 40px;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  color:#D7D7D7;}
.rsv-info-flex>div:hover {
  border: solid 2px #45494E;}


/*---------- 
    HEADER 
  ----------*/
.rsv-header {
  background-color: #D6D6D6 !important;} 
.rsv-header-titulo {
  padding-left: 20px;
  padding-top: 15px;
  padding-bottom: 20px;
  color: #E9E9E9;
  font-size: 44px;
  font-weight: 800;
  line-height: 42px;
  border-bottom: ;
  cursor: default;}
#rsv-header-title {
  }
.rsv-header-control-in {
  border-top: 0px solid #E9E9E9;
  display: flex;
  padding: 20px;
  margin-bottom: 28px;}
.rsv-header-control-in > div {
  flex: 1 1;
  display: flex;} 
.rsv-header-control-in > div > div {
  flex: 0 1 auto;
  display: flex;}


.rsv-header-control {
  border-top: 28px solid #E9E9E9;
  display: flex;
  padding: 20px;
  margin-bottom: 7px;
  border-right: 1px solid #E9E9E9;
  border-left: 1px solid #E9E9E9;}
.rsv-header-control > div {
  flex: 1 1;
  display: flex;} 
.rsv-header-control > div > div {
  flex: 0 1 auto;
  display: flex;}
.rsv-header-instalaciones {
  justify-content: flex-end;
  flex-direction: row;  }
.rsv-header-instalaciones>div {
  min-width: 280px}
/* desplegables */
.div-desplegable-rsv {
  position: absolute;
  z-index: 5;
  min-width: 280px;
  float: right}
.div-desplegable-rsv .desplegable-wrap {
  width: 100%;
  z-index: 5;
  overflow:auto;
  transition: background 300ms ease;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: #ECECEC;
  background-clip: padding-box;
  border: 0px solid #ECECEC;
  border-radius: 0rem;
  transition: border-color .3s ease-in-out,box-shadow .3s ease-in-out;
  -webkit-box-shadow: 0px 0px 0px 0px #a2a2a2;
  -moz-box-shadow: 0px 0px 0px 0px #A2A2A2;
  box-shadow: 0px 0px 0px 0px #a2a2a2;}
.rsv-instalacion, .rsv-actividad {
  padding-left: 7px;}
.rsv-instalacion .desplegable-wrap .drop,
.rsv-actividad .desplegable-wrap .drop{
  font-size: 14px;
  line-height: 40px !important;
  font-weight: 800;
  color: #51575C;
  background-color: #BEBEBE;
  border: 0px !important;
  padding: 0px 5px 0px 0px;
  text-align: center;
  text-transform: lowercase;
  transition: border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out;}
.rsv-instalacion .desplegable-wrap .drop:hover {
  background: rgba(190,190,190,1);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(190,190,190,1)), color-stop(100%, rgba(161,161,161,1)));
  background: -webkit-linear-gradient(top, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);
  background: linear-gradient(to bottom, rgba(190,190,190,1) 0%, rgba(161,161,161,1) 100%);}


  .rsv-header-title-fecha {
    cursor: default;}
/* HEADER TABLET
 */
@media screen and (min-width: 577px) and (max-width: 1199px) {
  .rsv-header-control {
    border-top: 0px solid #E9E9E9;
    padding-bottom: 10px !important;}
  .rsv-header-separador1 {
    display: none;}
  .rsv-header-fecha {
    flex-direction: column;}
  .rsv-header-title-fecha {
    cursor: default;
    padding-top: 7px;}
  .rsv-m-instalacion {display: none}
  .rsv-m-actividad {display:none}
}
@media screen and (min-width: 577px) and (max-width: 991px) {
  .rsv-header-instalaciones {
    display: block !important}
  .rsv-header-instalaciones>div {
    float: right;
    height: 40px;
    margin-bottom: 7px;}
  .rsv-instalacion {
    z-index: 6 !important;}
  .rsv-actividad {
    z-index: 5 !important;}
  .rsv-header-instalaciones>div {
    min-width: 260px}
  .div-desplegable-rsv {
    min-width: 260px;}
}
.rsv-header-boton1 {
  width: auto;
  height: 40px !important;
  border: 0px;
  margin-right: 7px;
  padding-top: 0px !important;  }
.rsv-header-boton2 {
  width: auto;
  height: 40px !important;
  border: 0px;
  margin-left: 7px;
  padding-top: 0px !important;}
.rsv-header-boton3 {
  float: right;
  width: auto;
  height: 40px !important;
  border: 0px;
  margin-top: 5px;
  margin-right: 20px;
  padding-top: 0px !important;}
.rsv-header-boton-calendar {
  font-size: 17px;
  padding-top: 10px;}
.rsv-header-boton-text {
  font-size: 14px;
  line-height: 40px !important;
  font-weight: 800;
  letter-spacing: -0.5;}
.rsv-header-separador1 {
  height: 40px;
  font-size: 23px;
  color:#7D8082;
  padding: 5px 12px 0px 7px;}
.rsv-header-separador2 {
  height: 40px !important;
  font-size: 23px !important;
  color:#7D8082;
  padding: 5px 7px 0px 12px !important;}
.rsv-header-title {
  background: transparent;
  font-size: 25px;
  font-weight: 700;
  line-height: 40px;
  color: #51575C;
  letter-spacing: -.05em;
  animation: textosaltarin 300ms ease-in}
.rsv-header-title > span {
  font-size: 25px;
  font-weight: 100;
  padding: 0px 6px;
  color:#7D8082;}
.rsv-header-icon {
  font-size: 15px;
  padding-right: 4px;}



/*----------- 
   CONTROLES 
  -----------*/
.rsv-titulo-top {
  margin-bottom: 30px;}
.rsv-control-info {
  margin-top: 5px;
  border-bottom: 3px solid #A2A2A2;
  width: 100%;
  color: #51575C;
  font-size: 14px !important;
  line-height: 35px;
  -ms-flex-pack: end;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;}
.rsv-control-nombre {
  width: 100%;
  font-size: 25px;
  font-weight: 600;
  line-height: 35px;
  letter-spacing: -.05em;
  text-align: left;
  display: inherit;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  cursor: default}
.rsv-control-flex {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  flex-grow: 1;}
.rsv-control-flex>div {
  margin-left: 3px;
  display: inherit;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap}
.rsv-control-label {
  opacity: 0.5;
  padding-right: 5px}
.rsv-control-sep {
  font-size: 25px;
  font-weight: 100;
  line-height: 35px;
  padding-left: 15px;}
.rsv-control-dia {
  font-size: 25px;
  font-weight: 600;
  line-height: 35px;
  padding-left: 15px;}
.rsv-control-boton {
  font-weight: 600;
  color: #787C80;
  height: 46px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  background: #ECECEC;
  cursor: pointer}
.rsv-control-boton:hover {
  box-shadow: 0px 3px 0px 0px #fff;
  background: #fff}
.rsv-control-calendar {
  font-size: 20px;}



/*----------- 
     PISTA 
  -----------*/
.rsv-pista {
  border: 0px;
  margin-top: 10px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: auto;}
.rsv-pistas-flex {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  flex-grow: 1;
  color: #B3B4B4;}
.rsv-pistas-flex>div {
  padding: 0px 15px;
  display: inherit;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap}
.rsv-pistas-label {
  opacity: 0.5;
  padding-right: 5px}
.rsv-pistas-label-hora {
  width: 30px;}
.rsv-pistas-disponibilidad {display: inline-block}
.rsv-pistas-label {display: inline-block}
.rsv-pistas-label-subuni {
  width: 25px !important;}
.rsv-pistas-label-subuni {display: inline-block}

.rsv-pistas-label {display: inline-block}


/*efecto hover*/

.rsv-pista:hover {}
.rsv-pista:hover .rsv-pista-id {
  background: -webkit-linear-gradient(270deg, rgba(125,128,130,0.2) 0%, rgba(125,128,130,0.45) 100%);
  background: -o-linear-gradient(270deg, rgba(125,128,130,0.2) 0%, rgba(125,128,130,0.45) 100%);
  background: linear-gradient(270deg, rgba(125,128,130,0.2) 0%, rgba(125,128,130,0.45) 100%);}
.rsv-pista:hover .rsv-pista-id .rsv-pista-id-content {
  color:#212529 !important;}
.rsv-pista:hover .rsv-reservas {
  opacity: 1;}
.rsv-pista:hover .rsv-pista-id .rsv-pistas-flex {
   color:#212529 !important }

.rsv-pista-hacheover {}
.rsv-pista-id-hacheover {
  background: -webkit-linear-gradient(270deg, rgba(125,128,130,0.2) 0%, rgba(125,128,130,0.45) 100%);
  background: -o-linear-gradient(270deg, rgba(125,128,130,0.2) 0%, rgba(125,128,130,0.45) 100%);
  background: linear-gradient(270deg, rgba(125,128,130,0.2) 0%, rgba(125,128,130,0.45) 100%);}
.rsv-pista-id-content-hacheover {
  color:#212529 !important;}
.rsv-reservas-hacheover {
  opacity: 1 !important;}
.rsv-pistas-flex-hacheover {
  color:#212529 !important;}

/*--------------
    FILA NOMBRE
  --------------*/
.rsv-pista-id {
  margin-top: 7px;
  border-bottom: 1px solid #E9E9E9;
  border-right: 2px solid #E9E9E9 !important;
  font-size: 14px !important;
  line-height: 35px;
  -ms-flex-pack: end;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: -webkit-linear-gradient(270deg, rgba(125,128,130,0.15) 0%, rgba(125,128,130,0.3) 100%);
  background: -o-linear-gradient(270deg, rgba(125,128,130,0.15) 0%, rgba(125,128,130,0.3) 100%);
  background: linear-gradient(270deg, rgba(125,128,130,0.15) 0%, rgba(125,128,130,0.3) 100%);}
.rsv-pista-id-content {
  width: 100%;
  color: #777B7F;
  text-align: left;
  padding-left: 15px;
  height: 40px;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  display: inherit;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  cursor: default}

/*---------------
    FILA CELDAS
  ---------------*/
.rsv-reservas {
  opacity: 0.6;}
.rsv-fila-cuadricula {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 0px;
  padding-top: 0px;}
.rsv-fila-cuadricula>div {
  flex: 1;
  text-align: center;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 50px;
  background: #D6D6D6;
  border-width: 0px;  }
.rsv-fila-cuadricula>div:hover {
  background: rgba(255,165,0,0.5);}
.rsv-fila-cuadricula>div:nth-child(odd) {
  margin-right: 0px}
.rsv-fila-cuadricula>div:nth-child(even) {
  margin-right: 1px}
.rsv-fila-cuadricula>div:first-child {  }
.rsv-fila-cuadricula>div:last-child {
  border-right: 1px solid #E9E9E9}
.rsv-fila-cuadricula-select {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  width: 100%;
  background: #E9E9E9;
  padding-left: 1px;
  padding-bottom: 1px;}
.rsv-fila-cuadricula-select>div {
  flex: 1;
  text-align: center;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  line-height: 50px;
  background: #D6D6D6;
  margin-right:1px;}
.rsv-select{
  cursor: pointer}
.rsv-select-click {
  background: rgba(255,165,0,1) !important}


@media (max-width: 769px) {

}



/*--------------------
    INTERACIÓN CELDAS
  --------------------*/
.rsv-ocupado {
  cursor: default !important;
  background: rgba(119,122,123,0.4) !important;}
.rsv-ocupado:nth-child(odd) {}
.rsv-parcial {
  background: -moz-linear-gradient(180deg, rgba(210,210,210,1) 50%, rgba(184,184,184,1) 100%) !important;
  background: -webkit-linear-gradient(180deg, rgba(210,210,210,1) 50%, rgba(184,184,184,1) 100%) !important;
  background: linear-gradient(180deg, rgba(210,210,210,1) 50%, rgba(184,184,184,1) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#D6D6D6",endColorstr="#c4c4c4",GradientType=1);}
@media (max-width: 576px) {
  .rsv-parcial {
  background: rgb(201,201,201);
  background: linear-gradient(90deg, rgba(201,201,201,1) 0%, rgba(221,221,221,1) 50%, rgba(201,201,201,1) 100%) !important;}
}
.rsv-semiocupado:hover {  }
@media (min-width: 577px) {
  .rsv-select {
  cursor: pointer !important;
  background: #FFA500;}
}
.rsv-actual {
  cursor: default !important;
  background: #B8B8B8 !important;
  border-bottom: }
@media (max-width: 576px) {
.rsv-actual {
  background: rgba(125,128,130,0.4) !important;
  border-right: ;
  border-left: ;
  border-bottom: }
}
.rsv-actual-anular {
  cursor: pointer !important;
  background: #D6D6D6 !important;
  border-bottom: }
@media (max-width: 576px) {
.rsv-actual-anular {
  background: #D6D6D6 !important;
  border-right: ;
  border-left: ;
  border-bottom: }
}



/*--------------
     MARCADOR
  --------------*/
.marcador {
  /*z-index: 10;*/
  position: absolute;
  pointer-events: none;
  width: 40px;
  height: 40px;
  left: 10px;
  top: 10px;
  display: none;
  background: -webkit-linear-gradient(left, rgba(255,165,0,1) 0%, rgba(255,128,0,1) 100%);
  background: -o-linear-gradient(left, rgba(255,165,0,1) 0%, rgba(255,128,0,1) 100%);
  background: linear-gradient(to right, rgba(255,165,0,1) 0%, rgba(255,128,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff8000",endColorstr="#ffa500",GradientType=1);}
.marcador {
  z-index: 4}
#marcador {
  -webkit-transition: width 1s ease-in-out;
  -moz-transition: width 1s ease-in-out;
  -o-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;
  }
@media (max-width: 576px) {
  .marcador {
  pointer-events: auto !important;
  -webkit-transition: max-height 1s !important;
  -moz-transition: max-height 1s !important;
  -ms-transition: max-height 1s !important;
  -o-transition: max-height 1s !important;
  transition: max-height 1s !important;}
  #marcador {
  -webkit-transition: max-height 1s !important;
  -moz-transition: max-height 1s !important;
  -ms-transition: max-height 1s !important;
  -o-transition: max-height 1s !important;
  transition: max-height 1s !important;}
}



/*BOTONES*/
.rsv-marcador-mas, .rsv-marcador-menos {
  height: 40px;
  width: 50%;
  background: transparent;
  color: #E8E8E8;
  font-size: 12px;
  font-weight: 100;
  position: absolute;
  top: 0px}
.rsv-marcador-mas {
  border: 0px;
  right: 0px;
  float: right;
  text-align: right;}
.rsv-marcador-menos {
  border: 0px;
  left: 0px;
  float: left;
  text-align: left;}
.rsv-marcador-menos:hover, .rsv-marcador-mas:hover {
  color: #fff !important;}
.rsv-marcador-mas:hover, .rsv-marcador-menos:hover {
  -webkit-animation: inner 1.5s infinite;
  animation: inner 1.5s infinite;}
.rsv-marcador-animation {
  -webkit-animation: paused;
  animation: paused;}



/*----------- 
    FALDÓN 
  -----------*/
#rsv-m-faldon {
  height:103px;}
.rsv-info {
  position: fixed;
  margin-bottom: -150px;
  bottom: 0;
  width: 100%;
  transition: 0.5s;
  display: flex;    
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #30353A;
  border-top: 2px solid #fff;
  border-bottom: 0px solid #fff;
  padding: 25px 0px 25px;
  z-index: 8}
.rsv-info-cerrar {
  width: 30px;
  height: 30px;
  text-align: center;
  align-content: center;
  position: absolute;
  right: 11px;
  top: -30px;
  font-size: 20px;
  color: #B1B1B1;
  cursor: pointer} 
.rsv-info-cerrar:hover {
  color:#52575C} 
.rsv-info-cerrar:active {
  color:#212529;
  animation: textosaltarin2 300ms ease-in}
.rsv-info-date {
  padding: 0px 20px !important;
  color: #BFC1C2;
  cursor: default;
  font-weight: 700 !important;}
.rsv-m-info-luz {
  min-width: 62px;}
.m-luz-on, .m-luz-off {
  opacity:0.6;
  margin-top: -4px;
  width: 20px;}
.rsv-m-luz-ambos {
  padding-left: 2px;
  font-size: 20px;
  line-height: 20px;}
#horarioFaldon>span {
  padding: 0px 2px;
  font-weight: 100;}
.rsv-info-date>span:nth-child(even) {
  font-weight: 100;}
#fechaFaldon>span:nth-child(even) {
  font-weight: 100;
  padding-left: 3px;
  padding-right: 3px;}
#fechaFaldon>span:nth-child(odd) {
  font-weight: 700;}
#fechaFaldon>span:last-child {
  font-weight: 100 !important;}
.rsv-info-date:before, 
.rsv-info-pista:before, 
.rsv-info-subunit:before  {
  content: attr(data-title);
  position: absolute;
  display: inline;
  margin-top: -73px;
  font-size: 14px;
  font-weight: 700;
  color: #474C51;}
.rsv-info-date:before {
  margin-left: -20px;}
.rsv-info-pista:before, 
.rsv-info-subunit:before  {
  margin-left: -10px;}
.rsv-info-subunit {
  padding-left: 10px !important;
  padding-right: 3px !important;}
.rsv-info-subunit>div {
  margin-right: 7px;}
.rsv-info-subunit>div:nth-last-child {
  margin-right: 0px !important;}
/*SUBUNIDAD*/
.rsv-info-subunit-check {
  text-align: center}
.subunit-check-input {
  display: none;}
.subunit-check-text {
  line-height: 24px;
  color: #676F76;
  cursor: pointer;
  user-select: none;
  width: 27px;
  height: 27px;
  border: 2px solid #5C6369;
  letter-spacing: -.1em;
  padding-left: 2.5px;
  text-align: left;}
.subunit-check-input:hover ~ .subunit-check-text {
  background: #262A2E;
  color: #BFC1C2;
  border: 2px solid #BFC1C2;}
.subunit-nodisp :hover ~ .subunit-check-text {
  background: #31353A;
  color:  #51575C;
  border: 2px solid #3A3E42;
  cursor: not-allowed}
.subunit-check-input:checked ~ .subunit-check-text {
  background: #262A2E;
  color: #BFC1C2;}
.subunit-nodisp .subunit-check-text{
  cursor: not-allowed !important;
  color: #51575C !important;
  border: 2px solid #3A3E42 !important;}

/*BOTÓN*/
.rsv-info-boton {
  background: #262A2E;
  border: 2px solid #262A2E !important;
  cursor: pointer;
  font-weight: 700;
  padding: 0px 15px !important;
  transition: background 0.3s ease-in-out,box-shadow 0.3s ease-in-out;}
.rsv-info-boton:hover {
  background: #1C1F22;
  border: 2px solid #1C1F22 !important;
  color: #fff }
.rsv-boton-icon {
  padding-right: 5px}
#rsv-m-parpadeo {
  -webkit-animation: inner 2s infinite;
  animation: inner 2s infinite;}
#rsv-m-parpadeo:hover {
  -webkit-animation: none;
  animation: none;}


/*-------------- 
     TOOLTIP 
  --------------*/
.rsv-tooltip {
  position: relative;
  cursor: pointer;
  color: #fff;
  perspective: 500px;}
.rsv-tooltip__content {
  position: absolute;
  bottom: 5px;
  backface-visibility: hidden;
  left: -9999px;
  transition: 0s left 0.2s;
  opacity: 1}
.is-active .rsv-tooltip__content {
  left: 50%;
  transition: 0s left 0s;}
.rsv-tooltip__content-inner {
  font-size: 14px;
  line-height: 17px;
  min-width: 100px;
  position: relative;
  margin-left: -100%;
  display: block;
  padding: 0.75em;
  color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0 1px #51575C, 0 1px 1px #51575C, 0 1px 1px #51575C, 0 2px 10px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 1) 100%, white 100%);
  opacity: 0;
  -webkit-filter: blur(40px);
  transform: translateY(-80%) perspective(500px) rotateX(-45deg) scale(1.8);
  transition: all 0.2s cubic-bezier(0.49, 0.2, 0.69, 1.61);
  will-change: auto;
  /*rsv-tooltip triangle*/}
.rsv-tooltip-cont {
  position: relative;
  min-height: 40px;}
.is-active .rsv-tooltip__content-inner {
  color: rgba(0, 0, 0, 0.5);
  opacity: 0.95;
  -webkit-filter: blur(0);
  transform: translateY(0) scale(1);}
.rsv-tooltip__content-inner:before, .rsv-tooltip__content-inner:after {
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: -6px;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid rgba(0, 0, 0, 0.3);}
.rsv-tooltip__content-inner:after {
  bottom: -5px;
  border-top-color: white;}
.cloudy {
  font-weight: bold;
  -webkit-filter: blur(1.5px);}


/* bocadillo tooltip */
.jjdd-bocad {
  position: relative;
  box-sizing: border-box;
  color:#BEBEBE;}
.jjdd-bocad .fas  a {
  color:#BEBEBE !important}  
.jjdd-bocad:after,
.jjdd-bocad:before {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 50%;
  box-sizing: border-box;  }
.jjdd-bocad:after {
  opacity: 1 !important; 
  content: attr(data-tooltip);
  background: #808080;
  top: 100%;
  margin-top: 22px;
  padding: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #fff;
  line-height: 14px;
  margin-left: -36px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: normal}
.jjdd-bocad:before {
  content: "";
  top: 100%;
  margin-top: 7px;
  margin-left: -1px; }
.jjdd-bocad:hover:after,
.jjdd-bocad:hover:before {
  -webkit-transition: all 200ms ease 50ms;
  transition: all 200ms ease 50ms;
  visibility: visible;
  opacity: 1 !important;  }
.jjdd-bocad:hover:after {
  margin-top: 6px;  }
.jjdd-bocad:hover:before {
  margin-top: 0px;}




.rsv-bocad {
  position: relative;
  box-sizing: border-box;
  color:#BEBEBE;}
.rsv-bocad .fas  a {
  color:#BEBEBE !important}  
.rsv-bocad:after,
.rsv-bocad:before {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 35%;
  box-sizing: border-box;  }
.rsv-bocad:after {
  opacity: 1 !important; 
  content: attr(data-tooltip);
  background: #808080;
  top: 100%;
  margin-top: 22px;
  padding: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #fff;
  line-height: 14px;
  margin-left: -36px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: normal}
.rsv-bocad.group:after  {
  width: 65px !important;
  margin-left: -29px !important;;}
.rsv-bocad.code:after  {
  width: 45px !important;
  margin-left: -17px !important;}
.rsv-bocad:before {
  content: "";
  top: 100%;
  margin-top: 7px;
  margin-left: -1px; }
.rsv-bocad:hover:after,
.rsv-bocad:hover:before {
  -webkit-transition: all 200ms ease 50ms;
  transition: all 200ms ease 50ms;
  visibility: visible;
  opacity: 1 !important;  }
.rsv-bocad:hover:after {
  margin-top: 6px;  }
.rsv-bocad:hover:before {
  margin-top: 0px;}