/* Busmap Styles */

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

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

.busmap-overflow {
	position: relative;
	overflow: auto;
	margin-bottom: 1.5rem;
}

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

.trip-tabs-content .vertical-text {
	writing-mode: vertical-lr;
    white-space: nowrap;
    /* font-size: 0.8rem; */
    margin-top: 0.313rem;
    rotate: 180deg;
}

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

.driver-icon::before {
	content: '';
	display: inline-block;
	background: url(../images/search/stearing.svg) no-repeat center top;
	background-size: 15px 15px;
	height: 24px;
	width: 24px;
}

.trip-tabs-content .driver-icon {
	padding-right: 10px;
    padding-left: 10px;
    margin-top: 0.313rem;
}

/* Seat Type Styles */

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

.seat-lay-search.seat-select-visibility {
	background: url(../images/search/seater.svg) no-repeat center;
    background-size: 100% 100%;
}

.sleeper-lay-search.seat-select-visibility {
	background: url(../images/search/sleeper.svg) no-repeat center;
    background-size: 54px;
}

.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: 25px;
	line-height: 26px;
}

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

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

/* .trip-tabs-content .seat-lay-search {
	width: 25px;
	height: 21px;
	line-height: 19px;
	background: url(../images/search/seater.svg) no-repeat center;
	background-size: 54px;
}

.trip-tabs-content .sleeper-lay-search {
	height: 21px;
	line-height: 19px;
	background: url(../images/search/sleeper.svg) no-repeat center;
	background-size: 54px;
} */

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

.trip-tabs-content .vertical-seat.SLEEPER {
    width: 54px;
    line-height: 45px;
    rotate: 270deg;
    height: 21px;
    margin: -10px;
}
.trip-tabs-content .vertical-seat.SEATER {
    width: 25px;
    line-height: 20px;
    rotate: 0;
    height: 25px;
    margin: 2px;
}

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

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

/* .vertical-seat::before {
	position: absolute;
	content: url(../images/search/sleeper.svg);
	width: 93%;
	height: 100%;
	left: 0;
	top: 0;
	top: 0;
	left: 0;
	width: 24px;
	height: 20px;
	transform: rotate(90deg);
	transform-origin: center;
	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;
}

.busmap-legend .seat-available-gents {
	border: 2px solid #017099;
}

.busmap-legend .seat-available-ladies {
	border: 2px solid #FF89BE;
}

.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; */
	
	/* background: url(../images/search/seat-select-sleeper.svg) no-repeat center;
    background-size: 54px; */
}

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