/*Section General Home and Main */
body {background:#fafafa}
.bdnone{display:none}

.blh{color:#333}
.blh h4{padding-left:8px;color:#111}
.blh p{padding-left:20px;}
.blh li{color:#222}


.blpl-20{padding-left:20px;}
.blml-20{padding-left:20px;}
.background-lightgrey3{background: #F8F8F8;}
.background-lightgrey2{background: #E0E0E0;}
.background-lightgrey{background: #a6a6a6;}
.background-white{background: white;}
.bold{font-weight:500}
.blue{color:#0000ff}
.card {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.col-center{float: none;margin: 0 auto;}
.validation.ng-invalid.ng-dirty{border-color: #FA787E}
.validation.ng-valid.ng-dirty{border-color: #00cc00}
.valigncenter {vertical-align: middle;text-align: center;padding: 4px 0}
.no-bold{font-weight:normal}
.red{color:#ff0008}
.green {color:#3DA93D}
.tachado{text-decoration:line-through;}
.schedulehora {font-size: 20px;vertical-align: middle;}
.scheduleverde{color:#2A2;}
.sch-text-center{text-align:center;}
.textZom1{font-size: 150%;}
.map-img{
    height:25px;
    width:18px;
    margin:0 auto;
    vertical-align: middle;
    padding-left: 0;
    padding-right: 0;
    margin-top: 5px;
  }
.center-block{float:none}
.lepStyleWhite{background:#fff;color:#666666}
.lepStyle{background:#e6e6e6;color:#666666}
.lepStyleRed{background:#ff0000;color:white}
.lepBlack-color{color:#111}
.lepRed-color{color:#ff0008}
.home-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1001; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.3); /* Black w/ opacity */
}
/* Modal Content */
.home-modal-content {
    margin: 15% 50%; /* 15% from the top and centered */
    padding: 20px;
    width: 5.5%; /* Could be more or less, depending on screen size */
}
.home-modal-body {
}
/*End Section General Home and Main */

/* Begin section SeatPicker*/
@-webkit-keyframes animatetop {
    from {top: -300px; opacity: 0} 
    to {top: 0; opacity: 1}
}

@keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}
.size-img{ /* seat panel */
    height:25px;
    width:25px;
    margin:0 auto;
    vertical-align: middle;
    padding-left: 0;
    padding-right: 0;
    margin-top: 5px;
}

/* The Modal (background) */
.mercadopago-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1100; /* Sit on top */
    padding-top: 0px; /* Location of the box */
    left: 0;
    top: 0;
    height: 100%;
    width: 100%; /* Full width */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.2); /* Black w/ opacity */
}

  .mercadopago-modal-content {
    background-color: #fefefe;
    margin: 10% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 90%; /* Could be more or less, depending on screen size */
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
  }
  
  
 /*END section Seatpicker */


/* automatic  for modal content seatpicker*/
@media (max-width: 600px) {
  .mercadopago-modal-content {
    background-color: #fefefe;
      margin: 10% auto; /* 15% from the top and centered */
      padding: 20px;
      border: 1px solid #888;
      width: 90%; /* Could be more or less, depending on screen size */
      -webkit-animation-name: animatetop;
      -webkit-animation-duration: 0.4s;
      animation-name: animatetop;
      animation-duration: 0.4s
  }
} /*end max-width:600*/

@media (min-width: 601px) {
.mercadopago-modal-content {
    background-color: #fefefe;
      margin: 10% auto; /* 15% from the top and centered */
      padding: 20px;
      border: 1px solid #888;
      width: 50%; /* Could be more or less, depending on screen size */
      -webkit-animation-name: animatetop;
      -webkit-animation-duration: 0.4s;
      animation-name: animatetop;
      animation-duration: 0.4s
  }
} /*end min-width:601*/