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

/*  Traditional Light   -   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
*
*/

/* Full Calendar Frame */

.datepick-inline {
  background: none repeat scroll 0 0 white;
  border: 1px solid white;
  box-shadow: 0 0 2px #444444;
  -moz-box-shadow: 0 0 2px #444444;
  -webkit-box-shadow: 0 0 2px #444444;
  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: whitesmoke;
  background-repeat: repeat-x;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(whitesmoke), to(#fcfcfc));
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-linear-gradient(top, whitesmoke, #fcfcfc);
  /* Safari 5.1, Chrome 10+ */
  background: -moz-linear-gradient(top, whitesmoke, #fcfcfc);
  /* Firefox 3.6+ */
  background: -ms-linear-gradient(top, whitesmoke, #fcfcfc);
  /* IE 10 */
  background: -o-linear-gradient(top, whitesmoke, #fcfcfc);
  /* Opera 11.10+ */
  border-bottom: 1px solid #aaaaaa;
}
/* 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: #888888;
  font-weight: 600;
  text-shadow: 0 1px 0 #dddddd;
}
/* Month Titles */

.datepick-inline .datepick-header {
  color: #888888;
  font-weight: 600;
  text-shadow: 0 1px 0 #dddddd;
}
/* Week Titles */

div.datepick-inline .datepick-title-row th {
  border: 1px solid #cccccc;
  color: #555555;
  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 #cccccc;
  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 #f1e9d3;
}
/* 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: #dddddd;
  /* This style for the uvailbale date, when we are select the dates */
  text-shadow: 0 0px 0 #dddddd;
  /* 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: #a58e6e;
  font-weight: 600;
  text-shadow: 0 -1px 0 #d9c39a;
}
/*******************************************************************************/

/* 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: #be9e67;
}
/* 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: #fbf9f4;
  font-weight: 600;
  text-shadow: 0 1px 0 #dec899;
}
/* 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 #dec899;
}
.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 #dec899;
}
/*******************************************************************************/

/* 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: #dec899;
}
/* 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: #a58e6e;
  font-weight: 600;
  text-shadow: 0 1px 0 #dec899;
}
/* 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: #555555;
}
/* S E L E C T E D   Dates - Text color */

.datepick-inline .datepick-one-month .datepick .datepick-current-day a {
  color: #eeeeee;
  text-shadow: 0 -1px 0 black;
}
/*******************************************************************************/

/* C e l l   O V E R   Dates - Background */

.datepick-inline .datepick .datepick-days-cell-over {
  background: #aaaaaa;
}
/* 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: #eeeeee;
  text-shadow: 0 -1px 0 #888888;
}
/*******************************************************************************/

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