:root {
--operatorcolor: #422340}

.themebgcolor {
background-color: #422340;
}

.themecolor {
color: #422340;
}

/* html,body, div:not(.fa),span:not(.glyphicon),span:not(.glyphicon), applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, strong:not(.fa){
font-family: carrois_gothicregular, sans-serif !important;
} */

#box_header,
.new-design-inner:before,
.ui-widget-header,
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highligh {
background-color: #422340 !important;

}


.SplFareMenuOn {
width: auto;
position: absolute;
background: #f1f1f1;
border: 1px solid #a5a4a4;
color: black;
font-size: 16px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
padding: 5px 3px 5px 3px;
border-radius: 6px;
margin-left: 24px;
margin-top: -32px;
right: 450px;
}

@media only screen and (max-width: 600px) {
.upperDeck {
margin-top: 5px !important;
margin-left: 5px !important;
}

.busFloorSearArrange {
padding: 0px !important;
}

.busFloorMainWhole {
width: unset !important;
}
}

/* Select Seat Starts Here */

.seatsContinueBtn {
width: 140px;
height: auto;
background: #422340;
font-size: 14px;
border: none;
border: 1px solid #04365d;
color: #fff;
padding: 5px 10px;
float: left
}

.selectSeat {
width: 900px;
padding: 10px;
border: 1px solid #ddd;
margin-top: 60px;
background: #fff;
float: left;
clear: left;
margin-bottom: 20px;
}

.busFloor {
width: 900px;
height: auto;
float: left;
clear: lefft;
}

.busFloorTip {
width: 900px;
height: auto;
color: #555;
float: left;
}

.busFloorMainWhole {
width: 900px;
height: auto;
margin-top: 25px;
float: left;
}

.busFloorSeatSymbols {
width: 200px;
height: auto;
float: left;
}

.busFloorSearArrange {
width: 630px;
height: auto;
padding: 20px;
<!-- border: 5px solid #ddd; -->
float: left;
}

.busFloorBerthSymbols {
width: 200px;
height: auto;
padding-left: 50px;
float: left;
}

.seatBerthSymbols {
margin-right: 6px;
}


.busFloorSymbolsLine {
width: 200px;
height: auto;
padding-bottom: 10px;
float: left;
clear: left;
}

.busFloorSymbolsLine1 {
width: 200px;
height: auto;
margin-top: 20px;
padding-bottom: 10px;
float: left;
clear: left;
}
.seats-div{
overflow-x: auto;
}

.busSymbSeat{
        color:black;
        font-size:10px;
        float:left;
        text-align: center;
}
.busSymbBerth{
        width:47px;
        height:20px;
        text-align:center;
        color:#fff;
        float:left;
}
.busSymbBerthVert{
        width:24px;
        height:37px;
        text-align:center;
        padding:15px 0px 0px 0px !important;
        color:#fff;
        float:left;
}
svg text{
        font-weight: bold;
}
/* Seat Alignment Ends Here */

.busSeatResLadies svg .reat2,.busSeatResLadies svg .reat3,.busSeatResLadies svg .reat4{
        fill:#f54af4d4;
}
.busSeatResGents svg .reat2,.busSeatResGents svg .reat3,.busSeatResGents svg .reat4{
        fill: #1f73b4d4 !important;
}
/* Seat Alignment Ends Here */

/* Horizontal Berth Alignment Starts Here */

.busBerthResLadies svg .reat1 ,.busBerthResLadiesVert svg .reat1,.busBerthResLadies svg .reat2,.busBerthResLadiesVert svg .reat2{
        fill: none;
        stroke: #f54af4;
}
.busBerthSelected svg .reat1 , .busSeatSelected svg .reat1,.busSeatSelected svg .reat2,.busSeatSelected svg .reat3,.busSeatSelected svg .reat4,.busBerthSelectedVert svg .reat1{
        fill: #008000b2 ;
}
.busBerthSelected svg text{
        fill:white;
}
.busBerthBooked svg .reat1 , .busSeatBooked svg rect{
        fill: #1f73b4d4;
        stroke: gray;
}
.busBerthBooked svg text , .busSeatBooked svg text ,.busBerthBookedVert svg text,.busLadiesBerthSelectedVert svg text{
        fill:white;
}
.busLadiesBerthSelected svg .reat1 ,.busSeatLadiesSelected svg .reat1,.busLadiesBerthSelectedVert svg .reat1{
	fill:#4da64d;
	stroke: #f54af4;
}
.busLadiesBerthSelected svg .reat2 ,.busSeatLadiesSelected svg .reat2,.busLadiesBerthSelectedVert svg .reat2{
        fill:#f54af4b2;
        stroke: #f54af4b2;
}
.busLadiesBerthSelected svg text{
        fill:white;
}
 .busBerthSelected svg text,.busBerthSelectedVert text,.busSeatSelected text,.busBerthBooked svg text , .busSeatBooked svg text ,.busBerthBookedVert svg text,.busBerthTravelled svg text {
        fill:white;
}
.busBerthLadiesSelected svg .reat1,.BookedBerthVertLadies svg .reat1,.busSeatLadiesBooked  svg rect,.busBerthLadiesBookedVert svg .reat1,.busSeatLadiesBookedVert svg .reat1,.busBerthLadiesBooked svg .reat1{
        fill: #f54af4b2;
}
/* Horizontal Berth Alignment Ends Here */

/* Vertical Berth Alignment Starts Here */
.busBerthResGents svg .reat1 ,.busBerthResGentsVert svg .reat1,.busBerthResGents svg .reat2 ,.busBerthResGentsVert svg .reat2{
 //   fill: none;
    stroke: #1f73b4;
}
.busBerthResGents.busBerthSelected svg .reat1,.busBerthResGentsVert.busBerthSelectedVert svg .reat1{
	stroke: #1f73b4;
    stroke-width: 2;
}
.busBerthResGents.busBerthSelected svg .reat2,.busBerthResGents.busBerthSelected svg .reat3,.busBerthResGents.busBerthSelected svg .reat4,.busBerthResGentsVert.busBerthSelectedVert svg .reat2{
        fill: #1f73b4;
}
.busBerthSelectedVert .reat1{
        fill: #008000b2;
        stroke: white;
}
.busBerthSelectedVert text{
        fill:white;
}
.busBerthBookedVert svg .reat1{
        fill: #1f73b4d4;
        stroke: gray;
}
/* Vertical Berth Alignment Ends Here */
/* Deck Starts Here */
.lowerDeck{
        width:560px;
        height:190px;
        border:1px solid #ddd;
        padding:10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        margin-left:25px;
        float:left;
        clear:left;
}
.lowerDeckSteerLblArea{
        width:20px;
        height:80px;
        float:left;
}
.lowerDeckSteering{
        width:26px;
        height:26px;
        background-position:-239px -132px;
        float:left;
        clear:left;
}
.lowerDeckLbl{
        width:10px;
        height:47px;
        background-position:-300px -129px;
        margin-top:10px;
        margin-left:5px;
        float:left;
        clear:left;
}
.upperDeck{
        width:560px;
        height:190px;
        border:1px solid #ddd;
        padding:10px;
        margin-top:20px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        margin-left:25px;
        float:left;
        clear:left;
}
.upperDeckSteerLblArea{
        width:20px;
        height:80px;
        float:left;
}
.upperDeckSteering{
        width:26px;
        height:26px;
        background-position:-239px -132px;
        float:left;
        clear:left;
}
.upperDeckLbl{
        width:10px;
        height:47px;
        background-position:-322px -129px;
        margin-top:20px;
        margin-left:5px;
        float:left;
        clear:left;
}
.busFloorSearArrange ul{
        list-style-type:none;
}
.busFloorSearArrange ul.deck{
        /*width:300px;
        list-style:none;
        padding:0;
        position:relative;
        float:left;
        margin:10px;
        list-style-type:none;*/
          list-style: none;
          padding: 0;
          position: relative;
          float: left;
          /* margin: 10px; */
          list-style-type: none;
}
.busFloorSearArrange ul.deck li{
        padding:0;
        margin:0;
        position:absolute;
        margin:10px;
        list-style-type:none;
}
.busFloorSearArrange ul.deck li a{
        padding:0;
        margin:0;
        background-repeat:no-repeat;
        display:block;
        text-decoration:none;
}
/* Deck Ends Here */
svg text {
    font-weight: 500;
}
.dynamicText tspan{
	font-size: 11px !important;
}
.busBerthAvailableVert svg text ,.PayOnTravelBerthVertLadies svg text,.PayOnTravelBerthVert svg text,.busBerthBookedVert svg text,.busBerthResLadiesVert svg text{
    font-weight: 500;
    font-size: 10px !important;
}
.busFloorBerthSymbols text{
        display:none;
}