.themed-grid-col {
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-color: rgba(86, 61, 124, .15);
  border: 1px solid rgba(86, 61, 124, .2);
}


.themed-container {
  padding: .75rem;
  margin-bottom: 1.5rem;
  background-color: rgba(0, 123, 255, .15);
  border: 1px solid rgba(0, 123, 255, .2);
}

.temafondo{

  color: #707070;
  background-color: white;
  font-size: 15px;
}

.textos{

  color: #707070;
  background-color: white;
  padding: 25px;
  font-size: 15px;
}
.ticketssection{
  /*margin-top: 25px;*/
}
.resumen{
  background-color: #F3F3F3;
  color: #707070;
  font-size: 15px;
  padding: 0px 15px 0px 15px;
  z-index: -1;
}



.monto{
  text-align: right;

}
.ticketscaja {
  background-color: #f8f9fa;
    border: 0px;
    padding-bottom: 50px;
}








input#vipseats {
  border: 0;
  background: none;
  color: #707070;
  width: 100%;
}

input#studentseats {
  border: 0;
  background: none;
  color: #707070;
  width: 100%;
}

input#montovipseats{
  border: 0;
  background: none;
  color: #707070;
  text-align: right;
  width: 100%;
}

input#montostudentseats {
  border: 0;
  background: none;
  color: #707070;
  text-align: right;
  width: 100%;
}

input#montohouse{
  border: 0;
  background: none;
  color: #707070;
  text-align: right;
  width: 100%;
}

input#counthouse{
  border: 0;
  background: none;
  color: #707070;
  width: 100%;
}

input#montomoney{
  border: 0;
  background: none;
  color: #707070;
  text-align: right;
  width: 100%;
}

input#sumtotal{
  border: 0;
  background: none;
  color: #707070;
  text-align: right;
  font-weight: bold;
  width: 100%;
}


.montototal{
  text-align: right;
}






input#vipseats2 {
  border: 0;
  background: none;
  color: #707070;
  width: 100%;
}

input#studentseats2 {
  border: 0;
  background: none;
  color: #707070;
  width: 100%;
}

input#montovipseats2{
  border: 0;
  background: none;
  color: #707070;
  text-align: right;
  width: 100%;
}

input#montostudentseats2 {
  border: 0;
  background: none;
  color: #707070;
  text-align: right;
  width: 100%;
}

input#montohouse2 {
  border: 0;
  background: none;
  color: #707070;
  text-align: right;
  width: 100%;
}

input#counthouse2 {
  border: 0;
  background: none;
  color: #707070;
  width: 100%;
}

input#montomoney2 {
  border: 0;
  background: none;
  color: #707070;
  text-align: right;
  width: 100%;
}

input#sumtotal2 {
  border: 0;
  background: none;
  color: #707070;
  text-align: right;
  font-weight: bold;
  width: 100%;
}


.montototal2 {
  text-align: right;
}









.importante{
  color: red;
}

.metodopago {
  padding-top: 20px;
}

a.nav-link.active.linktab {
  color: white;
  background-color: black;
  font-size: 20px;
}

a.nav-link.linktab {
  background-color: #b1b1b1;
  font-size: 20px;
  color: white;
  margin-right: 5px;
}

.mb-3 {
  margin-bottom: 1rem!important;
  margin-left: 0px;
  margin-right: 0px;
}
.bannermovil{
  display: none;
}

.ticket1 {
  width: 570px;
  border: 1px solid;
  padding: 10px;
}

.recibo {
  width: 450px;
}

.tablarecibo{
  width: 450px;
  background-color: #f6f5f5;
  padding: 15px;
  font-size: 14px;

}

.row.qr {
  padding: 0px 36px 20px;
}

.tickettabla{
  width: 400px;
  background-color: #e6e6e6;
  padding: 15px;
  font-size: 14px;

}

.ticketipo{
  color: #000000;
  font-size: 30px;
  padding-top: 80px;

}

.cajaticket{
  margin: 20px;
}

.summarymovil{
  display: none;
}
@media (min-width: 320px) and (max-width: 414px){
  .row.mesitas {
    width: 950px;
    transform: scale(0.35);
    transform-origin: 0% 0% 0px;
    height: 250px;
  }
}

@media (min-width: 414px) and (max-width: 599px){
  .row.mesitas {
    width: 950px;
    transform: scale(0.41);
    transform-origin: 0% 0% 0px;
    height: 250px;
  }
}



@media (max-width: 576px) {

  .bannermovil{
    display: inline ;
  }
  .bannerweb{
    display: none;
  }

  .textos {
    color: #707070;
    background-color: white;
    padding: 26px;
    font-size: 16px;
}

.position-fixed {
  position:relative !important;
}

img#imgcreditcard {
  display: none;
}

.position-fixed.summary {
  bottom: 0px;
}

.summarymovil{
  display: block !important;
  padding: 0px;
}
.summaryweb{
  display: none;
}

.resumen {
  background-color: #F3F3F3;
  color: #707070;
  font-size: 15px;
  padding: 0px 10px 15px 10px;
  z-index: -1;
}



}

@media (max-height: 750px) {

  .summary {
    bottom: 275px !important;
    padding: 0px 15px 0px 10px;
}

}




@media (min-width: 1200px) { 

  .position-fixed.summary {

    width: 280px;
}

}