/*******************************************************************************/
/*  Traditionsl   -   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
*
*/

/*******************************************************************************/
/* modification calendar      */

.wpbc_timeline_client_border {
    margin-top: 40px;
}

.wp-block-group__inner-container {
    width: 70%;
    margin: 0 auto;
}

.block_hints {
    margin: 15px auto 30px auto !important;
}

.block_hints .block_free {
    background: none repeat scroll 0 0 #99DBA5!important;
}

.datepick-header span {
  font-size: 20px!important;  
}

.calendar-links {
    margin-bottom: -2em!important;
    font-size: 20px!important;
}

.wpbc_structure_form p {
    text-align: left;
    margin-bottom: 20px;
}

.wpbc_structure_form {
    width: 60%;
    margin: 0 auto;
    text-align: center;

}

.booking_form textarea, .booking_form input[type="text"] {
    width: 100%;
}

#captcha_input4 {
    width: 20% !important;
}

.wp-block-booking-booking .btn.active, .wp-block-booking-booking .btn:active {

    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px #FFF;
    box-shadow: inset 0 3px 5px #FFF;

}

.flex_tl_table {

    background: transparent!important;
    border: none!important;
    box-shadow: none!important;
    font-size: 12px;

}

.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id.approved_booking {
    background-color: #FDB6CC!important;
    border:none;
}

.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_booking_titles .in_cell_date_booking_title {
    background: #FFF!important;
    color: #3692AF!important;
    border:1px solid #3692AF!important;
    cursor: pointer;
    border-radius: 3px;
}

.flex_tl_table_header {
    background: #BDF5C8!important;
}

#timeline_scroller {

    background: #FFF;

}

.page-id-3223 .bk_calendar_frame.months_num_in_row_.cal_month_num_1, .page-id-3223 .separator-etape.text-center, .page-id-3223 .txt-resa, .page-id-3223 .block_hints.datepick, .page-id-3223 a.btn.deselect-dates {
  display: none;
}

.page-id-3217 .bk_calendar_frame.months_num_in_row_.cal_month_num_1, .page-id-3217 .separator-etape.text-center, .page-id-3217 .txt-resa, .page-id-3217 .block_hints.datepick, .page-id-3217 a.btn.deselect-dates {
  display: none;
}


.page-id-3223 #booking_form_div6.booking_form_div > .BICV-form > .form-hints-dev {
margin-top: 70px;
margin-bottom: 40px;
}

.page-id-3217 #booking_form_div6.booking_form_div > .BICV-form > .form-hints-dev {
margin-top: 70px;
margin-bottom: 40px;
}

.page-id-3214 #booking_form_div6.booking_form_div > .BICV-form > .form-hints-dev {
margin-top: 70px;
margin-bottom: 40px;
}



.flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell.new_month .in_cell_date_container {
  border-left: none!important;
}


.flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar_month {
    border-left: none!important;
    background: #FFF;
    width: 100%;
    margin: 20px 0 0px 0px;
}

.flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell.new_month .in_cell_date_container {
  border-left: none!important;
}

.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar.flex_tl_row_bar_show_booking_titles .flex_tl_day_cell.today_date .in_cell_time_section_in_day {
  border-left: 1px solid #C80028!important;
}

.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_date_container_show_bookings .booking_id.approved_booking.start_new_booking {
  border-color: #FFFFFF!important;
}

.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell.new_month.exist_booking_in_cell .in_cell_time_hour:first-child .in_cell_date_container {
  border-left: none!important;
}

.flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell.new_month .in_cell_date_container {
  border-left: none!important;
}

.flex_tl_table .flex_tl_table_row_bookings .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell.new_month .in_cell_time_hour:first-child .in_cell_date_container {
  border-left: none!important;
}

.flex_tl_table_row_bookings {

    border-top: 1px #FFF solid !important;
    border-bottom: 1px #FFF solid !important;
    border-left: 2px #FFF solid !important;
    border-right: 2px #FFF solid !important;
    background: #FFF;
}

