/*******************************************************************************/
/*  sdas   -   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 #FFFFFF;
  border: 1px solid #3189C8;
  /*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: #3189C8; 
  
  
  border-bottom: 1px solid #aaa;
  color: #fff;
}
/* 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: #fff;
    font-weight: bold;
   
}
/* Month Titles */
.datepick-inline .datepick-header {
 color: #fff;
 
  
  
}
/* Week Titles */
div.datepick-inline .datepick-title-row th{
    border: 1px solid #ccc;     
    color: #555;
    font-weight: bold;    
    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:#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 #f5f5f5;
}
/* 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: #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 */
}
/* 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: bold;
    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("../../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  {
    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: #5F0000;
    font-weight: bold;
    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  {
  background-color: #DF9A00;
}
/* 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: bold;
    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: #555;
}
/* 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 #000000;
}
/*******************************************************************************/

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

.f-padding{
padding: 5px 10px 10px 0;

}

.f-padding p{
margin: 0;
line-height: 1em;
 font-family: Vollkorn,sans-serif;
    font-size: 17px;
    color: #3189C8;
}

.booking_form_div textarea, .booking_form_div input[type="text"], .booking_form_div select {
margin-top: 2px;
width: 100%;
}
.booking_form_div textarea{
 height: 203px;
}


.wpdevbk .btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
  
    background-image: none;
    background-repeat: no-repeat;
    
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 0px;
    box-shadow: 0; 
    color: #fff;
    cursor: pointer;
    display: inline-block;
    
    line-height: 18px;
    padding: 4px 10px;
    text-align: center;
    text-shadow:none !important ;
    
    
    background-color: #3189c8;
    border-bottom: 3px solid #276d9f;
    border-radius: 3px;
        color: #fff;
    font-size: 20px;
    
    padding: 15px 30px;
    transition-duration: 0.5s;
      font-family: "PT Sans Narrow",sans-serif;
      font-weight: 700;
      margin-top: 15px;
}
  .wpdevbk .btn:hover{
  background-color: #36A4A1;
  color: #fff;
  
   border-bottom: 3px solid #2A7D7B;
}