#bookingFlight .icon-inside {position: absolute; right: 20px; top: calc(0.6rem + 0px);
pointer-events: none; font-size: 25px; font-size: 1.125rem; color: #c4c3c3; z-index: 3;}

.drop0 .select-wrapper, 
.drop1 .select-wrapper, 
.drop2 .select-wrapper,
.drop3 .select-wrapper,
.drop4 .select-wrapper,
.drop5 .select-wrapper,
.drop6 .select-wrapper {position: relative;}

.drop0 .select-wrapper select,
.drop1 .select-wrapper select, 
.drop2 .select-wrapper select,
.drop3 .select-wrapper select,
.drop4 .select-wrapper select, 
.drop5 .select-wrapper select,
.drop6 .select-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  -webkit-filter: none;
  filter: none;
  border-radius: 3px;
  box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
  width: 100%;
  border: none;
  color: #999;
  font-size: 14px;
  box-sizing: border-box;
  padding-left: 10px;
  /*display: table;*/
  border-spacing: 0;
  cursor: auto;
  width: 100%;
  box-shadow: 0 0px 3px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  z-index: 1;
  border: 1px solid #dcdfe2;
  height:calc(2.25rem + 2px);
  padding:0.375rem 0.75rem;
}


.drop0 .select-wrapper::after {
  content: "\f107"; z-index:1;
  font: normal normal normal 14px/1 FontAwesome;
  font-weight: normal;
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height:calc(2.25rem + 2px);
  line-height: 40px;
  background-color: #d1d1d1;
  border-radius: 0 3px 3px 0;
  text-align: center;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  pointer-events: none;
  cursor: pointer;
}

.drop1 .select-wrapper::after {
  content: "\f007"; z-index:1;
  font: normal normal normal 14px/1 FontAwesome;
  font-weight: normal;
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height:calc(2.25rem + 2px);
  line-height: 40px;
  background-color: #d1d1d1;
  border-radius: 0 3px 3px 0;
  text-align: center;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  pointer-events: none;
  cursor: pointer;
}


.drop2 .select-wrapper::after {
  content: "\f0fb"; z-index:1;
  font: normal normal normal 14px/1 FontAwesome;
  font-weight: normal;
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 0;
  width: 28px; 
  height:calc(2.25rem + 2px);
  line-height: 40px;
  background-color: #d1d1d1;
  border-radius: 0 3px 3px 0;
  text-align: center;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  pointer-events: none;
  cursor: pointer;
}

.drop3 .select-wrapper::after {
  content: "\f508"; z-index:1;
  font: normal normal normal 14px/1 FontAwesome;
  font-weight: normal;
  font-size: 14px; 
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  background-color: #d1d1d1;
  border-radius: 0 3px 3px 0;
  text-align: center;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  pointer-events: none;
  cursor: pointer;
  height:calc(2.25rem + 2px);
  line-height: 40px;
}

.drop4 .select-wrapper::after {
  content: "\f017"; z-index:1;
  font: normal normal normal 14px/1 FontAwesome;
  font-weight: normal;
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  background-color: #d1d1d1;
  border-radius: 0 3px 3px 0;
  text-align: center;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  pointer-events: none;
  cursor: pointer;
  height:calc(2.25rem + 2px);
  line-height: 40px;
}

.drop5 .select-wrapper::after {
  content: "\f0fb"; z-index:1;
  font: normal normal normal 14px/1 FontAwesome;
  font-weight: normal;
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  background-color: #d1d1d1;
  border-radius: 0 3px 3px 0;
  text-align: center;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  pointer-events: none;
  cursor: pointer;
  height:calc(2.25rem + 2px);
  line-height: 40px;
}

.drop6 .select-wrapper::after {
  font: normal normal normal 14px/1 FontAwesome;
  font-weight: normal;
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  background-color: #d1d1d1;
  border-radius: 0 3px 3px 0;
  text-align: center;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  pointer-events: none;
  cursor: pointer;
  height:calc(2.25rem + 2px);
  line-height: 40px;
}

.split_sorting_tabs ul li span i { font-size:12px;}