.flex_tl_table .flex_tl_table_header .flex_tl_collumn_2 .flex_tl_nav .flex_tl_title {
    color: #3692AF!important;
    font-size: 20px!important;
	word-spacing: 20em!important;
}

.flex_tl_table .flex_tl_table_header .flex_tl_collumn_2 {
    padding: 15px!important;
}

.flex_tl_table .flex_tl_table_header .flex_tl_collumn_2 .flex_tl_nav .flex_tl_next a{
    color: #3692AF!important;
    font-size: 45px!important;
}

.flex_tl_table .flex_tl_table_header .flex_tl_collumn_2 .flex_tl_nav .flex_tl_prev a{
    color: #3692AF!important;
    font-size: 45px!important;
}

.flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar_month {
    height: 2.4em!important;
    align-items: center!important;
}

.flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell.flex_tl_weekday6, .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell.flex_tl_weekday7, .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell.flex_tl_weekday6 a, .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell.flex_tl_weekday7 a, .flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell {
    color: #3692AF!important;
}


.flex_tl_table .flex_tl_table_titles .flex_tl_collumn_2 .flex_tl_dates_bar .flex_tl_day_cell .in_cell_month_year {
    color: #3692AF!important;
    font-size: 1.5em!important;
	text-transform: uppercase!important;
}

.titre-groupe-combi {
 padding:20px 0 5px 0;
 Text-align:center;
 color :#BDF5C8;
 font-size: 18px;
}

#Combi-1 ,#Combi-4, #Combi-5, #Combi-6, #Combi-7  {
    border-top: 2px #FFF solid !important;
    border-left: 2px #FFF solid !important;
    border-right: 2px #FFF solid !important;
}

#Combi-2, #Combi-3  {
    border-top: 2px #FFF solid !important;
    border-bottom: 2px #FFF solid !important;
    border-left: 2px #FFF solid !important;
    border-right: 2px #FFF solid !important;
}

.btn.deselect-dates {
    display: block;
    margin: 40px auto 15px auto;
    text-align: center;
    width: 21%;
    border: none;
    box-shadow: none;
    background: #FFF;
    color: #3692AF;
    font-size: 1em;
    font-style: italic;
}

.btn.deselect-dates:hover {
    font-weight: 600;   
}

.btn.deselect-dates:hover, .btn.deselect-dates:focus {
    background: #fff;
    color: #3692AF;
    outline: 0;
}

#Combi-1.flex_tl_table_row_bookings > .flex_tl_collumn_1 {
background-color: #c80028 ;
}

#Combi-1.flex_tl_table_row_bookings > .flex_tl_collumn_1 .flex_tl_resource_title   {
color: #FFF!important;
text-align:center!important;
}


#Combi-2.flex_tl_table_row_bookings > .flex_tl_collumn_1 {
background-color: #5fb238 ;
}

#Combi-2.flex_tl_table_row_bookings > .flex_tl_collumn_1 .flex_tl_resource_title   {
color: #FFF!important;
text-align:center!important;
}

#Combi-3.flex_tl_table_row_bookings > .flex_tl_collumn_1 {
background-color: #e3cc00 ;
}

#Combi-3.flex_tl_table_row_bookings > .flex_tl_collumn_1 .flex_tl_resource_title   {
color: #FFF!important;
text-align:center!important;
}

#Combi-4.flex_tl_table_row_bookings > .flex_tl_collumn_1 {
background-color: #fbb54c;

}

#Combi-4.flex_tl_table_row_bookings > .flex_tl_collumn_1 .flex_tl_resource_title   {
color: #FFF!important;
text-align:center!important;
}

#Combi-5.flex_tl_table_row_bookings > .flex_tl_collumn_1 {
background-color: #fbb54c;

}

