div.seatCharts-container {
	/*min-width: 700px;*/
}
div.seatCharts-cell {

	height: 36px;
	width: 40px;
	margin: 3px;
	float: left;
	text-align: center;
	outline: none;
	font-size: 13px;
	line-height:16px;
	color: blue;
}
div.seatCharts-seat {
	background-color: green;
/*	background: url(seat.png) no-repeat;*/
	width: 36px;
	height: 40px;
	color: black;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: default;
}
div.seatCharts-seat:focus {
	border: none;
}
.seatCharts-seat:focus {
	outline: none;
}
.seatCharts-seat:hover {
	background: url(../images/seat_select.png) no-repeat;
}

div.seatCharts-space {
	background-color: white;
	width: 36px;
	height: 0px;
	visibility: hidden;/*customk*/
}
div.seatCharts-row {
	height: 50px;
}

div.seatCharts-row:after {
	clear: both;
}
div.seatCharts-seat.selected {
/*	background-color: aqua;*/
	background: url(../images/seat_select.png) no-repeat;
	-webkit-filter: brightness(80%);
}

div.seatCharts-seat.focused {
/*	background-color: #6db131;*/
	background: url(../images/seat_select.png) no-repeat;cursor: pointer;
}

div.seatCharts-seat.available {
/*	background-color: green;*/
	background: url(../images/seat.png) no-repeat;
}

div.seatCharts-seat.unavailable {
	background-color: red;
	background: url(../images/seater_not_avail.png) no-repeat;
	cursor: not-allowed;
}
div.seatCharts-seat.first-class {
/*	background-color: #D1B6E1;*/
	background: url(../images/seat_select.png) no-repeat;
}
div.seatCharts-seat.first-class.selected {
	background: url(../images/seat_select.png) no-repeat;
}

/*Already Booked*/
div.seatCharts-seat.unavailable {
/*	background-color: green;*/
	background: url(../images/seater_not_avail.png) no-repeat;
}

ul.seatCharts-legendList {
	list-style: none;
	/*customk*/
	display: inline-block;
    width: 100%;
    margin-top: 25px;
}
li.seatCharts-legendItem {
	margin-top: 0px;
	line-height: 2;
	display: inline-block;
	width: 50%;
	line-height: 50px;
	float: left;
}
.cancel-cart-item{
	display: inline-block;
	font-size: 11px;
	color: rgba(32,57,157,1);
}.cancel-cart-item:hover{
	color: #F44336;
}

/*customek*/
ul#selected-seats{
	max-height: 142px;
	overflow-y: scroll;
	padding-right: 10px;
}
ul#selected-seats::-webkit-scrollbar{
	width: 5px;
}ul#selected-seats::-webkit-scrollbar-track{
	background: rgba(32,57,157,.025);
}ul#selected-seats::-webkit-scrollbar-thumb{
	background: rgba(32,57,157,.3);
}
ul#selected-seats li{
	display: inline-block;
	width:100%;
	padding: 3px 0;
}ul#selected-seats li b{
	float: right;
	font-family: Roboto;
}ul#selected-seats li span.seatno{
	margin-left: 5px;
}
/*firstclass D1B6E1*/

.travelsinfo{
	padding-top: 15px;
}
.travelsinfo h5{
	font-size: 16px;
}
.travelsinfo h5.travelsname{
	border-bottom: 1px solid;
	color: rgba(32,57,157,1);
	padding-bottom: 5px;
/*	font-weight: 600;*/
}
.travelsinfo h5.travelsname small{
	float: right;
	color: black;
}
.travelsinfo h5 span{
	color: gray;
}


/*Bus Booking Steps Model*/
/*BOARDING POINT SELECTION*/
.equalsize{
	width: 100%;height: auto;
	display: inline-block;
	margin: 0 0 15px 0;
	padding: 15px;
	border: 1px solid rgba(32,57,157,.2);
	border-radius: 5px;
	transition: all ease 1000ms;
	-o-transition: all ease 1000ms;
	-ms-transition: all ease 1000ms;
	-webkit-transition: all ease 1000ms;
	-moz-transition: all ease 1000ms;
}.equalsize:hover,.equalsize:focus{
	border: 1px solid rgba(32,57,157,1);
	-o-box-shadow: 0 5px 15px rgba(220, 220, 220, 0.35);
	-webkit-box-shadow: 0 5px 15px rgba(220, 220, 220, 0.35);
	-moz-box-shadow: 0 5px 15px rgba(220, 220, 220, 0.35);
	-ms-box-shadow: 0 5px 15px rgba(220, 220, 220, 0.35);
}.equalsize:nth-child(1){
	margin-top: 25px;
	float: left;
}
.equaltitle{
	font-size: 20px;
	margin: 0;
	display: inline-block;
	width: 100%;
	float: left;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid;
	color: rgba(32, 57, 157, 1);
}
.boardingpointL{
	width: 50%;height: auto;
	display: inline-block;
	float: left;
}
.boardingpointL select{
	padding: 7px;
	width: 80%;
	margin-top: 10px;
	border-radius: 4px;
	border: 1px solid rgba(32,57,157,.2);
	box-shadow: inset 0 1px 10px rgba(32,57,157,.025);
	font-size: 16px;
	transition: all ease 1000ms;
	-webkit-transition: all ease 1000ms;
	-ms-transition: all ease 1000ms;
	-o-transition: all ease 1000ms;
	-moz-transition: all ease 1000ms;
}.boardingpointL select:hover{
	border: 1px solid rgba(32,57,157,1);
	box-shadow: inset 0 1px 10px rgba(32,57,157,.1);
}