#flights .form-row .flit-icon input[type="text"]{ padding:2px 8px 2px 20px;}
#flights .form-row .form-group .switch-innter {position: absolute; left: 92%; top: -1%;}
.hero-content{ text-align:center; position:relative;}
/*.form-row{ display:inline-block; padding:0px; width:100%;}*/
/* ----- multicity start ---- */

.custom-control-input {position: absolute; z-index: -1; opacity: 0;}
.mtb{ margin:1rem 0;}
.travellers-class{position: relative;}
.travellers-class-input {cursor: pointer;}
.travellers-class-input[readonly] {background: #fff;}
.travellers-class-input:hover{ cursor:pointer;}

.travellers-dropdown{position: absolute; display: none; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.176);
box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.176); z-index: 11; background: #fff; padding: 20px; 
border-radius: 4px; min-width: 300px; width: 98.6%; color:#333;}
.travellers-dropdown .qty .qty-spinner, .travellers-dropdown .qty .qty-spinner2 {background: none; border: none; pointer-events: none;
text-align: center; padding: .2rem .2rem;}
.travellers-dropdown .qty .btn {padding-top:.2rem; padding-bottom:.2rem; border-radius: 0.25rem !important;}

.input-group-prepend {margin-right: -1px;}
.input-group-append, .input-group-prepend {display: -ms-flexbox; display: flex;}

.travellers-dropdown2{position: absolute; display: none; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.176);
box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.176); z-index: 11; background: #fff; padding: 20px; 
border-radius: 4px; min-width: 300px; width: 98.6%; color:#333;}
.travellers-dropdown2 .qty .qty-spinner {background: none; border: none; pointer-events: none;
text-align: center; padding: .2rem .2rem;}
.travellers-dropdown2 .qty .btn {padding-top:.2rem; padding-bottom:.2rem; border-radius: 0.25rem !important;}



#all-search .nav > li > a{ padding:12px 13px;}
#all-search .page-search{ margin:0px 0 0px 0;}
.hadding-flight-new {z-index: 1; font-weight: bold; line-height: normal; margin: 20% auto 2% auto;
position:relative;  font-size: 60px; color: #fff; text-align:center;}
.my-2, .mt-2{ margin:5px 0;}
.center-marg{margin: 0% auto 9.5% auto; z-index:2;}
.center-marg2{margin: 0% auto 9.5% auto; z-index:2;}
.mb-sm-0, .my-sm-0 {margin-bottom: 0 !important;}

/* --- multicity end ----*/


#passinger-page .custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}
#passinger-page .custom-control-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem;
}

#passinger-page .d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}



#passinger-page .bg-light {background-color: #FFF !important; box-shadow: 0px 0px 50px -35px rgba(0, 0, 0, 0.4);}
#passinger-page .p-sm-4 {padding: 1.5rem !important;}
#passinger-page .rounded {border-radius: .25rem !important;}
#passinger-page .text-6 {font-size: 24px !important;}
#passinger-page .shadow {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;}
#passinger-page .card {position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column;
min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem;}
#passinger-page .card-header:first-child {border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;}
#passinger-page .card-header {padding: .75rem 1.25rem; color: inherit; background-color: rgba(0,0,0,.03); border-bottom: 1px solid rgba(0,0,0,.125); border-top: 0px solid rgba(0,0,0,.125);}
#passinger-page .card-footer {padding: .10rem 1.25rem; margin-bottom: 0; color: inherit; background-color: #d9edf7; border-bottom: 1px solid rgba(0,0,0,.125); border-top: 1px solid rgba(0,0,0,.125); border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;}
#passinger-page .card-body {-ms-flex: 1 1 auto; background:#fff; flex: 1 1 auto; padding: 1.25rem; display:inline-block; width:100%;  margin-bottom:15px;}
.redc {color: #dc3545;}
#passinger-page .card {word-wrap: break-word; margin-bottom:15px;}
.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

#passinger-page .badge-success {
  color: #fff;
  background-color: #6394F8;
}
#passinger-page .row {
  display: -ms-flexbox;
  display: flex; 
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
#passinger-page .col-sm-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
#passinger-page .text-sm-left {
  text-align: left !important;
}
#passinger-page .font-weight-bold {
  font-weight: 700 !important;
}