#Combi-5.flex_tl_table_row_bookings > .flex_tl_collumn_1 .flex_tl_resource_title   {
color: #FFF!important;
text-align:center!important;
}

#Combi-6.flex_tl_table_row_bookings > .flex_tl_collumn_1 {
background-color: #e8e4c7;
}

#Combi-6.flex_tl_table_row_bookings > .flex_tl_collumn_1 .flex_tl_resource_title   {
color: #FFF!important;
text-align:center!important;
}

#Combi-7.flex_tl_table_row_bookings > .flex_tl_collumn_1 {
background-color: #759204;
}

#Combi-7.flex_tl_table_row_bookings > .flex_tl_collumn_1 .flex_tl_resource_title   {
color: #FFF!important;
text-align:center!important;
}

.block_text {
color:#FFF!important;
font-size: 1em!important;
}

.BICV-Size-General {
    width: 70%;
    margin: 0 auto;
}

.BICV-form > .form-hints-dev {
    margin: 0.5em 0;
    border-bottom: none!important;
    border-style: none!important;
    font-size: 20px;
    text-align: center;
    line-height: 1.8;
}


.BICV-Size-field-1{
    width: 30%
}

.BICV-Size-field-2{
    width: 60%
}

.BICV-Size-field-3{
    width: 20%
}

.BICV-Size-field-4 > span > .wpdev-form-control-wrap  >.btn-light{
    border:none
	
}

.liste-1 {
  width: 31.5%!important;  
}

.liste-2 {
  width: 52%!important;  
}

.square-resa {
 width: 30px;
 height: 30px;
 background-color: #FDB6CC;
 padding-right:20px;
 display :block;
 margin: 0 auto;
}

.captachinput {
    width: 16%!important;
}

.booking_form .wpdev-checkbox .wpdev-list-item, .booking_form .wpdev-radio .wpdev-list-item {
  padding: 0;
}
/*******************************************************************************/    
    
