#pay-now-final {
 display:none;
}
#pay-now-final {
 text-align:center;
}

#drupal-modal .payment-forms{
     background: #f5f5f9;
    width: 100%;
    padding: 10px;
}


#drupal-modal  .form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#drupal-modal .btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
#drupal-modal .btn-danger:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}

#drupal-modal  .btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
#drupal-modal  .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
        margin-top: 10px;
}

#drupal-modal .html-detail{
     margin: 11px;
}

#drupal-modal .html-detail .qty{
        width: 72px;
}
#drupal-modal .html-detail .gst-amount{
     width: 51px;
}

 .ui-corner-all .ui-widget-header{
     border: 1px solid #dddddd /*{borderColorHeader}*/;
    background: #e57e58!important;
    color: #ffffff!important;
    font-weight: bold;
}
/* 
@media screen and (mix-width: 462px) {
   .p-6.payment-ticket {
      padding: .5rem!important;
  }
} */

.highlighted {
 background: #fff5f2;
}

 .payment-ticket .pay:hover {
   /*  box-shadow: 2px 4px 16px #00000029;
    transform: scale3d(1.01, 1.01, 1.01); */
}

.payment-ticket .pay:hover{
 background: #fff5f2;
}

#block-cpevent-eventpaymentblockinfoview .p-6 {
    padding: 1.5rem;
}

@media screen and (max-width: 742px) {
  
  #block-cpevent-eventpaymentblockinfoview .p-6 {
      padding: 0.5rem!important;
  }
   .ui-widget.ui-widget-content{
    border: 1px solid #c5c5c5;
    width: 50%;!important;
  }

}
  .promo img{
   display:none;
  }


@media screen and (min-width: 1024px) { 
  #block-cpevent-eventpaymentblockinfoview .p-6 {
      padding: 0.5rem!important;
  }
  
  /* .ui-dialog .ui-dialog-content { */
    /* height: auto!important; */
  /* } */
   
   .promo img{
       float: right;
       position: absolute;
       left: 346px;
       top: -7px;
       width: 77px;
       height: 70px;
   }

}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    border-radius: 10px;
        padding: 0px;
}

.ui-corner-all .ui-widget-header {
    border: 1px solid #dddddd;
    background: #ff6b35!important;
    color: #ffffff !important;
    font-weight: bold;
    border-radius: 10px 10px 0px 0px;
}

.ui-widget .ui-widget {
    font-size: 10px;
}

@media screen and (max-width: 462px) {
  
  #block-cpevent-eventpaymentblockinfoview .p-6 {
      padding: 0.5rem!important;
  }
  
   .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front {
    top: 40px!important;
    z-index:9999!important;
  }
  
   .ui-dialog .ui-dialog-content {
      
      overflow-y: scroll!important;
      height: 530px !important;
      /* width: 100%!important; */
      
   }  
    
  .ui-dialog .ui-dialog-title {
    width: 92%;
  }
  
  .promo img {
      float: right;
      position: absolute;
      left: 258px;
      top: -7px;
      width: 77px;
      height: 70px;
  }
  
}

.ticket-counter button{
 
}

.ticket-counter i{
 
}

#drupal-modal .payment-forms .html-detail  h3.order-lbl
{
 display:none;
}

#drupal-modal .payment-forms .form-control.error{
 background-color: #ffe2e2;
}
 
  
.promo-error {
    background: #f04000;
    color: #fff;
    font-size: 11px;
    padding: 3px;
}


.promo-top .top-1\/2 {
    top: 37%;
}

#drupal-modal .payment-forms .html-detail .ticket-counter button,  
#drupal-modal .payment-forms .html-detail .ticket-counter input  {
 display:none;
}

.payment-ticket h2.book-h  {
  display:inline-block;
}
.payment-ticket .waitlist {
  float:right;
}

#drupal-modal .waitlist-add-forms .html-detail img {
    width: 207px;
    height: 127px;
}
#drupal-modal .waitlist-add-forms .js-form-item-other-city {
   display:none;
}

.field--name-field-gst-type.field--widget-options-select select{
 
}

.field--name-field-if-gst-inc-msg-show legend{
 display:none;
}

#node-event-coupon-codes-discount-edit-form .field--name-title,
#node-event-coupon-codes-discount-form .field--name-title  {
  display:none;
}


 .field--name-field-date-from,
 .field--name-field-date-to  {
      /* width: 40%; */
   display: inline-block;
 }

 .field--name-field-date-from #edit-field-date-from-0-value,
 .field--name-field-date-to  #edit-field-date-to-0-value{
  display: inline-flex;
  margin-right: 9px;
 } 
 .field--name-field-date-from #edit-field-date-from-0-value .form-item,
 .field--name-field-date-to #edit-field-date-to-0-value .form-item {
     margin-right: 10px;
 }

 


  .field--name-field-event-date  ,
  .field--name-field-event-end-date {
       width: 56%;
    display: inline-block;
} 


  #edit-field-date-from-0-value--description,
  #edit-field-date-to-0-value--description,
  #edit-field-event-end-date-0-value--description,
  #edit-field-event-date-0-value--description {
    display:none;
}

 .field--name-field-event-date  #edit-field-event-date-0-value,
  .field--name-field-event-end-date #edit-field-event-end-date-0-value{
   display: inline-flex;
   margin-right: 9px;
} 

 .field--name-field-event-date  #edit-field-event-date-0-value .form-item ,
 .field--name-field-event-end-date #edit-field-event-end-date-0-value .form-item {
      margin-right: 10px;
}

#node-event-coupon-codes-discount-form .form-type-vertical-tabs {
  display:none;
 }
 
 .node-event-coupon-codes-discount-form  {
      width: 39%;
      background: #fafafa;
      padding: 11px;
 }
 
 .node-event-coupon-codes-discount-form  .btn-primary {
      background: #e74a19;
    padding: 10px;
    width: 55%;
    color: #fff;
    font-size: 17px;
    border-color: #e74a19;
 }
 
 .node-event-coupon-codes-discount-form .field--name-field-date-from h4,
 .node-event-coupon-codes-discount-form .field--name-field-date-to h4 {
    max-width: 100%;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 700;
 }