@charset "UTF-8";
/* CSS Document 

calendar.css
v.1.1
07.03.2017
based on bootstrap-datepicker3.standalone.css and bootstrap.css


*/
body{
background-color:transparent
}
.langit .dow{
font-size:10px;
}
#calSection {
max-width:900px;
min-width: 280px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 1.42857143;
color: #333333;
border: 1px solid #ddd;
margin: 15px auto 15px auto;
padding: 20px;
border-radius: 5px;
background-color:#ffffff;
}
.calBox {
padding-left: 0;
padding-right: 0;
}

.datepicker-switch a{
display:block
}
.fewoselect {
margin-bottom:20px; margin-left:3px;
}

/*
.datepicker .datepicker-switch {
width: 135px;
}
*/
.datepicker-inline {
width: 95%;
margin: 5px auto;
border-radius: 5px;
border: #ddd 1px solid;
/*box-shadow: 0 1px 3px 0 rgba(0,0,0,.3);*/
padding: 5px;
background: #fff;
}

.datepicker table tr td, .datepicker table tr th {
text-align: center;
width: 30px;
height: 30px;
border-radius: 0;
border: none;
}

.datepicker table {
margin: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
/*background-color: #eee;*/
}
.datepicker table tr th {
background-color: #eee;
border-radius: 0;
}


.datepicker thead tr:nth-child(2) th {
border-radius: 4px 4px 0 0;
}
.datepicker thead tr:nth-child(2) th {
/*color: #fff;
background-color: #337ab7;*/
/*color: #337ab7;*/
color: #666666;
font-weight:normal;
background-color: #fff;
border-color: #2e6da4;
}
/*.datepicker table tr th:hover {
background-color: #ddd;

}
.datepicker table tr:nth-child(2) th:hover {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
*/
td.day {
border: 1px white solid!important;
}
/* day status classes */


/* old past days / new future days*/
.datepicker table tr td.old, .datepicker table tr td.new {
color: #eee!important;
}
/* highlighted z. b. weekend / holidays */
.datepicker table tr td.highlighted {
color: #000;
background-color: #d9edf7;
border-color: #85c5e5;
border-radius: 0;
}
/* disabled days */
.datepicker table tr td.disabled, 
.datepicker table tr td.disabled:hover {
background: #B8BFBB;
color:#000;
cursor: default;
border-radius: 0;
}
.datepicker table tr td.gray.disabled {
background: rgba(184, 191, 187, 0.5);
}
.datepicker table tr td.noclick {
 padding:0;
/* position:relative;*/
}
.datepicker table tr td.noclick > div > div{
background: rgba(255, 255, 255, 0.75);
color:#bebebe;
 padding:0px;top:0; height:100%;
/* position:relative;*/
}
.calfloat .datepicker table tr td.noclick div{
 height:100%;
 line-height:26px;
/* position:relative;*/
}
.calfloat .datepicker table tr td.day{
 height:30px !important;
 overflow:hidden !important;
}


/* today */
.datepicker table tr td.today {
color: #000;
border-color: #FF7700;
}
.datepicker table tr td.today:hover {
color: #000;
border-color: #FF7700;
border-radius: 0;
}
.datepicker table tr td.today.disabled:hover, 
.datepicker table tr td.today[disabled]:hover, 
fieldset[disabled] .datepicker table tr td.today:hover, 
.datepicker table tr td.today.disabled:focus, 
.datepicker table tr td.today[disabled]:focus, 
fieldset[disabled] .datepicker table tr td.today:focus, 
.datepicker table tr td.today.disabled.focus, 
.datepicker table tr td.today.focus[disabled], 
fieldset[disabled] .datepicker table tr td.today.focus {
border-color: #ff7700;
border-radius: 0;
}


