/*******************************************************************************/
/*  Standard   -   C O L O R    S K I N          ****************************/
/*******************************************************************************/
/* For better compatibility, please change here only folowing properties:      */
/* 
*        background , background-color, background-repeat, background-image,  background-repeat, background-position
*        border
*        box-shadow, -moz-box-shadow, -webkit-box-shadow
*        border-radius, -moz-border-radius, -webkit-border-radius
*        color
*        font-weight
*        text-shadow
*        text-transform
*
*/

:root {
    --wpbc_form-field-border-color: #DFDFDF;
    --wpbc_form-field-background-color: #f3f4f7;
    --wpbc_form-button-background-color: #99CCFF;
    --wpbc_form-button-background-color-alt: #99CCFF;
    --wpbc_form-button-border-color: #99CCFF;
    --wpbc_form-page-break-color: #99CCFF;
    --wpbc_cal_legend-day-cell-height: 25px;
    --wpbc_form-field-border-radius: 0px;
    --wpbc_form-field-border-size: 0px;
    --wpbc_form-field-border-style: none;
    --wpbc_form-button-border-radius: 1px;
    --wpbc_form-container-border-radius: 0px;
        --wpbc_form-button-light-size-height: 35px;
}


.datepick-inline thead, .datepick-inline tbody, .datepick-inline tr, .datepick-inline th, .datepick-inline td {
  border-color: #ccc !important;
}

