/*
  CSS definition for Website Baker module: Bookings
  Copyright (C) 2008, Bianka Martinovic
  Contact me: blackbird(at)webbird.de, http://www.webbird.de/

  This CSS file is free software. You can redistribute it and/or modify it
  under the terms of the GNU General Public License  - version 2 or later,
  as published by the Free Software Foundation: http://www.gnu.org/licenses/gpl.html.

  This CSS file is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.
*/

#mod_bookings {
    font-size       : smaller;
}

#mod_bookings td.right {
    text-align      : right;
}

#bookings_modlink img {
    border          : 0;
}
#mod_bookings .bookings_footer {
    text-align      : center;
    font-size       : smaller;
    border-top      : 1px solid gray;
}

/*
    year view
*/
#mod_bookings .bookings_yearnav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.bookings_sheet {
  width: 49%;
  padding-bottom: 49%;
  margin-bottom: 2%;
  position: relative;
}
#mod_bookings .bookings_left,
#mod_bookings .bookings_right {
    display: block;
	width: 50%;
}
#mod_bookings .bookings_right {
	text-align: right;
}
#mod_bookings .bookings_clear {
    /*clear           : left;*/
}
#mod_bookings .bookings_blank {

}
#mod_bookings .bookings_month {
    font-weight     : normal;
    text-align      : center;
}
#mod_bookings .bookings_month a[href] {}
#mod_bookings .bookings_today {
color: red!important;
vertical-align: bottom;
}
#mod_bookings .bookings_past {
background-color: #dee6d1 !important;
color: #fff !important;
}
#mod_bookings .bookings_sunday,
#mod_bookings .bookings_weekday {
color: #fff;
background: #7aba7a;
font-size: 90%;
text-align: center;
padding: 0 2px;
}
#mod_bookings .bookings_weeknumber a[href] {
    color		    : #ccc;
    text-decoration : none;
}
#mod_bookings .bookings_reserved {
    background      : #f60;
}
#mod_bookings .bookings_booked {
    background      : #ff6600;
}
/*
#mod_bookings .bookings_partially {
background-image: linear-gradient(right bottom, #7ABA7A 50%, #f60 50%);
background-image: -o-linear-gradient(right bottom, #7ABA7A 50%, #f60 50%);
background-image: -moz-linear-gradient(right bottom, #7ABA7A 50%, #f60 50%);
background-image: -webkit-linear-gradient(right bottom, #7ABA7A 50%, #f60 50%);
background-image: -ms-linear-gradient(right bottom, #7ABA7A 50%, #f60 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f60', endColorstr='#7ABA7A',GradientType=1 );
background-image: -webkit-gradient( linear, right bottom, left top, color-stop(0.5, #7ABA7A), color-stop(0.5, #f60) );
}*/
#mod_bookings .bookings_partially {
	outline-offset: -3px;
	outline: 2px solid #f60 !important;
	background: #7aba7a;
}
#mod_bookings .bookings_booked a[href]{
    border-bottom   : 1px solid #ccc;
}
#mod_bookings .bookings_daynames {

}
#mod_bookings .bookings_bygroup {
    width           : 80%;
}
#mod_bookings a.bookings_tooltip {
    position        : relative;
    text-decoration : none;
    color           : #fff;
    border-bottom   : none;
}
#mod_bookings a.bookings_tooltip span {
    display         : none;
}
#mod_bookings a.bookings_tooltip:hover span {
    position        : absolute;
    top             : 5px;
    left            : 30px;
    width           : 150px;
    padding         : 5px;
    display         : block;
    background      : #eee;
    border          : 1px solid #000;
    z-index         : 10;
}
/*
    week view
*/
#mod_bookings .bookings_week {
    width           : 90%;
    margin          : auto;
    text-align      : center;
}
#mod_bookings .bookings_week_header {
    background      : #759d00;
}
#mod_bookings .bookings_week_header a[href] {
    color           : #ffffcc;
}
#mod_bookings td.bookings_tooltip {
    position        : relative;
    text-decoration : none;
    color           : #000;
    border-bottom   : 1px dotted #ccc;
}
#mod_bookings td.bookings_tooltip span {
    display         : none;
}
#mod_bookings td.bookings_tooltip:hover span {
    position        : absolute;
    top             : 5px;
    left            : 30px;
    width           : 150px;
    padding         : 5px;
    display         : block;
    background      : #eee;
    border          : 1px solid #000;
    z-index         : 10;
}
/*
    day view
*/
#mod_bookings .bookings_daysheet {
    width           : 80%;
}
#mod_bookings .bookings_daysheet_header {
    background      : #759d00;
    font-size       : 1.3em;
    font-weight     : normal;
	text-align      : center;
}
#mod_bookings .bookings_daysheet_header_range {

}
#mod_bookings .bookings_daysheet_hour {
    border-bottom   : 1px solid #ccc;
    width           : 20%;
    text-align      : right;
}
#mod_bookings .bookings_daysheet_booked {
    background      : #ff6600;
}
#mod_bookings .bookings_daysheet_reserved {
    background      : #ff0;
}


/* Backend */

#mod_bookings .mod_bookings_table {
    background-color : #ebf7fc;
    width            : 100%;
    margin           : auto;
    padding          : 0;
    border-collapse  : collapse;
    border-bottom    : 1px solid gray;
}

#mod_bookings td {
border: 1px solid #fff;
}
/*
  forms
*/
#mod_bookings input[type=text],
#mod_bookings input[type=submit],
#mod_bookings input[type=button],
#mod_bookings select {
    color            : #000;
    background-color : #F0F0F0;
    border           : 1px solid gray;
    padding          : 2px;
    margin           : 0;
    width            : 110px;
}

#mod_bookings .small {
    width            : 60px;
}

#mod_bookings textarea {
    color            : #000;
    background-color : #f0f0f0;
    border           : 1px solid gray;
    padding          : 2px;
    margin           : 0;
}

#mod_bookings textarea:focus,
#mod_bookings input:focus,
#mod_bookings select:focus {
    background-color : #fff;
}

#mod_bookings td.mod_bookings_left {
    vertical-align   : top;
    font-weight      : normal;
}

#mod_bookings .row_a {
    font-size        : 1.2em;
    text-align       : center;
    padding          : 5px;
    border-top       : 1px solid gray;
    border-bottom    : 1px solid gray;
}

#mod_bookings .row_b {
    padding          : 5px;
    border-top       : 1px solid gray;
}

#mod_bookings .mod_bookings_button {
    display          : block;
    color            : #000;
    background-color : #F0F0F0;
    border           : 1px solid gray;
    padding          : 2px;
    margin           : 0;
    width            : 110px;
}
#mod_bookings a[href] img {
    border           : 0;
}

#mod_bookings .mod_bookings_ok,
#mod_bookings .mod_bookings_fail {
    width            : 100%;
    line-height      : 25px;
    font-weight      : normal;
    padding          : 5px;
    text-align       : center;
}
#mod_bookings .mod_bookings_ok {
    color            : #759d00;
    border           : 1px solid #759d00;
}
#mod_bookings .mod_bookings_fail {
    color            : #f00;
    border           : 1px solid #f00;
}
#mod_bookings #colorsample {
    width: 10px !important;
    max-width: 10px !important;
    min-width: 10px !important;
    height: 10px;
    border: 0;
}