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

based on bootstrap-datepicker3.standalone.css and bootstrap.css


*/
/**:hover {
	cursor: pointer;
}*/

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


.calBox {
	padding-left: 0;
	padding-right: 0;
}

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

.datepicker table tr td, .datepicker table tr th {
    text-align: center;
    width: 28px;
    height: 28px;
    border-radius: 3px;
    border: none;
}
.datepicker table tbody tr td {
 padding:0;
}
.datepicker table tbody tr td div{
 padding:5px 0;
}
.datepicker table tbody tr .dow{
 padding:5px 0;
 font-size:13px;
}
.datepicker .datepicker-switch {
    max-width: 100%;
}

.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;
	border-color: #2e6da4;
}
.datepicker table tr th:hover {
/*	background-color: #ddd;
	border-radius: 0;*/
	cursor:default
}  
.datepicker table tr:nth-child(2) th:hover {
/*	color: #fff;
	border-color: #204d74;*/
	background-color: #337ab7;
	cursor:default
	
}

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: white;*/
    cursor: default;
	border-radius: 0;
}
/* disabled days */
.datepicker table tr td.old:hover,
.datepicker table tr td.new:hover
 {
    background: #B8BFBB;
    color: #eee!important;
    cursor: default;
}

/* today */
.datepicker table tr td.today {
    color: #000;
    border-color: #FF7700;
}
.datepicker table tr td.today:hover {
    color: #000;
    border-color: #FF7700;
}
.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;
}


/* occupied */
.datepicker table tr td.occupied,
.datepicker table tr td.occupied:hover
{
   background-color: #E2375A !important;
   Color:#fff;
   border-radius: 0;
   cursor:default
}
.datepicker table tr td.off.available:hover{
   background-color: #2cd47a !important;
    cursor: default!important;
transform:none;

}

/* 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(45deg,  #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;
}
/* 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;
}
/* available */
.datepicker table tr td.available {
   background-color: #2CD47A;
   Color:#fff;
	border-radius: 0;
}
/* vertrek */
.datepicker table tr td.vertrek div{
 border:1px gray solid;
 padding:4px;
}
/* reserved */
.datepicker table tr td.reserved {
   background-color: #F7C553;
   Color:#fff;
	border-radius: 0;
}


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

td.day:hover,
td.day.available:hover,
td.day.half-available:hover,
td.day.half-occupied: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;
}

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

td.day.old:hover,
td.day.new:hover,
td.day.occupied,
td.day.disabled
{
	transform: none;
	cursor:default !important;
	background-color:transparent!important;
}
#calYears > ul > li {
	font-size: 28px;
	font-weight: bold;
	width: 74%;
}
#calYears .nav{
	float:right;
}
#calYears .nav > li > a {
    position: relative;
    display: block;
    padding: 6px 12px;
	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 > li:first-child {
		width: 100%;
		margin-bottom: 15px;
		text-align: center;
	}
	#calYears > ul > li:last-child{
		width: 100%;
		margin-bottom: 15px;
		text-align: center;
	}
	#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: 470px) {
	
	div[class*="col-xs-"]{
		width: 100%!important;
		
	}
	
	
}