/* selectedday */
.datepicker table tr td.selectedday, .datepicker table tr td.selectedday1, .datepicker table tr td.selectedday2
{
background-color: #00CCFF;
color:#000;
border-radius: 0;
}
.datepicker table tr td.selectedday *, .datepicker table tr td.selectedday1 *, .datepicker table tr td.selectedday2 *
{
  color:#000;
}
/* occupied */
.datepicker table tr td.occupied {
background-color: #E2375A;
color:#000;
border-radius: 0;
}
.datepicker table tr td.gray.occupied {
background-color:rgba(226, 55, 90, 0.5);
}
.datepicker table tr td.occupied *{
color:#fff;
}
.datepicker table tr td.day.gray {
/*filter: alpha(opacity=60);
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=40);
 -moz-opacity: 0.60;
 opacity: 0.6;
*/
}
/* occupied-available */
.datepicker table tr td.occupied-available {
background: #e2375a; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #e2375a 0%, #e2375a 50%, #2cd47a 50%, #2cd47a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #e2375a 0%,#e2375a 50%,#2cd47a 50%,#2cd47a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #e2375a 0%,#e2375a 50%,#2cd47a 50%,#2cd47a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2375a', endColorstr='#2cd47a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color:#fff;
border-radius: 0;
}
.datepicker table tr td.gray.occupied-available {
background: -moz-linear-gradient(-45deg,  rgba(226, 55, 90, 0.5) 0%, rgba(226, 55, 90, 0.5) 50%, rgba(44, 212, 122, 0.5) 50%, rgba(44, 212, 122, 0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(226, 55, 90, 0.5) 0%,rgba(226, 55, 90, 0.5) 50%,rgba(44, 212, 122, 0.5) 50%,rgba(44, 212, 122, 0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(226, 55, 90, 0.5) 0%,rgba(226, 55, 90, 0.5) 50%,rgba(44, 212, 122, 0.5) 50%,rgba(44, 212, 122, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.datepicker table tr td.occupied-available *{
color:#fff;
}
/* available-occupied */
.datepicker table tr td.available-occupied {
  background: #2cd47a; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #2cd47a 0%, #2cd47a 50%, #e2375a 50%, #e2375a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #2cd47a 0%,#2cd47a 50%,#e2375a 50%,#e2375a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #2cd47a 0%,#2cd47a 50%,#e2375a 50%,#e2375a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cd47a', endColorstr='#e2375a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color:#fff;
border-radius: 0;
}
.datepicker table tr td.gray.available-occupied {
background: -moz-linear-gradient(-45deg,  rgba(44, 212, 122, 0.5) 0%, rgba(44, 212, 122, 0.5) 50%, rgba(226, 55, 90, 0.5) 50%, rgba(226, 55, 90, 0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(44, 212, 122, 0.5) 0%,rgba(44, 212, 122, 0.5) 50%,rgba(226, 55, 90, 0.5) 50%,rgba(226, 55, 90, 0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(44, 212, 122, 0.5) 0%,rgba(44, 212, 122, 0.5) 50%,rgba(226, 55, 90, 0.5) 50%,rgba(226, 55, 90, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/* changeday */
.datepicker table tr td.changeday {
color:#fff;
border-radius: 0;
background: #e2375a; /* Old browsers */
background: -moz-linear-gradient(-45deg, #e2375a 1%, #e2375a 35%, #2cd47a 35%, #2cd47a 35%, #2cd47a 70%, #e2375a 70%, #e2375a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #e2375a 1%,#e2375a 35%,#2cd47a 35%,#2cd47a 35%,#2cd47a 70%,#e2375a 70%,#e2375a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #e2375a 1%,#e2375a 35%,#2cd47a 35%,#2cd47a 35%,#2cd47a 70%,#e2375a 70%,#e2375a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2375a', endColorstr='#e2375a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.datepicker table tr td.gray.changeday {
background: -moz-linear-gradient(-45deg ,rgba(44, 212, 122, 0.5) 1%, rgba(44, 212, 122, 0.5) 35%, rgba(44, 212, 122, 0.5) 35%, rgba(44, 212, 122, 0.5) 35%, rgba(44, 212, 122, 0.5) 70%, rgba(44, 212, 122, 0.5) 70%, rgba(44, 212, 122, 0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(44, 212, 122, 0.5) 1%,rgba(44, 212, 122, 0.5) 35%,rgba(44, 212, 122, 0.5) 35%,rgba(44, 212, 122, 0.5) 35%,rgba(44, 212, 122, 0.5) 70%,rgba(44, 212, 122, 0.5) 70%,rgba(44, 212, 122, 0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(44, 212, 122, 0.5) 1%,rgba(44, 212, 122, 0.5) 35%,rgba(44, 212, 122, 0.5) 35%,rgba(44, 212, 122, 0.5) 35%,rgba(44, 212, 122, 0.5) 70%,rgba(44, 212, 122, 0.5) 70%,rgba(44, 212, 122, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.datepicker table tr td.available-occupied *{
Color:#fff;
}
/* available */
.datepicker table tr td.available {
background-color: #2CD47A;
color:#fff;
border-radius: 0;
}
.datepicker table tr td.gray.available {
background-color: rgba(44, 212, 122, 0.5);
}
.datepicker table tr td.available *{
Color:#fff;
}
/* vertrek */
.datepicker table tr td{
 padding:1px;
}
.datepicker table tr td.vertrek{
 padding:0;
}
.datepicker table tr td a{
 display:block
}
.datepicker table tr td.vertrek a,
.datepicker table tr td.vertrek > div
{
 border:1px #444444 solid;
line-height:27px;
height:29px;
}
.calSection2 .datepicker table tr td.vertrek div{
}
/* reserved */
.datepicker table tr td.reserved {
background-color: #F7C553;
color:#000;
border-radius: 0;
}
.datepicker table tr td.gray.reserved {
background-color: rgba(247, 197, 83, 0.5);
}
.datepicker table tr td.reserved *{
Color:#fff;
}

/* farbe7 */
.datepicker table tr td.farbe7 {
background-color: #FF00FF;
color:#000;
border-radius: 0;
}
.datepicker table tr td.farbe7 *{
Color:#fff;
}

/* farbe8 */
.datepicker table tr td.farbe8 {
background-color: #9C40FF;
color:#000;
border-radius: 0;
}
.datepicker table tr td.farbe8 *{
Color:#fff;
}


/* LEGEND */ 
#calLegend {
margin: 0 auto;
padding: 0px 10px 10px 10px;
}

.datepicker .legend {
cursor: default;
} 
.legend table tr td {
height: 10px;
text-align: left;
padding: 3px;
cursor: default;
}
.legend table.legende2 tr td {
padding: 0 0px !important;
max-width:100% !important;
min-width:inherit !important;
width:auto !important;

}
.legend table tr td:nth-child(2n-1) {
min-width: 3%;
max-width: 3%;
padding: 0 10px;
}
.legend table tr td:nth-child(2n) {
/*min-width: 20%;*/
width:auto
}

.calfloat .legend table tr td:nth-child(2n-1) {
min-width: 25px !important;
max-width: 25px !important;
width: 25px !important;
padding: 0;
}
/*
.calfloat .legend table tr td:nth-child(2n) {
min-width: 20%;
}*/


.legend img {
max-width: 200px;
/*width:100%;*/
height: auto;
}
.callogo {
text-align: center;
margin-top: 15px;
}
/* Years */ 
#calYears h2{
margin: 0;
}

#calYears button {
margin-top: -4px;
margin-left: 10px;
padding-right: 25px;
padding-left: 25px;
background-color: #FF7700;
border-color: #FF7700;
background-image: -webkit-linear-gradient(top, #ff8800, #FF6000);
background-image: -moz-linear-gradient(top, #ff8800, #FF6000);
background-image: -ms-linear-gradient(top, #ff8800, #FF6000);
background-image: -o-linear-gradient(top, #ff8800, #FF6000);
background-image: linear-gradient(to bottom, #ff8800, #FF6000);
}
#calYears button:hover, #calYears button:focus, #calYears button:active, #calYears button.active {
color: #ffffff;
background-color: #FF7700;
border-color: #FF7700;
background-image: -webkit-linear-gradient(top, #FF7700, #FF6600);
background-image: -moz-linear-gradient(top, #FF7700, #FF6600);
background-image: -ms-linear-gradient(top, #FF7700, #FF6600);
background-image: -o-linear-gradient(top, #FF7700, #FF6600);
background-image: linear-gradient(to bottom, #FF7700, #FF6600);
}
.datepicker .btn:hover, 
td.hasclick:hover
{
-webkit-transition: scale(1.1,1.1);
-moz-transition: scale(1.1,1.1);
-ms-transition: scale(1.1,1.1);
-o-transition: scale(1.1,1.1);
transform: scale(1.1,1.1);
border:none;
}
.day{
cursor:default;

}
.hasclick{
cursor:pointer
}

td.day:hover {
 /* background-color: #ddd;*/
}

td.day.old:hover,
td.day.new:hover,
td.day.occupied:hover,
/*td.day.reserved:hover,*/
td.day.disabled:hover
{
transform: none;
cursor:default !important;
/*background-color:transparent!important;*/
}
td.day.old:hover,
td.day.new:hover{
background-color: transparent;
}
#calYears > ul > li.first {
font-size: 16px;
font-weight: bold;
width: 63%;
padding:0 !important;
}
#calYears > ul > li.last {
width: 35%;
text-align:right;
padding:0 !important;
}

#calYears .nav{
float:right;
}
#calYears .nav > li > a {
position: relative;
display: block;
padding: 6px 6px;
margin-bottom: -8px;
}
#calYears .nav-pills > li.active > a, 
#calYears .nav-pills > li.active > a:hover, 
#calYears .nav-pills > li.active > a:focus {
color: #ffffff;
background-color: #006699;
}


/* Media Screen Views */

@media (max-width: 767px) {
#calYears ul.nav {
display: inline-block;
float: none;
 margin: 0 auto;
}

}
@media only (min-width: 768px) and (max-width: 992px) {
#calYears > ul > li:first-child {
width: 60%;
}
#calYears > ul > li:last-child{
width: 40%;
}
}
@media (max-width: 400px) {
.legend table tr td {
  height: 30px;
}
.calfloat .legend td{
/*display:none*/
}
.calfloat .legende2 a{
 position:relative; top:-13px;
}
#cal4618 .legend td{
display:table-cell
}
#cal5040 .legend td{
display:inline-block;
}
#cal5040 .legend table tr td
{
 height:25px; line-height:25px;
}
#cal5040 .legend table tr td:nth-child(2n)
{
 width:calc(48% - 30px);
}

.calfloat .legende2 td{
display:block;
}
.calfloat .legend td:last-child{
/*display:block;*/
}
}
@media (max-width: 580px) {
.btyp1{
display:none
}
#calYears > ul > li.last{
/*min-width:130px;*/ float:right; position:relative; top:-3px; width: 52%;
}
#calYears > ul > li.first{
width: 48%;
}
@media (max-width: 470px) {
div[class*="col-xs-"]{
width: 100%!important;
}
}
@media (max-width: 370px) {
#calYears > ul > li.first{
max-width:110px;
}
.btyp{
display:none
}

}