/* This calendar will be used to display a single vehicle's availability */

/* html,
body {
  height: 100%;
}
body {
  font-size: 100%;
  line-height: 1.5;
  font-family: "Roboto Condensed", sans-serif;
  background: #28283b;
  background-image: linear-gradient(#28283b 0%, #0f0f17 100%);
  color: #444;
}
*,
*:before,
*:after {
  box-sizing: border-box;
} */
.mini-calendar-wrapper .group:after {
	content: "";
	display: table;
	clear: both;
}
.mini-calendar-wrapper img {
	max-width: 100%;
	height: auto;
	vertical-align: baseline;
}
.mini-calendar-wrapper a {
	text-decoration: none;
}
.mini-calendar-wrapper .calendar-wrapper {
	width: 100%;
	max-width: 360px;
	margin: 3em auto;
	padding: 2em;
	border: 1px solid #dcdcff;
	border-radius: 5px;
	background: #fff;
}
.mini-calendar-wrapper table {
	clear: both;
	width: 100%;
	border: 1px solid #dcdcff;
	border-radius: 3px;
	border-collapse: collapse;
	color: #444;
}
.mini-calendar-wrapper td {
	height: 48px;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #dcdcff;
	border-top: 1px solid #dcdcff;
	width: 14.28571429%;
}
.mini-calendar-wrapper td.not-current {
	color: #c0c0c0;
}
.mini-calendar-wrapper td.today {
	font-weight: 700;
	color: #28283b;
	font-size: 1.5em;
}
.mini-calendar-wrapper thead td {
	border: none;
	color: #28283b;
	text-transform: uppercase;
	font-size: 1.5em;
}
.mini-calendar-wrapper #btnPrev {
	float: left;
	margin-bottom: 10px;
}

.mini-calendar-wrapper #btnNext {
	float: right;
	margin-bottom: 10px;
}

.mini-calendar-wrapper .available-date {
	background-color: #d4edda;
	border-color: #c3e6cb;
	color: #444444;
}
.mini-calendar-wrapper .unavailable-date {
	background-color: #f8d7da;
	border-color: #f5c6cb;
	color: #444444;
}
.mini-calendar-wrapper .booked-date {
	background-color: #cce5ff;
	border-color: #b8daff;
	color: #444444;
}