#passinger-page .text-8 {
  font-size: 32px !important;
  font-size: 2rem !important;
}
#passinger-page .text-black-50 {
  color: rgba(0,0,0,.5) !important;
}


#passinger-page .list-2 li{ font-size:13px; padding:0px; }

#passinger-page .select-wrapper {position: relative;}
#passinger-page .select-wrapper select, #passinger-page .select-wrapper input{ width:100%; font-size:12px; padding-left:8px;}
#passinger-page .select-wrapper select{ width:100%; background:transparent; border:1px solid #d3d1d1; margin-top:0px; color: #231360; font-size: 12px;}
#passinger-page .select-wrapper::after {content: "\f107"; font: normal normal normal 14px/1 FontAwesome;
position: absolute; top:1px; right: 3px; width: 28px; height: 36px; line-height: 36px; background-color: #f2f2f2; border-radius:0; text-align: center;
color: #333; font-size: 14px; font-weight: bold; pointer-events: none; cursor: pointer;}
#passinger-page .select-resize .select-wrapper{ width:33.3%; float:left; margin:0px; }

#passinger-page label{ font-size:13px; margin:0px; display:inline; padding:0px;}
#passinger-page #pillsmyTab li{background:transparent; padding:0px;}
#passinger-page .paymein-medth-chge{ border:0px;}
.n-popup-update .data_table1 th{ text-align:center;}
.n-popup-update .msg-box{ padding:0px;} 
.n-popup-update .content{ padding:10px 20px 10px 20px;}
.n-popup-update .header{ text-align:center; padding:10px 15px; background:#e9ecef; color:#333; position:relative;margin:0px;}
.n-popup-update .popup-footer{ padding:10px 15px; float:left; margin:0px; text-align:center; width:100%; background:#e9ecef; color:#333;}
.n-popup-update .header .close{ position:absolute; right:10px; top:7px; color:#333;}
.n-popup-update .main-box{ width:50%;}
.n-popup-update .description, .n-popup-update .description p{ text-align:center; font-size:13px; margin:10px 0px;}
.n-popup-update table tbody tr td{ line-height:20px;  padding:5px 0; vertical-align:middle; text-align:center;}
.n-popup-update table tbody tr{border-bottom:solid 1px #f2f2f2;}
.n-popup-update table tbody tr:last-child{ border:0px;}

#passinger-page .col-md-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
#passinger-page .order-sm-0 {
  -ms-flex-order: 0;
  order: 0;
}

#passinger-page .order-sm-1 {
  -ms-flex-order: 1;
  order: 1;
}
#popularRoutes .card { margin-bottom:5px;}

/* Easy Responsive Tab Accordion */
.resp-htabs ul.resp-tabs-list {
  margin: 0px;
  padding: 0px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  border-bottom: 1px solid #d7dee3;
}

.resp-tabs-list li {
  padding: .5rem 1rem !important;
  margin: 0;
  list-style: none;
  cursor: pointer;
}

h2.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none;
}

.resp-tab-content {
  display: none;
  padding: 15px 0 0 0;
}

.resp-tab-active {
  margin-bottom: -1px !important;
  border-bottom: 2px solid #4f9e34;
}

.resp-content-active, .resp-accordion-active {
  display: block;
}

h2.resp-accordion {
  font-size: 16px;
  color: #777;
  border: 1px solid #e4e9ec;
  border-top: 0px solid #e4e9ec;
  margin: 0px;
  padding: 1rem 1.25rem;
}
h2.resp-tab-active {
  border-bottom: 0px solid #e4e9ec !important;
  margin-bottom: 0px !important;
  padding: 1rem 1.25rem !important;
}
h2.resp-tab-title:last-child {
  border-bottom: 12px solid #e4e9ec !important;
  background: blue;
}

/* Easy Responsive Vertical tabs */
.resp-vtabs ul.resp-tabs-list {
  margin: 0;
  padding: 0;
}
.resp-vtabs .resp-tabs-list li {
  display: block;
  padding: 15px 15px !important;
  margin: 0;
  cursor: pointer;
  font-size: 16px;
  color: #999;
  border: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.resp-vtabs .resp-tabs-list li:hover {
  color: #555;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.resp-vtabs .resp-tabs-list li span {
  font-size: 20px;
  text-align: center;
  width: 30px;
  display: inline-block;
  float: left;
  margin-right: 15px;
}

h2.resp-accordion span {
  font-size: 20px;
  text-align: center;
  width: 30px;
  display: inline-block;
  float: left;
  margin-right: 15px;
}

.resp-vtabs .resp-tabs-container {
  padding: 0px;
}
.resp-vtabs .resp-tab-content {
  border: none;
}
.resp-vtabs li.resp-tab-active, .resp-vtabs li.resp-tab-active:hover {
  color: #0071cc;
  -webkit-box-shadow: -5px 0px 24px -18px rgba(0, 0, 0, 0.4);
  box-shadow: -5px 0px 24px -18px rgba(0, 0, 0, 0.4);
  border-radius: 4px 0px 0px 4px;
  background-color: #fff;
  position: relative;
  z-index: 1;
  margin-right: -1px !important;
  margin-bottom: 0px !important;
}

.resp-arrow {
  width: 0;
  height: 0;
  float: right;
  margin-top: 6px;
  border-color: #000;
  border-top: 1px solid;
  border-right: 1px solid;
  width: 9px;
  height: 9px;
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

h2.resp-tab-active {
  background: #f1f2f4 !important;
  color: #535b61;
}
h2.resp-tab-active i.resp-arrow {
  margin-top: 10px;
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* Accordion Styles */
.resp-easy-accordion h2.resp-accordion {
  display: block;
}
.resp-easy-accordion .resp-tab-content {
  border: 1px solid #e4e9ec;
}
.resp-easy-accordion .resp-tab-content:last-child {
  border-bottom: 1px solid #e4e9ec !important;
}

.resp-jfit {
  width: 100%;
  margin: 0px;
}

.resp-tab-content-active {
  display: block;
}

h2.resp-accordion:first-child {
  border-top: 1px solid #e4e9ec !important;
}


#horizontalTab .align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}

/*.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
*/ 
#side-right .text-5 {
  font-size: 21px !important;
}
#side-right .p-3 {
  padding: 1rem !important;
  /*margin-top: 10px;*/
  font-size: 30px;
  padding-left: 10px;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  
}
#side-right .list-unstyled {
  padding-left: 0;
  list-style: none;
}
#side-right .float-right {
  float: right !important;
}