/* Full Calendar Frame */
.datepick-inline {
	background: #fff;										/* FixIn: 9.3.1.4 */
	border: 0px solid #e4e4e4; /* changes px from 1 to 0 */
	box-shadow: 0 0 1px #cacaca;
	-moz-box-shadow: 0 0 1px #cacaca;
	-webkit-box-shadow: 0 0 1px #cacaca;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
/* Background of one calendar month */
.datepick-inline .datepick{
  background:  transparent;
}
/* Previous & Next links  and TITLE BACKGROUND */
.datepick-inline .calendar-links {
    border-bottom:none;										/* FixIn: 9.3.1.4 */
    background: transparent;
}
/* Prev - Next Text */
.datepick-inline .calendar-links .datepick-prev a,
.datepick-inline .calendar-links .datepick-next a,
.datepick-inline .calendar-links .datepick-prev a:hover,
.datepick-inline .calendar-links .datepick-next a:hover{
	color: #5f5f5f;											/* FixIn: 9.3.1.4 */
	text-shadow: none;
	font-weight: 600;
}
/* Month Titles */
.datepick-inline .datepick-header {
	color: #5f5f5f;											/* FixIn: 9.3.1.4 */
	font-weight: 600;
	text-shadow: none;
  border-width: 0.01px 0.01px 0 0.01px; /* Added Joel */
border-style: solid; /* Added Joel */
border-color: #ccc; /* Added Joel */
background-color: #f3f4f7 !important; /* Added Joel */

}
/* Week Titles */
div.datepick-inline .datepick-title-row th{
    border: 1px solid #ccc;     
    border-color: #ccc; /* Joel */
    color: #555;
    font-weight: 600;    
    text-transform: uppercase;    
}
/* Cell border*/
.block_hints .block_free, .block_hints .block_time, .block_hints .block_booked, .block_hints .block_pending, .block_hints .block_check_in_out, 
.datepick-inline .datepick-days-cell{
    border: 1px solid #ccc;
    border-color: #ccc; /* Joel */
    color:#757575;
}
/******************************************************************************** FixIn: 9.5.0.2 */
/*  New Stripes - Unavailable Cells - for  Booking > Availability page  ********/
/*******************************************************************************/
/* Stripes */
.wpbc_ajx_availability_container .datepick-inline .datepick .resource_unavailable:not(.datepick-unselectable,.datepick-current-day,.datepick-days-cell-over) .wpbc-cell-box {
	/*background: repeating-linear-gradient( 135deg, #fff, #fff 4px, #eaeaeb 4px, #eaeaeb 8px );*/
	background: repeating-linear-gradient( 135deg, #fff, #fff 4px, #f0f0ff 4px, #f0f0ff 8px );
}
/* Unselectable dates  &  headers - calendar empty cells */
.wpbc_ajx_availability_container .datepick-inline  th,
.wpbc_ajx_availability_container .datepick-inline .datepick-days-cell.datepick-unselectable{
    background: #fff;                                   										   /* Here the same color as at line #18 for  "Full Calendar Frame":   .datepick-inline { ... }  */
}
/* It is all unavailable dates */
.wpbc_ajx_availability_container .datepick-inline .date_user_unavailable,
.wpbc_ajx_availability_container .datepick-inline .before_after_unavailable,		/* "Before/After" unavailable days from	 Settings General page in "Availability" section */
.wpbc_ajx_availability_container .datepick-inline .weekdays_unavailable, 			/* "Weekdays" unavailable  from	 Settings General page in "Availability" section */
.wpbc_ajx_availability_container .datepick-inline .season_unavailable				/* "SEASON" unavailable dates  defined at  Booking > Resources > Availability page */
{
   background: #fff;
}
/* It is all unavailable RESOURCE dates defined at Booking > Availability page */
.wpbc_ajx_availability_container .resource_unavailable:not(.datepick-unselectable) {
    background: transparent;
    color:#fff;
}
/* Unavailable SELECTABLE days for Booking > Availability page */
.block_hints .datepick-inline .datepick-days-cell.date_user_unavailable a,
.datepick-inline .datepick-days-cell.date_user_unavailable:not(.datepick-unselectable) a{
	color:#ccc;
}
/* Unselectable dates - hide check in/out */
.wpbc_ajx_availability_container .datepick-inline td.datepick-days-cell.check_in_time.datepick-unselectable .wpbc-cell-box .wpbc-diagonal-el,
.wpbc_ajx_availability_container .datepick-inline td.datepick-days-cell.check_out_time.datepick-unselectable .wpbc-cell-box .wpbc-diagonal-el{
	display: none;
}
/*********************************************************************************/
/* U N S E L E C T A B L E    -   Usually when we select 1st date with range dates selection mode, previous dates become unselectable. */
div.wpbc_ajx_availability_container .datepick-inline .datepick-unselectable.timespartly,
div.wpbc_ajx_availability_container .datepick-inline .datepick-unselectable,
.datepick-inline .datepick-unselectable{
  color: #ddd;
  text-shadow: 0 0px 0 #ddd;
}
.datepick-inline .datepick-unselectable span{                                                        /*  //FixIn: 8.9.4.13 */
    text-shadow: none;
}
/******************************************************************************** FixIn End: 9.5.0.2 */
/*  Dates Cells       **********************************************************/
/*******************************************************************************/

/* A V A I L A B L E - BACKGROUND */
.block_hints .block_free,
.block_hints .block_time, 
.block_hints .block_check_in_out div.check-in-div,                             /* Item  for the LEGEND */
.block_hints .block_check_in_out div.check-out-div,                             /* Item  for the LEGEND */
.datepick-inline .date_available .wpbc-cell-box,
.datepick-inline .timespartly.check_in_time div.check-in-div,                   /* Define the COLOR fot the check  in / out times the same as available*/
.datepick-inline .timespartly.check_out_time div.check-out-div {
  background: none repeat scroll 0 0 #f5f5f5;
}
/* A V A I L A B L E  - Text A */
.block_hints .block_free a,
.block_hints .block_time, 
.datepick-inline .date_available a{
    color:#89a;
    font-weight: 600;
    text-shadow: 0 1px 0 #fff;
}
/*******************************************************************************/

/* T I M E   S L O T S */
.block_hints .block_time, 
.datepick-inline .timespartly{
  /*background-image: url("../../assets/img/clock_fill.png");*/                                                     /*  //FixIn: 8.9.4.13 */
  background-repeat: no-repeat;
  background-position:100% 100%; 
}
/*******************************************************************************/

/* A P P R O V E D  - BACKGROUND */
.block_hints .date_approved.block_check_in_out, 
.block_hints .block_booked, 
.datepick-inline .date_approved .wpbc-cell-box,
/* Resolve Conflicts with tables in Elementor //FixIn: 10.9.2.2 *
.wpbc_cal_container:not(.wpbc_timeslot_day_bg_as_available) table.wpbc_calendar tr:nth-child(2n) > td.date_approved,
.wpbc_cal_container:not(.wpbc_timeslot_day_bg_as_available) table.wpbc_calendar tr:nth-child(2n+1) > td.date_approved,
 */
/* A P P R O V E D  - BACKGROUND for Check In Pending & Check Out Approved ||  Check Out Pending & Check In Approved   Dates    //FixIn: 6.0.1.2 */
td.timespartly.check_in_time.check_out_time.check_in_time_date2approve.check_out_time_date_approved div.check-in-div, 
td.timespartly.check_in_time.check_out_time.check_out_time_date2approve.check_in_time_date_approved div.check-out-div {    
    background-color: #99CCFF;
}
/* A P P R O V E D  -  T E X T /including partially booked - timeslots/ */
.block_hints .date_approved.block_check_in_out,  
.block_hints .block_booked, 
.datepick-inline .date_approved .wpbc-cell-box,
.block_hints .block_booked a, 
.datepick-inline .date_approved a{
    color: #FFFFFF !important;
    font-weight: 600;
    text-shadow: none;
}
/* CHECK IN and CHECK OUT  Borders for the approved cells - the COLOR have to be the SAME as BACKGROUND of this cell*/
.block_hints .date_approved.block_check_in_out div.check-in-div,                /* Item  for the LEGEND */
.datepick-inline .date_approved.timespartly.check_in_time div.check-in-div{
    border-right: 1px dotted #99CCFF;
}
.block_hints .date_approved.block_check_in_out div.check-out-div,               /* Item  for the LEGEND */
.datepick-inline .date_approved.timespartly.check_out_time div.check-out-div{
    border-left: 1px dotted #99CCFF;
}
/*******************************************************************************/

/* P E N D I N G  - BACKGROUND */
.block_hints .date2approve.block_check_in_out, 
.block_hints .block_pending, 
.datepick-inline .date2approve .wpbc-cell-box,
/* Resolve Conflicts with tables in Elementor //FixIn: 10.9.2.2 *
.wpbc_cal_container:not(.wpbc_timeslot_day_bg_as_available) table.wpbc_calendar tr:nth-child(2n) > td.date2approve,
.wpbc_cal_container:not(.wpbc_timeslot_day_bg_as_available) table.wpbc_calendar tr:nth-child(2n+1) > td.date2approve,
 */
/* P E N D I N G  - BACKGROUND for Check In Approved & Check Out Pending ||  Check Out Approved & Check In Pending    Dates     //FixIn: 6.0.1.2  */
td.timespartly.check_in_time.check_out_time.check_in_time_date_approved.check_out_time_date2approve div.check-in-div, 
td.timespartly.check_in_time.check_out_time.check_out_time_date_approved.check_in_time_date2approve div.check-out-div {    
  background-color: #77AAFF;
}
/* P E N D I N G  -  T E X T /including partially booked - timeslots/ */
.block_hints .date2approve.block_check_in_out, 
.block_hints .block_pending, 
.datepick-inline .date2approve .wpbc-cell-box,
.block_hints .block_pending a, 
.datepick-inline .date2approve a {
    color: #6b7a89;
    font-weight: 600;
    text-shadow: none;
}
/* CHECK IN and CHECK OUT  Borders for the approved cells - the COLOR have to be the SAME as BACKGROUND of this cell*/
.block_hints .date2approve.block_check_in_out div.check-in-div,                 /* Item  for the LEGEND */
.datepick-inline .date2approve.timespartly.check_in_time div.check-in-div{
    border-right: 1px dotted #77AAFF;
}
.block_hints .date2approve.block_check_in_out div.check-out-div,                /* Item  for the LEGEND */
.datepick-inline .date2approve.timespartly.check_out_time div.check-out-div{
    border-left: 1px dotted #77AAFF;
}
/*******************************************************************************/

/* S E L E C T E D   Dates - Background */
.datepick-inline div.datepick-one-month .datepick td.datepick-current-day .wpbc-cell-box{
  background-color: #555;
}
/* S E L E C T E D   Dates - Text color */
.datepick-inline div.datepick-one-month .datepick td.datepick-current-day .wpbc_time_dots,
.datepick-inline div.datepick-one-month .datepick td.datepick-current-day a,
.datepick-inline div.datepick-one-month .datepick td.datepick-current-day a:hover {
    color: #EEEEEE;
    text-shadow: 0 -1px 0 #000000;
}
/*******************************************************************************/

/* C e l l   O V E R   Dates - Background */
.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock.datepick-days-cell-over  .wpbc-cell-box,
.datepick-inline .datepick .datepick-days-cell-over  .wpbc-cell-box{
    background:#aaa;
}
/* C e l l   O V E R   Dates - Text color */
.datepick-inline  .datepick-one-month .datepick .datepick-days-cell-over .wpbc_time_dots,                                                /*  //FixIn: 8.9.4.13 */
.datepick-inline  .datepick-one-month .datepick td.datepick-days-cell-over a:hover,
.datepick-inline  .datepick-one-month .datepick td.datepick-days-cell-over a{
    color: #eee;
    text-shadow: none;
}
/*******************************************************************************/
/* FixIn: 6.0.1.2 */
/* Text style for Check In Approved & Check Out Pending ||  Check Out Approved & Check In Pending || Check In Pending & Check Out Approved ||  Check Out Pending & Check In Approved   */
td.timespartly.check_in_time.check_out_time.check_in_time_date_approved.check_out_time_date2approve span, 
td.timespartly.check_in_time.check_out_time.check_out_time_date_approved.check_in_time_date2approve span, 
td.timespartly.check_in_time.check_out_time.check_in_time_date2approve.check_out_time_date_approved span, 
td.timespartly.check_in_time.check_out_time.check_out_time_date2approve.check_in_time_date_approved span {    
    font-weight: 600;
    text-shadow: none;
}

/* Show partially (time-slots) booked days with Background color as for available days ********************************/
/* Color as in this section A V A I L A B L E - BACKGROUND */
:root{
	--wpbc_cal-available-day-color:  #f5f5f5;
}
.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock  .wpbc-cell-box {
    background-color: var(--wpbc_cal-available-day-color);
}

/* Same as in this Section above --- A V A I L A B L E  - Text A  */
/* TIME SLOTs (partially booked) - TEXT */
.wpbc_timeslot_day_bg_as_available .datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) .wpbc_time_dots,
.wpbc_timeslot_day_bg_as_available .datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) .wpbc_time_dots,
.wpbc_timeslot_day_bg_as_available .datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) a,
.wpbc_timeslot_day_bg_as_available .datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) a,
.wpbc_timeslot_day_bg_as_available .datepick-inline .date2approve.timespartly:not(.check_in_time,.check_out_time) span,
.wpbc_timeslot_day_bg_as_available .datepick-inline .date_approved.timespartly:not(.check_in_time,.check_out_time) span{
    color:#89a;
    font-weight: 600;
    text-shadow: 0 1px 0 #fff;
}
/*  Same as in this Section above --- S E L E C T E D   Dates - Text color */
.wpbc_timeslot_day_bg_as_available .datepick-inline .datepick-one-month .datepick .times_clock.date_available.datepick-current-day a{
    color: #EEEEEE;
    text-shadow: 0 -1px 0 #000000;
}
/*   Same as in this Section above --- A V A I L A B L E  and UNSELECTABLE - Text */
.wpbc_timeslot_day_bg_as_available .datepick-inline .date_available {
 color: #757575;    /*Added by Joel */                                                         /* This style for the uvailbale date, when we are select the dates */
 text-shadow: none;                                                 /* This style for the unavailable date, when we are select the dates */
}
.datepick-inline .date_available span {
    text-shadow: none;
}

