/*
# mod_itcs_reservation_calendar - simple reservation calendar by it-conserv.de
# ------------------------------------------------------------------------
# Author    it-conserv.de
# Copyright (C) 2018 it-conserv.de All Rights Reserved.
# License - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# with bootstrap datepicker script https://github.com/uxsolutions/bootstrap-datepicker
# Websites: it-conserv.de
# Version: 1.1.7
# ------------------------------------------------------------------------
*/

.itcs_calendar{
	justify-content: center;
	text-align: center;
	margin-top: 2em;
}

.datepicker{
	background-color: #efefef;
	color: #202020;
    margin: 0 auto;
	padding: 0 15px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
	-o-box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .25);
}

.datepicker table tr td.today:hover {
	border-color: #ffb733;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
	-o-box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
}

.datepicker table tr td.disabled{
color: #aaa;
}

.datepicker table tr td.reserved{
background-color: rgba(250,100,100,0.6);
}

.datepicker table tr td.reserved:hover{
	background-color: rgba(200,100,100,1);
}

/* tooltip*/
.datepicker table tr td.tt {
  position: relative;
  text-decoration: none;
}

.datepicker table tr td.tt:after{
  content: "";
  /*visibility: hidden;*/
  position: absolute;
  background: #ffcb66;
  /*padding: 3px 5px;*/
  left: 20%;
  color: black;
  -webkit-border-radius: 5px;
  -moz-border-radius : 5px;
  border-radius : 5px;
  white-space: nowrap;
  /*
  -webkit-transition: all 0.4s ease;
  -moz-transition : all 0.4s ease;
  transition: all 0.4s ease;
  */
  visibility: hidden;
  opacity:0;
  /*transition: visibility 0s linear 500s, opacity 500ms;*/
  transition:visibility 0.5s linear,opacity 0.5s linear;  
}

.datepicker table tr td.tt:hover:after {
  content: attr(title);
  padding: 3px 5px;
  bottom: 100%;
  visibility: visible;
  opacity:1;
  /*transition: visibility 0s linear 0s, opacity 500ms;*/
}

.datepicker table tr td{
padding: 0px 3px;
}

.datepicker table tr td.color1,
.datepicker table tr td.color2,
.datepicker table tr td.color3{
	color:#f0f0f0;
}

/* ##########   L e g e n d e   ############### */
.itcs_calendar .legend{
	/*width:100%;*/
	display: inline-block;
    font-size: 1.2em;
    margin-top: 1em;
}

.itcs_calendar .legend p{
	margin: 0.3em 0.7em;
	float: left;
	line-height: 1em;
}

.itcs_calendar .legend p::before{
	content:'';
	display: inline-block;
	min-width: 1em;
	height: 1em;
	margin-right: 0.3em;
	background-color: #d12727;
	opacity: 0.6;
	vertical-align: middle;
	border-radius: 0.25em;
}

.itcs_calendar .liste{
	width:100%;
	display: block;
	float: none;
	margin-top:10px;
}

.itcs_calendar .legend p.color0::before{
	background-color: #ffb733;
}