.boardingpointR{
	width: 50%;height: auto;
	display: inline-block;
	float: left;
}
.equalfonth5 h5{
	font-size: 16px;
	color: gray;
}
.equalfonth5 h5 span{
	color: black;
}
.cancellation table{
	width: 100%;
	font-size: 16px;
}
.cancellation table td{
	width: 50%;
}
.cancellation table thead td{
	font-weight: bold;
	padding-bottom: 7px;
	font-size: 15px;
	letter-spacing: 0.5px;
}
.cancellation table tbody tr td{
	padding: 7px 0 0;
	font-size: 15px;
	letter-spacing: 0.5px;
}

/*PASSENGER TICKETS DETAILS*/
.travellersform table thead tr td{
	font-weight: bold;
}
.travellersform table thead tr td:nth-child(7),.travellersform table thead tr td:nth-child(8),.travellersform table tbody tr td:nth-child(7),.travellersform table tbody tr td:nth-child(8){
	text-align: center;
}
.travellersform table thead tr td:nth-child(7),.travellersform table thead tr td:nth-child(6),.travellersform table thead tr td:nth-child(2){
	width: 10%;
}

.travellersform table tbody tr td input[type="text"]{
	width: 100%;
	border: 1px solid rgba(37,57,157,.2);
	box-shadow: inset 0 1px 10px rgba(37,57,157,.025);
	height: 35px;
	border-radius: 4px;
	margin: 5px 0;
	padding: 0 7px;
	font-size: 15px;
	transition:all ease 1000ms;
	-webkit-transition:all ease 1000ms;
	-o-transition:all ease 1000ms;
	-moz-transition:all ease 1000ms;
	-ms-transition:all ease 1000ms;
}.travellersform table tbody tr td input[type="text"]:focus{
	border: 1px solid rgba(32,57,157,1);
	box-shadow: inset 0 1px 10px rgba(32,57,157,.1);
}
.travellersform table tbody tr td select{
	border: 1px solid rgba(37,57,157,.2);
	box-shadow: inset 0 1px 10px rgba(37,57,157,.025);
	padding: 7.85px 5px;
	border-radius: 4px;
	font-size: 15px;
	transition:all ease 1000ms;
	-webkit-transition:all ease 1000ms;
	-o-transition:all ease 1000ms;
	-moz-transition:all ease 1000ms;
	-ms-transition:all ease 1000ms;
}.travellersform table tbody tr td select:focus{
	border: 1px solid rgba(32,57,157,1);
	box-shadow: inset 0 1px 10px rgba(32,57,157,.1);
}
.travellersform td,th{
	padding: 0.5rem;
	font-size: 15px;
}
#busbookdetails2 .modal-dialog{
	margin: 15px auto;
}

