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

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

#bookings_modlink img {
    border          : 0;
    float           : right;
}
#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 {
	padding-bottom: 49%;
	margin-bottom: 2%;
	position: relative;
}
@media (min-width: 992px) {
	.bookings_sheet {
		width: 49%;
	}
}
@media (min-width: 768px) and (max-width:991px) {
	.bookings_sheet {
		width: 100%;
	}
}
@media (min-width: 601px) and (max-width:767px) {
	.bookings_sheet {
		width: 49%;
	}
}
@media (max-width: 600px) {
	.bookings_sheet {
		width: 100%;
	}
}
#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;
}
#mod_bookings .bookings_past {
	background-color: #fff !important;
	color: #aaa !important;
}
#mod_bookings .bookings_sunday,
#mod_bookings .bookings_weekday {
	color: #666;
	background: #f1f1f1;
	text-align: center;
	font-size:85%;
}
#mod_bookings .bookings_weeknumber a[href] {}
#mod_bookings .bookings_weeknumber {
    color		    : #ccc;
    text-decoration : none;
	text-align:center;
}
#mod_bookings .bookings_reserved {
    background      : #a6c4d2;
}
#mod_bookings .bookings_booked {
    background      : #a6c4d2;
}
#mod_bookings .bookings_partially {
	background-image: linear-gradient(right bottom, #f1f1f1 50%, #a6c4d2 50%);
	background-image: -o-linear-gradient(right bottom, #f1f1f1 50%, #a6c4d2 50%);
	background-image: -moz-linear-gradient(right bottom, #f1f1f1 50%, #a6c4d2 50%);
	background-image: -webkit-linear-gradient(right bottom, #f1f1f1 50%, #a6c4d2 50%);
	background-image: -ms-linear-gradient(right bottom, #f1f1f1 50%, #a6c4d2 50%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c4d2', endColorstr='#f1f1f1',GradientType=1 );
	background-image: -webkit-gradient( linear, right bottom, left top, color-stop(0.5, #f1f1f1), color-stop(0.5, #a6c4d2) );
}
#mod_bookings .bookings_booked a[href]{
	height: 100%;
	display: inline-block;
}
#mod_bookings .bookings_daynames {

}
#mod_bookings .bookings_bygroup {
    width           : 80%;
}
#mod_bookings a.bookings_tooltip {
    position        : relative;
    text-decoration : none;
    color           : #000;
    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           : 200px;
    padding         : 5px;
    display         : block;
    background      : #f9f9f9;
    border          : 1px solid #ccc;
    z-index         : 10;
	font-size: 100%;
}
/*
    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      : #a6c4d2;
    border          : 1px solid #000;
    z-index         : 10;
}
/*
    day view
*/
#mod_bookings .bookings_daysheet {
    width           : 80%;
}
#mod_bookings .bookings_daysheet_header {
	background: #85a3aa;
	font-size: 1.3em;
	font-weight: normal;
	text-align: center;
	border: 1px solid #ddd;
	color: #fff;
}
#mod_bookings .bookings_daysheet_header a {
	color: #fff;
}
#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      : #F02000;
}
#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 #ddd;
}

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