.seat-selection{
    margin:10px auto;
    width: 950px !important;
  }
  .seat-selection *{
    padding:0;
    margin:0;
  }
  .seat-selection .seat-area{
     text-align: center;
  }
  .seat-selection .seat-area .seat-area-desc{
       line-height: 35px;
       display:none;
  }
  .seat-selection .seat-row-seat{
    display: inline-block;
      border: 1px solid transparent;
      text-align: center;
      width: 18px;
      height: 18px;
      margin: 2px;
      vertical-align: -webkit-baseline-middle;
      border-radius: 2px;
  }
  
  .seat-selection .seat-row-seat span{
    display: block;
      width: 14px;
      height: 14px;
      margin: 1px 0px 0px 1px;
      background: #b9b9b9;
      border-radius: 2px;
      border: 1px solid #ffffff;
  }
  
  .seat-selection .seat-row-seat.seat-yes{
    border-color:#8a8a8a;
    background-color:#fafafa;
  }
  .seat-selection .seat-row-seat.can-select{
    background-color:#fff;
      cursor: pointer;
  }
  .seat-selection .seat-row-seat.can-select span{
    background-color:#C1C1C1;
    font-size:9px;
  }
  .seat-yes{
    font-size:9px !important;  
  }
  
  .seat-selection .seat-row-seat.current-selected.can-select span{
    background-color:#007F0E;
  }
  .seat-selection .seat-row-seat.current-selected.can-select:hover span{
    background-color:#41db41;
  }
  .seat-selection .seat-row-seat.can-select:hover span{
    background-color:#dcdcdc;
  }
  .seat-selection .row-indicator{
    margin-right: 10px;
    color: green;
    font-size: 17px;
  }
  .seat-selection .movie-screen{
    width: 100%;
    text-align: center;
    margin: 30px 0px 15px 0px;
    font-size: 0.8em;
    color: #626573;
    box-shadow: inset 0px 7px 12px 0px #9c9c9c;
  }
  .seat-selection .seat-proccess-panel{
    padding: 10px;
    border-top: 3px solid #D80028;
    text-align: right;
        /*margin: 30px 0;*/
          margin: 15px 0;
  }
  .seat-selection .layout-action-btn{
    padding: 5px 20px;
    color: #fff;
    cursor: pointer;
    background-color: burlywood;
    border: 1px solid #e7e7e7;
    box-shadow: 0px 2px 5px 0px #2b2b2b;
    border-radius: 2px;
  }
  .seat-selection .layout-action-btn[disabled]{
    box-shadow: none;
    background-color: #b1b1b1 !important;
    border-color: #828282 !important;
    cursor: not-allowed;
  }
  .seat-selection .layout-action-btn.layout-btn-done{
    background-color: #D80028;
    padding: 10px 35px;
    color: #fff;
    font-size: 26px;
    /*margin-top: 25px;*/
    display: inline-block;
  }
  
  .wheelchair_seat{
  background-image: url('https://silver.afi-dev.com/wp-content/uploads/sites/8/2021/05/wheelchair_available.png') !important;
  background-repeat: no-repeat;
  background-size: cover;
  }
  .wheelchair_seat span{
      background: transparent !important;
  } 
  
 .uavailable_seat{
  background-image: url('https://silvertest.afi.com/Ticketing/images/seating/25/house_available.png') !important;
  background-repeat: no-repeat;
  background-size: cover;
  }

  .uavailable_seat  span{
      background: transparent !important;
  } 
  
  
  
 .companion_seat{
  background-image: url('https://silver.afi-dev.com/wp-content/uploads/sites/8/2021/05/companion_available.png') !important;
  background-repeat: no-repeat;
  background-size: cover; 
 }

  .companion_seat span{
      background: transparent !important;
  } 
  
  
  .sold_seat{
  background-image: url('https://silver.afi-dev.com/wp-content/uploads/sites/8/2021/05/sold.png') !important;
  background-repeat: no-repeat;
  background-size: cover; 
 }

  .sold_seat span{
      background: transparent !important;
  } 
  
  
  div#divLegend {
    text-align: center;
    margin: 25px 0 0 0;
}



  .tooltip {
  position: relative !important;
  display: inline-block !important;
  border-bottom: 1px dotted black !important;
}

.tooltip .tooltiptext {
  visibility: hidden !important;
  width: 120px !important;
  background-color: black !important;
  color: #fff !important;
  text-align: center !important;
  border-radius: 6px !important;
  padding: 5px 0 !important;
  
  /* Position the tooltip */
  position: absolute !important;
  z-index: 1 !important;
  bottom: 100% !important;
  left: 50% !important;
  margin-left: -60px !important;
}

.tooltip:hover .tooltiptext {
  visibility: visible !important;
}

.seating_time_zone{
    text-align: center;
}

.seating_time_zone h3{
    color: #D80028;
}