/******* 28-12  *******/
#sea_image{
    background-image: url('../images/playa.png');
    background-repeat: no-repeat;
    background-size: 100% 400px;
    width: 100%;
    height: 100px;
    background-position: bottom center;
    left: 0px !important;
    margin-bottom: -15px;
    }
#sea_image img{display: none;}

#seat-map{

background:linear-gradient(to bottom, rgba(255,227,172,0) 0%,hsla(44, 48%, 85%, 1) 66%,rgba(252,204,142,.5) 100%);
min-width: 1280px;
    overflow-x: auto;
margin-bottom: -40px

}

div.textlabel-class.unavailable{border-radius: 20px; box-shadow: 3px 4px 8px rgba(0,0,0,.15);}

div.seatCharts-seat.unavailable {
  background-color: lightgray;
  box-sizing: border-box;
  padding: 0 !important;
  cursor: not-allowed;
  border: 1px solid #797877;
  color: #999 !important;
  
}
/*div.beachsport-class.unavailable
kidsgames-class,
textlabel-class,
beachsport-class{opacity: 1 !important;}
*/
div.seatCharts-seat.selected{

  background-color: #2eb76b !important
}

div.guardavidas-class.unavailable,
div.textlabel-class.unavailable,
div.sendero-horizontal-class.unavailable,
div.kidsgames-class.unavailable{border: none !important; color: rgba(0,0,0,0) !important;}

div.textlabel-class.unavailable,
.textlabel-class{color: #227dbc !important;}


div.seatCharts-cell{background-color: transparent;}

div.umbrella-class-naran-verd.available,
div.umbrella-class-azul-bordo.available{  }

 

 @keyframes rotaru {
  0% {
    
    transform: rotate(0deg) scale(1);
  }

50%{
      transform: rotate(180deg) scale(1.3);
}

  100% {
    transform: rotate(360deg) scale(1);
  }
}


/*
https://i.ibb.co/7CtR8Z1/camino-vertical.png
https://i.ibb.co/GtL6tHc/camino-horizontal.png
*/
div.sendero-vertical-class.unavailable{background-color: transparent !important;  background: url('../images/camino_vertical.png') !important; border: 0px !important; box-shadow: none !important}
div.sendero-horizontal-class.unavailable{background-color: transparent !important; background: url('../images/camino_horizontal.png') !important; box-shadow: none !important;}
div.umbrella-class-azul-bordo.available{background-color: transparent !important; background-image: url('../images/sombrilla_azul_bordo.png') !important;}
div.guardavidas-class.unavailable{background-color: transparent !important;  background-image: url('../images/salvavidas.png')  !important; box-shadow: none !important;}

#image_building{z-index:321321; }

div.seatCharts-legend{position: relative;padding-top: 40px;top: -30px;}
ul.seatCharts-legendList li{width: auto; padding-right: 20px;}

ul.seatCharts-legendList li .sendero-vertical-class{background-color: #fed69b !important}


div.carpa-azul-oscuro-h-class.available{background-image:url('../images/carpa_h.png'); background-color: transparent !important;
 border: 0px !important; box-shadow:none !important;}
div.carpa-azul-oscuro-v-class.available{background-image:url('../images/carpa.png'); background-color: transparent !important;  margin-top: 0;
 border: 0px !important; box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, .15); 
  /*animation: colorin 2s linear infinite;*/
}

 @keyframes colorin {
  0% {

    filter: hue-rotate(0deg);
  }
  50% {
    filter: hue-rotate(-120deg);
  }
    100% {

    filter: hue-rotate(0deg);
  }
}

div.carpa-bordo-h-class.available{background-image:url('../images/carpaBORDO_h.png'); background-color: transparent !important; border: 0px !important;  box-shadow:none !important; margin-top: 0;}
div.carpa-bordo-v-class.available{background-image:url('../images/carpaBORDO.png'); background-color: transparent !important;  margin-top: 0; 
border: 0px !important;  box-shadow: 0px 3px 3px 0 rgba(0, 0, 0, .15); }

ul.seatCharts-legendList li div.umbrella-class-naran-verd.available,
ul.seatCharts-legendList li div.umbrella-class-azul-bordo.available,
ul.seatCharts-legendList li div.seatCharts-seat.unavailable{box-shadow: none !important}

ul.seatCharts-legendList li div.umbrella-class-azul-bordo.available{background-color: transparent !important; background-image: url('../images/sombrilla_azul_bordo.png') !important; animation: none !important;}
  span.seatCharts-legendDescription {
  margin-left: 5px;
  line-height: 30px;
  font-weight: 700;
  font-size: .8em;
  color: #227dbc;
}

.newBtm h5{
  font-weight: 700; font-family: 'Ubuntu', sans-serif; color: #999;

}
@media (max-width: 767px){
.btmdivs{width: 100%;}
#sea_image{min-width: 1280px}
}

#seat-map ul.seatCharts-legendList li div.carpa-azul-oscuro-h-class.available:hover{background-color: transparent !important; background-image:url('../images/carpa_h.png') !important;}
#seat-map div.seatCharts-seat.available:hover{background-image: none !important;background-color: #2eb76b !important;color: #ffffff !important;font-size: 14px;animation: none;font-weight: 700;}

div.seatCharts-seat.focused {
  background-color: #2eb76b !important; font-weight: 700;
}