/* Full Calendar Frame */
.datepick-inline {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #999999;
  box-shadow: 0 0 2px #AAAAAA;
  -moz-box-shadow: 0 0 2px #AAAAAA;
  -webkit-box-shadow: 0 0 2px #AAAAAA;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
/* Background of one calendar month */
.datepick-inline .datepick{
  background:  transparent;
}
/* Previous & Next links  and TITLE BACKGROUND */
.datepick-inline .calendar-links {
  background-color: #BDF5C8; 
  background-repeat: repeat-x; 
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BDF5C8), to(#a9e5b4));   /* Safari 4-5, Chrome 1-9 */ 
  background: -webkit-linear-gradient(top, #BDF5C8, #a9e5b4);                         /* Safari 5.1, Chrome 10+ */ 
  background: -moz-linear-gradient(top, #BDF5C8, #a9e5b4);                            /* Firefox 3.6+ */ 
  background: -ms-linear-gradient(top, #BDF5C8, #a9e5b4);                             /* IE 10 */ 
  background: -o-linear-gradient(top, #BDF5C8, #a9e5b4);                              /* Opera 11.10+ */ 
  
  border-bottom: 1px solid #aaa;
}
/* 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: #3692AF;
    font-weight: 600;
    text-shadow: 0 1px 0 #ddd;
}
/* Month Titles */
.datepick-inline .datepick-header {
  color: #3692AF;
  font-weight: 600;
  text-shadow: 0 1px 0 #DDDDDD; 
}
/* Week Titles */
div.datepick-inline .datepick-title-row th{
    border: 1px solid #3692AF;     
    color: #3692AF;
    font-weight: 600;    
    text-transform: uppercase;
    vertical-align: middle !important;
    font-size: 15px;
}
/* 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 #fff;
    color:#757575;
}

/*  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,
.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 #99dba5;
  vertical-align: middle !important;
}
/* A V A I L A B L E  and UNSELECTABLE - Text */
.block_hints .block_free,
.datepick-inline .date_available,
.datepick-inline .date_available.datepick-unselectable{
  color: #66717e;                                                               /* This style for the uvailbale date, when we are select the dates */
  text-shadow: 0 1px 0 #FFFFFF;                                                 /* This style for the uvailbale date, when we are select the dates */
}
/* 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:#fff;
    font-weight: 600;
    text-shadow: 1px 1px 1px #66717e;
}
/*******************************************************************************/

/* T I M E   S L O T S */
.block_hints .block_time, 
.datepick-inline .timespartly{
  background-image: url("../../assets/img/clock_fill.png");
  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, 
/* 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: #FDB6CC;
}
/* 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,   
.block_hints .block_booked a, 
.datepick-inline .date_approved a{
    color: #fff;
    font-weight: 600;
    text-shadow: 0 1px 0 #ff4242;
    vertical-align: middle !important;
}
/* 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 #C60B0B;
}
.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 #C60B0B;
}
/*******************************************************************************/

/* P E N D I N G  - BACKGROUND */
.block_hints .date2approve.block_check_in_out, 
.block_hints .block_pending, 
.datepick-inline .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: #FAEC65;
}
/* 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, 
.block_hints .block_pending a, 
.datepick-inline .date2approve a {
    color: #885500;
    font-weight: 600;
    text-shadow: 0 1px 0 #FFAA00;
}
/* 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 #DF9A00;
}
.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 #DF9A00;
}
/*******************************************************************************/

/* S E L E C T E D   Dates - Background */
.datepick-inline .datepick-one-month .datepick .datepick-current-day {
  background-color: #7ebc89;
}
/* S E L E C T E D   Dates - Text color */
.datepick-inline .datepick-one-month .datepick .datepick-current-day a{
    color: #fff;
    text-shadow: 0 -1px 0 #66717e;
}
/*******************************************************************************/

/* C e l l   O V E R   Dates - Background */
.datepick-inline .datepick .datepick-days-cell-over{
    background:#d1e6a8;
}
/* C e l l   O V E R   Dates - Text color */
.datepick-inline .datepick .datepick-days-cell-over a:hover, 
.datepick-inline .datepick .datepick-days-cell-over a{    
    color: #66717e;
    text-shadow: 0 -1px 0 #fff;
}
/*******************************************************************************/
/* 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 ********************************/
/** //FixIn: 8.2.1.27   Updated 2018-07-04   ****/
/* Color as in this section A V A I L A B L E - BACKGROUND */
.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock {
    background-color: #f5f5f5;
}
/* Same as in this Section above --- A V A I L A B L E  - Text A  */
.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock.date_available a {
    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: #CCCCCC;                                                               /* This style for the uvailbale date, when we are select the dates */
  text-shadow: 0 1px 0 #FFFFFF;                                                 /* This style for the uvailbale date, when we are select the dates */
}

/* ==========================================================================
   Media Queries 480
   ========================================================================== */
@media only screen and (max-width: 480px) { 
.BICV-Size-General {
    width: 85%!important;
}
    
.BICV-Size-field-1 {
    width: 85%;
}
.BICV-Size-field-2 {
    width: 100%;
}
.BICV-Size-field-3 {
    width: 60%;
}
    
.btn.deselect-dates {
    width: 50%;
}

.flex_tl_table .flex_tl_table_header .flex_tl_collumn_2 .flex_tl_nav .flex_tl_title {
font-size: 16px !important;
word-spacing: 6.5em !important;
}

.flex_tl_table {
    font-size: 13px!important;
} 
    
.BICV-form > .form-hints-dev {
    font-size: 16px;
    margin-top: 30px;
    }
    
.block_hints {
    font-size: 13.5px;
    }
    
}

@media only screen and (max-width: 1140px) and (min-width: 481px) { 


.flex_tl_table .flex_tl_table_header .flex_tl_collumn_2 .flex_tl_nav .flex_tl_title {
    word-spacing: 9.5em !important;
}
}