.header-section{
   font-size: 18px !important;
   color: white !important;
   font-weight: 600 !important;
   padding: 11px 79px;
   margin-bottom: 13px;
   background: transparent linear-gradient(104deg, #F6663F 0%, #ED2151 100%) 0% 0%;
}
.devider{
   margin-bottom: 33px;
   background: #d9d9d9 !important;
   height:20px !important;
}
.time-slot-section{
   display: flex !important;
   justify-content: space-between !important;
   margin-bottom:33px ;
}
.calender, .time-slot{
   /* display:inline-block !important; */
   min-height:250px !important;
   box-shadow: 1px 2px 8px rgb(0 0 0 / 19%) !important;
   border-radius: 10px 10px 10px 10px !important;
}
.calender{
   width:21.5% !important;
   margin-right:1% !important;
}
#open-calender{
   margin: 17px 0px !important;
}
.time-slot{
   width:77.3% !important;
}
.time-slot-section-header{
   background: transparent linear-gradient(104deg, #F6663F 0%, #ED2151 100%) 0% 0% !important;
   border-radius: 10px 10px 0px 0px !important;
   padding: 10px 30px;
   font-size:18px;
   font-weight:600;
   color:white;
}
.time-slot-section-body{
   padding: 10px;
}
ul.slots {
   list-style-type: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
   background-color: #fff;
}
li.slot {
   float: left;
   cursor: pointer;
}
li.slot a:hover {
   color: #297035;
}
li.slot{
   border: 1px solid #999 !important;
   color: #4abd5d;
   padding: 13px;
   border-radius: 4px;
   width: 20.5%;
   height: 45px;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   position: relative;
   margin: 15px 20px 15px 20px!important;
}
li.slot.selected{
   background-color:#4abd5d;
   color: #fff;
}
li.slot.selectedRed{
   background-color:#ED2151;
   color: #fff;
}

.slot-time{
   display: block;
   padding:0px !important;
   text-align: center;
   text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
   border: 1px solid #dad55e;
   background: transparent linear-gradient(104deg, #F6663F 0%, #ED2151 100%) 0% 0% !important;
   color: white !important;
}
.ui-datepicker table {
   width: 100%;
   font-size: 15px !important;
   border-collapse: collapse;
   margin: 0 0 0.4em;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
   border: 1px solid #dad55e;
   background: transparent linear-gradient(104deg, #F6663F 0%, #ED2151 100%) 0% 0% !important;
   color: white !important;
}

li.ticket {
   float: left;
}
li.left-content {
   float: left;
   margin-right:60% !important;
}
._text{
   float: left;
   margin-right: 30% !important;
}
li a {
   display: block;
}
.ticket {
   width: 47%;
   min-height: 300px;
   box-shadow: 1px 2px 8px rgb(0 0 0 / 19%) !important;
   margin-right: 22px !important;
   margin-bottom: 10px !important;
   margin-top: 10px !important;
   border-radius: 10px 10px 10px 10px !important;
}
/* .ticket:nth-child(2n) {
   margin-right: 0px !important;
} */
.ticket-head{
   background: transparent linear-gradient(104deg, #F6663F 0%, #ED2151 100%) 0% 0% !important;
   border-radius: 10px 10px 0px 0px !important;
   color: white !important;
   height: 180px !important;
   padding: 15px;
}
.ticket-head-grey{
   background: #9e9e9e !important;
   border-radius: 10px 10px 0px 0px !important;
   color: white !important;
   height: 180px !important;
   padding: 15px;
}
.ticket-name{
   margin-bottom: 10px !important;
   font-size: 23px !important;
   font-weight: 600 !important;
   color:white;
   text-align: center;
   margin-bottom:10px !important;
}
.ticket-text{
  
   font-size: 17px !important;
   font-weight: normal !important;
   color:white;
   text-align: center;
   margin-bottom:10px !important;
   line-height: 1 !important;
  /* overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;*/
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   cursor: pointer;
}
.bold{
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   cursor: pointer;
   font-size:20px !important;
}
.ticket-body{
   padding:20px !important;
}
.bold{
   color: black !important;
   font-weight: 700 !important;
}
.counter{
   padding-left: 26px !important;
}
.ticket-logo{
   height: 45px !important;
   width: auto;
}
.value1 {
   width: 24% !important;
   border: none;
   background: transparent;
   font-size: 16px;
   font-weight: 700;
   color: #1A1A1A;
   /* margin-right: 2px; */
   pointer-events:none !important;
   padding-top: 5px;
}
.show-pricebar{

   position: fixed;
   bottom: 0;
   background-color: #fff;
   width: 100%;
   left: 0;
   padding: 16px;
   z-index: 1;
   box-shadow: 0px -1px 20px #00000029;
}
/* .form-row > div {
       flex:0 !important;
} */
#total-detail{
   display: flex;
   align-items: start;
   flex-wrap: nowrap !important;
}
.form-row .total-amount {
   display: flex;
   flex-direction: column;
   flex: initial;
  margin-right:0px !important;
   min-width: 390px !important;
}
.location-name{
   font-size: 37px !important;
   font-weight: 600;
   color: white !important;
}
.location-details{
   font-size: 10px !important;
   color:white !important;
}
.location-details-more{
   font-size: 12px !important;
   color:white !important;
}
.duration, .temperature, .contact{
   color:white !important;
   font-size: 12px !important;
}
.demo-table td {
   color:white !important;
}
.demo-table td >p{
   color:white !important;
}
.demo-table{
   margin:77px 72px !important;
}
.right-cell{
   width:800px !important;
   text-align:right !important;
}
.location-logo, .clock-logo, .phone-logo, .weather-logo{
   height:16px !important;
}


.demo-table-mobile{
   display:none !important;
}
.total-book {
   display: flex;
   justify-content: initial;
   align-items: right !important;
   margin-top: 0px !important;
   margin-left: 10%;
}        

.main-detail-of-place {
   margin-top: 0px !important; 
}
.available_ticket{
   /* display: flex !important; */
   display: inline-block !important;
   margin-left: 72px !important;
}
.form-row>.total-amount {
   display: flex;
   flex-direction: column;
   flex: initial;
   margin-right: 23px !important;
   min-width: 451px !important;
}
.total-ticket-amount {
   min-width: 220px !important;
}
.box {
   float: left;
   height: 20px;
   width: 20px;
   margin-bottom: 15px;
   border: 1px solid black;
   clear: both;
}

.red {
   background-color: #ED2151;
}

.green {
   background-color: #4abd5d;
}

.white {
   background-color: white;
}
.mark{
   margin-left: 582px !important;
   margin-top: 63px !important;

}
@media (max-width: 991px){

.available_ticket {
   /* display: flex !important; */
   display: inline-block !important;
   margin-left: 10px !important;
}
li.left-content {
   float: left;
   margin-right: 27% !important;
}
.header-section {
   font-size: 18px !important;
   color: white !important;
   font-weight: 600 !important;
   padding: 11px 13px !important;
   margin-bottom: 33px;
   background: transparent linear-gradient(104deg, #F6663F 0%, #ED2151 100%) 0% 0%;
}
.ui-datepicker {
   width: 100% !important;
   padding: 0.2em 0.2em 0;
   display: none;
}
.time-slot-section {
   display: block !important; 
   justify-content: center !important;
   margin-bottom: 33px;
}
.calender {
   width: 100% !important; 
   margin-right: 0px !important; 
}
.time-slot {
   width: 100% !important; 
}
li.slot {
   border: 1px solid #999 !important;
   color: #4abd5d!important; 
   padding: 13px!important; 
   border-radius: 4px!important; 
   width: 38%!important; 
   height: 45px!important; 
   display: flex!important; 
   justify-content: center!important; 
   align-items: center!important; 
   flex-direction: column!important; 
   position: relative!important; 
   margin: 15px 20px 15px 20px!important;
}
.ticket {
   width: 94%!important; 
   min-height: 300px!important; 
   box-shadow: 1px 2px 8px rgb(0 0 0 / 19%) !important;
   margin-right: 22px !important;
   margin-bottom: 10px !important;
   margin-top: 10px !important;
   border-radius: 10px 10px 10px 10px !important;
}
.demo-table-mobile{
   display:block !important;
}
.demo-table{
   display:none !important;
}
.location-logo-mobile, .clock-logo-mobile, .phone-logo-mobile, .weather-logo-mobile{
   height:16px !important;
}
.temperature-mobile, .location-name-mobile, .location-details-mobile, .location-details-more-mobile{
   color:white !important;
}
.location-name-mobile{
   font-size: 36px!important;
   font-weight: 600!important;
}
.location-details-mobile{
   font-size: 12px!important;
}
.temperature-mobile p{
   font-size: 16px;
   color: white;
   margin-top: 50px;
}
.detail-filter-main{
   position: relative !important;
   margin-top: 0px !important;
}
.show-pricebar {
   position: fixed;
   bottom: 0px !important;
   background-color: #fff;
   width: 100%;
   left: 0;
   padding: 16px;
   z-index: 1;
   box-shadow: 0px -1px 20px #00000029;
}
.form-row>.total-amount {
   display: flex;
   flex-direction: column;
   flex: initial;
   margin-right: 10px !important;
   min-width: 113px !important;
}
.form-row .total-value {
   font-size: 11px !important;
   /* line-height: 18px; */
}
.total-book .btn {
   width: 75px !important;
   height: 34px !important;
   font-size: 12px !important;
   letter-spacing: 0.6px !important;
}
li.slot.selected {
   background-color: #4abd5d;
   color: white !important;
}
li.slot.selectedRed{
   background-color:#ED2151;
   color: #fff;
}
table.mark {
   /* text-align: right; */
   margin-left: 20px !important;
   margin-top: 63px !important;
   /* margin-right: 0px; */
}
}
@media(max-width: 479px){
   .header-right nav a.contact-btn{
       width: 162px!important;
       font-size: 15px;
   }
   .banner-detail h2{
       font-size: 21px !important;
   }
   .total-book{
       margin-left: 0;

   }
   .total-book .btn{
       width: 62px !important;
   }
   .total-amount{
       margin-right: 0px !important;
   }
}