.return-icon {position: absolute;height: 50px;width: 34px;background: #366884;color: #fff;text-align: center;line-height: 50px !important;right: 0px;cursor: pointer;top:0px;border-radius: 0 3px 3px 0;}
.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d" !important;
}

.searchbox {
    background-color: #fff;
    padding: 8px;
    height: 150px;
    width: 100px;
    border: 1px solid #66afe9;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    visibility: hidden;
    z-index: 99999;
    left: 10px;
    top: 10px;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.searchbox a {
    font-size: 11px;
    text-decoration: none;
}

.searchbox a:hover {
    font-size: 11px;
    text-decoration: underline;
}

.searchbox .city {
    font-size: 11px;
    font-weight: bold;
    color: #306CA8 !important;
    margin-top: 3px;
    margin-bottom: 3px;
    padding-left: 5px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #666;
    line-height: 17px;
}

.searchbox .city a {
    color: #306CA8 !important;
}

.searchbox .airport {
    color: #03C;
    line-height: 13px;
    padding-left: 10px;
}



.flight-box {position: relative;display: block;width: 100%;border: solid 1px #d7dddb;background: #fff;padding: 10px 10px;margin-bottom: 10px;-webkit-transition: .5s;-o-transition: .5s;transition: .5s;border-radius: 4px;font-size: 0.8rem;}
.flight-box:hover {background: #f5f5f5;}
.flight-box.detail-active {background: #f5f5f5}
.flight-box.selected {border-color: #0087ff;}
.flight-box.selected .flight-box-icon {color: #0087ff;}

.flight-box.return-flight {display: none;}

.flight-result {margin: 0 -10px;}
.flight-result.two-column {display: flex;}
.flight-result.two-column .return-flight {display: block;}

.flight-box.return-flight .flight-box-icon {transform: rotate(180deg);}

.flight-result .flight-result-column {display: flex;}

.flight-result .flight-result-column {padding: 0 10px;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;}
.flight-result.two-column .flight-result-column {display: flex;width: 100%;height: fit-content;}

.flight-box .flight-box-icon {position: absolute;top: -6px;left: calc(50% - 7px);}
.flight-box .flight-details-row {display: flex;align-items: center;}
.flight-box .flight-details-row .column {flex: 0 0 calc(95% / 4);}
.flight-box .flight-details-row .column:last-child {flex: 0 0 5%;} 
.flight-box .flight-details-row .column:first-child {flex: 0 0 15%;margin-right: 5%;}

.flight-box .flight-details-row .column span.air-company {display: block;width: 100%;}
.flight-box .flight-details-row .column span.step-route {display: inline-block;position: relative;margin-right: 10px;padding-left: 10px;}
.flight-box .flight-details-row .column span.step-route:before {font-family: "FontAwesome";-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;content: "\f105";left: -10px;position: relative;}

.flight-result.two-column  .flight-box .flight-details-row .column:nth-child(2) {display: none;}
.flight-result.two-column  .flight-box .flight-details-row .column:nth-child(1) {flex: 0 0 30%;margin: 0;}
.flight-result.two-column  .flight-box .flight-details-row .column:nth-child(3) {flex: 0 0 30%;padding: 0 4px;}
.flight-result.two-column  .flight-box .flight-details-row .column:nth-child(4) {flex: 0 0 30%;padding: 0 4px;}
.flight-result.two-column  .flight-box .flight-details-row .column:nth-child(5) {flex: 0 0 10%;}

.flight-box .flight-details-row .column span.step-route.first {padding-left: 0;}
.flight-box .flight-details-row .column span.step-route.first:before {display: none;}
.flight-box .flight-details-row .column span.bag {display: block;width: 100%;}
.flight-box .flight-details-row .column span.transit {display: block;width: 100%;color: red;}
.flight-box .flight-details-row .column span.desc {display: block;width: 100%;}
.flight-box .flight-details-row .column span.departure-time {font-size: 0.9rem;color: #000;font-weight: 600;}
.flight-box .flight-details-row .column span.departure-seperate {margin: 0 10px;}
.flight-box .flight-details-row .column span.departure-time2 {font-size: 0.9rem;color: #000;}
.flight-box .flight-details-row .column span.departure-time-txt {display: block;width: 100%;}
.flight-box .flight-details-row .column .price {font-size: 1rem;font-weight: 600;color: #000;text-align: unset;float: none;}
.flight-box .flight-details-row .column .price .b {font-size: 0.8rem;float: none;font-weight: 500;}
.flight-box .flight-details-row .column button {float: right;border: 0;background: #2dc44d;border-radius: 4px;color: #fff;font-size: 0.8rem;font-weight: 600;padding: 0 10px;min-width: 62px;padding: 5px 15px;}
.flight-box .flight-details-row .column button i {font-size: 1rem;line-height: inherit;}
.flight-box.selected .flight-details-row .column button {font-size: 0;}
.flight-box .flight-details-row .column .flight-box-select {cursor: pointer;}

.flight-detail {display: none;margin: 7px 0px;}
.flight-detail.show {display: block;}
.flight-detail-btn {color: #0087ff;font-size: 0.75rem;margin-top: 3px;transition: ease-in-out all 300ms;}
.flight-detail .station {list-style: none;margin: 5px 0px;padding-left: 15px;}
.flight-detail .station li {position: relative;margin-bottom: 4px}
.flight-detail .station li:last-child {margin-bottom: 0;}
.flight-detail .station li:before {font-family: "FontAwesome";-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;content: "\f10c";left: -10px;position: relative;color: #2dc44d;font-size: 0.8rem;}
.flight-detail .station li.first:before {content: "\f111";font-weight: 900;}
.flight-detail .station li:after {position: absolute;top: 42%;left: -5px;display: block;width: 1px;height: 1.3rem;content: "";background-color: #2dc44d;}
.flight-detail .station li:last-child:after {display: none;}
.flight-detail .transit-desc {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center; -ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;height: 0;margin: .75rem 0 1rem 0;border-top: 1px dashed #727e7c;}
.flight-detail .transit-desc span {display: inline-block;padding: 0 .5rem;background-color: #f5f5f5;}
.flight-detail .food-service {display: inline-block;padding: 1px 6px 0px 15px;background: #d0d0d0;border-radius: 4px;color: #606060;}
.flight-detail .food-service:before {font-family: "FontAwesome";-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;content: "\f0f5";left: -7px;position: relative;color: #2dc44d;font-size: 0.8rem;}

.flight-search-response {display: flex;margin: 0 -10px;padding-top: 10px;}
.flight-search-response .flight-result-column {padding: 0 10px;width: 50%;}
.flight-search-response .flight-box.return-flight {display: block;}

.flight-result-head {order: -2;display: block;width: 100%;margin-bottom: 10px;}
.flight-result-head .title {display: block;font-size: 0.9rem;text-align: center;margin-bottom: 10px;}
.flight-result-head .col {width: calc(100% / 3);float: left;font-size: 0.8rem;}

.flight-result-other-head {display: block;width: 100%;margin-bottom: 10px;}
.flight-result-other-head .title {display: block;font-size: 0.9rem;text-align: center;margin-bottom: 10px;}

.flight-bottom-basket {position: fixed;width: 100%;bottom: 0;background: #28a8db;color: #fff;z-index: 9999;}
.flight-bottom-basket .next {display: block;width: 100%;background: #ff9800;color: #fff;border-radius: 4px;font-size: 0.9rem;height: 40px;line-height: 40px;border: 0;text-transform: uppercase;font-weight: bold;margin: 10px 0;}
.flight-bottom-basket .total-wrap {background: #269bc9;height: 60px;padding: 10px 10px;width: 100%;text-align: right;}
.flight-bottom-basket .total-wrap .total-price {font-weight: bold;font-size: 1.3rem;}
.flight-bottom-basket .total-wrap .spottotalprice {font-weight: normal;font-size: 0.7rem;color: #dadada;line-height: normal;display: block;width: 100%;}

.oneway-flight-more, .return-flight-more {display: block;background: #28a8db;color: #fff;border: 0;padding: 6px 20px;margin: 10px auto;border-radius: 8px;font-size: 0.8rem;}
.flight-search-response .flight-result-title {display:none;}

@media (max-width:  768px) {
	.flight-search-response .flight-result-column {padding: 0 10px;width: 100%;}
	.flight-search-response {display: inherit;}
	.flight-box .flight-details-row .column:first-child {flex: 0 0 33%;margin-right:1%;}
	.flight-box .flight-details-row .column {flex: 0 0 32%; text-align:center;}
	.flight-box .flight-details-row .column span.departure-time {font-size:0.8rem;line-height:2rem;}
	.flight-box .flight-details-row .column span.departure-time2 {font-size:0.8rem;line-height:2rem;}
	.flight-box .flight-details-row .column span.departure-seperate {margin: 0px 5px;}
	.flight-box .flight-details-row .column .price {line-height:2rem;}
	.flight-box .flight-detail-btn {margin-left:calc(50% - 17px);}
	.flight-box .flight-details-row .pricecol {flex: 0 0 28%;}
	.flight-search-response .flight-result-title {
		margin: 0 10px 10px 10px;
		background: #28a8db;
		padding: 5px 10px;
		color: #fff;
		border-radius: 6px;
		font-size: 0.9rem;
		display:inherit;
	}
	
}

.flight-seat {color: #fff;font-weight: bold;padding: 0 5px;border-radius: 3px;display: inline-block;align-items: center;font-size: 13px;}
.flight-seat.red {background: red;}
.flight-seat.green {background: #2dc44d;}
.flight-seat.yellow {background: #ff9800;}
.flight-seat img {height: 17px;}