/*******************************************************************************/
/*  CHECK IN / OUT      as          P.O.L.Y.G.O.N.S        //FixIn: 8.9.4.13   */
/*******************************************************************************/
/* Fill diagonal check  in/out items with AVAILABLE background color */
.wpbc-cell-box .wpbc-diagonal-el svg polygon{
    fill: #f5f5f5;
	display: block;
 }
/* Firstly we define background of the day cells background as available */
.datepick-inline td.datepick-days-cell.check_in_time .wpbc-cell-box,
.datepick-inline td.datepick-days-cell.check_out_time  .wpbc-cell-box{
    background-color: #f5f5f5;
}
/* Pending */
.datepick-inline td.datepick-days-cell.check_in_time.check_in_time_date2approve     .wpbc-cell-box .wpbc-co-in svg polygon,     /* Check In  */
.datepick-inline td.datepick-days-cell.check_out_time.check_out_time_date2approve   .wpbc-cell-box .wpbc-co-out svg polygon     /* Check Out */
{
    fill: #99CCFF;
}
/* Approved */
.datepick-inline td.datepick-days-cell.check_in_time.check_in_time_date_approved    .wpbc-cell-box .wpbc-co-in svg polygon,     /* Check In  */
.datepick-inline td.datepick-days-cell.check_out_time.check_out_time_date_approved  .wpbc-cell-box .wpbc-co-out svg polygon     /* Check Out */
{
    fill: #99CCFF;
}
/* C e l l   O V E R   Dates */
.datepick-inline td.datepick-days-cell.check_in_time.datepick-days-cell-over .wpbc-cell-box,
.datepick-inline td.datepick-days-cell.check_out_time.datepick-days-cell-over  .wpbc-cell-box{
    background-color: #aaa;
}