.travellersform2L,.travellersform2R{width: 45%;height: auto;display: inline-block;float: left;}
.travellersform2R{margin-left: 10%;}
.inputeffectwrap{float: left; width: 100%; margin: 20px 0; position: relative;}
.inputeffectwrap textarea{width: 100%;height: 100px;border: none;resize: none;margin-bottom: -6px;border-bottom: 1px solid #ccc;font-size: 15px;}
input[type="text"].inputeffect1{width: 100%; box-sizing: border-box;font-size: 15px;}

.inputeffect1{border: 0; padding: 4px 0; border-bottom: 1px solid #ccc; background-color: transparent;}

.inputeffect1 ~ .inputfocusborder{position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background-color: rgba(32,57,157,1); transition: 0.4s;}
.inputeffect1:focus ~ .inputfocusborder,
.has-content.inputeffect1 ~ .inputfocusborder{width: 100%; transition: 0.4s;}
.inputeffect1 ~ .inputeffectlabel{position: absolute; left: 0; width: 100%; top: 9px; color: #aaa; transition: 0.3s; z-index: -1;}

.inputeffect1:focus ~ .inputeffectlabel, .has-content.inputeffect1 ~ .inputeffectlabel{top: -16px; font-size: 14px; color: rgba(32,57,157,1); transition: 0.3s;z-index: 1;font-weight: normal;}


/*TRAVELLERS FORM REVIEW*/
.passengerdetailsreview table{
	width: 100%;
}
.passengerdetailsreview table thead tr td{
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 7px 0;
	letter-spacing: 0.5px;
}
.passengerdetailsreview table tbody tr td{
	font-size: 15px;
	letter-spacing: 0.5px;
	color: #9c9c9c;
	padding: 10px 0 0;
}
.passengerdetailsreview table.table1 thead tr td:nth-child(1),
.passengerdetailsreview table.table1 tbody tr td:nth-child(1){
	width: 10%;
}.passengerdetailsreview table.table1 thead tr td:nth-child(2),
.passengerdetailsreview table.table1 tbody tr td:nth-child(2){
	width: 40%;
}.passengerdetailsreview table.table1 thead tr td:nth-child(3),
.passengerdetailsreview table.table1 tbody tr td:nth-child(3){
	width: 10%;
}.passengerdetailsreview table.table1 thead tr td:nth-child(4),
.passengerdetailsreview table.table1 tbody tr td:nth-child(4){
	width: 10%;
}.passengerdetailsreview table.table1 thead tr td:nth-child(5),
.passengerdetailsreview table.table1 tbody tr td:nth-child(5){
	width: 5%;
}					
.passengerdetailsreview table tbody tr td.main-highlight{color: rgba(32,57,157,1);}

.passengerdetailsreview table.table2{
	margin-top: 15px;
	border-top: 1px solid gainsboro;
}
.passengerdetailsreview table.table2 thead tr td{
	padding-top: 15px;
}.passengerdetailsreview table.table2 thead tr td:nth-child(1){
	width: 66.8%;
}
#busbookdetails3 .modal-dialog{
	margin: 15px auto;
}
.busdetailsreviewtitle span{
	font-size: 14px;
	font-style: italic;
	margin-left: 5px;
}
.busdetailsreviewtitle small{
	font-size: 16px;
	margin-top: 4px;
	color: #20399d;
	float: right;
}
.busdetailsreview table{
	width: 100%;
}
.busdetailsreview table.table3 thead tr td{
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 7px 0;
	letter-spacing: 0.5px;
}
.busdetailsreview table.table3 tbody tr td{
	font-size: 15px;
	letter-spacing: 0.5px;
	color: #9c9c9c;
	padding: 10px 0 0;
}.busdetailsreview table.table3 tbody tr td:nth-last-child(1){
	font-weight: bold;
	color: black;
	padding-left: 2px;
}





@media only screen and (min-width: 320px) and (max-width: 480px) {
	div.seatCharts-seat.first-class{
		background-size: 80%;
		text-align: left;
		padding-left: 7px;
		margin:0;
	}
	div.seatCharts-seat.unavailable{
		background-size: 80%;
		text-align: left;
		padding-left: 7px;
		margin:0;
	}
	div.seatCharts-seat.available{
		background-size: 80%;
		text-align: left;
		padding-left: 7px;
		margin:0;
	}
	div.seatCharts-seat.selected{
		background-size: 80%;
		text-align: left;
		padding-left: 7px;
		margin:0;
	}
	div.seatCharts-seat.focused{
		background-size: 80%;
		text-align: left;
		padding-left: 7px;
		margin:0;
	}
	div.seatCharts-space{
		display: none;
	}
	
	.travelsinfo h5.travelsname{
		font-size: 12px;
	}
	.travelsinfo h5{
		font-size: 12px;
		line-height: 14px;
	}
	li.seatCharts-legendItem{
		width: 100%;
	}
	.myclosebtn{
		right: 0;
		left: inherit !important;
	}
	
	.equaltitle{
		font-size: 15px;
	}
	.travellersform td, th{
		font-size: 12px;
	}
	.travellersform table tbody tr td input[type="text"]{
		font-size: 12px;
		padding: 4px;
	}
	.equalsize:nth-child(1){
		margin-top: 0;
	}
	input[type="text"].inputeffect1{
		font-size: 12px;
	}
	.inputeffectwrap textarea{
		font-size: 12px;
	}
	.travellersform table tbody tr td select{
		font-size: 12px;
	}
	.boardingpointL select,.equalfonth5 h5,.cancellation table thead td,.cancellation table tbody tr td{
		font-size: 12px;
	}
	.travellersform td, th{
		font-size: 12px;
	}
	.travellersform table tbody tr td select{
		font-size: 12px;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.passengerdetailsreview table thead tr td{
		font-size: 12px;
	}
	.passengerdetailsreview table tbody tr td{
		font-size: 12px;
	}
	.equaltitle{
		font-size: 12px;
	}
	.busdetailsreviewtitle small{
		font-size: 12px;
		display: inline-block;
		width: 100%;
		float: left;
	}
	.busdetailsreview table.table3 thead tr td{
		font-size: 12px;
		padding-bottom: 0px;
	}
	.busdetailsreview table.table3 tbody tr td{
		font-size: 12px;
	}
	.busdetailsreview table.table3 tbody tr td:nth-last-child(1){
		width: 20%;
	}
	
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
	.travelsinfo h5{
		font-size: 14px;
	}
	li.seatCharts-legendItem{
		width: 100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#busbookdetails .modal-dialog,	
	#busbookdetails1 .modal-dialog,
	#busbookdetails2 .modal-dialog,
	#busbookdetails3 .modal-dialog{
		width: 90% !important;
	}
}