/* Busmap Styles */

.busmap-container {
	text-align: center;
}

.busmap-legend {
	font-size: 11px;
}

.busmap-overflow {
	position: relative;
	overflow: auto;
}

.busmap-layers {
	display: inline-block;
	min-width: max-content;
	overflow: auto;
	user-select: none;
}

.vertical-text {
	writing-mode: vertical-lr;
	white-space: nowrap;
	font-size: 0.8rem;
	margin-top: 0.313rem;
}

.upper-layer,
.lower-layer {
	width: max-content;
	border: 1px solid #E8E8E8;
	border-radius: 4px;
	padding: 10px;
}

.driver-icon::before {
	content: '';
	display: inline-block;
	background: url(../images/icons/steering.png) no-repeat center top;
	background-size: 15px 15px;
	height: 25px;
	width: 20px;
}

/* Seat Type Styles */

.seat-select-visibility {
	border: 1px solid #bbbbbb;
}

.seat-lay-details {
	display: inline-block;
	height: 14px;
	width: 14px;
	margin-bottom: 5px;
	border-radius: 2px;
	vertical-align: text-top;
}

.seat-lay-search,
.sleeper-lay-search,
.restroom-sleeper-filer {
	float: left;
	position: relative;
	font-size: 11px;
	cursor: pointer;
	margin: 2px;
	border-radius: 2px;
}

.seat-lay-search {
	width: 25px;
	height: 21px;
	line-height: 19px;
}

.sleeper-lay-search {
	width: 54px;
	height: 21px;
	line-height: 19px;
}

.vertical-seat {
	margin-top: -15px;
	margin-bottom: -15px;
	height: 54px;
	width: 21px;
	line-height: 18px;
	writing-mode: vertical-lr;
}

.restroom-sleeper-filer {
	width: 54px;
	height: 21px;
	position: relative;
	top: -1.3rem;
}

.restroom-lay {
	position: absolute;
	width: 100%;
	height: 46px;
	background: url(../images/icons/restroom.png) no-repeat center center;
	background-size: contain;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	z-index: 1;
}

/* Seat Status Styles */

.seat-booked {
	border: 1px solid #A0A0A0;
	background-color: #E8E8E8;
}

.seat-booked-gents {
	border: 1px solid #017099;
	background-color: #88D1F2;
}

.seat-booked-ladies {
	border: 1px solid #FF89BE;
	background-color: #FFCFE3;
}

.seat-available-gents {
	border: 2px solid #017099;
	background-color: #FFFFFF;
}

.seat-available-ladies {
	border: 2px solid #FF89BE;
	background-color: #FFFFFF;
}

.seat-booked-blocked {
	border: 1px solid #B88A4C;
	background-color: #EED4AF;
}

.seat-blocked-socialdis {
	border: 1px solid #6E6D6D;
	background-color: #C7C5AB;
}

.seat-available-other {
	border: 1px solid #bbbbbb;
	background-color: #d3d7d7;
}

.seat-available-you {
	border: 1px solid #008b00;
	background-color: #FFFFFF;
}

.seat-available-all {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

.seat-selected {
	border: 1px solid #12532e;
	background-color: #27AE60;
}

.seat-disabled {
	color: #000;
	background-color: #dbd9d9;
}