/* Joel Changes 

.datepick-inline .datepick-days-cell .date-cell-content span.wpbc_in_date_hint__cost {
  color: #636363;
    font-weight:400;
}
*/

.wpdev-form-control-wrap {
  width: 100%;
}
.booking_form .form-group .controls select, .booking_form select, .booking_form textarea, .booking_form input[type="text"] {
    width: 100%;
}


/* custom form corner by Joel */
.booking_form_div textarea, .booking_form_div input[type="text"], .booking_form_div input[type="email"], .booking_form_div select {
    border-color: #DFDFDF !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    border-style: solid;
    border-width: 0px;
    vertical-align: baseline;
    background-color: #f3f4f7;
}
.booking_form_div input[type="text"]:focus {
    border-color: #99CCFF !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    border-style: solid;
    border-width: 1px !important;
    vertical-align: baseline;
    background-color: #f3f4f7;
    outline: none;
}
.booking_form_div input[type="email"]:focus {
    border-color: #99CCFF !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    border-style: solid;
    border-width: 1px !important;
    vertical-align: baseline;
    background-color: #f3f4f7;
    outline: none;
}
.wpbc-payment-form .btn, .wpbc-payment-form .button, .booking_form_div .btn, .booking_form_div .button, .booking_form_div .submit, .booking_form_div .button-secondary, .wpbc_button_light .btn {
-webkit-appearance:none
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    background: #99CCFF none repeat scroll 0 0 !important;
        background-color: rgb(153, 204, 255);
    border-color: #99CCFF !important;
  border-width: 0px;
    box-shadow: none !important;
    color: #fff !important;
    font-family: 'Hind Siliguri', sans-serif;
    height: 35px;
    font-style: normal;
    font-weight: 400 !important;
    -webkit-border-radius: 2px;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-left: 20px;
    padding-right: 20px;
    text-shadow: 0 0px 0 #fff !important;
}
.wpdevelop .btn-default:hover, .wpdevelop .btn-default:focus, .wpbc_button_light .btn:focus {
    background-color: #99CCFF !important;
    background-position: 0 -15px;
  color: #fff !important;
border-color: #ABCBFA !important;
background: #fff none repeat scroll 0 0 !important;
}
.wpdevelop .btn:hover, .wpdevelop .btn:focus, .wpdevelop .btn.focus {
    color: #fff !important;
    text-decoration: none;
}
.booking_form_div select, .booking_form_div textarea, .booking_form_div input[type="text"] {
    padding: 2px 0px;
}
.booking_form_div textarea, .booking_form_div select[multiple], .booking_form_div select[size] {
    height: 90px;
}

.block_hints {
    margin: 10px 0px 40px 0px !important;
}

.wpbc_container.wpbc_form input.wpbc_button_light, .wpbc_container.wpbc_form input.wpbc_button_light:focus, .wpbc_container.wpbc_form input.wpbc_button_light:hover, .wpbc_container .wpbc_button_light, .wpbc_container .wpbc_button_light:focus, .wpbc_container .wpbc_button_light:hover, .wpbc_container.wpbc_container_booking_form .wpbc_button_light, .wpbc_container.wpbc_container_booking_form .wpbc_button_light:focus, .wpbc_container.wpbc_container_booking_form .wpbc_button_light:hover {
    font-size: clamp(1em,1em + ((1vw - .2em) * 0.01),1.125em);
        border: 1px solid;
            border-radius: 0.25em;
            padding: 0 1.3em;
                margin: 20px 0 0 0;
}