/* 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;
}

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