/* 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;
    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(../common/stearing.svg) no-repeat center top;
	background-size: 15px 15px;
	height: 24px;
	width: 24px;
}

.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(../common/seater.svg) no-repeat center;
    background-size: 100% 100%;
	border: none;
}

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

.seat-lay-details {
	display: inline-block;
	height: 14px;
	width: 14px;
	margin-bottom: 5px;
	border-radius: 4px;
	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;
}

.vertical-seat.SLEEPER {
    width: 54px;
    line-height: 22px;
    rotate: 270deg;
    height: 21px;
    margin: -10px;
}
.vertical-seat.SEATER {
    width: 25px;
    line-height: 20px;
    rotate: 0;
    height: 25px;
    margin: 2px;
	writing-mode: vertical-lr
}

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

.restroom-sleeper-filer {
	width: 53px;
	height: 21px;
	top: 0;
}

.restroom-lay {
	position: absolute;
	width: 100%;
	height: 23px;
	background: url(../common/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-booked-blocked {
	border: 1px solid #B88A4C;
	background-color: #EED4AF;
}

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

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

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

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

.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;
}
 
.sleeper-selected {
	background: url(../common/seat-select-sleeper.svg) no-repeat center !important;
    background-size: 54px !important;
}
.seater-selected {
	background: url(../common/seat-select-seater.svg) no-repeat center !important;
    background-size: 100% 100% !important;
}

.seat-booked-gents.SLEEPER {
	background: url(../common/male-booked-sleeper.svg) no-repeat center !important;
    background-size: 54px !important;
}
.seat-booked-gents.SEATER {
	background: url(../common/male-booked-seater.svg) no-repeat center !important;
    background-size: 100% 100% !important;
    border: none;
}

.seat-available-gents.SLEEPER {
	background: url(../common/male-available-sleeper.svg) no-repeat center;
    background-size: 54px;
}
.seat-available-gents.SEATER {
	background: url(../common/male-available-seater.svg) no-repeat center;
    background-size: 100% 100%;
}

.seat-booked-ladies.SLEEPER {
	background: url(../common/female-booked-sleeper.svg) no-repeat center !important;
    background-size: 54px !important;
}
.seat-booked-ladies.SEATER {
	background: url(../common/female-booked-seater.svg) no-repeat center !important;
    background-size: 100% 100% !important;
    border: none;
}

.seat-available-ladies.SLEEPER {
	background: url(../common/female-available-sleeper.svg) no-repeat center;
    background-size: 54px;
}
.seat-available-ladies.SEATER {
    background: url(../common/female-available-seater.svg) no-repeat center;
    background-size: 100% 100%;
}

.seat-booked-blocked.SLEEPER {
    background: url(../common/blocked-sleeper.svg) no-repeat center !important;
    background-size: 54px !important;
}

.seat-booked-blocked.SEATER {
    background: url(../common/blocked-seater.svg) no-repeat center !important;
    background-size: 100% 100% !important;
}


.seat-disabled.SLEEPER{
    background: url(../common/disable-sleeper.svg) no-repeat center !important;
    background-size: 54px !important;
}

.seat-disabled.SEATER{
    background: url(../common/disable-seater.svg) no-repeat center !important;
    background-size: 100% 100% !important;
}