/*******************************************************************************/
/*  Booking Calendar Respondive CSS  *******************************************/
/*******************************************************************************/

/*******************************************************************************/
/*  C O N F I G */
/*******************************************************************************/
/* WIDTH: of CALENDARs - its FULL width of Month(s) ROW (its NOT only one month)  */
.datepick-inline { 
    width:100% !important;                                                      /* Overrride the width of the calendar, which  is set datepicker JS */
    z-index: 10000;
}
/* HEIGHT: of    C E L L S   */
.datepick-inline .datepick-title-row th,
.datepick-inline .datepick-days-cell{
    height: 40px; 
}
/* HEIGHT: of    C E L L S  in POPUP calendar */
#datepick-div.datepick-inline .datepick-title-row th,
#datepick-div.datepick-inline .datepick-days-cell{
    height: 25px; 
}

/*******************************************************************************/
/*  S T R U C T U R E    &    S i z e s ****************************************/
/*******************************************************************************/
/*RESET: Width, margin, padding */
div.check-out-div, 
div.check-in-div, 
div.date-content-top, 
div.date-content-bottom{
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;        
}

/* RESET: Font sizes, padding, margin */
.datepick-inline .datepick,                                        /* Month table */
.datepick-inline .datepick-header,                                 /* Month header */
.datepick-inline .datepick-header span,                            /* Header span */
.datepick-inline .calendar-links,                                  /* Prev Next months */
.datepick-inline .calendar-links a,                                /* Prev Next links */
.datepick-inline .datepick-days-cell,                              /* Date cell */
.datepick-inline .datepick-days-cell a,                            /* Active date cell */
.datepick-inline .datepick-days-cell div,                          /* Cehck in/out */
.datepick-inline .datepick-title-row,                              /* Week row */
.datepick-inline .datepick-title-row th {                          /* Week cell */    
    padding: 0px;
    margin:  0px;
    font-size:12px;
    border: 0 none;
    vertical-align: baseline;    
}
#content .datepick-days-cell,                                       /* Reset the padding in TD and TH elements of calendar to prevent conflict  with  some WP themes */
#content .datepick-title-row th{
    padding: 0px;
    margin:  0px;    
}
/* RESET: width to 100% */
.datepick-inline .datepick,
.datepick-inline .datepick-header{
    width:100%;
}
/* SIZE: Set width of calendar with several months */
.datepick-one-month {
    width:100%;
    float:left;
}
.cal_month_num_2 .datepick-one-month {
    width:50%;
    float:left;
}
.cal_month_num_3 .datepick-one-month {
    width:33.333333333333333%;
    float:left;
}
.cal_month_num_4 .datepick-one-month {
    width:25%;
    float:left;
}
.cal_month_num_5 .datepick-one-month {
    width:20%;
    float:left;
}
.cal_month_num_6 .datepick-one-month {
    width:16.6666666666666%;
    float:left;
}
.cal_month_num_7 .datepick-one-month {
    width:14.28571429%;
    float:left;
}
.cal_month_num_8 .datepick-one-month {
    width:12.5%;
    float:left;
}
.cal_month_num_9 .datepick-one-month {
    width:11.11111111%;
    float:left;
}
.cal_month_num_10 .datepick-one-month {
    width:10%;
    float:left;
}
.cal_month_num_11 .datepick-one-month {
    width:9.0909090909090909%;
    float:left;
}
.cal_month_num_12 .datepick-one-month {
    width:8.333333333333333%;
    float:left;
}