body {
  padding-top: 5rem;
}

.footer {
    bottom: 0;
    width: 100%;
    height: 60px; /* Set the fixed height of the footer here */
    line-height: 60px; /* Vertically center the text there */
}

.alternating-row:nth-of-type(odd) {
    background-color: #efefef;
}

.dropdown-menu {
	overflow: hidden;
	overflow-y: auto;
	max-height: calc(100vh - 150px);
}

.map-marker {
    width: 10px;
    height: 10px;
    border: 1px solid #088;
    border-radius: 5px;
    background-color: #00F;
    opacity: 0.7;
}

.monospaced {
    font-family: monospace;
}

th.rotate > div {
    transform: translate(0px, -10px) rotate(270deg);
    width: 30px;
    white-space: nowrap;
}

th.rotate {
    text-align:right;
    height: 140px;
}

.alternating-lubmin {
    background-color: #efefef;
}

#no-more-tables td {
    border-top: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

td.calendar_day {
    font-size: small;
    text-align: center;
    width: 25px;
    border: 1px solid;
}

td.calendar_day a {
    color: #000;
}

/* ---- */



td.available_weekday    { background-color: #f8f9fa; }
td.available_weekendday { background-color: #e8e9ea; }

td.booked_weekday      { background-color: #28a745; }
td.booked_weekendday   { background-color: #189735; }

td.reserved_weekday      { background-color: #17a2b8; }
td.reserved_weekendday   { background-color: #0792a8; }

td.own_use_weekday      { background-color: #ffc107; }
td.own_use_weekendday   { background-color: #efb100; }

td.problem_weekday      { background-color: #dc3545; }
td.problem_weekendday   { background-color: #cc2535; }

td.booked_arrival_weekday      { background: linear-gradient(to bottom right, #f8f9fa 0%, #f8f9fa 50%, #28a745 50%, #28a745 100%); }
td.booked_arrival_weekendday   { background: linear-gradient(to bottom right, #e8e9ea 0%, #e8e9ea 50%, #189735 50%, #189735 100%); }

td.reserved_arrival_weekday      { background: linear-gradient(to bottom right, #f8f9fa 0%, #f8f9fa 50%, #17a2b8 50%, #17a2b8 100%); }
td.reserved_arrival_weekendday   { background: linear-gradient(to bottom right, #e8e9ea 0%, #e8e9ea 50%, #0792a8 50%, #0792a8 100%); }

td.own_use_arrival_weekday    { background: linear-gradient(to bottom right, #f8f9fa 0%, #f8f9fa 50%, #ffc107 50%, #ffc107 100%); }
td.own_use_arrival_weekendday { background: linear-gradient(to bottom right, #e8e9ea 0%, #e8e9ea 50%, #efb100 50%, #efb100 100%); }

td.problem_arrival_weekday    { background: linear-gradient(to bottom right, #f8f9fa 0%, #f8f9fa 50%, #dc3545 50%, #dc3545 100%); }
td.problem_arrival_weekendday { background: linear-gradient(to bottom right, #e8e9ea 0%, #e8e9ea 50%, #cc2535 50%, #cc2535 100%); }

td.booked_departure_weekday    { background: linear-gradient(to bottom right, #28a745 0%, #28a745 50%, #f8f9fa 50%, #f8f9fa 100%); }
td.booked_departure_weekendday { background: linear-gradient(to bottom right, #189735 0%, #189735 50%, #e8e9ea 50%, #e8e9ea 100%); }

td.reserved_departure_weekday      { background: linear-gradient(to bottom right, #17a2b8 0%, #17a2b8 50%, #f8f9fa 50%, #f8f9fa 100%); }
td.reserved_departure_weekendday   { background: linear-gradient(to bottom right, #0792a8 0%, #0792a8 50%, #e8e9ea 50%, #e8e9ea 100%); }

td.own_use_departure_weekday    { background: linear-gradient(to bottom right, #ffc107 0%, #ffc107 50%, #f8f9fa 50%, #f8f9fa 100%); }
td.own_use_departure_weekendday { background: linear-gradient(to bottom right, #efb100 0%, #efb100 50%, #e8e9ea 50%, #e8e9ea 100%); }

td.problem_departure_weekday    { background: linear-gradient(to bottom right, #dc3545 0%, #dc3545 50%, #f8f9fa 50%, #f8f9fa 100%); }
td.problem_departure_weekendday { background: linear-gradient(to bottom right, #cc2535 0%, #cc2535 50%, #e8e9ea 50%, #e8e9ea 100%); }

td.booked_arrival_booked_departure_weekday        { background: linear-gradient(to bottom right, #28a745 0%, #28a745 48%, #000 50%, #28a745 52%, #28a745 100%); }
td.booked_arrival_booked_departure_weekendday     { background: linear-gradient(to bottom right, #189735 0%, #189735 48%, #000 50%, #189735 52%, #189735 100%); }
td.booked_arrival_reserved_departure_weekday      { background: linear-gradient(to bottom right, #17a2b8 0%, #17a2b8 48%, #000 50%, #28a745 52%, #28a745 100%); }
td.booked_arrival_reserved_departure_weekendday   { background: linear-gradient(to bottom right, #0792a8 0%, #0792a8 48%, #000 50%, #189735 52%, #189735 100%); }
td.booked_arrival_own_use_departure_weekday       { background: linear-gradient(to bottom right, #ffc107 0%, #ffc107 48%, #000 50%, #28a745 52%, #28a745 100%); }
td.booked_arrival_own_use_departure_weekendday    { background: linear-gradient(to bottom right, #efb100 0%, #efb100 48%, #000 50%, #189735 52%, #189735 100%); }
td.booked_arrival_problem_departure_weekday       { background: linear-gradient(to bottom right, #dc3545 0%, #dc3545 48%, #000 50%, #28a745 52%, #28a745 100%); }
td.booked_arrival_problem_departure_weekendday    { background: linear-gradient(to bottom right, #cc2535 0%, #cc2535 48%, #000 50%, #189735 52%, #189735 100%); }

td.reserved_arrival_booked_departure_weekday      { background: linear-gradient(to bottom right, #28a745 0%, #28a745 48%, #000 50%, #17a2b8 52%, #17a2b8 100%); }
td.reserved_arrival_booked_departure_weekendday   { background: linear-gradient(to bottom right, #189735 0%, #189735 48%, #000 50%, #0792a8 52%, #0792a8 100%); }
td.reserved_arrival_reserved_departure_weekday    { background: linear-gradient(to bottom right, #17a2b8 0%, #17a2b8 48%, #000 50%, #17a2b8 52%, #17a2b8 100%); }
td.reserved_arrival_reserved_departure_weekendday { background: linear-gradient(to bottom right, #0792a8 0%, #0792a8 48%, #000 50%, #0792a8 52%, #0792a8 100%); }
td.reserved_arrival_own_use_departure_weekday     { background: linear-gradient(to bottom right, #ffc107 0%, #ffc107 48%, #000 50%, #17a2b8 52%, #17a2b8 100%); }
td.reserved_arrival_own_use_departure_weekendday  { background: linear-gradient(to bottom right, #efb100 0%, #efb100 48%, #000 50%, #0792a8 52%, #0792a8 100%); }
td.reserved_arrival_problem_departure_weekday     { background: linear-gradient(to bottom right, #dc3545 0%, #dc3545 48%, #000 50%, #17a2b8 52%, #17a2b8 100%); }
td.reserved_arrival_problem_departure_weekendday  { background: linear-gradient(to bottom right, #cc2535 0%, #cc2535 48%, #000 50%, #0792a8 52%, #0792a8 100%); }

td.own_use_arrival_booked_departure_weekday      { background: linear-gradient(to bottom right, #28a745 0%, #28a745 48%, #000 50%, #ffc107 52%, #ffc107 100%); }
td.own_use_arrival_booked_departure_weekendday   { background: linear-gradient(to bottom right, #189735 0%, #189735 48%, #000 50%, #efb100 52%, #efb100 100%); }
td.own_use_arrival_reserved_departure_weekday    { background: linear-gradient(to bottom right, #17a2b8 0%, #17a2b8 48%, #000 50%, #ffc107 52%, #ffc107 100%); }
td.own_use_arrival_reserved_departure_weekendday { background: linear-gradient(to bottom right, #0792a8 0%, #0792a8 48%, #000 50%, #efb100 52%, #efb100 100%); }
td.own_use_arrival_own_use_departure_weekday     { background: linear-gradient(to bottom right, #ffc107 0%, #ffc107 48%, #000 50%, #ffc107 52%, #ffc107 100%); }
td.own_use_arrival_own_use_departure_weekendday  { background: linear-gradient(to bottom right, #efb100 0%, #efb100 48%, #000 50%, #efb100 52%, #efb100 100%); }
td.own_use_arrival_problem_departure_weekday     { background: linear-gradient(to bottom right, #dc3545 0%, #dc3545 48%, #000 50%, #ffc107 52%, #ffc107 100%); }
td.own_use_arrival_problem_departure_weekendday  { background: linear-gradient(to bottom right, #cc2535 0%, #cc2535 48%, #000 50%, #efb100 52%, #efb100 100%); }

td.problem_arrival_booked_departure_weekday      { background: linear-gradient(to bottom right, #28a745 0%, #28a745 48%, #000 50%, #dc3545 52%, #dc3545 100%); }
td.problem_arrival_booked_departure_weekendday   { background: linear-gradient(to bottom right, #189735 0%, #189735 48%, #000 50%, #cc2535 52%, #cc2535 100%); }
td.problem_arrival_reserved_departure_weekday    { background: linear-gradient(to bottom right, #17a2b8 0%, #17a2b8 48%, #000 50%, #dc3545 52%, #dc3545 100%); }
td.problem_arrival_reserved_departure_weekendday { background: linear-gradient(to bottom right, #0792a8 0%, #0792a8 48%, #000 50%, #cc2535 52%, #cc2535 100%); }
td.problem_arrival_own_use_departure_weekday     { background: linear-gradient(to bottom right, #ffc107 0%, #ffc107 48%, #000 50%, #dc3545 52%, #dc3545 100%); }
td.problem_arrival_own_use_departure_weekendday  { background: linear-gradient(to bottom right, #efb100 0%, #efb100 48%, #000 50%, #cc2535 52%, #cc2535 100%); }
td.problem_arrival_problem_departure_weekday     { background: linear-gradient(to bottom right, #dc3545 0%, #dc3545 48%, #000 50%, #dc3545 52%, #dc3545 100%); }
td.problem_arrival_problem_departure_weekendday  { background: linear-gradient(to bottom right, #cc2535 0%, #cc2535 48%, #000 50%, #cc2535 52%, #cc2535 100%); }

td.today {
    border: 4px solid;
}

td.weekly a {
	font-weight: bold;
	border-bottom: 2px solid;
}

@media only screen and (max-width: 800px) {

	/* Force table to not be like tables anymore */
	#no-more-tables table,
	#no-more-tables thead,
	#no-more-tables tbody,
	#no-more-tables th,
	#no-more-tables td,
	#no-more-tables tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	#no-more-tables tr { border: 1px solid #ccc; }

	#no-more-tables td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align:left;
	}

	#no-more-tables td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}

	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }

}