.bg-image {
  }
  .bg-container{
      width: 100%;
      height: 100%;
      overflow: auto;
  }
  
  .bg-block{
      width: 100%;
      height:50vh;
      margin: 0px;
      position: fixed;
      overflow: hidden;
      z-index: -999;
      top:-50px;
  }
  
  .product-container{
      margin-top:50px;
      background-color:#fff;
      overflow:hidden;
      margin-bottom:60px;
  }
  .program_row div{
      padding:0px;
  }
  .program_detail_box{
      margin:20px;
  }
  .product_img{
      width:100%;
  }
  .product_img_box{
      max-height:360px;
      overflow:hidden;
  }
  .product_amount{
      font-size:20px;
      font-weight:bold;
  }
  .program_title{
      font-weight:bold;
  }
  
  .ticket_control i{
    font-size:14px;
  }
  .program_product_event,
  .program_product_times,
  .program_product_summary,
  .program_loader,
  .registration_questions,
  .program_cart_loader{
      display:none;
  }
  #summary_box{
      background-color:#f5f5f5;
  }
  #summary_total{
      font-size:36px;
  }
  .event_list > div{
    padding-top: 0.4rem !important;
    padding-right: .75rem !important;
    padding-bottom: 0.4rem !important;
    padding-left: .75rem !important;
  }
  #event_datepicker td:not(.ui-state-disabled) a {
    background: var(--ter-hue);
    color:var(--ter-contrast)
  }
  #event_datepicker td:not(.ui-state-disabled) a:hover {
    background: var(--ter-hue-light);
  }
  #event_datepicker td:not(.ui-state-disabled) a:focus {
    background: var(--ter-hue-dark);
  }
  #event_datepicker td:not(.ui-state-disabled) a.ui-state-active {
    background: var(--pri-hue);
    color:var(--pri-contrast)
  }

  .productPageSidebar{
    background-color:#e6e6e6;
  }
  .ui-datepicker-buttonpane,
  .ui-widget-content{
    display:none;
  }