@charset "UTF-8";

#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
}

/*
.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: #666666;
font-weight:normal;
	background-color: #fff;
	border-color: #2e6da4;
}

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!important;
    color: white!important;
    cursor: default!important;
	border-radius: 0;
}
.datepicker table tr td.gray.disabled {
    background: rgba(184, 191, 187, 0.5);
}
.datepicker.datepicker-dropdown  table tr td.disabled, 
.datepicker.datepicker-dropdown  table tr td.disabled:hover {
    background: #ffffff!important;
    color: #999!important;
}
.datepicker{
	height:260px;
}

.datepicker table tr td.noclick > div,
.datepicker table tr td.noclick:hover > div{
background: rgba(255, 255, 255, 0.75);
color:#bebebe;
padding:5px;top:0; height:100%;
cursor:default;
}
.calfloat .datepicker table tr td div{
 height:31px;
 line-height:26px;
/*	     position:relative;*/
}

/* 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:#fff;
	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;
*/
}
/* half-occupied */
.datepicker table tr td.half-occupied {
	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.half-occupied {
	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.half-occupied *{
    Color:#fff;
}
/* half available */
.datepicker table tr td.half-available {
  	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.half-available {
	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.half-available *{
	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{
 border:1px gray solid; height:28px; line-height:28px;
}
/* reserved */
.datepicker table tr td.reserved {
   background-color: #F7C553;
   Color:#fff;
	border-radius: 0;
}
.datepicker table tr td.gray.reserved {
   background-color: rgba(247, 197, 83, 0.5);
}
.datepicker table tr td.reserved *{
   Color:#fff;
}


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

.datepicker .legend {
	cursor: default;
} 
.legend table tr td {
	height: 10px;
	text-align: left;
	padding: 3px;
	cursor: default;
}
.legend table tr td:nth-child(2n-1) {
    min-width: 3%;
    max-width: 3%;
	padding: 0 10px;
}
.legend table tr td:nth-child(2n) {
	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: -5px;
	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.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: 100%;
    text-align:right;
    padding:0 37px 0 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: #66cc33;
    border-color: #66cc33;
}


/* 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: 580px) {
.legend{
	display:none
}	
	.btyp1{
	display:none
	}
	#calYears > ul > li.last{
	min-width:130px; float:right; position:relative; top:-3px;
}
@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
}
	
}