#side-right .small, #side-right small {
  font-size: 80%;
  font-weight: 400;
}

#side-right .bg-light-4 {
  background-color: #eff0f2 !important;
}

#side-right .mb-2, #side-right .my-2 {
  margin-bottom: .5rem !important;
}
#side-right .font-weight-600 {
  font-weight: 600 !important;
}

#side-right .text-dark {
  color: #343a40 !important;
}

#side-right .mt-4, #side-right .my-4 {
  margin-top: 1.5rem !important;
}

#side-right .promo-code {
  max-height: 150px;
  padding-left: 30px;
}

#side-right .promo-code {
  border: 2px #4f9e34 solid;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  width: fit-content;
  padding: 6px;
  border-style: dashed;
  margin: 10px auto;
  color: #333; font-size:13px !important;}

#side-right .promo-code span{ font-size:16px !important;}
#popularRoutes table{font-size:12px; font-weight:normal; margin-bottom:5px;}

.bd-example ul{ list-style:disc; margin-left:15px;}
.bd-example ul li{ font-size:12px; font-weight:normal; line-height:25px; list-style:disc;}
.bottom-stripo{width:100%; display:inline-block;}
.bottom-stripo a{ font-size:13px; float:right;}
.color-icon{ font-size:13px; width:100%; color:#333; display:inline-block;}
.color-icon span{ color:#333;}
.color-icon i, .color-icon span i, .color-icon span{ margin:0px 4px 0px 0px; font-size:12px; color:#4f9e34; }
.color-icon i { padding:0px;}
.color-icon .mr-1{ margin-right:7px !important; float:left; display:inline-flex;}
.bg-none {display: table; width: 100%; border-radius:0px !important; border-bottom: solid 1px #5F77C2;}
.circle4{border: 1px solid #666 !important; border-radius: 50%; display: inline-block;
padding:5px !important; color:#666 !important; text-align: center; width:25px; height:25px;}
.border-top {border-top: 1px solid #dee2e6 !important;}
.border-bottom {border-bottom: 1px solid #dee2e6 !important;}
.border-right {border-right: 1px solid #dee2e6 !important;}
.justify-content-center { -ms-flex-pack: center !important; justify-content: center !important;}
#myGroup .card {overflow: hidden;}
/* view pares start*/
.table thead tr th{ font-size:14px;}
.table tbody tr td{font-size:13px;}

.table thead th{ vertical-align:middle; font-weight:normal;}
.table td, .table th{font-weight:normal; padding:10px; vertical-align:middle;}
.search-page1{ text-align:right !important;}
.search-page1 .table-bordered thead th, .search-page1 .table-bordered tbody th{ font-weight:bold; text-align:right; font-size:11px; font-weight:normal;}
.search-page1 .table-bordered thead th, .search-page1 .table-bordered th, .search-page1 .table-bordered{ 
text-align:right; font-size:11px; font-weight:normal; border:0px; color: #666;}
.search-page2{ margin-bottom:10px; text-align:center; color: #666; border:solid 5px #f2f2f2; border-radius:4px !important; overflow:hidden;}
.search-page2 .table-bordered thead th i{ font-size:18px; color: #666;}
.search-page2 .table-bordered tbody td i{ font-size:15px; color: #666;}
.search-page2 .table{ margin:0px;}
.colo-none{flex-direction:inherit !important;}
.colo-none2{flex-direction:inherit !important;}
.search-page2 .table-bordered tbody tr th, .search-page2 .table-bordered tbody tr td{text-align:center;}

.search-page3{ text-align:center; color: #666;}
.search-page3 .table-bordered thead th, .search-page3 .table-bordered th, .search-page3 .table-bordered{ border:0px; color: #666;}
.search-page4{ text-align:center; color: #666;}
.search-page4 .table-bordered thead th, .search-page4 .table-bordered th, .search-page4 .table-bordered{ border:0px; color: #666;}
.large-box{max-width:1000px;}
.circle{border: 1px solid #666; border-radius: 50%; display: inline-block;
padding:5px 8px; color: #666; text-align: center;}
.circle2{border: 1px solid #4acf90; border-radius: 50%; display: inline-block;
padding:5px; color:#4acf90 !important; text-align: center;}
.circle3{border: 1px solid #666; border-radius: 50%; display: inline-block;
padding:5px; color:#666 !important; text-align: center;}

.bg6{ background:#304893;}
.btn-primary-green {
  background-color: #304893;
  border-color: #304893;
  color: #fff;
}

#passinger-page .table-bordered thead:first-child {
  background: #fffad4; background:transparent;
  color: #333;
}

#passinger-page .flight-details{ display:block;}
#pillsmyTab .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{ color:#fff;}
#pillsmyTab .nav-item a{ padding:0px; background:transparent;}
#pillsmyTab .active{ background:#304893 !important; color:#fff; border-radius:4px; float:left;}
#pillsmyTab .active a{ color:#fff;}
#pillsmyTab li{background:transparent; float:left;}


.bg6 #pillsmyTab .nav-link{ border-radius:0px !important;}
.bg6 #pillsmyTab li{ margin-right:5px; padding:0px; background:transparent;}
.bg6 #pillsmyTab .active{position:relative; border-bottom:2px solid #fff;}	
.bg6 #pillsmyTab .active a{color:#fff;}
.bg6 #pillsmyTab .active:after{left: 50%;
    border: 5px solid #fff;
        border-right-color: rgb(255, 255, 255);
        border-bottom-color: rgb(255, 255, 255);
        border-left-color: rgb(255, 255, 255);
    content: '';
    position: absolute;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -11px;
transform: translateX(-50%);}
.flight-details2 #myTab{ border-radius:0px;}
.bg6 #pillsmyTab .active{ background:#304893 !important; color:#fff; padding:0px !important; border-radius:0px;}
.bg6 #pillsmyTab li a{ color:#6394F8;}
.no-gutters { margin-right: 0 !important; margin-left: 0 !important;}
.bg-light-4 {background-color: #eff0f2 !important;}
.bg-light-3 {background-color: #f5f5f5 !important;}
.line-height-3 {
  line-height: 1.4 !important;
}
.confirm-details .company-info img {
  min-width: 30px;
  max-width: 30px; 
  height:30px; border-radius:100%;
}

.flight-list .flight-item, .train-list .train-item, .bus-list .bus-item {
  position: relative;
  border-bottom: 1px solid #e9e9e9; padding:0px;
}
.confirm-details .company-info {
  line-height: 15px;
}
.flight-details2{ padding-top:15px;}
.icon-plan{position:relative;}
.icon-plan:before{content:''; top:-5px; right:-27px;  background-image:url(../images/plane.png); z-index:1; position:absolute; width:50px; height:50px;}
.icon-plan2{position:relative;}
.icon-plan2:before{content:''; top:-5px; right:-33px;  background-image:url(../images/plane.png); z-index:1; position:absolute; width:50px; height:50px;}
.icon-plan3{position:relative;}
.icon-plan3:before{content:''; top:-6px; right:-58px;  background-image:url(http://b2e.traversia.net/Images/plane.png); z-index:1; position:absolute; width:50px; height:50px;}
.icon-plan3{position:relative;}
.icon-plan3:before{content:''; top:5px; right:-8px;  background-image:url(../images/plane.png); z-index:1; position:absolute; width:50px; height:50px;}

.icon-plan4{position:relative;}
.icon-plan4:before{content:''; top:-6px; right:-58px;  background-image:url(http://b2e.traversia.net/Images/plane.png); z-index:1; position:absolute; width:50px; height:50px;}


.bg3{
      border:dotted 2px #304893;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border-radius: 10px;
	  padding:12px 0; color:#333;
    }
.btn-red1{border-radius:4px; margin-left:10px;}
.badge-danger2 {
  color: #fff;
  background-color: #333;
}
.btn-bg{background:#DBA514 !important; margin-left:10px;}
.list-group-item{ padding:0px 15px;}
.list-group{ margin:0px;}


.flight-search {
  width: auto;
  padding: 0px 7px;
  border-radius: 15px;
  background: #2e81cf; color:#fff;
}
.flight-search2 {
  width: auto;
  padding: 0px 7px;
  border-radius: 4px;
  background: #304893; color:#fff;
}

.full-width {
  width: 100%;
  margin: 15px 15px;
  box-sizing: content-box; border-top: 1px solid rgba(0,0,0,.1);
}

.full-width2 {
  width: 100%;
  margin: 15px 0px;
  box-sizing: content-box; border-top: 1px solid rgba(0,0,0,.1); float:left;
}

.bg6 #pillsmyTab .nav-link, .manage ul li{ background:transparent !important; font-size:12px !important; text-align:center; padding:0px;}
.icon-plan2::before{right:-12px;}
.bg6 #pillsmyTab .nav-link.active{ text-align:center;}
}


.manage ul .emulate ul{ padding:0px; padding:0px; list-style:none; } 
.manage ul .emulate ul li { display:inline-block; width:100%; border-bottom:solid 1px #f2f2f2;}
.manage ul .emulate ul li a{padding:3px 10px; font-size:13px;  color:#333;}
.table-responsive{overflow:visible;}

.manage-header{font-size:12px; text-align:center; display:table; width:100%;}
.manage-header ul{width:100%; padding:0px; display:table; margin:0px;}
.manage-header ul li {list-style: none; color:#fff; width:33.333%; display: table-cell; position: relative;}
.manage-header ul li:first-child{ text-align:left;}
.manage-header ul li:last-child{ text-align:left;}

.manage{border-bottom:1px solid #fff; text-align:center; font-size:12px;  display:table; width:100%; padding:5px 0px;}
.manage ul{width:100%; display:table; margin:0px; padding:0px;}
.manage ul li {list-style: none; color:#fff; line-height:20px; width:33.333%; display: table-cell; position: relative;}
.manage ul li:first-child{ text-align:left;}
.manage ul li:last-child{ text-align:right;}

.fares {text-align:center; font-size:12px;  display:table; width:100%; padding:5px 0px;}
.fares  ul{width:100%; display:table; margin:0px; padding:0px;}
.fares  ul li {list-style: none; color:#333; font-size:11px; vertical-align:top; width:33.333%; display: table-cell; text-align:left; position: relative;}
.fares  ul li:first-child{ text-align:left;}
.fares  ul li:last-child{ text-align:left;}
#moreText{ display:none;}

.manage-footer{border-bottom:1px solid #fff; text-align:center; font-size:12px;  display:table; width:100%; padding:5px 0px;}
.manage-footer ul{width:100%; display:table; margin:0px; padding:0px;}
.manage-footer ul li {list-style: none; color:#fff; width:33.333%; display: table-cell; position: relative;}
.manage-footer ul li:first-child{ text-align:left;}
.manage-footer ul li:last-child{ text-align:right;}


#passinger-page .form-group{ margin:0px;}

.bg-b{ background:#d9edf7 !important;}
.bg-b2{ background:#304893 !important;}
.text-3 {font-size: 14px !important;}

.tab {display: none;}
.tab.active {display: block;}
.w-100{ width:100%;}
.brand-logo{width:25px;}

body{ color:#000; font-size:14px;}
#flight-seat .modal-lg{ width:1024px;}
.line-height-0{ line-height:normal !important;}
.custom-control-inline2{display: -ms-inline-flexbox; display: inline; padding:0px;  margin-right: 1rem;} 


#passinger-page .tabs .custom-control-inline{padding:5px 10px; background:#f2f2f2; margin-right: 0px;}
#passinger-page .tabs .tab-btns .active{ border-bottom:solid 2px #304893; background:#d9edf7; padding:5px 10px;}
#passinger-page .tabs .tab-btns:hover{ cursor:pointer;}
#passinger-page .tabs .form-row{ border-bottom:0px;}
#passinger-page .tab-btns{ background:#f2f2f2;}
#passinger-page #side-right .right-input{ font-size:13px;}

#passinger-page .accordion.accordion-alternate.popularRoutes .card-header h5 {cursor: pointer; font-size:16px; color:#333;}
#passinger-page .accordion.accordion-alternate.popularRoutes .card-header h5:before {position: absolute; content: " ";
right: 15px; top: 17px; width: 10px; height: 10px; opacity: 0.6; border-top: 2px solid;
border-right: 2px solid; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg);
-webkit-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
#passinger-page .accordion.accordion-alternate.popularRoutes .card-header h5.collapsed:before {
top: 20px; -webkit-transform: translate(-50%, -50%) rotate(135deg); transform: translate(-50%, -50%) rotate(135deg);}
#seatmap .modal-content.seatmap-col-wrap .nav-tabs{ width:auto;}
#flight-modify .page-search1 .tab-content{ border:0px !important; box-shadow:none; display:inline-block;}


.auto-width0{ display:flex !important;}  
.auto-width1{flex:1 1 15% !important; width:auto !important; max-width:initial !important;}

@media screen and (max-width: 600px) and (min-width: 320px) {
	
#bookingFlight .form-row .col-lg-8{ text-align:left;}
#bookingFlight .custom-control-label{ font-size:12px !important; padding:0px;}
#bookingFlight .custom-control{ margin-right:0px;}
#bookingFlight .tab-content{ padding:13px;}
#flights .form-row .form-group{ padding:0px; margin-top:10px;}
#bookingFlight .form-row .form-control{ width:95%;}
#bookingFlight .icon-inside{ display:none;}
#flights .form-row .form-group .switch-innter{ left:92%; }
#bookingFlight .form-row{ text-align:left;}

.d-lg-none {display:block!important;}
#myGroup .card{overflow:visible;}
.text-md-left {text-align:center !important;}
.color-icon .mr-1{ float:none;}
.color-icon .mr-1{ margin:5px 0 !important;}	
.footer-strip{ display:none;}
.prisse-btn{ display:block; }
.arrow-btn2{ position:relative;}
#toggle{ position:absolute; right:70px; bottom:12px;}
.scroll2 {width: 330px; overflow-x: hidden; display:block ruby; position:relative;}
.page-link{font-size:10px;}
.color-icon i, .color-icon span i, .color-icon span{ font-size:10px; margin: 0px 2px 0px 0px;}
.circle4{ width:20px; height:20px;}
.m-new{ padding:0 10px;}
.no-wrap{display:flex;}
.custom-checkbox .float-right{float:right !important;}
#passinger-page .btn-primary-green, #passinger-page .btn-primary{ font-size:12px !important;}
.d-none {display: none !important;}
.search-page2 {display: none;}
.text-0 {font-size: 11px !important;}
.m-text {font-size: 12px !important;}
#passinger-page .flight-item{ margin-bottom:0pc;}
#passinger-page input[type="text"]{ width:100%;}
#passinger-page .form-control #passinger-page .custom-select{ margin-bottm:15px;}
#passinger-page .form-row{ margin:0px;}
#passinger-page .form-group{ margin-bottom:10px;}
.resp-tab-content{padding:0px;}
.resp-tabs-list li{ font-size:11px;}
.resp-tabs-list li{ padding:5px 3px !important;}
.flight-search {font-size: 9px !important; text-align: center; margin-bottom:10px;}
.colo-none{flex-direction:inherit !important;}
.colo-none2{flex-direction:column !important;}
#viewf .colo-none .search-page1 .table-bordered tbody tr th, 
#viewf .colo-none .search-page4 .table-bordered tbody tr th, 
#viewf .colo-none .search-page3 .table-bordered tbody tr th{ vertical-align:bottom; height:67px;}
.table-mobile td{ height:auto !important; text-align:left;}
.confirm-details .company-info{ text-align:center !important;}
.icon-plan::before{top:-46px; right:10px;}
#bookingFlight .form-row{ padding:0px;}
#bookingFlight .form-row .col-md-6, #bookingFlight .form-row .col-xs-6, #bookingFlight .form-row .col-xs-12{ margin-bottom:5px;}
#bookingFlight .form-row .form-control{ width:100%;}
#bookingFlight .qty-spinner, #bookingFlight .qty-spinner2{ width:76% !important;}
.navbar-default .navbar-nav > li > a:hover{ background-color:#fff !important;}
.mt-4, .my-4{margin-top:0px !important;}
.btnRemoveSec{ margin-top:15px;}
#bookingFlight .btn-success{ }
.icon-plan4::before{ top:34px; right:0px;}
.refundable-block .col-c{text-align:center;}
.n-popup-update .main-box{width:95%;}
.col-gry{font-size:13px;}
.center-marg{ margin:7px 0;}
.auto-width0{ display:block !important;}
#Multicityblock .auto-width1 .switch-innter span{ display:none;}
#nonMulticityblock .auto-width0 .switch-innter span{ display:none;}
}
.text-algin2{ text-align:right; vertical-align:top !important;}
.text-algin3{ text-align:left; vertical-align:top !important;}


.bgreadyonly{background-color:#fff !important;}
.wraptext{ word-wrap: break-word; text-align:left !important; white-space:break-spaces;}
#bookingFlight .font-small{ color:#333; font-size:14px;}
.hadding{ font-size:17px; text-align:left; color:#304893; text-transform:uppercase; border-bottom:1px solid #D4D4D4; font-weight:600; margin-bottom:10px; padding-bottom:5px;}
#bookingFlight #nav-tab a{ float:left; padding:3px 15px;}
#bookingFlight #nav-tab{ margin:10px 0;}
