.bron-controls { display: flex; }
.bron-control {
	width: 195px; height: 42px; padding: 0px 12px; margin-right: 10px;  cursor: pointer; position: relative; 
	box-shadow: 0 -1px 0 0 #ddd,0 1px 0 0 #ddd,0 0 0 0 rgba(0,0,0,0.08) inset,0 0 0 1px #ddd; 
}
.bron-control .bcl { font-size: 12px; }
.bron-control .bcv { font-weight: 600; font-size: 18px; line-height: 1.1; }
.bron-control.date-start { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23111111%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Echeck-in-date%3C%2Ftitle%3E%3Cg%20id%3D%22check-in-date%22%3E%3Cpath%20id%3D%22check-in-date-2%22%20data-name%3D%22check-in-date%22%20class%3D%22cls-1%22%20d%3D%22M19%2C3H18V2a1%2C1%2C0%2C0%2C0-1-1H16a1%2C1%2C0%2C0%2C0-1%2C1V3H9V2A1%2C1%2C0%2C0%2C0%2C8%2C1H7A1%2C1%2C0%2C0%2C0%2C6%2C2V3H5A2%2C2%2C0%2C0%2C0%2C3%2C5V19a2%2C2%2C0%2C0%2C0%2C2%2C2H19a2%2C2%2C0%2C0%2C0%2C2-2V5A2%2C2%2C0%2C0%2C0%2C19%2C3ZM9%2C19H5V16H9Zm0-8H5V8H9Zm5%2C8H10V16h4Zm0-4H10V12h4Zm0-4H10V8h4Zm5%2C8H15V16h4Zm0-4H15V12h4Zm0-4H15V8h4Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 165px 10px no-repeat; }
.bron-control.date-end { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23111111%3Bfill-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Echeck-out-date%3C%2Ftitle%3E%3Cg%20id%3D%22check-out-date%22%3E%3Cpath%20id%3D%22check-out-date-2%22%20data-name%3D%22check-out-date%22%20class%3D%22cls-1%22%20d%3D%22M3%2C5V19a2%2C2%2C0%2C0%2C0%2C2%2C2H19a2%2C2%2C0%2C0%2C0%2C2-2V5a2%2C2%2C0%2C0%2C0-2-2H18V2a1%2C1%2C0%2C0%2C0-1-1H16a1%2C1%2C0%2C0%2C0-1%2C1V3H9V2A1%2C1%2C0%2C0%2C0%2C8%2C1H7A1%2C1%2C0%2C0%2C0%2C6%2C2V3H5A2%2C2%2C0%2C0%2C0%2C3%2C5ZM15%2C16h4v3H15Zm0-8h4v3H15Zm-5%2C8h4v3H10Zm0-4h4v3H10Zm0-4h4v3H10ZM5%2C16H9v3H5Zm0-4H9v3H5ZM5%2C8H9v3H5Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 165px 10px no-repeat; }
#calendars { position: relative; }
#calendars .calendar-day[data-price] { cursor: pointer; }
#calendars.sel .calendar-day[data-price], .calendar-day.select, .calendar-day.disable { cursor: default; }
#calendars .calendar-item { margin-bottom: 5px; }
#calendars .calendar-day.select { background-color: #222; color: #fff; }
#calendars .result { margin-bottom: 40px; margin-left: 16px; }
#calendars .result .hidden { display: none; }
#calendars .result .price { margin-bottom: 15px; }
#calendars .result strong { font-weight: 600; }
#calendars .result #remsel { text-decoration: none; padding: 4px 16px; border: 1px solid #e6e6e6; }
#calendars .nav { display: flex; justify-content: space-between; width: 443px; max-width: 100%; position: absolute; left: 16px; top: -4px; z-index: 10; }
#calendars .nav a { display: inline-flex; font-family: monospace; text-decoration: none; width: 30px; height: 30px; justify-content: center; align-items: center; color: #000; }
#calendars .nav a:hover { background: #f6f6f6; }
#calendars .nav a.none { cursor: default; opacity: 0.3; background: none !important; }
#calendars.wait:after {
	content: ''; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;
	background: rgba(255,255,255,0.5) url('/wp-content/uploads/indicator.gif') center no-repeat; z-index: 1000; 
}


.calendar-item {
	width: 200px;
	display: inline-block;
	vertical-align: top;
	margin: 0 16px 20px;
	font: 14px/1.2 Arial, sans-serif;
}
.calendar-head {
	text-align: center;
	padding: 5px;
	font-weight: 700;
	font-size: 14px;
}
.calendar-item table {
	border-collapse: collapse;
	width: 100%;
}
.calendar-item th {
	font-size: 12px;
	padding: 6px 7px;
	text-align: center;
	color: #888;
	font-weight: normal;
}
.calendar-item td {
	font-size: 13px;
	padding: 6px 5px;
	text-align: center;
	border: 1px solid #ddd;
}
.calendar-item tr th:nth-child(6), .calendar-item tr th:nth-child(7),
.calendar-item tr td:nth-child(6), .calendar-item tr td:nth-child(7)  {
	color: #e65a5a;
}	
.calendar-day.last {
	color: #999 !important;
}	
.calendar-day.today {
	font-weight: bold;
}
.calendar-day.event {
	/*background: #ffe2ad;*/
	position: relative;
	cursor: pointer;
}
.calendar-day.event:hover .calendar-popup {
	display: block;
}
.calendar-popup {
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	min-width: 80px;
	padding: 15px;
	background: #fff;
	text-align: left;
	font-size: 13px;
	z-index: 100;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	color: #000;
	font-weight: 400;
}
.calendar-popup:before {
	content: ""; 
	border: solid transparent;
	position: absolute;    
	left: 8px;    
	bottom: 100%;
	border-bottom-color: #fff;
	border-width: 9px;
	margin-left: 0;
}