/*-------------------------------------------------------------- ## Sidebar widgets --------------------------------------------------------------*/
/*-------------------------------------------------------------- # Tickets Widget Style Start --------------------------------------------------------------*/
 .ar_tickets_widget {
     width: 100%;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     margin: 0 auto;
     padding: 12px;
     font-family: 'Montserrat';
     position: relative;
     z-index: 0;
     background: #f7f0f0;
}
.ar_tickets_widget_title h5 {
     font-size: 16px;
     font-weight: 600;
}
.ar_tickets_widget_title {
     text-align: center;
     color: #1d2d53;
     color: #000000;
}
.ar_tickets_widget_title small {
     font-size: 12px;
     font-weight: 600;
}
.ar_tickets_widget .ar_tickets_datepicker {
     color: #000;
     font-weight: 600;
     font-size: 16px;
     text-align: center;
}
.ar_tickets_datepicker .ui-datepicker {
     padding: 8px;
     border-radius: 8px;
     border: 1px solid #D3D8E3!important;
     width: 100%;
    margin-top: 11px;
}
.ar_tickets_datepicker {
     width: 100%;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-header {
     border: none;
     background: transparent;
     padding: 0;
     margin-bottom: 0;
    
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title span {
     color: #1d2d53;
     font-size: 18px;
     font-family: 'Montserrat';
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-calendar thead tr th span {
     color: #76819E;
     font-size: 14px;
     font-weight: 500;
     font-family: 'Montserrat';
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-calendar thead tr th {
     padding: 8px;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-calendar tbody tr .booking-avail a, .ar_tickets_datepicker .ui-datepicker .ui-datepicker-calendar tbody tr .ui-state-default {
    background-color: transparent;
    border: none;
    padding: 0;
    text-align: center;
    font-size: 16px;
    color: #1d2d53;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 5px;
    font-family: 'Montserrat';
    text-align-last: center;
    min-height: 54px;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-calendar tbody tr .booking-avail a:hover, a.ui-state-default:hover, .time-cell:hover {
     background-color: rgba(152, 1, 46, 0.1) !important;
     border: 1px solid rgba(152, 1, 46, 0.2) !important;
}
.ar_tickets_datepicker .datepicker .ui-datepicker .ui-datepicker-calendar tbody tr .booking-avail span, .ar_tickets_widget .ar_tickets_datepicker .datepicker .ui-datepicker .ui-datepicker-calendar tbody tr .booking-not-avail span, .ar_tickets_widget .ar_tickets_datepicker .datepicker .ui-datepicker .ui-datepicker-calendar tbody tr .booking-not-avail a, span.ui-state-default {
background-color: transparent;
    border: none;
    padding: 6px 0;
    text-align: center;
    font-size: 11px;
    color: #fff;
    font-weight: 600;
    border: 1px solid transparent;
    border-radius: 5px;
    /* border-radius: 0 0 5px 5px; */
    font-family: 'Montserrat';
    padding: 4px;

}
.ui-state-disabled .ui-state-default {
        color: #c7c7c7!important;
    }
.ar_tickets_datepicker .datepicker .ui-datepicker .ui-datepicker-calendar tbody tr .booking-avail span:hover, .ar_tickets_widget .ar_tickets_datepicker .datepicker .ui-datepicker .ui-datepicker-calendar tbody tr .booking-not-avail span:hover {
     border: 1px solid rgba(236, 238, 243, 1) !important;
}
.ar_tickets_datepicker .datepicker {
     margin-bottom: 8px;
}
.ar_tickets_datepicker .avail_response select {
     padding: 10px 40px 10px 10px;
     display: block;
     width: 100%;
     border-radius: 4px;
     border: 1px solid #D3D8E3;
     text-align: center;
     appearance: none;
     background-image: url(assets/images/dropdown-icon.png);
     background-repeat: no-repeat;
     background-color: #fff;
     background-position: 95% center;
     background-size: 12px;
     text-align: left;
     font-size: 14px;
     color: #1d2d53;
}
.ar_tickets_datepicker .avail_response .ar_tickets_price span {
     font-size: 32px;
     color: #000;
     font-weight: 600;
}
.ar_tickets_datepicker .avail_response .ar_tickets_price {
     text-align: center;
     margin: 8px 0;
     font-size: 24px;
     color: #000;
}
.ar_tickets_datepicker .avail_response .ar_tickets_btn a {
     background-color: #98012e;
     display: block;
     text-align: center;
     padding: 12px 0;
     color: #fff;
     font-size: 16px;
     border-radius: 4px;
     transition: all 0.3s linear;
     font-weight: 600;
}
.ar_tickets_datepicker .avail_response .ar_tickets_btn a:hover {
     background-color: #7a0125;
}
.ar_tickets_datepicker .avail_response .ar_tickets_btn a::after {
     display: none;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
     background-image: url(assets/images/prev-arrow.png);
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     margin: 0;
     background-color: transparent;
     background-size: 13px;
     display: block;
     background-position: center center;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
     background-image: url(assets/images/next-arrow.png);
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     width: 100%;
     height: 100%;
     margin: 0;
     background-color: transparent;
     background-size: 13px;
     display: block;
     background-position: center center;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-header a {
     background: transparent;
     border-radius: 100%;
     border: 2px solid #1d2d53;
     cursor: pointer;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker .ui-datepicker-prev {
     left: 0;
     top: 0;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker .ui-datepicker-next {
     right: 0;
     top: 0;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-calendar tbody tr .ui-datepicker-today a {
     background-color: #f7f0f0
}
.ui-datepicker-today {
    background-color: #f7f0f0;
    border-radius: 5px;
}
.loader-img:before {
     content: '';
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background-color: rgb(192 192 192 / 70%);
     z-index: 9;
}
.ui-datepicker .ui-datepicker-title select {
    margin-left: 5px!important;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-calendar tbody tr .ui-datepicker-current-day .ui-state-active {
     background: #98012e !important;
     color: #fff !important;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-prev-hover {
     left: 2px;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-next-hover {
     right: 2px;
}
.ar_tickets_datepicker .ui-datepicker .ui-datepicker-prev-hover, .ar_tickets_widget .ar_tickets_datepicker .ui-datepicker .ui-datepicker-next-hover {
     top: 2px;
}
.ar_tickets_datepicker .ui-datepicker table {
     table-layout: fixed;
}
.ar_tickets_datepicker .ui-datepicker table tr .ui-datepicker-unselectable {
     opacity: 1;
}
.ar_tickets_datepicker .avail_response select[disabled] {
     opacity: 0.3;
     cursor: not-allowed;
}
.ar_tickets_datepicker .datepicker::after {
     content: "";
     display: block;
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     background-color: rgb(192 192 192 / 70%);
     z-index: 9991;
}
.ar_tickets_datepicker .datepicker::before {
     content: "";
     position: absolute;
     width: 40px;
     height: 40px;
     border: 7px solid rgb(192 192 192 / 50%);
     border-top-color: #fff;
     border-radius: 50%;
     animation: loader-custom-inner 1s linear infinite;
     top: 50%;
     left: 50%;
     z-index: 9992;
}
.ar_tickets_datepicker .datepicker.hasDatepicker::before, .ar_tickets_widget .ar_tickets_datepicker .datepicker.hasDatepicker::after {
     display: none;
}
.ar_tickets_datepicker .ui-datepicker-current-day .ui-state-highlight {
     background-color: #f5f5f6;
     color: #1d2d53 !important;
}

.ar_form_datepicker input[name="pickup_date"] {
    display: none;
}
.loader-custom-inner .loader-content {
     position: absolute;
     width: 40px;
     height: 40px;
     border: 7px solid rgb(192 192 192 / 50%);
     border-top-color: #fff;
     border-radius: 50%;
}
.loader-custom-inner .loader-content {
     animation: loader-custom-inner 1s linear infinite;
     top: 50%;
     left: 50%;
}
.loader-custom-main {
     display: none;
     overflow: hidden;
     background: none;
     position: absolute;
     width: 100%;
     height: 100%;
}
.loader-custom-inner {
     position: relative;
     backface-visibility: hidden;
     transform-origin: 0 0;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 9999;
}
.loader-custom-inner .loader-content {
     box-sizing: content-box;
}
 @keyframes loader-custom-inner {
     0% {
         transform: translate(-50%, -50%) rotate(0deg);
    }
     100% {
         transform: translate(-50%, -50%) rotate(360deg);
    }
}
 .ar_events_tickets_widget {
     transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
     font-size: 20px;
     text-align: left;
     width: calc(100% - 10px);
     background: #f7f0f0;
     border-radius: 4px 4px 4px 4px;
     padding-left: 37px;
     min-height: 145px;
}
 .ar_events_tickets_widget:hover {
     background-color: #e3e3e3;
}
 .box-ext-link-white a {
     color: #000;
     font-size: 16px;
     line-height: 25px;
     font-weight: 600;
}
 .ar_events_tickets_widget_text_black {
     font-size: 16px;
     margin-bottom: 0;
     color: #1b2629;
     line-height: 20px;
     font-weight: 700;
}
 .ar_events_tickets_widget_text_provider {
     font-size: 16px;
     color: #1b2629;
     line-height: 20px;
}
 .ar_events_tickets_widget:before {
     background: radial-gradient(circle, #ffffff 50%, #ffffff00 50%, #f7f0f0 100%) 0 -8px/16px 18px repeat-y;
     left: 60px;
     content: '';
     position: absolute;
     height: 100%;
     width: 17px;
}
 .ar_events_tickets_widget:hover:before {
     background: radial-gradient(circle, #ffffff 50%, #ffffff00 50%, #e3e3e3 100%) 0 -8px/16px 18px repeat-y;
     left: 60px;
     content: '';
     position: absolute;
     height: 100%;
     width: 17px;
}
 .ar_hotel_widget {
     border-radius: 4px 4px 4px 4px;
     width: calc(100% - 10px);
     padding: 17px;
     background: #f7f0f0;
}
 .product-box-price {
     font-weight: 600;
     font-size: 24px;
     line-height: 31px;
     color: #000000;
}
 .product-box-title {
     font-size: 28px;
     line-height: 27px;
}
/* keep anchor as a block so the price can sit underneath */
.ui-datepicker .ui-state-default {
    display:block;
    padding:13px 0 2px;
    position:relative;
}
.day-price{
    font-size:12px; line-height:12px;
    color:#1d2d53; pointer-events:none;
    display:block; margin-top:2px;
}
.ar-date-chosen {
    font-size: 16px;
    padding-bottom: 6px;
}
.booking-avail span.day-price {
    background-color: rgb(152, 1, 46) !important;
}
.booking-avail span.day-price {
color:#fff;
}
.ui-datepicker-unselectable .day-price {
    color: #fff;
}        /* -- for disabled days */
.ui-state-active:hover,
.ui-state-active:focus{                                    /* 1· keep solid bg on hover */
    background:#98012e!important; color:#fff!important;
}
.ui-state-active:hover .day-price{color:#fff}
.ui-state-active{pointer-events:none;}                     /* no hover effect at all */
/*-------------------------------------------------------------- # Tickets Widget Style End --------------------------------------------------------------*/