/* Full Calendar Frame */
.datepick-inline {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #fff;
/*  box-shadow: 0 0 2px #444;
  -moz-box-shadow: 0 0 2px #444;
  -webkit-box-shadow: 0 0 2px #444;*/
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
/* Background of one calendar month */
.datepick-inline .datepick{
  background:  transparent;
}
/* Previous & Next links  and TITLE BACKGROUND */
.datepick-inline .calendar-links {
  background-color: none!important;
  /*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: #888;
    font-weight: 100;
/*    text-shadow: 0 1px 0 #ddd;
*/}
/* Month Titles */
.datepick-inline .datepick-header {
  color: #888;
  font-weight: 600;
  margin-bottom: 20px;
}
/* Week Titles */
div.datepick-inline .datepick-title-row th{
    /*border: 1px solid #ccc;     */
    font-size:12px;
    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;*/
    color:rgba(0,0,0,0.1);
}

/*  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 {
  /*border:1px solid #82e449;*/
  border-radius:50px;
}

/* 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: #ddd;                                                               /* This style for the uvailbale date, when we are select the dates */
  /*text-shadow: 0 0px 0 #ddd;                                                 /* 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:#82e44a;
    border-radius:50px;
    padding:24px 24px 24px 24px;
}


/*******************************************************************************/

/* 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: #C60B0B;*/

/*  */
}

/* 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: orange;
    font-weight: 400;
    /*text-shadow: 0 1px 0 #DD0000;    */
}
/* 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: #DF9A00;*/
  /*background: transparent;*/
}

/* 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: orange;
    /*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 {
	border-radius:60px;
	background-color:#82e44a; /* Selectionné - greenOptics */
}

td.date_available:hover {
	background:#60d11f;
	border-radius:60px;
}

/* S E L E C T E D   Dates - Text color */
.datepick-inline .datepick-one-month .datepick .datepick-current-day a{
    color: #FFFFFF;
}


/*******************************************************************************/

/* C e l l   O V E R   Dates - Background */
.datepick-inline .datepick .datepick-days-cell-over { /* ici */
/*    background:blue;
*/    
/*border: 1px solid red; */
}
/* 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: #FFFFFF;
    /*text-shadow: 0 -1px 0 #888;*/
}


/*******************************************************************************/
/* 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;
}



@media (max-width: 479px) {
  
  .datepick-inline .date_available a{
      padding:18px 18px 18px 18px;
  }

}