section.inner_banner {
    background: #fff;
    width: 100%;
    height: 100%;
    padding: 20px 0;
    position: relative;
    z-index: 5
}

.flModifyNonStop {
    margin-top: 10px;
}

.SearchBoxMain {
    background: #FFF;
    border-radius: 5px;
    width: 100%;
    display: flex;
    justify-content: center
}

.modifyBox.SearchBoxMain {
    margin-top: 20px;
    background: #FFF;
    border-radius: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 15px;
}
.Flight_SrchBox {
    width: 100%
}

.flight_tabs_wrpr {
    margin-top: 0;
    margin-bottom: 15px
}

.flight_tabs li a {
    padding: 6px 22px;
    line-height: 18px;
    transition: all .3s;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #000
}

.flight_tabs li a:hover {
    color: #6ecff6
}

.flight_tabs li a:before {
    border-radius: 50%;
    background: #fff;
    border: 2px solid #b6b6b6;
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
}
.flight_tabs li a.active:before {
    border-radius: 50%;
    content: "";
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
    background: #fff;
    border: 2px solid #6ecff6;
}
.flight_tabs li a.active:after {
    border-radius: 50%;
    background-color: #6ecff6;
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 66%;
    margin-top: -8px;
}

.SrchArea {
    width: 100%
}

.FlightArea {
    width: 100%
}

.HotelArea {
    width: 100%
}

.Insurance_SrchBox {
    width: 100%;
    padding-top: 15px
}

.Hotel_SrchBox {
    width: 100%;
    padding-top: 15px
}

.roundTrip {
    width: 100%;
    display: flex
}

.Search_Lft {
    width: 88%
}

.Search_Rht {
    width: 12%
}

.Search_LftOur {
    width: 100%
}

.FilghtClass {
    width: 100%;
    border: solid #ccc 1px;
    min-height: 70px;
    display: flex;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.FilghtClassMulty {
    width: 100%;
    border: solid #ccc 1px;
    border-bottom: 0;
    min-height: 70px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.hm_col_01 {
    width: 22%;
    position: relative
}

.hm_col_02 {
    width: 18%;
    position: relative
}

.hm_col_03 {
    width: 20%;
    position: relative
}

.MultiCityRepeat {
    display: flex;
    border-bottom: solid #ccc 1px;
    min-height: 70px
}

.FmulticityBtn {
    align-items: center;
    height: 100%;
    padding-left: 10px
}

.searchBtn {
    padding: 0 !important;
    width: 100%;
    font-family: 'Roboto-Bold';
    font-size: 17px;
    min-height: 70px;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.hmsrchIcon {
    content: '';
    background: url(../images/hm_srch.svg);
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 2px
}

.disable {
    opacity: .5;
    pointer-events: none
}

.Search_LftOur label {
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    margin: 0;
    height: 100%;
    justify-content: center
}

.Search_LftOur label input {
    border: 0;
    font-size: 16px;
    font-family: 'Roboto-Bold';
    color: #000;
    width: 100%;
    height: 30px;
    line-height: 35px;
    align-items: center;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.Search_LftOur label input::placeholder {
    color: #000
}

.Search_LftOur label span.AirpCity {
    font-size: 14px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.Search_LftOur label span.Frm {
    font-size: 14px;
    color: #000;
    text-transform: uppercase
}

.Search_LftOur .daysformay {
    border: 0;
    font-size: 14px;
    font-family: 'Roboto-Bold';
    color: #000;
    width: 100%;
    height: 30px;
    line-height: 35px;
    margin: 0;
    padding: 0
}

.Search_LftOur .daysformay span:first-child {
    padding: 0;
    font-family: 'Roboto-Bold';
}

.Search_LftOur .daysformay span:last-child {
    padding: 0 4px;
    ;
    font-family: 'Roboto-Bold';
}

.fld_bdr_right {
    border-right: solid #ccc 1px
}

.psngerBox {
    margin-top: 15px;
    position: absolute;
    z-index: 9;
    background: #fff;
    left: 0;
    top: 100%;
    padding: 20px;
    width: 255px;
    color: #000;
    box-shadow: 0 3px 7px #00000057;
    border: solid #ccc 1px;
    border-radius: 10px
}

.psngerBox .travelclose {
    color: #FFF;
    padding: 0;
    margin: 0;
    background-image: url(../images/close.svg);
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    opacity: 1;
    font-size: 25px;
    font-weight: 400;
    background-size: contain;
    border: none
}

.psngerBox .close {
    color: #FFF;
    padding: 0;
    margin: 0;
    background-image: url(../images/close.svg);
    position: absolute;
    right: 10px;
    top: 5px;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    opacity: 1;
    font-size: 25px;
    font-weight: 400;
    background-size: contain;
    border: none
}

.trvelrsList h4 {
    font-size: 16px;
    color: #000;
    margin: 0 0 5px;
    font-family: 'Roboto-Bold';
}

.trvelrsList .traveller_rows {
    padding: 10px 0;
    border-bottom: solid 1px #ccc;
    align-items: center
}

.trvelrsList .travelersLHalf p {
    font-size: 14px;
    text-transform: capitalize;
    margin: 0;
    line-height: 18px
}

.trvelrsList .travelersLHalf p span {
    font-size: 12px;
    opacity: .8
}

.plus-minus-button {
    width: 25px;
    height: 25px;
    color: #fff;
    padding: 0;
    background: #414c59;
    margin: 0;
    font-size: 18px;
    line-height: 17px;
    border: none
}

.trvelrsList .psnrs_travel {
    width: 30px;
    height: 25px;
    text-align: center;
    line-height: 25px
}

.passengerBox-cabin {
    margin-top: 10px
}

.passengerBox-cabin select.cabinSelect {
    width: 100%;
    height: 45px;
    border: solid 1px #ccc;
    margin-bottom: 10px;
    border-radius: 5px;
    padding-left: 10px;
    background-image: url(../images/downArrow.svg);
    box-shadow: none !important;
    outline: 0 !important;
    background-position: 95%;
    background-size: 7px;
    background-repeat: no-repeat
}

.psngr_applyBox {
    padding-top: 10px
}

.psngr_applyBox button {
    background: #6ecff6;
    text-align: center;
    color: #FFF;
    border-radius: 5px;
    border: none
}

.hm_colum_01 {
    width: 20%
}

.FmulticityBtn button {
    min-width: 40px;
    height: 40px;
    width: 40px;
    background: #fff;
    border: solid 2px var(--lightBlue);
    margin-right: 5px;
    color: var(--darkBlue)
}

.FmulticityBtn button i {
    font-style: normal
}

.airlineMetrix {
    padding: 0;
    margin-bottom: 25px
}
.airlineMetrix .rec-carousel {
    height: 96px !important;
}
.rec.rec-carousel-item.rec-carousel-item-5.rec-carousel-item-visible .metrixBox:last-child {
   /* border-right: 0;*/
}

.metrix_carrousel {
    width: 100%
}

.metrixBox {
    width: 100%;
    position: relative;
    padding: 5px 20px;
    background-color: #fff;
    height: 85px;
    border-right: 1px solid #ccc;
}

.metrixBox img {
    max-width: 105px;
	height:40px;
}

.metrixBox p {
    font-size: 14px;
    margin: 0;
    color: #000
}

.metrixBox p span {
    padding: 0 2px
}

.selectAir {
    border: 2px solid #6ecff6
}

.airlineMetrix .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -50px;
    top: 20px;
    width: 40px;
    height: 40px;
    background: #6ecff6;
    border-radius: 50%;
    text-indent: 999px;
    overflow: hidden;
    text-align: center
}

.airlineMetrix .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    left: 100.5%;
    top: 20px;
    width: 40px;
    height: 40px;
    background: #6ecff6;
    border-radius: 50%;
    text-indent: 999px;
    overflow: hidden
}

.airlineMertix_nxtIcon {
    background: url(../images/metrix_rhtarrow.svg) no-repeat;
    display: block;
    width: 15px;
    height: 15px;
    background-size: cover;
    margin-left: 14px
}

.airlineMertix_prvIcon {
    background: url(../images/metrix_lftarrow.svg) no-repeat;
    display: block;
    width: 15px;
    height: 15px;
    background-size: cover;
    margin-left: 12px
}

.Col_Result {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.FilterSort_col_Main {
    position: relative;
    margin: 0 0 25px
}

.FilterSort_col_l {
    flex: 0 0 25%;
    max-width: 25%
}

.FilterIcon {
    background: url(../images/filter_icon.svg) center;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: cover;
    margin-left: 8px
}

.Sortbtn {
    padding: 5px 35px;
    text-transform: capitalize;
    margin-right: 0;
    font-family: 'Roboto-Bold';
    box-shadow: 0 0 0 0 #e20000 0 0 6px 2px #e20000;
    height: 45px !important
}

.Sortbtn:hover {
    color: #FFF
}

.FSort_dropdown {
    position: relative
}

.FSort_dropdown_menu {
    margin-top: 10px;
    position: absolute;
    z-index: 8;
    background: #414c59;
    left: 0;
    top: 100%;
    padding: 15px;
    width: 225px;
    color: #2e3738;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0 5px #0000004f
}

.FSort_dropdown_menu::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #414c59;
    border-image: none;
    border-style: solid;
    border-width: 8px;
    bottom: 100%;
    content: " ";
    height: 0;
    left: 35%;
    margin-left: -8px;
    pointer-events: none;
    position: absolute;
    width: 0
}

.FSort ul li {
    margin: 0;
    padding: 8px 0;
    color: #FFF;
    font-size: 14px;
    border-bottom: solid #fff 1px
}

.FSort ul li:last-child {
    border: 0;
    padding-bottom: 0
}

.SortUpBtn {
    border: none;
    border-radius: 50%;
    background: #fff;
    width: 30px;
    height: 30px;
    padding: 0;
    opacity: 1
}

.SortUpBtn:hover {
    opacity: .9
}

.SortUpBtn.active {
    opacity: .9
}

span.sort_round {
    background: #fff;
    border-radius: 50%;
    margin-right: 10px;
    width: 35px;
    height: 35px;
    text-align: center
}

.SortDownBtn {
    border: none;
    border-radius: 50%;
    background: #fff;
    width: 30px;
    height: 30px;
    margin-left: 5px;
    padding: 0;
    opacity: 1
}

.SortDownBtn:hover {
    opacity: .9
}

.SortDownBtn.active {
    border: solid 1px #FFF;
    background: #6ecff6
}

.SortUp {
    background: url(../images/sortDrop_up.svg) center;
    display: inline-block;
    width: 10px;
    height: 10px;
    background-size: cover
}

.active .SortUp {
    background: url(../images/sort_up.svg) center;
    display: inline-block;
    width: 10px;
    height: 10px;
    background-size: cover
}

.SortDown {
    background: url(../images/sortDrop_down.svg) center;
    display: inline-block;
    width: 10px;
    height: 10px;
    background-size: cover
}

.active .SortDown {
    background: url(../images/sort_down.svg) center;
    display: inline-block;
    width: 10px;
    height: 10px;
    background-size: cover
}

.SortUpBtn.active {
    border: solid 1px #FFF;
    background: #6ecff6
}

.SortUpHead {
    background: url(../images/sort_up.svg) center;
    display: inline-block;
    width: 13px;
    height: 13px;
    background-size: cover;
    margin-left: 5px
}

.SortDownHead {
    background: url(../images/sort_down.svg) center;
    display: inline-block;
    width: 13px;
    height: 13px;
    background-size: contain;
    margin-left: 5px;
    margin-top: 2px
}

.FilterSort_col_R {
    flex: 0 0 75%;
    max-width: 75%
}

.Fl_ChepestList ul li {
    width: 33%;
    color: #000;
    border-right: 1px solid #fff
}

.Fl_ChepestList ul li a {
    color: #000;
    font-size: 15px;
    padding: 5px
}

.Fl_ChepestList ul li span:last-child {
    padding-left: 3px;
    /* font-family: 'Roboto-Bold'; */
}

.Fl_ChepestIcon {
    background: url(../images/cheapest_fl_icon.svg) center;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: cover;
    margin-right: 0;
    background-position: center;
    margin-top: 6px
}

.Fl_FastestIcon {
    background: url(../images/fastest_flIcon.svg) center;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: cover;
    margin-right: 0;
    background-position: center;
    margin-top: 5px
}

.Fl_BestIcon {
    background: url(../images/bestValue_flicon.svg) center;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: cover;
    margin-right: 0;
    background-position: center;
    margin-top: 6px
}

.Fl_ChepestList ul li.active .Fl_ChepestIcon {
    background: url(../images/cheapest_fl_iconActive.svg) center;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: cover;
    margin-right: 0;
    background-position: center;
    margin-top: 6px
}

.Fl_ChepestList ul li.active .Fl_FastestIcon {
    background: url(../images/fastest_flIconActive.svg) center;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: cover;
    margin-right: 0;
    background-position: center;
    margin-top: 5px;
}

.Fl_ChepestList ul li.active .Fl_BestIcon {
    background: url(../images/bestValue_fliconActive.svg) center;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: cover;
    margin-right: 0;
    background-position: center;
    margin-top: 6px
}

.Fl_AllIcon {
    background: url(../images/fl_all_icon.svg) center;
    display: inline-block;
    width: 25px;
    height: 20px;
    background-size: cover;
    margin-right: 4px
}

.Fl_ChepestList ul li:nth-child(1) {
    background: #cfd0d2;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.Fl_ChepestList ul li:nth-child(2) {
    background: #cfd0d2
}

.Fl_ChepestList ul li:nth-child(3) {
    background: #cfd0d2;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-right: none
}

.Fl_ChepestList ul li:hover {
    background: #6ecff6;
    transition: .3s
}

.Fl_ChepestList ul li.active {
    background: #6ecff6;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    transition: .3s
}

.Fl_ChepestList ul li:nth-child(2).active {
    background: #6ecff6;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    transition: .3s
}

.Fl_ChepestList ul li:nth-child(3).active {
    background: #6ecff6;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    transition: .3s
}

.Fl_ChepestList ul li.active a {
    color: #fff
}

.Fl_ChepestList ul li:hover a {
    color: #fff
}

.dimBox {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    left: 0;
    top: 0;
    z-index: 9
}

.FilternoScroll {
    overflow: hidden
}

.Filterbox {
    border-bottom: 1px solid #ccc;
    margin-bottom: 25px;
    padding: 0 15px;
    color: #666
}

.Filter h2 {
    font-size: 16px;
    margin: 0;
    color: #009ddc;
    font-family: 'Roboto-Bold';
}

.Filter_Head p {
    font-size: 13px
}

.Filter2Icon {
    background: url(../images/filter2_icon.svg) center;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: cover;
    margin-right: 5px
}

.filterClose {
    position: absolute;
    top: 12px;
    right:5px;
    cursor: pointer;
    color: #fff;
    background: #6ecff6;
    width: 22px;
    height: 22px;
    line-height: 10px;
    border-radius: 50%;
    padding: 6px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    z-index: 99999999;
    display: none;
}

.filterClose i {
    font-style: normal
}

.Filterhead {
    margin-bottom: 16px
}

.FilterTitle {
    font-size: 14px;
    font-family: 'Roboto-Bold';
    cursor: pointer;
    width: 100%;
    line-height: 22px;
    color: #009ddc
}

.FilterClear {
    font-size: 12px
}

.FilterTitle span {
    width: 20px;
    height: 20px;
    border-radius:5px;
    transition: 300ms ease all;
    background: #6ecff6;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px
}

.FilterContent {
    padding-bottom: 25px;
    font-size: 14px;
    font-weight: 500;
    color: #000
}

.range_ui_block {
    padding-right: 26px;
    height: 8px;
    border: solid #6ecff6 1px;
    border-radius: 5px
}

.ui-slider-horizontal .ui-slider-handle {
    top: -10px;
    background: #6ecff6;
    width: 25px;
    height: 25px;
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    outline: 0;
    border: none !important
}

.ui-slider-handle span {
    display: block;
    height: 2px;
    width: 9px;
    background: #4d646d;
    margin-bottom: 1px
}

.slider-range .ui-slider-handle:first-of-type {
    margin-left: -5px
}

.slider-range .ui-slider-handle:last-of-type {
    margin-right: -2px
}

.slider-range {
    margin-right: -10px
}

.ui-slider-horizontal .ui-slider-range {
    background: #6ecff6;
    height: 4px
}

.filter_box .Filterbox:last-of-type {
    border-bottom: 0;
    margin-bottom: 0
}

.filter_box .filterbox:last-of-type .FilterContent {
    padding-bottom: 0
}

.FilterTitle.closed span {
    transform: rotate(90deg)
}

.FilterTabs {
    margin-bottom: 22px
}

.FilterTabs li {
    display: inline-block;
    margin-right: 20px
}

.FilterTabs li a.active {
    border-bottom: 1.5px solid #6ecff6;
    color: #6ecff6
}

.FilterTabs li a {
    color: #3d454e;
    padding: 3px 0 6px;
    border-bottom: 1.5px solid #fff
}

.departArrivTimeFiltr p {
    margin-bottom: 10px;
    font-size: 14px
}

.priceFilterVlaue {
    margin-bottom: 10px
}

.priceFilterVlaue p {
    margin-bottom: 5px;
    font-size: 14px
}

.priceFilterVlaue p span {
    padding-left: 4px
}

.departArrivTimeFiltr {
    margin-bottom: 25px
}

.stopsDuration input[type="checkbox"]+label {
    padding-left: 0 !important
}

.stopsDuration ul li {
    position: relative;
    text-align: center;
    margin-right: 7px;
    flex-grow: 1;
    max-width: 20%
}

.stopsDuration ul li:last-child {
    margin: 0
}

.stopsDuration input[type="checkbox"]+label {
    border: 1px solid #b4b4b4;
    font-size: 12px;
    cursor: pointer;
    padding: 0;
    border-radius: 5px;
    width: 43px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center
}

.stopsDuration input[type="checkbox"]+label:before {
    display: none
}

.stopsDuration input[type="checkbox"]+label span.stopsIcon {
    text-align: center;
    background: none;
    color: #7f7f7f;
    font-size: 16px;
    width: 100%;
    padding: 3px;
    height: 53px;
    display: flex;
    justify-content: center;
    align-items: center
}

.stopsDuration input[type="checkbox"]+label span {
    text-align: center;
    font-size: 12px;
    width: 100%;
    display: block;
    padding: 10px
}

.stopsDuration input[type="checkbox"]:checked+label,
.stopsDuration li.filt_active input[type="checkbox"]+label {
    border: 1px solid #6ecff6;
    color: #6ecff6
}

.stopsDuration input[type="checkbox"]:checked+label span.stopsIcon {
    color: #e7e8eb
}

.stopsIcon .icon-nonstop {
    background: url(../images/result_oneStopsIco.svg) no-repeat center;
    display: inline-block;
    width: 50px;
    height: 10px;
    background-size: contain
}

.stopsIcon .icon-onestop {
    background: url(../images/result_twoStopIco.svg) no-repeat center;
    display: inline-block;
    width: 50px;
    height: 15px;
    background-size: contain
}

.stopsIcon .icon-multistop {
    background: url(../images/result_multiStopIco.svg) no-repeat center;
    display: inline-block;
    width: 50px;
    height: 15px;
    background-size: contain
}

.fareType li {
    margin-bottom: 15px
}

.fareType ul li:last-child {
    margin-bottom: 0
}

.operatedBy label img {
    width: 75px;
    margin-right: 7px
}

.operatedBy label {
    display: flex;
    align-items: center;
    font-size: 13px;
    margin-bottom: 12px !important
}

.operatedBy li {
    margin-bottom: 0
}

.operatedBy li:last-child {
    margin-bottom: 0
}

.filter__Col input[type="checkbox"],
input[type="radio"] {
    display: none
}

.filter__Col input[type="checkbox"]+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
	text-transform: capitalize;
}

.filter__Col input[type="checkbox"]+label::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    border: 1px solid #ccc;
    border-radius: 5px;
    left: 0;
    line-height: 18px
}

.filter__Col input[type="checkbox"]:checked+label::before {
    content: '\ ';
    width: 20px;
    height: 20px;
    position: absolute;
    background: #6ecff6 url(../images/checktick.svg) no-repeat center;
    background-size: 70%;
    text-align: center;
    font-size: 10px;
    color: #fff;
    border: 1px solid #000
}

.filter__Col .icon-rightarrow {
    background: url(../images/sort_down.svg) center;
    display: inline-block;
    width: 10px;
    height: 10px;
    background-size: cover
}
i.icon-rightarrow.flUpArrow {
    transform: rotate(180deg);
}
.Filter_Head {
    border-bottom: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 20px;
    position: relative;
    color: #000000
}

.fil_reset a {
    border-radius: 5px;
    display: inline-block;
    padding: 3px 15px;
    position: absolute;
    top: 14px;
    right: 10px;
    color: #fff;
    font-size: 12px;
    background: #6ecff6;
}

.ui-slider-horizontal .ui-slider-range {
    background: #6ecff6 !important;
    height: 6px !important
}

p.slide_val {
    font-size: 13px
}

.filter_clear {
    color: #b4b4bb;
    font-size: 12px
}

.filter_clear a {
    color: #adb1b3;
    font-size: 12px
}

.layovertime ul li {
    position: relative;
    text-align: center;
    margin-right: 7px;
    flex-grow: 1;
    width: 25%
}

.layovertime input[type="checkbox"]+label span {
    text-align: center;
    font-size: 11px;
    width: 100%;
    display: block;
    padding: 7px 5px
}

.layovertime input[type="checkbox"]+label {
    border: 1px solid #414c59;
    font-size: 12px;
    width: 100%;
    cursor: pointer;
    padding: 0;
    border-radius: 10px
}

.layovertime input[type="checkbox"]+label::before {
    display: none
}

.layovertime input[type="checkbox"]:checked+label,
.layovertime li.filt_active input[type="checkbox"]+label {
    border: 1px solid #009ddc;
    color: #009ddc
}

.DepartTime ul {
    border: 1px solid #cccccc;
    border-radius: 5px
}

.DepartTime ul li {
    position: relative;
    text-align: center;
    flex-grow: 1;
    border-right: 1px solid #cccccc;
    padding: 5px 0;
    margin-right: 0;
    margin-bottom: 0px;
}

.DepartTime ul li:last-child {
    border: none
}

.DepartTime input[type="checkbox"]+label span {
    text-align: center;
    font-size: 12px;
    width: 100%;
    display: block;
    padding: 2px 0;
}

.DepartTime input[type="checkbox"]+label {
    font-size: 12px;
    width: 100%;
    cursor: pointer;
    padding: 0;
    border-radius: 5px;
    display: block;
}

.DepartTime input[type="checkbox"]+label::before {
    display: none
}

.DepartTime input[type="checkbox"]:checked+label,
.DepartTime li.filt_active input[type="checkbox"]+label {
    color: #000
}

.Filter_stop_icon1 {
    background: url(../images/filter_time_01.png) no-repeat center;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: contain
}

.Filter_stop_icon2 {
    background: url(../images/filter_time_02.png) no-repeat center;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: contain
}

.Filter_stop_icon3 {
    background: url(../images/filter_time_03.png) no-repeat center;
    display: inline-block;
    width: 22px;
    height: 23px;
    background-size: contain
}

.Filter_stop_icon4 {
    background: url(../images/filter_time_04.png) no-repeat center;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: contain
}

.DepartTime .active .Filter_stop_icon1 {
    background: url(../images/filter_time_01_hover.png) no-repeat center;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: contain
}

.DepartTime .active .Filter_stop_icon2 {
    background: url(../images/filter_time_02_hover.png) no-repeat center;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: contain
}

.DepartTime .active .Filter_stop_icon3 {
    background: url(../images/filter_time_03_hover.png) no-repeat center;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: contain
}

.DepartTime .active .Filter_stop_icon4 {
    background: url(../images/filter_time_04_hover.png) no-repeat center;
    display: inline-block;
    width: 20px;
    height: 22px;
    background-size: contain
}

.DepartTime h4 {
    font-size: 14px;
    padding-bottom: 8px;
    font-family: 'Roboto-Bold';
}

span.Filter_stop_icon1 {
    width: 22px;
    height: 23px
}

b.lthrs {
    font-size: 11px
}

.result_panel {
    border-radius: 5px;
    position: relative;
    margin-bottom: 30px
}

.Recommended {
    border: solid #6ecff6 3px;
    position: relative
}

span.recomdRslt {
    background: #6ecff6;
    padding: 5px 15px;
    border-radius: 10px;
    font-size: 13px;
    margin-left: 15px;
    position: absolute;
    left: 0;
    z-index: 7;
    top: -18px;
    color: #fff;
    font-family: 'Roboto-Bold';
}

.result_panel_col_l {
    flex: 0 0 80%;
    max-width: 80%;
    background: #FFF;
    border-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 4px 7px 0 #0000001a;
    border-right: 1px solid #ccc;
    border-bottom-left-radius: 0px;
}

.result_panel_col_R {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0;
    position: relative;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #fff;
    box-shadow: 0 4px 7px 0 #0000001a;
    overflow: hidden;
    border-left: none;
    min-height: 200px
}

.result_details {
    padding: 15px 20px;
    width: 100%
}

.departFlight {
    padding: 15px 0
}

.returnFlight {
    padding: 15px 0
}

.result_one_leg {
    margin-bottom: 0;
    padding-bottom: 30px
}

.result_details .result_one_leg:last-of-type {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 5px
}

.rslt_dtHd {
    background: #f4f4f4;
    margin-bottom: 20px;
    color: #12154b;
    font-size: 16px;
    font-family: 'Roboto-Bold';
}

.airlogo {
    height: 50px;
    width: 115px;
    margin-right: 15px
}

.airlogo img {
    padding: 2px;
    width: 115px;
    height: 48px
}

.airDtls p {
    margin-bottom: 0;
    padding: 0;
    font-size: 13px;
    color: #000;
    line-height: 15px
}

.air__stops {
    position: relative;
    width: 70%;
    padding-top: 0
}

.td-tooltip {
    position: relative
}

.tooltiptext {
    visibility: hidden;
    width: 170px;
    border-radius: 10px;
    background-color: #414c59;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 5px;
    position: absolute;
    z-index: 2;
    top: 150%;
    left: 50%;
    opacity: 0;
    transition: opacity .3s;
    transform: translate(-50%, 0);
    line-height: 17px
}

.td-tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1
}

.airlineItenry .tooltiptext {
    width: 160px
}

.tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #414c59
}

.air_time_sector {
    line-height: 16px
}

.air_time_Time {
    display: block;
    font-size: 17px;
    font-family: 'Roboto-Bold';
    line-height: 18px
}

.air_time_aircode {
    display: block;
    font-size: 15px;
    line-height: 18px
}

.air_total_duration {
    font-size: 14px;
    padding-left: 20px;
    line-height: 18px
}

.redeyediv {
    width: 17px;
    margin: 0 15px
}

.RedEyekIcon {
    background: url(../images/redeye.svg) center;
    display: inline-block;
    width: 17px;
    height: 10px;
    background-size: cover
}

.redeyediv .td-tooltip {
    position: relative
}

.redeyediv .tooltiptext {
    visibility: hidden;
    width: 130px;
    border-radius: 10px;
    background-color: #3b3b43;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 6px 5px;
    position: absolute;
    z-index: 2;
    top: -40px;
    left: 50%;
    opacity: 0;
    transition: opacity .3s;
    transform: translate(-50%, 0);
    line-height: 17px;
    font-style: normal
}

.redeyediv .td-tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1
}

.redeyediv .airlineItenry .tooltiptext {
    width: 160px
}

.redeyediv .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: -70%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: #3b3b43 transparent transparent
}

.duration_clockIcon {
    background: url(../images/duration-clock.svg) center;
    display: inline-block;
    width: 29px;
    height: 28px;
    background-size: cover
}

.strikedfare {
    font-size: 14px;
    text-transform: uppercase;
    position: relative
}

.strikedfare span {
    display: inline-block;
    position: relative
}

.strike span:first-child {
    padding-right: 3px
}

.strike::after {
    position: absolute;
    content: '';
    height: 1px;
    background: #333;
    left: 0;
    top: 50%;
    width: 100%
}

.resultFare {
    font-size: 18px;
    font-family: 'Roboto-Bold';
}

.resultFare span {
    font-size: 18px;
    font-family: 'Roboto-Bold';
}

.resultfareDetails {
    text-align: center;
    margin-top: -20px
}

.refundable {
    color: #099475 !important;
    font-size: 13px
}

.refundablewithcharge {
    color: #099475 !important;
    font-size: 13px
}

.non-refundable {
    color: red !important;
    font-size: 13px
}

.resltselectbtn {
    padding: 15px 10px;
    text-transform: uppercase;
    margin-top: 5px;
    line-height: 20px;
    background: #66a928;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
}

a.resltselectbtn {
    font-family: 'Roboto-Bold';
    font-size: 14px;
    padding: 0 20px;
    font-family: 'Roboto-Bold';
	height:40px;
}

a.resltselectbtn:hover {
    color: #fff
}

i.flbtnPlus {
    background-image: url(../images/plus.svg);
    width: 10px;
    height: 10px;
    background-size: contain;
    display: inline-block;
    margin-left: 3px;
    background-position: center;
    background-repeat: no-repeat;
}

i.flbtnMinus {
    background-image: url(../images/minus.svg);
    width: 12px;
    height: 12px;
    background-size: cover;
    display: inline-block;
    margin-left: 1px;
    background-position: center;
    background-repeat: no-repeat
}

.flightdetailsbt {
    padding: 5px 10px;
    font-size: 14px;
    bottom: 0;
    background: #c36bb7;
    position: absolute;
    left: 0;
    width: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 5px;
    text-align: center;
    color: #FFF
}

a.flightdetailsbt:hover {
    color: #fff
}

.fRslt_viewfare {
    font-size: 13px;
    color: #6ecff6;
    margin-top: 10px
}

a.fRslt_viewfare:hover {
    color: #6ecff6
}

.fRslt_viewfare_icondown {
    background: url(../images/viewfare_dwn.svg) center;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-size: cover;
    transform: rotate(90deg);
    position: relative;
    top: 2px;
    left: 3px
}

.result__moreOption {
    position: absolute;
    left: 0px;
    bottom: -22px;
    z-index: 1;
    background: #fff;
    padding: 0px 25px 8px;
    line-height: 15px;
    text-align: center;
    box-shadow: 0 4px 5px 0 #0000001a;
    border-bottom-left-radius: 10px;
    height: 23px;
}

a.result__moreOption {
    color: #6ecff6;
    font-size: 13px
}

a.result__moreOption.hideoption {
    left: 0;
}



.result__moreOption:after {
    content: " ";
    position: absolute;
    display: block;
    width: 25px;
    height: 23px;
    top: -1px;
    right: -25px;
    z-index: 1;
    background: url(../images/right_corner.png) center
}

.flDtlsBtn {
    background: #ffff;
    color: #6ecff6;
    position: absolute;
    bottom: -6px;
    width: 100%;
    left: 0;
    font-size: 14px;
    padding: 5px;
    line-height: 18px;
    height: 35px;
    cursor: pointer
}

.FlgtSelect {
    margin-top: 10px;
    text-align: center;
    justify-content: center;
    width: 100%;
    display: flex
}

.FrSelctMain p {
    margin-bottom: 0;
    color: #000
}

span.flDatenew {
    font-size: 12px;
    line-height: 16px
}

.stop_air {
    position: absolute;
    top: 30px;
    left: 2px
}

.airDurationStops {
    position: relative;
    text-align: center
}

.airDurationStops::before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #6ecff6;
    content: "";
    display: block;
    position: absolute;
    top: 66%;
    margin-top: -13px;
    left: -7px;
    z-index: 2;
    background-size: contain;
    background-repeat: no-repeat;
}

.airDurationStops span {
    font-size: 12px
}

.airDurationStops span.stops {
    display: block;
    font-size: 12px
}

.airDurationStops::after {
    height: 1px;
    width: 100%;
    background: url(../images/resultdot.svg) center;
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    z-index: 1
}

span.flightIcon i:before {
    margin: 0
}

.airDurationStops .stop-overs {
    display: flex;
    font-size: 12px;
    margin-top: 0;
    justify-content: center;
    padding-top: 4px;
    min-height: 30px;
  padding-right: 15px;
}

.airDurationStops .stop-overs .stops {
    text-align: center;
    position: relative;
    margin-right:10px;
    font-size: 12px
}

.airDurationStops .stop-overs .stops:last-child {
    margin-right: 0
}

.airDurationStops .stop-overs .stops::before {
    position: absolute;
    background: #fff;
    border-radius: 10px;
    width: 100%;
    height: 8px;
    z-index: 2;
    top: 17px;
    content: "";
    left: 50%;
    transform: translate(-50%, 0);
    border: 1px solid #6ecff6;
}

.form-control[readonly] {
    background-color: #fff
}

.flightIcon {
    position: absolute;
    right: -5px;
    top: 14px;
    z-index: 2;
    width: 26px;
    height: 24px;
    background: #FFF url(../images/fl_icon.svg) center;
    background-size: contain;
}

.infoIcon {
    width: 18px;
    height: 18px;
    background: #FFF url(../images/resultfareInfo.svg) center;
    background-size: contain;
    display: inline-block;
    margin-left: 4px;
    cursor: pointer
}

.refundable.d-flex {
    justify-content: center
}

.non-refundable.d-flex {
    justify-content: center
}

p.totalpassngers {
    font-size: 13px
}

.departflightIcon {
    width: 18px;
    height: 18px;
    background: url(../images/depart-flight.svg) center;
    background-size: contain;
    display: inline-block;
    margin-right: 7px
}

.arrivalflightIcon {
    width: 18px;
    height: 18px;
    background: url(../images/arrival-flight.svg) center;
    background-size: contain;
    display: inline-block;
    margin-right: 7px
}

.departFlight span {
    color: #009ddc;
    font-size: 15px;
    font-family: 'Roboto-Bold';
}

.returnFlight span {
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'Roboto-Bold';
}

.departFlight span.flrsltdate {
    color: #009ddc;
    font-size: 13px;
    text-transform: capitalize;
    padding-left: 10px;
    line-height: 21px;
    font-weight: 400
}

.returnFlight span.flrsltdate {
    color: #000;
    font-size: 14px;
    text-transform: capitalize;
    padding-left: 12px;
    line-height: 21px;
    font-weight: 400
}

.flrsltpL {
    display: flex
}

.flcabnclas {
    text-transform: uppercase;
    color: #0059a9;
    font-size: 14px;
    padding-top: 5px
}

.flrsltBaggage {
    width: 100%;
    margin-top: 0
}

.allowedbaggage {
    width: 30px;
    height: 30px;
    background: url(../images/baggage-allowed.svg) center;
    background-size: contain;
    display: inline-block;
    margin-right: 0
}

.notallowedbaggage {
    width: 30px;
    height: 30px;
    background: url(../images/baggage-notallowed.svg) center;
    background-size: contain;
    display: inline-block;
    margin-right: 0
}

.sevenbaggage {
    width: 22px;
    height: 22px;
    background: url(../images/baggage-suitcase.svg) center;
    background-size: contain;
    display: inline-block;
    margin-right: 5px
}

.threezerokgbagage {
    margin-right: 25px
}

.flrsltBaggage span {
    line-height: 20px
}

.modal-title {
    font-size: 17px
}

.flbtnplus {
    width: 12px;
    height: 11px;
    background-image: url(../images/plus.svg);
    background-size: contain;
    display: inline-block;
    margin-left: 4px;
    background-repeat: no-repeat
}

.flmoreUpArrow {
    width: 10px;
    height: 10px;
    background-image: url(../images/uparrow_moreoption.svg);
    background-size: contain;
    display: inline-block;
    margin-left: 2px;
    background-repeat: no-repeat
}

.flmoreDownArrow {
    width: 10px;
    height: 10px;
    background-image: url(../images/downarrow_moreoption.svg);
    background-size: contain;
    display: inline-block;
    margin-left: 2px;
    background-repeat: no-repeat;
    display: none;
}

.bounce {
    animation: bounce 1.5s infinite
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-7px)
    }

    60% {
        transform: translateY(-5px)
    }
}

.flightDetailsmain .flight_pax_review_box_col_Lft {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 15px
}

.flightDetailsmain .flight_pax_review_box {
    border: 1px solid #ccc;
    border-radius: 5px;
    display: flex;
    box-shadow: 0 0 0 0 #e20000 0 7px 7px -3px #e20000
}

.flightDetailsmain .flight_pax_review_box .airlogo {
    height: 50px
}

.flightDetailsmain .flight_pax_review_box .airlogo img {
    height: 48px
}

.flightDetailsmain .flight_pax_review_box .air_time_Time {
    padding-left: 10px
}

.flightDetailsmain {
    margin-bottom: 20px
}

.transitTimer {
    width: 25px;
    height: 25px;
    background: url(../images/transitTime.svg) center;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 10px
}

.branded_fares {
    border: 1px solid #6ecff6;
    border-radius: 10px;
    padding: 20px;
    margin: 0 0 30px;
    background: #fff
}

.brandedheadIcon {
    width: 80px;
    height: 44px;
    background: url(../images/brandedFareicon.PNG) center;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 10px
}

.farehaedtext h2 {
    font-size: 18px;
    color: #0059a9;
    font-family: 'Roboto-Bold';
}

.farehaedtext p {
    font-size: 12px
}

.brandedFareBox {
    border: 1px solid #ccc;
    border-radius: 10px;
    width: 95%;
    margin-right: 5px;
    margin-left: 5px;
    overflow: hidden;
    height: 98%;
}

.brandfareScrol {
    height: 210px;
    overflow: hidden;
    overflow-y: scroll
}

.brandfareScrol::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f5f5f5
}

.brandfareScrol::-webkit-scrollbar {
    width: 7px;
    background-color: #f5f5f5
}

.brandfareScrol::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #adb1b3;
}

.FareBoxHeadOne {
    min-height: 130px;
    border-bottom: 1px solid #ccc;
    text-align: center
}

.FareBoxHeadOne h2 {
    font-size: 15px;
    color: #070707;
    font-family: 'Roboto-Bold';
}

.FareDtlsTwo {
    text-align: left;
    padding: 5px 15px
}

.FareDtlsTwo h2 {
    line-height: 25px;
    font-size: 14px
}

.FareDtlsTwo:last-child {
    border-bottom: none
}

.FareBoxHeadTwo {
    border-bottom: 1px dashed #ccc;
    text-align: left;
    padding: 10px 15px;
    height: 80px;
}

.FareBoxHeadThree {
    min-height: 85px;
    border-bottom: 1px solid #ccc;
    text-align: center;
    background-color: #f6ffec;
    padding: 10px 0;
    border-radius: 10px 10px 0 0
}

.FareBoxHeadFour {
    min-height: 85px;
    border-bottom: 1px solid #ccc;
    text-align: center;
    background-color: #feebdc;
    padding: 10px 0;
    border-radius: 10px 10px 0 0
}

.FareBoxHeadTwo h2 {
    font-size: 14px;
    color: #000;
    font-family: 'Roboto-Bold';
}

.FareBoxHeadThree h2 {
    font-size: 14px;
    color: #0059a9;
    font-family: 'Roboto-Bold';
}

.FareBoxHeadFour h2 {
    font-size: 14px;
    color: #0059a9;
    font-family: 'Roboto-Bold';
}

.FareDtlsTwo.brandmore a {
    color: #000;
    text-decoration: underline;
}

.FareDtlsTwo.brandmore {
    padding: 10px 15px;
}

.bramdR {
    text-align: right;
}

.brandDepart {
    padding: 10px 0;
    border-bottom: 1px dashed #ccc;
    margin: 0 10px;
}

.brandDepart h2 {
    font-size: 15px;
    color: #000;
    font-family: 'Roboto-Bold';
    line-height: 17px;
    padding-bottom: 0;
    margin-bottom: 0
}

.FareBoxHeadThree span {
    display: block
}

.FareBoxHeadFour span {
    display: block
}

.brandedFareBox p {
    margin-bottom: 0;
    font-size: 13px
}

.fareSubHead {
    padding: 5px 15px
}

.fareSubHead h2 {
    font-size: 14px;
    font-weight: 600
}

i.fareTick {
    width: 15px;
    height: 20px;
    background-image: url(../images/brandedFare_tick.png);
    background-size: contain;
    display: inline-block;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: 0 4px
}

.fare_none_tick {
    width: 15px;
    height: 20px;
    background-image: url(../images/brandedFare_none_tick.png);
    background-size: contain;
    display: inline-block;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: 0 4px
}

span.farealowed {
    font-size: 14px;
    color: #000;
    width: 85%
}

span.farenone_alowed {
    color: #aeaeae;
    font-size: 14px
}

.brndedPrice {
    border-top: 1px dashed #ccc;
    padding: 10px 15px 15px;
    margin-top: 20px;
    text-align: center
}

button.theme_btnStyle.brndedBookBtn {
    padding: 2px 30px;
    font-family: 'Roboto-Bold';
    line-height: 20px;
    margin-top: 5px;
    height: 40px;
    margin-bottom: 10px;
}

h3.actuelPrice {
    font-size: 15px;
    color: #000;
    font-family: 'Roboto-Bold';
    line-height: 17px;
    padding-bottom: 0;
    margin-bottom: 0
}

h3.actuelPrice span {
    font-family: 'Roboto-Bold';
}

.strikePrice {
    text-decoration: line-through;
    font-size: 13px
}

.branded_fares .owl-carousel .owl-nav button.owl-next {
    width: 27px;
    height: 27px;
    background: url(../images/brandFare_next.png) center;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
    right: -18px;
    top: 45%;
    font-size: 0
}

.branded_fares .owl-carousel .owl-nav button.owl-prev {
    width: 27px;
    height: 27px;
    background: url(../images/brandFare_prev.png) center;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    left: -19px;
    position: absolute;
    top: 45%;
    font-size: 0
}

.flchangbleticket {
    width: 25px;
    height: 25px;
    background: url(../images/changebleticket.svg) center;
    background-size: contain;
    display: inline-block;
    margin-right: 7px;
    background-repeat: no-repeat
}

.flrefund {
    width: 25px;
    height: 25px;
    background: url(../images/flrsltrefund.svg) center;
    background-size: contain;
    display: inline-block;
    margin-right: 4px;
    background-repeat: no-repeat
}

.flcabinbage {
    width: 22px;
    height: 22px;
    background: url(../images/flcabinbagage.svg) center;
    background-size: contain;
    display: inline-block;
    margin-right: 7px;
    background-repeat: no-repeat
}

.flcheckedbagage {
    width: 25px;
    height: 25px;
    background: url(../images/flcheckedbagage.svg) center;
    background-size: contain;
    display: inline-block;
    margin-right: 2px;
    background-repeat: no-repeat
}

.flmeals {
    width: 25px;
    height: 25px;
    background: url(../images/flrsltmeals.svg) center;
    background-size: contain;
    display: inline-block;
    margin-right: 7px;
    background-repeat: no-repeat
}

.flSeat {
    width: 25px;
    height: 25px;
    background: url(../images/rslt_seat.svg) center;
    background-size: contain;
    display: inline-block;
    margin-right: 7px;
    background-repeat: no-repeat
}

.fldtlsTick {
    width: 35px;
    height: 35px;
    background: url(../images/fldtlsTick.svg) center;
    background-size: contain;
    display: inline-block;
    margin-right: 7px;
    background-repeat: no-repeat
}

.fldtlscancel {
    width: 22px;
    height: 22px;
    background: url(../images/fldtlscancel.svg) center;
    background-size: contain;
    display: inline-block;
    margin-right: 7px;
    background-repeat: no-repeat
}

.brandedFareContinue {
    width: 100%;
    justify-content: flex-end;
    display: flex;
    margin: 10px 0
}

button.brndedContinueBtn {
    padding: 12px 25px;
    text-transform: uppercase;
    margin-top: 5px;
    line-height: 20px;
    background: #66a928;
    border: none;
    border-radius: 5px;
    color: #fff
}

.brandedfarecondition {
    margin-bottom: 25px
}

.brandedfarecondition p {
    font-size: 9px;
    margin-bottom: 5px
}

.fldtlsrecommended {
    position: relative
}

.branded_fares .nav-tabs {
    border-bottom: none;
    margin-bottom: 20px
}

.branded_fares .nav-tabs .nav-item.show .nav-link,
.branded_fares .nav-tabs .nav-link.active {
    color: #fff;
    border-color: transparent;
    background: #6ecff6
}

.branded_fares .nav-tabs .nav-link {
    border: none;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    border-radius: 10px;
    background: #6ecff61a;
    color: #000;
    margin-right: 10px;
    font-family: 'Roboto-Bold';
    font-size: 15px
}

.branded_fares .nav-link {
    display: block;
    padding: 10px 25px
}

.SubHead {
    background: url(../images/inner-banner.jpg);
    padding: 27px 0;
    color: #000;
    padding-top: 110px;
    background-position: center;
}
.SubHead.htlSubHead {
    background: url(../images/hotel_innerbg.jpg);
    padding: 27px 0;
    color: #000;
    padding-top: 100px;
    background-position: top;
}
.rec-slider-container{
    background-color: #fff;
    border-radius: 5px;
	padding:5px 0;
}
.editSrchBtn {
    margin-right: 12px;
    font-family: 'Roboto-Bold';
}

.title_sec_content {
    display: flex;
    align-items: center
}

.title_sec_content h2 {
    font-size: 18px;
    font-family: 'Roboto-Bold';
    line-height: 24px;
    color: #fff;
}

.title_sec_content h2 span {
    font-size: 18px;
    font-family: 'Roboto-Bold';
}

.title_sec_content p {
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: #fff;
}

.editCldr {
    display: flex;
    padding-left: 10px;
}

.editCldr_Lft {
    width: 32px;
    height: 32px;
    background: #FFF;
    border: solid #6ecff6 1px;
    border-radius: 5px
}

.editCldr_Lft a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.editCldr_LftIcon {
    background: url(../images/editclndr_lftarrow.svg) center;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-size: cover
}

.editCldr_RhtIcon {
    background: url(../images/editclndr_rhtarrow.svg) center;
    display: inline-block;
    width: 12px;
    height: 12px;
    background-size: cover
}
.editCldr input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
  }
  .editCldr input::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
  }
  .editCldr input:-ms-input-placeholder { /* IE 10+ */
    color: #fff;
  }
  .editCldr input:-moz-placeholder { /* Firefox 18- */
    color: #fff;
  }
.editCldrFiled {
    width: 98px;
    font-size: 14px
}

.editCldr input {
    width: 100%;
    height: 32px;
    border: none;
    text-align: center;
    pointer-events: none;
    background: none;
}

.pricestrike {
    font-size: 15px;
    text-decoration: line-through
}

.Col_Result.Col_Resultnew {
    flex: 0 0 75%;
    max-width: 75%;
    padding-right: 15px;
    padding-left: 15px;
}

.Col_filternew {
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 15px;
    padding-left: 15px;
}

.Col_Filter {
    position: relative;
    background: #FFF;
    border-radius: 10px;
    color: #3d454e;
    box-shadow: 0 0px 5px 0 #0000001a;
}

.FilterContent .nav-tabs .nav-link {
    border: none;
    background: #6ecff61a;
    border-radius: 10px;
    color: #000;
    padding: 5px 15px;
    margin-bottom: 15px
}

.FilterContent .nav-tabs .nav-item.show .nav-link,
.FilterContent .nav-tabs .nav-link.active {
    border: none;
    background: #6ecff6;
    border-radius: 10px;
    color: #fff;
    padding: 5px 15px;
    margin-bottom: 15px
}

.FilterContent li {
    margin-right: 0px
}

.filter_content_in li {
    margin-bottom: 15px
}

.FilterContent .nav-tabs {
    border-bottom: none
}

.flight_dtlsModal .nav-pills .nav-link {
    border-radius: 10px;
    display: flex;
    align-items: center;
    background: #6ecff61a;
    color: #000;
    font-size: 14px;
    padding: 10px 20px
}

.flight_dtlsModal .nav-pills .nav-link.active,
.flight_dtlsModal .nav-pills .show>.nav-link {
    background: #6ecff6;
    border-radius: 10px;
    color: #fff;
    padding: 10px 20px
}

.flight_dtlsModal li.nav-item {
    margin-right: 12px
}

.fldtlsIcon {
    background: url(../images/fl_flightdtlsIcon.svg) center;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: cover;
    margin-right: 12px
}

.flfaresumryIcon {
    background: url(../images/fl_fareSumryIcon.svg) center;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: cover;
    margin-right: 12px
}

.flfareRuleIcon {
    background: url(../images/fl_fareRuleIcon.svg) center;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: cover;
    margin-right: 12px
}

.flbaggageIcon {
    background: url(../images/fl_baggageIcon.svg) center;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: cover;
    margin-right: 12px
}

.fldtlsIcon_active {
    background: url(../images/fl_flightdtlsIcon_active.svg) center;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: cover;
    margin-right: 12px
}

.flfaresumryIcon_active {
    background: url(../images/fl_fareSumryIcon_active.svg) center;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: cover;
    margin-right: 12px
}

.flfareRuleIcon_active {
    background: url(../images/fl_fareRuleIcon_active.svg) center;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: cover;
    margin-right: 12px
}

.flbaggageIcon_active {
    background: url(../images/fl_baggageIcon_active.svg) center;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: cover;
    margin-right: 12px
}

.flpaxFlightDetails .fldtlsIcon.active {
    background: url(../images/fl_flightdtlsIcon_active.svg) center;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: cover;
    margin-right: 12px
}

.flpaxFlightDetails .flfaresumryIcon.active {
    background: url(../images/fl_fareSumryIcon_active.svg) center;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: cover;
    margin-right: 12px
}

.flpaxFlightDetails .flfareRuleIcon.active {
    background: url(../images/fl_fareRuleIcon_active.svg) center;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: cover;
    margin-right: 12px
}

.flpaxFlightDetails .flbaggageIcon.active {
    background: url(../images/fl_baggageIcon_active.svg) center;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: cover;
    margin-right: 12px
}

.modal_close {
    background: url(../images/modal_close.png) center;
    display: inline-block;
    width: 11px;
    height: 22px;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1
}

button.close.modal_close {
    padding: 0;
    margin: 0
}

.fldtls_destHead h3 {
    color: #000;
    font-size: 17px;
    font-family: 'Roboto-Bold';
}

.fldtls_onwordicon {
    background: url(../images/fl_dtls_onwardIcon.svg) center;
    display: inline-block;
    width: 28px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 15px
}

.fldtls_returnicon {
    background: url(../images/fl_dtls_returnIcon.svg) center;
    display: inline-block;
    width: 28px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 15px
}

.fldtls_destHead p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px
}

.fldtls_destHead {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 20px
}

.flDtls_dote {
    margin: 5px 0;
    position: relative;
    width: 5%;
    height: 100%
}

.flight_dtlsModal .modal-body {
    padding: 10px 20px;
    text-align: left;
}

.flight_dtlsModal.flResultModalNew .modal-body {
    padding: 10px 20px;
    text-align: left;
    overflow-y: scroll;
    max-height: 420px;
    margin-bottom: 30px;
}

.flight_dtlsModal.flResultModalNew .modal-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.flight_dtlsModal.flResultModalNew .modal-body::-webkit-scrollbar {
    width: 8px;
    background: #F5F5F5;
}

.flight_dtlsModal.flResultModalNew .modal-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background: #6ecff6;
}

body.ReactModal__Body--open {
    overflow: hidden;
}

.flDtlsMain h4 {
    font-family: 'Roboto-Bold';
    font-size: 14px;
    color: #3b4147
}

.flDtlsMain p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: #3b4147
}

.round_dote {
    background: #414c59;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    position: relative;
    z-index: 9;
    left: -6px
}

.flDtls_dote:after {
    content: '';
    position: absolute;
    top: 0;
    background: #ccc;
    height: 100%;
    width: 1px;
    z-index: 0;
    min-height: 150px
}

.flDtls_box01 {
    padding: 10px 0 10px 100px;
    width: 100%
}

span.totalTime {
    background-color: #414c59;
    padding: 7px 14px;
    border-radius: 10px 0 0 10px;
    color: #fff;
    font-size: 14px;
    position: absolute;
    right: 0;
    z-index: 9;
    top: -2px
}

.fldtls_time {
    width: 18%;
    position: relative
}

.lastflDtls_box01 .flDtls_dote:after {
    display: none
}

.TransitTimeBox {
    background-color: #fff0f0;
    border: 1px solid #f2cccc;
    padding: 3px 5px;
    color: #000;
    font-size: 14px;
    text-align: center;
    width: 90%;
    margin: 10px 30px
}

.fldtls_airlineLogo {
    margin-left: 0;
    padding-right: 20px;
    width: 30%
}

.FareSummary {
    margin-bottom: 12px
}

.FareSummaryHead {
    background: #7e8284;
    color: #fff;
    font-size: 14px
}

.FareSummary td {
    border: solid #ccc 1px;
    font-size: 14px;
    padding: 10px 15px
}

.FareSummaryTotal {
    padding: 0
}

.FareSummaryTotal h4 {
    font-size: 14px;
    color: #6ecff6;
    text-align: left;
    font-family: 'Roboto-Bold';
}

.FareSummaryTotal span {
    padding: 0 2px
}

.FareSummary .tdbdrnone {
    border: 0 !important
}

.FS_span span {
    padding: 0 3px
}

.FS_span span:first-child {
    padding: 0
}

.FareRule .colum1 {
    margin-bottom: 30px
}

.Rslt_Fare span {
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 13px
}

.Rslt_Fare h3 {
    font-size: 17px;
    font-family: 'Roboto-Bold';
    margin-bottom: 15px
}

.Rslt_Fare h4 {
    font-size: 14px;
    margin-bottom: 8px
}

.Rslt_Fare ul li {
    padding-bottom: 5px;
    line-height: 18px
}

.Rslt_Fare ul li>span:first-child,
.Rslt_Fare ul li>span:last-child {
    width: 50%
}

.Rslt_Fare ul li span:last-child {
    text-align: left;
    margin-left: 5px
}

.Rslt_Fare ul li span {
    display: inline-block;
    font-weight: 400;
    padding: 0
}

span.fareSpan span {
    padding-left: 3px !important
}

.Rslt_Fare ul li.bor_tb {
    border-top: 1px solid #ccc;
    margin-top: 5px;
    padding-top: 8px
}

.Rslt_Fare ul li.total_fare {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-top: 5px;
    padding-bottom: 0
}

.Rslt_Fare ul li.total_fare span {
    font-size: 17px;
    font-family: 'Roboto-Bold';
}

.FareRlCncelFee_Hd {
    display: block;
    font-size: 17px;
    font-family: 'Roboto-Bold';
    padding-bottom: 13px;
    text-align: left
}

.FareRlCncelFee {
    padding-top: 30px;
    padding-left: 30px;
    border: 1px solid #ccc
}

.FareRlCncelFee h4 {
    font-size: 20px;
    font-size: 14px
}

.FareRlCncelFee p {
    font-size: 14px;
    padding: 0;
    margin-bottom: 0
}

.FareRlCncelFeeTable th {
    padding: 5px 15px;
    border-bottom: 1px solid #ccc;
    font-weight: 400
}

.FareRlCncelFeeTable td {
    padding: 8px 15px;
    border-bottom: 1px solid #ccc;
    font-size: 14px
}

.BaggageDtls p {
    margin-bottom: 10px
}

.flight_dtlsModal p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 13px;
    text-align: left
}

a.clickHere {
    color: #6ecff6
}

.Mobfilter {
    display: none
}

.filterBtn {
    display: block
}

.mobSlide_Filter {
    left: 0;
    position: fixed;
    transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s
}

.breadcrumb {
    padding:10px 0 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0
}

li.breadcrumb-item {
    padding-left: 20px;
    font-size: 13px;
    color: #fff;
}

li.breadcrumb-item:first-child {
    padding-left: 0
}

.breadcrumb-item::before {
    display: inline-block;
    padding-right: 0;
    padding-left: 0;
    color: #6c757d;
    content: "";
    background-color: #fff;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    top: 3px;
    position: relative;
    right: 5px
}

.breadcrumb-item.active::before {
    display: inline-block;
    padding-right: 0;
    padding-left: 0;
    color: #6c757d;
    content: "";
    background-color: #6ecff6;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    border: none;
    top: 3px;
    position: relative;
    right: 5px
}

.breadcrumb-item.active {
    color: #fff
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 0;
    padding-left: 0;
    content: ""
}

.paxSummryBoxMain .result_panel_col_l {
    flex: 0 0 100%;
    max-width: 100%;
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0 0 15px 0 #00000024
}

.paxSummryBoxMain .result_details {
    padding: 0;
    width: 100%
}

.paxHead {
    width: 100%;
    padding: 15px 20px 15px 20px;
    position: relative;
}

.paxNumber {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 17px;
    line-height: 30px;
    color: #fff;
    background-color: #414c59;
    font-family: 'Roboto-Bold';
    display: none;
}

.paxHead h3 {
    font-size: 17px;
    color: #000;
    line-height: 30px;
    padding-left:5px;
    font-weight: 600
}

.paxSummryBoxMain .result_one_leg {
    margin-bottom: 0;
    padding: 20px
}

.paxSummryBoxMain .result_details .result_one_leg:last-of-type {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 15px;
    padding-top: 0
}

.paxSummryBoxMain .returnFlight span {
    text-transform: initial
}

.paxSummryBoxMain .air_time_sector {
    line-height: 22px;
    width: 28%
}

.paxSummryBoxMain .air__stops {
    position: relative;
    width: 44%;
    padding-top: 0
}

.paxSummryBoxMain .flrsltpL .airlogo {
    margin-right: 0
}

.paxSummryBoxMain p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px
}

.pax_viewDtls {
    position: absolute;
    left: 0;
    bottom: -22px;
    z-index: 1;
    background: #ffffff;
    padding: 0px 25px 8px;
    line-height: 15px;
    text-align: center;
    border-bottom-left-radius: 10px;
    height: 23px;
    box-shadow: 0 4px 5px 0 #0000001a;
}

a.pax_viewDtls {
    color: #6ecff6;
    font-size: 15px
}

.pax_viewDtls:before {
    content: " ";
    position: absolute;
    display: block;
    width: 32px;
    height: 26px;
    top: -1px;
    left: -30px;
    z-index: 1;
    background: url(../images/left_corner.png) center;
    display: none;
}

.pax_viewDtls:after {
    content: " ";
    position: absolute;
    display: block;
    width: 25px;
    height: 23px;
    top: -1px;
    right: -25px;
    z-index: 1;
    background: url(../images/right_corner.png) center
}

.paxSummryBoxMain {
    width: 100%
}

.paxmb_4 {
    margin-bottom: 40px
}

.paxSumryBox {
    position: relative;
    flex: 0 0 100%;
    max-width: 100%;
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0 4px 6px 0 #00000012;
    /* border: 1px solid #ccc */
    
}
.paxSumryBox.paxmb_4.reviewboxMain{  border-radius: 10px 10px 10px 0;}
.paxBorder{
    border-bottom-left-radius: 0px;
}

.paxSumryContent {
    padding: 20px
}

.paxLoginIcon {
    background-image: url(../images/pax_login.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    width: 15px;
    height: 15px;
    display: inline-block
}

.paxLogArrow {
    background-color: #000;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-left: 0;
    margin-top: 2px;
    line-height: 40px;
    text-align: center;
    cursor: pointer
}

.paxLogArowicon {
    background-image: url(../images/hmrightArrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    display: inline-block
}

.paxLoginText {
    padding: 0 15px
}

.paxLoginText h6 {
    font-size: 17px;
    font-family: 'Roboto-Bold';
}

.paxLoginText p {
    font-size: 14px;
    margin-bottom: 0
}

.paxRegister {
    background-color: #000;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-left: 0;
    margin-top: 2px;
    line-height: 40px;
    text-align: center;
    cursor: pointer
}

.paxLoginLock {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 17px;
    line-height: 30px;
    background-color: #6ecff6;
    margin-top: 4px
}

.paxTickIcon {
    background-image: url(../images/paxRegTick.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 12px;
    height: 12px;
    display: inline-block
}

.paxregUser {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 17px;
    line-height: 30px;
    margin-top: 4px;
    background-color: #6ecff6
}

.paxRegUserIcon {
    background-image: url(../images/pax_register.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    width: 15px;
    height: 15px;
    display: inline-block
}

.paxRegArrow {
    background-color: #6ecff6;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-left: 0;
    margin-top: 2px;
    line-height: 40px;
    text-align: center;
    cursor: pointer
}

.Paxlogin {
    width: 50%
}

button.pax_loginBtn {
    cursor: pointer;
    color: #fff;
    outline: none;
    font-size: 16px;
    border-radius: 10px;
    line-height: 30px;
    padding: 0 30px;
    border: none;
    background: #6ecff6;
    height: 45px;
    font-family: 'Roboto-Bold';
    margin-right: 15px
}

.social_log li {
    margin-left: 15px
}

.paxlog_btns {
    padding: 20px 0 10px 45px;
    align-items: center
}

.pax_registerBtn {
    cursor: pointer;
    color: #fff;
    outline: none;
    font-size: 16px;
    border-radius: 10px;
    line-height: 30px;
    padding: 0 30px;
    border: none;
    background: #6ecff6;
    height: 45px;
    font-family: 'Roboto-Bold';
    margin-right: 15px
}

.pax_pasportDtls p {
    line-height: 28px;
    font-weight: 500;
    color: #000;
    margin-bottom: 0px;
}

.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
    background: #6ecff6
}

.paxmain_login {
    padding: 20px 10px
}

button.pax_continueBtn {
    margin: 8px 15px 0;
    font-family: 'Roboto-Bold';
    padding: 0 30px
}

.paxFormDtls {
    padding: 15px
}

.pasngerHead {
    background: #f4f4f4;
    width: 100%;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}

.pasngerHead h3 {
    font-size: 16px;
    font-weight: 600;
    color: #000
}

.paxCalIcon::after {
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url(../images/calendarIcon.svg);
    content: "";
    top: 12px;
    right: 12px;
    margin-top: 0;
    pointer-events: none;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat
}

.freq_flyer_wrp {
    background: #f4f4f4;
    border: 1px solid #6ecff6;
    border-radius: 10px;
    font-size: 14px;
    margin-top: 15px;
    padding: 20px;
    position: relative
}

.freq_flyer_wrp .title {
    font-size: 16px;
    padding-bottom: 10px
}

.freq_flyer_wrp .freq_flyer_ele,
.freq_flyer_wrp .form-control {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 45px;
    font-size: 13px;
    line-height: 15px;
    padding: 5px 15px
}

a.freq_flyer {
    color: #6ecff6;
    font-size: 15px;
    padding-top: 10px;
    display: inline-block;
    font-family: 'Roboto-Bold';
}

.paxadd_baggage_wrp {
    background: #effafe;
    border: 1px solid #000;
    border-radius: 10px;
    font-size: 14px;
    margin-top: 15px;
    padding: 20px;
    position: relative
}

.paxadd_baggage_wrp .title {
    font-size: 16px;
    padding-bottom: 10px
}

.paxadd_baggage_wrp .paxadd_baggage_ele,
.paxadd_baggage_wrp .form-control {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 45px;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 15px;
    padding-right: 25px;
}

a.paxadd_baggage {
    color: #000000;
    font-size: 15px;
    padding-top: 10px;
    display: inline-block;
    font-family: 'Roboto-Bold';
}

span.recomnded {
    background: #6ecff6;
    border-radius: 10px;
    padding: 0 15px !important;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    margin-left: 10px;
    line-height: 28px
}

.pax_payment {
    width: 65%;
    flex: 0 0 65%;
    max-width: 65%
}

.pax_paySummary {
    width: 35%;
    padding-left: 30px
}

.paxSummryBox {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 6px 0 #00000012;
}

.paymentSection input[type="radio"]+label::before {
    background-color: #f4f4f4;
    border-color: #ccc;
    content: "";
    border-radius: 50%;
    border: 1px solid #ccc;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 12px
}

.paymentSection input[type="radio"]:checked+label::before {
    background: #6ecff6;
    border-color: transparent;
    border: none
}

.paymentSection input[type=checkbox],
.paymentSection input[type=radio] {
    display: none
}

.paxSumryContent.paymentSection {
    padding:30px 30px;
    min-height: 163px
}

.paymentSection ul li {
    margin-right: 30px;
    border: 0px solid #ccc;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 10px;
	padding-left:0;
}

.paymentSection ul li label {
    margin-bottom: 0;
}

.paySecureBox {
    border-top: 1px solid #ccc;
    padding: 20px;
    color: #000
}

.paxinsCheck {
    position: relative;
    padding-left: 30px
}

.PayBoxIcon {
    width: 50px
}

.payBoxContent {
    padding-left: 8px;
    width: 100%;
    padding-right: 0
}

.payBoxFooter h4 {
    font-size: 15px;
    margin-bottom: 3px;
    color: #6ecff6;
    font-weight: 600
}

.payBoxFooter p {
    line-height: 15px;
    font-size: 13px;
    margin: 0;
    color: #000
}

.paxsecureeIcon {
    background-image: url(../images/paysecure.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 45px;
    height: 45px;
    display: inline-block
}

.icontrust {
    background-image: url(../images/trust.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 45px;
    height: 45px;
    display: inline-block
}

.iconeasypayment {
    background-image: url(../images/easypayment.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 45px;
    height: 45px;
    display: inline-block
}

.paxinsCheck label img {
    height: 45px
}

.coupon_wrap {
    border-bottom: 1px solid #ccc;
    padding: 20px
}

.fareSummaryBox .head_txt {
    font-size: 16px;
    font-family: 'Roboto-Bold';
    margin-bottom: 10px;
    color: #6ecff6;
    line-height: 15px
}

.coupon_wrap .fieldWrap .form-control {
    background: #fff;
    border: 1px solid #ccc;
    margin-right: 0;
    flex: 3;
    max-width: 72%;
    height: 45px;
    border-radius: 5px 0 0 5px;
    font-weight: 500;
    font-size: 15px
}

.ApplyButton {
    background: #6ecff6;
    color: #fff;
    font-size: 15px;
    border: 0;
    padding: 5px 22px;
    display: block;
    text-align: center;
    transition: all .5s;
    cursor: pointer;
    border-radius: 0 5px 5px 0;
    font-family: 'Roboto-Bold';
    line-height: 15px
}

.base_fare_wrp .head_txt {
    color: #6ecff6;
    display: block;
    font-size: 16px;
    font-family: 'Roboto-Bold';
    padding: 15px 20px;
    margin-bottom: 0;
    cursor: pointer;
}

.base_fare_wrp ul li span {
    color: #000;
    display: inline-block;
    padding: 0;
    font-size: 15px
}

.base_fare_wrp ul li span:last-child {
    text-align: left;
    margin-left: 2px
}

.base_fare_wrp ul li {
    padding: 5px 20px
}

.base_fare_wrp ul li.bor_tb {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 12px
}

.base_fare_wrp ul li.total_fare {
    border-top: 1px solid #ccc;
    padding-top: 12px;
    margin-top: 12px;
    padding-bottom: 15px
}

.base_fare_wrp ul li.total_fare span {
    font-size: 15px;
    color: #6ecff6;
    font-family: 'Roboto-Bold';
    display: flex;
    align-items: center
}

div#ins_p {
    padding-bottom: 10px
}

.rulesRestrictions input[type="checkbox"]+label {
    padding-left: 40px;
    position: relative;
    cursor: pointer;
    transition: all .3s;
    color: #000;
    font-size: 14px;
    line-height: 20px
}

.rulesRestrictions input[type="checkbox"]+label::before {
    border-radius: 5px;
    top: 0;
    content: "";
    height: 30px;
    width: 30px;
    position: absolute;
    left: 0;
    border: 1px solid #ccc;
    background-color: #fff
}

.rulesRestrictions a {
    color: #6ecff6
}

.rulesRestrictions input[type="checkbox"]:checked+label::before {
    background: #6ecff6 url(../images/checktick.svg) no-repeat center;
    content: "";
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #ccc;
    text-align: center;
    color: #fff;
    line-height: 20px;
    background-size: 70%
}

.rulesRestrictions input[type="checkbox"],
.rulesRestrictions input[type="radio"] {
    display: none
}

.paxInscont p {
    color: #3d454e;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px
}

.paxInscont span {
    color: #f7498e;
    font-size: 14px;
    font-weight: 600
}

.paxinsurPlanBox {
    width: 100%;
    border: 1px solid #ccc;
    padding: 15px;
    margin-right: 20px;
    border-radius: 10px;
    height: 150px
}

.paxinsurPlanBox label span {
    color: #000;
    font-size: 15px
}

.paxinsurPlanBox h4 {
    color: #3d454e;
    font-size: 17px;
    padding-left: 0;
    font-weight: 600;
	margin-bottom: 5px;
}

.paxinsurPlanBox.active {
    background-color: #ffffff;
    height: 150px;
    border-radius: 10px;
    border: 2px solid #7f7f7f;
}

.insBenfitsDtls {
    background-color: #ffff;
    border: 1px solid #7f7f7f;
    border-radius: 10px;
    padding: 20px;
    margin-top: 15px;
    width: 100%;
    margin-bottom: 15px
}

div#insu02 {
    position: absolute;
    top: 0;
    left: 25%
}

div#insu03 {
    position: absolute;
    top: 0;
    left: 50%
}

div#insu04 {
    position: absolute;
    top: 0;
    left: 75%
}

div#insu01Dtls {
    margin-top: 0;
    position: relative
}

.inclusiveCover {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-bottom: 20px
}

.inclusiveCover .head {
    background-color: #12154b;
    color: #fff;
    padding: 15px;
    border-radius: 5px 5px 0 0;
    font-size: 17px;
    font-weight: 600
}

.inclusiveCover .head span {
    font-weight: 600;
    font-size: 14px
}

.boxL {
    width: 50%;
    border-right: 1px solid #ccc;
    padding-right: 10px
}

.boxR {
    width: 50%;
    padding-left: 30px
}

.inscoverDtls {
    padding: 15px
}

.insplus {
    background-image: url(../images/insplus.png);
    width: 15px;
    height: 15px;
    background-size: contain;
    display: inline-block;
    margin-left: 2px
}

.insname {
    width: 60%
}

.inscoverDtls ul li {
    padding-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #3d454e
}

.insOptinbtn {
    background-color: #12154b;
    font-weight: 600;
    font-size: 17px;
    padding: 10px 20px;
    border-radius: 5px;
    color: #fff;
    margin-right: 20px
}

.insoptioncheck input[type="checkbox"]+label {
    padding-left: 33px;
    position: relative;
    cursor: pointer;
    transition: all .3s;
    color: #3d454e;
    font-size: 14px
}

.insoptioncheck input[type="checkbox"]+label::before {
    border-radius: 5px;
    top: 0;
    content: "";
    height: 22px;
    width: 22px;
    position: absolute;
    left: 0;
    border: 1px solid #ccc;
    background-color: #fff
}

.insoptioncheck input[type="checkbox"]:checked+label::before {
    background: #ee1579;
    content: "";
    height: 22px;
    width: 22px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #ccc;
    text-align: center;
    color: #fff;
    line-height: 20px
}

.insoptioncheck input[type="checkbox"],
.insoptioncheck input[type="radio"] {
    display: none
}

.insoptionlbox span {
    padding-top: 10px
}

.insoptioncheck {
    padding-top: 10px;
    padding-left: 15px
}

.insfootcomn {
    font-size: 14px;
    color: #f7498e;
    padding-top: 22px
}

.inspassfld {
    width: 29%;
    margin-right: 35px
}

.inspassengerdtls p {
    font-size: 14px;
    margin-bottom: 20px
}

.inspassengerdtls h3 {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 17px
}

.condition {
    color: red
}

.inspassengerdtls {
    margin-top: 10px
}

.inscoverDtls .tooltiptext {
    visibility: hidden;
    width: 300px;
    border-radius: 5px;
    background-color: #fff;
    color: #000;
    font-size: 12px;
    text-align: left;
    padding: 15px;
    position: absolute;
    z-index: 2;
    top: 30px;
    left: 115px;
    opacity: 0;
    transition: opacity .3s;
    transform: translate(-50%, 0);
    line-height: 17px;
    border: 1px solid #ccc;
    box-shadow: 0 1px 2px 3px #cccccc63
}

.inscoverDtls .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 30px;
    margin-left: 0;
    background-image: url(../images/toolTop.png);
    width: 23px;
    height: 12px;
    border: none
}

.inscoverDtls .tooltiptext h3 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    font-style: normal
}

.inscoverDtls .tooltiptext p {
    font-size: 13px;
    font-style: italic;
    margin-bottom: 0
}

div#insu01Dtls:after {
    content: '';
    position: absolute;
    background-color: #eff5f8;
    width: 250px;
    height: 10px;
    top: -2px;
    left: 0;
    z-index: 9
}

.paxinsurPlanBox input[type="radio"]+label::before {
    background-color: #f4f4f4;
    border-color: #ccc;
    content: "";
    border-radius: 50%;
    border: 1px solid #ccc;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 2px
}

.paxinsurPlanBox input[type="radio"]:checked+label::before {
    background: #6ecff6;
    border-color: transparent;
    border: none
}

.paxinsurPlanBox input[type=checkbox],
.paxinsurPlanBox input[type=radio] {
    display: none
}

.insBefit {
    background: #6ecff6;
    width: 100px;
    padding: 5px 10px;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    border: none
}

.insuranceDtls {
    background: #f6f6f6;
    padding: 15px 20px;
    border-radius: 10px;
}

.paxinsRemove {
    margin-right: 20px;
    background: #6ecff61a !important;
    color: #000 !important;
}

.paxinsurPlanBox p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 18px
}

.insuranceDtls p {
    font-size: 15px;
    line-height: 18px;
    margin-top: 15px;
    font-weight: 500
}

.ageLimit {
    background: #6ecff6;
    padding: 5px 20px;
    color: #fff;
    border-radius: 10px;
    font-size: 14px;
    margin-right: 10px;
    line-height: 20px
}

p.insOpacity {
    opacity: .5;
    padding-bottom: 15px
}

h4.plsclick_continue {
    padding: 10px 0 20px
}

h2.discountplans {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 0
}

p.extend_validity {
    font-size: 15px;
    color: #000;
    padding: 5px 0 25px
}

p.extend_validity a {
    font-size: 15px;
    color: #000
}

span.planeNum {
    padding-left: 10px
}
span.planeNum span{
	padding:0 2px;
}

.seatSeleTabWrp ul li {
    padding: 0;
    margin-top: 0px
}

.seatSeleTabWrp ul li p {
    font-size: 13px;
    padding-bottom: 5px
}

.seatSeleTabWrp ul li .tabLi {
    padding: 10px 20px;
    color: #213d49;
    background-color: #bcbdbf;
    font-size: 17px;
    border-radius: 10px;
    font-weight: 600;
    margin-right:20px;
}
.paxseatFlicticon {
    padding-top: 10px;
}
.fl_seat_icon{
	margin-top:15px;
}

.seatSeleTabWrp ul li:first-child .tabLi {
    border-radius: 10px;
    margin-right: 10px
}

.seatSeleTabWrp ul li:nth-last-child(2) .tabLi {
    border-radius: 10px
}

.seatSeleTabWrp ul li.current .tabLi {
    background: #6ecff6;
    color: #fff
}
.tab-link.align-items-center.current.mob_marginbtm {
    margin-top: 0px;
}
.seatSeleTabWrp ul li .tabLi span {
    text-transform: uppercase;
    font-size: 15px
}

.seatSeleTabWrp ul li .tabLi i {
    margin: 0 7px
}

.seatSeleTabWrp .tab-content ul {
    padding-right: 15px
}

.seatSeleTabWrp .tab-content ul li {
    padding-right: 20px;
    padding-bottom: 10px;
    display: flex;
    line-height: 18px
}

.seatSeleTabWrp .tab-content ul li:last-child {
    padding-right: 0
}

.seatSeleTabWrp .tab-content ul li .seatIndica {
    width: 18px;
    height: 18px;
    padding: 1px 4px;
    color: #fff;
    border-radius: 50%;
    margin-right: 3px
}

.seatSeleTabWrp .tab-content .seatUl {
    padding: 0
}

li.nBg.mr-0.ml-0 {
    height: 20px !important
}

.seatSeleTabWrp .tab-content .seatUl li {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 25px;
    font-size: 14px;
    padding: 0;
    margin: 0 10px;
    color: #fff;
    cursor: pointer
}

.seatSeleTabWrp .tab-content .seatPlane {
    height: 80px
}

.seatSeleTabWrp .tab-content .planeNum {
    font-weight: 500;
    padding-top: 10px
}

.seatSeleTabWrp .tab-content ul .nBg {
    background: transparent;
    color: #213d49
}

.seatSeleTabWrp .tab-content ul .occup {
    width: 30px;
    height: 40px;
    background-image: url(../images/occupied_seat.png);
    background-size: contain;
    background-repeat: no-repeat
}

.seatSeleTabWrp .tab-content ul .free {
    width: 30px;
    height: 40px;
    background-image: url(../images/free_seat.png);
    background-size: contain;
    background-repeat: no-repeat
}

.seatSeleTabWrp .tab-content ul .assigned {
    width: 30px;
    height: 40px;
    background-image: url(../images/assigned_seat.png) !important;
    background-size: contain;
    background-repeat: no-repeat
}

.seatSeleTabWrp .tab-content ul .paid {
    width: 30px;
    height: 40px;
    background-image: url(../images/paid_seat.png);
    background-size: contain;
    background-repeat: no-repeat
}

.seatSeleTabWrp .tab-content ul .seatLi_1 {
    width: 30px;
    height: 40px;
    background-image: url(../images/assigned_seat.png);
    background-size: contain;
    background-repeat: no-repeat
}

.seatSeleTabWrp .tab-content ul .seatLi_2 {
    width: 30px;
    height: 40px;
    background-image: url(../images/free_seat.png);
    background-size: contain;
    background-repeat: no-repeat
}

.seatSeleTabWrp .tab-content ul .seatLi_3 {
    width: 30px;
    height: 40px;
    background-image: url(../images/occupied_seat.png);
    background-size: contain;
    background-repeat: no-repeat
}

.seatSeleTabWrp .tab-content ul .seatLi_4 {
    width: 30px;
    height: 40px;
    background-image: url(../images/paid_seat.png);
    background-size: contain;
    background-repeat: no-repeat
}

.seatSeleTabWrp .tab-content ul .seatLi_blank {
    width: 30px;
    height: 40px;
}

.seatIndi.seattopcolors ul .assigned {
    background: #1abc04 !important
}

.seatIndi.seattopcolors ul .free {
    background: #e8d613
}

.seatIndi.seattopcolors ul .occup {
    background: #eaeaea
}

.seatIndi.seattopcolors ul .paid {
    background: #fd4215
}

.seatPassenUl li.tab-link.align-items-center.current {
    padding-bottom: 0;
    padding-right: 0
}

.seatIndi i {
    position: absolute;
    right: 17px;
    font-size: 16px;
    font-family: 'Roboto-Bold';
    cursor: pointer;
    transform: rotate(-90deg)
}

.seatUiArr {
    position: absolute;
    right: -35px;
    top: 42%;
    z-index: 1;
    cursor: pointer;
    background: #6ecff6;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 7px 4px;
    text-align: center
}

.seatUiArr:before {
    width: 100%;
    line-height: 35px
}

.icon-rightarrow {
    background-image: url(../images/seat_arrow.png);
    background-size: contain;
    background-position: center;
    width: 14px;
    height: 12px;
    display: inline-block;
    background-repeat: no-repeat
}

.seatPassenDetwrp h4 {
    font-size: 18px;
    color: #000;
    padding-bottom: 5px
}

.seatPassenUl .seatPassenLi {
    padding: 20px;
    width: 90%;
    background: #fff;
    border: 1px solid #12154b
}

.seatPassenUl .seatPassenLi .seatSelected {
    background: #000;
    padding: 5px 15px;
    color: #fff;
    border-radius: 10px;
    font-size: 13px;
    text-align: center
}

.seatPassenUl .seatPassenLi .seatSelected i {
    font-size: 10px;
    padding-right: 9px
}

.seatPassenLi .clearBtn {
    font-size: 0;
    background: url(../images/hm_clear.svg) no-repeat;
    width: 18px;
    height: 18px;
    top: 0;
    position: relative;
    left: auto;
    cursor: pointer;
    background-size: contain;
    right: auto;
    margin-left: 10px
}

.seatPassenUl b {
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
    font-weight: bold
}

.box_wrap {
    background: #fff;
    margin-bottom: 25px;
    position: relative;
    padding: 30px
}

.seatPassenDetwrp ul li.current .tabLi {
    background: #000
}

.seatPassenDetwrp .tab-content ul li {
    padding-bottom: 0;
    border-radius: 0
}

.seatSeleTabWrp .tab-content {
    display: none;
    padding: 20px 0;
    position: relative;
    z-index: 2;
    -webkit-animation: slide-down 1s ease;
    -moz-animation: slide-down 1s ease
}

.seatSeleTabWrp .tab-content.current {
    display: inherit;
    -webkit-animation: slide-down 1s ease;
    -moz-animation: slide-down 1s ease
}

.seatPlaneOut .table_outSeat {
    position: relative;
    z-index: 1;
    width: 770px;
    margin-left: 100px;
    padding: 20px 10px 10px 2px
}

.first_count {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.seatPlaneOut {
    background-image: url(../images/seat_bg.png);
    background-size: cover;
    background-position: left;
    width: 97%;
    height: 630px;
    background-repeat: no-repeat;
    position: relative
}

img.seatPlaneFrnt {
    margin-left: 70px;
    margin-top: -20px
}

.seatIndi {
    padding-left: 10px;
    padding-top: 10px;
}

.seatPassenUl.d-flex.flex-wrap {
    width: 100%
}

.table-responsive.seatslidediv {
    overflow-y: hidden;
    overflow-x: scroll
}

.Rpt {
    width: 33%;
    display: flex;
    margin-bottom: 10px
}

.seatPassenDetwrp ul.tabs {
    padding: 0;
    margin: 0 !important
}

.seatPassenDetwrp li.tab-link {
    padding: 0;
    margin: 0
}

.seatPassenDetwrp ul li.current .tabLi {
    background: #6ecff6;
    border-radius: 10px 0 0 10px;
    height: 100%;
    margin: 0;
    padding: 15px
}

.seatPassenDetwrp .seatPassenUl {
    width: 100%
}

.seatPassenDetwrp .seatPassenLi {
    border: 1px solid #ccc;
    border-radius: 0 10px 10px 0;
    padding: 5px 20px 5px 10px;
    position: relative
}
.seatPassenDetwrp .seatPassenLi h4{
	font-size: 16px;
}

.seatPassenDetwrp {
    padding-bottom: 20px;
    padding-left: 0
}

.seat_countryArrow {
    background-image: url(../images/seat_countryArrow.svg);
    background-size: contain;
    background-position: center;
    width: 11px;
    height: 11px;
    background-repeat: no-repeat
}

.seatSeleTabWrp .tab-content ul .exiticon {
    background: url(../images/exit_arrow.svg) no-repeat;
    width: 12px !important;
    height: 18px !important;
    display: inline-block;
    background-size: contain;
    background-position: center
}

i.icon-close-2 {
    background-image: url(../images/close.svg);
    background-size: contain;
    background-position: center;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    display: inline-block
}

h3.mybookhead {
    color: #fff;
    font-size: 20px;
    font-family: 'Roboto-Bold';
    padding-top: 5px
}

.myprofileIcon {
    background-image: url(../images/myProfile_icon.svg);
    background-size: contain;
    background-position: left;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 7px
}

button.theme_btnStyle.myProfilebtn {
    align-items: center;
    display: flex;
    padding: 0 25px
}

.mybookingBoxMain .nav-tabs .nav-item.show .nav-link,
.mybookingBoxMain .nav-tabs .nav-link.active {
    color: #fff;
    border-color: transparent;
    background: #6ecff6
}

.mybookingBoxMain .nav-tabs .nav-link {
   border: 1px solid #ccc;
    border-radius: 5px;
    color: #3d454e;
    background: #fff;
}

.mybookingBoxMain .nav-link {
    display: block;
    padding: 10px 20px
}

.mybookingBoxMain .nav-tabs {
    border-bottom: none;
    margin-bottom: 20px
}

.mybookingBoxMain .nav-tabs .nav-item {
    margin-bottom: 0;
    margin-right: 15px;
}

.mybookingBoxMain .box {
    background-color: #fff;
    box-shadow: 0 5px 9px #cccccc70;
    border-radius: 10px;
    padding:20px;
    display:flex;
    width: 100%;
    margin-bottom: 25px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.mybookingBoxMain .head {
    font-weight: 600;
    font-size: 14px;
    color: #000;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

span.mybookingDest {
    color: #000;
    font-size: 14px
}

a.myb_vew_details.view {
    background: #fff;
    border: 1px solid #ccc;
    border-radius:5px;
    padding: 7px 20px;
    color: #3d454e;
    font-size: 15px;
    margin-left: 15px
}

.mybookingBoxMain h4 {
    font-size: 14px
}

.box.active {
    border: 2px solid #6ecff6;
    margin-bottom: 15px
}

span.booking_status.ticketed {
    color: #129600;
    font-size: 15px
}

span.booking_status.waiting {
    color: #ff7e00;
    font-size: 15px
}

span.booking_status.ticketing_failed {
    color: #dc0000;
    font-size: 15px
}

.myb__booking_details {
    border: 2px solid #6ecff6;
    border-radius: 10px;
    margin-bottom: 20px;
    background: #fff;
    position: relative;
    overflow: hidden
}

.departBox {
    background: #f8f8f8;
    height: 51px;
    transform: rotate(90deg);
    width: 110px;
    position: absolute;
    left: -50px;
    top: 24px;
    padding: 5px 5px 0 10px;
    text-align: center;
}

.departBox span.text {
    transform: rotate(180deg);
    display: inline-block;
    font-size: 15px
}

.mybook_airlines {
    width: 24%;
    text-align: center
}

.mybook_airlines p {
    font-size: 13px;
    text-align: center;
    margin-bottom: 0
}

.mybook_destination {
    padding-top: 10px;
    width: 16%
}

.mybook_destination h1 {
    color: #000;
    font-size: 20px;
    font-family: 'Roboto-Bold';
    padding-bottom: 0;
    margin-bottom: 0
}

.mybook_destination p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px
}

.mybook_timesCenter {
    width: 40%;
    padding: 0 40px
}

.mybook_timesCenter .air__stops {
    position: relative;
    width: 100%;
    padding-top: 0
}

.mybook_timesCenter .airDurationStops span {
    font-size: 13px
}

.timerIcon {
    background-image: url(../images/mybook_timeIcon.svg);
    background-size: contain;
    background-position: left;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px
}

.foodIcon {
    background-image: url(../images/mybook_foodicon.svg);
    background-size: contain;
    background-position: left;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px
}

.mybook_timesCenter .airDurationStops::before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #000;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: -7px;
    z-index: 2;
    background-size: contain;
    background-repeat: no-repeat
}

.mybook_timesCenter .airDurationStops::after {
    height: 1px;
    width: 100%;
    background: #ccc;
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    z-index: 1
}

.mybook_timesCenter .airDurationStops .stop-overs {
    display: flex;
    font-size: 12px;
    margin-top: 0;
    justify-content: center;
    padding-top: 0;
    min-height: 30px
}

.mybook_timesCenter .flightIcon {
    position: absolute;
    right: -5px;
    top: 14px;
    z-index: 2;
    width: 26px;
    height: 26px;
    background: #FFF url(../images/mybook_flighticon.svg) center;
    background-size: contain
}

.myb__booking_details .returnBox {
    background: #f8f8f8;
    height: 29px;
    transform: rotate(90deg);
    width: 120px;
    position: absolute;
    left: -44px;
    padding: 5px;
    display: inline-block;
    text-align: center;
    bottom: 45px
}

.myb__booking_details .returnBox span.text {
    transform: rotate(180deg);
    display: inline-block;
    font-size: 15px
}

.myBook_bdr {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    height: auto;
    position: relative;
    margin-bottom: 10px;
}

.mybook_btns {
    padding: 10px 20px
}

button.cancel_btn {
    background: #7e8284;
    cursor: pointer;
    color: #fff;
    outline: none;
    font-size: 16px;
    border-radius: 10px;
    line-height: 30px;
    padding: 0 30px;
    border: none;
    height: 45px;
    font-family: 'Roboto-Bold';
}

.mybook_FareRule h4 {
    font-size: 20px;
    padding-bottom: 10px
}

.mybook_FareRule p {
    font-size: 14px
}

.innerHeader {
	background:#FFF;
    box-shadow: none !important;
	padding-bottom: 12px !important;
    padding-top: 12px !important;
}
.HmLogo {
    height: 50px;
    background: url(../images/logo.png) no-repeat left;
    background-size: contain;
}

.profile_blue {
    background-color: #6ecff6;
    border-radius: 10px;
    width: 90px;
    height: 90px;
    display: inline-block;
    text-align: center;
}

i.profileManicon {
    background-image: url(../images/profile_man.svg);
    background-size: contain;
    background-position: center;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 20px;
}

i.profile_icon {
    background-image: url(../images/profile_icon.svg);
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 0;
    margin-right: 5px
}

i.login_dtls_icon {
    background-image: url(../images/login_dtls_icon.svg);
    background-size: contain;
    background-position: center;
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 0;
    margin-right: 5px
}

i.addtrvlr_icon {
    background-image: url(../images/add-travelericon.svg);
    background-size: contain;
    background-position: center;
    width: 21px;
    height: 21px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 0;
    margin-right: 5px
}

i.mybook_icon {
    background-image: url(../images/mybook_icon.svg);
    background-size: contain;
    background-position: center;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 0;
    margin-right: 5px
}

.myprofileMain ul li.active a {
    color: #fff
}

.myprofileMain ul li a {
    color: #000;
    display: flex;
    align-items: center
}

.myprofileMain ul li.active i.profile_icon {
    background-image: url(../images/profile_icon_active.svg);
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 0;
    margin-right: 5px
}

.myprofileMain ul li.active i.login_dtls_icon {
    background-image: url(../images/login_dtls_icon_active.svg);
    background-size: contain;
    background-position: center;
    width: 17px;
    height: 17px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 0;
    margin-right: 5px
}

.myprofileMain ul li.active i.addtrvlr_icon {
    background-image: url(../images/add-travelericon_active.svg);
    background-size: contain;
    background-position: center;
    width: 21px;
    height: 21px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 0;
    margin-right: 5px
}

.myprofileMain ul li.active i.mybook_icon {
    background-image: url(../images/mybook_icon_active.svg);
    background-size: contain;
    background-position: center;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 0;
    margin-right: 5px
}

.myprofileMain ul li {
    padding: 8px 20px;
    margin-right: 20px;
   background-color: #fff;
    border-radius:5px;
    font-size: 15px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border:1px solid #ccc;
}

.myprofileMain ul li:first-child {
    border: none;
    border-radius:5px;
    border-color: transparent;
    padding: 0;
    background-color: transparent;
}

.myprofileMain ul li.active {
    background: #6ecff6;
    color: #fff
}

.myprofileMain {
    margin-bottom: 30px
}

.myprofilebox {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 15px 0 #00000024;
    padding: 25px;
    margin-bottom: 30px
}

.pheadIcon {
    background-image: url(../images/myprofile_blueIcon.svg);
    background-size: contain;
    background-position: center;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 0;
    margin-right: 10px
}

.p_head {
    display: flex;
    align-items: center
}

.p_head h4 {
    color: #000;
    font-weight: 600;
    font-size: 17px
}

button.theme_btnStyle.edit_profile {
    font-size: 14px;
    border-radius: 10px;
    line-height: 30px;
    padding: 0 20px;
    height: 40px
}

.profile_bottom_bdr {
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px
}

.pr_forms .form-group {
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ccc
}

.pr_forms label {
    display: inline-block;
    width: 50%;
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    padding: 11px 0;
    font-size: 14px;
    height: 45px
}

.pr_forms input.form-control.p_nonEdit {
    width: 50%;
    border: none;
    border-radius: 0;
    font-size: 14px
}

.pr_forms {
    margin: 20px 0
}

.pheadLogindtlsIcon {
    background-image: url(../images/login_dtls_blue_icon.svg);
    background-size: contain;
    background-position: center;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 0;
    margin-right: 10px
}

.pr_loginDtls {
    padding-top: 25px
}

.pheadAddTrvlIcon {
    background-image: url(../images/add-travel_blue.svg);
    background-size: contain;
    background-position: center;
    width: 32px;
    height: 24px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 0;
    margin-right: 10px
}

.myprofilebox label {
    font-size: 14px
}

.multicity_modify {
    border-right: 1px solid #ccc;
    padding-right: 12px;
    padding-left: 12px
}

.multi_modifyDtls {
    padding-left: 10px
}

.pax_bagDirection {
    background: #6ecff6;
    color: #fff;
    border-radius: 10px;
    padding: 5px 20px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    margin-bottom: 10px
}

.htlresult_Dttls {
    padding: 20px;
    display: flex;
    width: 100%
}

.HtlRsltAdMain {
    width: 72%;
    padding-left: 10px
}

.htl_pic {
    margin-right: 20px
}

.htl_pic img {
    border-radius: 10px;
    width: 215px;
    height: 190px
}

.htlfltrsearchIcon {
    background: url(../images/searchicon.svg) center;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: cover;
    margin-top: 5px
}

.HtlDtlsIcon {
    background: url(../images/htl_rslt_details.svg) center;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: cover;
    margin-right: 5px
}

.transIcon {
    background: url(../images/pack_trans_icon.svg) center;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    margin-right: 5px;
    background-repeat: no-repeat;
}

.HtlMapIcon {
    background: url(../images/htl_rslt_map.svg) center;
    display: inline-block;
    width: 14px;
    height: 20px;
    background-size: cover;
    margin-right: 5px
}

.HtlDtls_bar_Icon {
    background: url(../images/htldtls_bar_icon.svg) center;
    display: inline-block;
    width: 21px;
    height: 21px;
    background-size: cover;
    margin-right: 5px
}

.HtlDtls_tea_Icon {
    background: url(../images/htldtls_tea_icon.svg) center;
    display: inline-block;
    width: 21px;
    height: 21px;
    background-size: cover;
    margin-right: 5px
}

.HtlDtls_internet_Icon {
    background: url(../images/htldtls_internet_icon.svg) center;
    display: inline-block;
    width: 21px;
    height: 21px;
    background-size: cover;
    margin-right: 5px
}

.HtlDtls_fitness_Icon {
    background: url(../images/htldtls_fitness_icon.svg) center;
    display: inline-block;
    width: 21px;
    height: 21px;
    background-size: cover;
    margin-right: 5px
}

.HtlDtls_steam_Icon {
    background: url(../images/htldtls_steamroom_icon.svg) center;
    display: inline-block;
    width: 21px;
    height: 21px;
    background-size: cover;
    margin-right: 5px
}

.hotel-rslt-address h2 {
    font-size: 20px;
    font-family: 'Roboto-Bold';
}

.htlRsltStar {
    background-image: url(../images/htlpaxStar.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 91px;
    height: 19px;
    display: inline-block;
    margin: 8px 0
}

.htlRsltStar.fivestar {
    background-position: -2px 0;
    width: 91px;
    height: 19px;
    background-size: cover
}

.htlRsltStar.fourstar {
    background-position: -2px -18px;
    width: 91px;
    height: 19px;
    background-size: cover
}

.htlRsltStar.threestar {
    background-position: -2px -37px;
    width: 91px;
    height: 19px;
    background-size: cover
}

.htlRsltStar.twostar {
    background-position: -2px -56px;
    width: 91px;
    height: 19px;
    background-size: cover
}

.htlRsltStar.onestar {
    background-position: -2px -76px;
    width: 91px;
    height: 19px;
    background-size: cover
}

.htlRsltStar.zerostar {
    background-position: -2px -95px;
    width: 91px;
    height: 19px;
    background-size: cover
}

.resultfareDetails .perrooms {
    color: #fffc00;
    font-size: 12px
}

.hotel-rslt-address p {
    padding: 5px 0;
    font-size: 13px
}

.hotel_Rslt_dtls li a {
    color: #000;
    font-size: 14px
}

p.result_description {
    font-size: 14px
}

.htlresult_panel {
    border-radius: 5px;
    position: relative;
    margin-bottom: 22px
}

.htlMpaviewBtn {
    cursor: pointer;
    color: #fff;
    outline: none;
    font-size: 16px;
    border-radius: 10px;
    line-height: 30px;
    padding: 9px 30px;
    border: none;
    background: #6ecff6;
    font-family: 'Roboto-Bold';
    height: 50px !important;
    margin-left: 20px;
    display: flex
}

.htlmap_icons {
    background-image: url(../images/htlmap_icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 7px
}

.room-repeat {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 10px;
    padding-top: 0
}

.room-repeat h3 {
    font-size: 16px;
    color: #000;
    margin: 0 0 8px;
    font-weight: 600
}

.room-repeat ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.room-repeat ul li {
    margin-bottom: 5px;
    width: 48%
}

.room-repeat p {
    margin-bottom: 5px;
    font-size: 12px
}

.addRoom,
.addRoom:hover,
.addRoom:focus {
    color: #000000 !important;
    text-decoration: none !important;
    cursor: pointer;
    font-size: 14px
}

.removeRoom,
.removeRoom:hover,
.removeRoom:focus {
    color: #6ecff6 !important;
    text-decoration: none !important;
    cursor: pointer;
    font-size: 14px
}

.room-repeat .psnrs_travel {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px
}

button.close_sign {
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    height: 30px
}

.MapViewCloseIcon {
    background-image: url(../images/close.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
    display: inline-block
}

.HotelResultDtlsModal .nav-tabs {
    border-bottom: none
}

.HotelResultDtlsModal .nav-tabs .nav-item.show .nav-link,
.HotelResultDtlsModal .nav-tabs .nav-link.active {
    border-color: transparent;
    cursor: pointer;
    color: #fff;
    outline: none;
    font-size: 16px;
    border-radius: 10px;
    line-height: 30px;
    padding: 8px 30px;
    border: none;
    background: #6ecff6;
    height: 45px;
    font-family: 'Roboto-Bold';
}

.HotelResultDtlsModal .nav-tabs .nav-link {
    border-color: transparent;
    cursor: pointer;
    color: #fff;
    outline: none;
    font-size: 16px;
    border-radius: 10px;
    line-height: 30px;
    padding: 8px 30px;
    border: none;
    background: #b5bdc3;
    height: 45px;
    font-family: 'Roboto-Bold';
    margin-right: 15px
}

.HotelResultDtlsModal .nav-tabs {
    border-bottom: none;
    margin-bottom: 20px
}

.htl_dtls_modal_bg {
    background-color: #edf5fb;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 10px
}

.htl_dtls_modal_bg h3 {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    margin-bottom: 5px
}

.htl_dtls_modal_bg h4 {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-bottom: 5px
}

.htl_dtls_modal_bg h4 span {
    font-size: 16px;
    color: #000;
    margin-bottom: 5px
}

.htl_dtls_modal_bg p {
    font-size: 14px;
    color: #000;
    margin-bottom: 5px
}

.htldtlsmodalcontetnt h3 {
    color: #000;
    font-size: 17px;
    margin-top: 0;
    margin-bottom: 8px;
    font-weight: 600
}

.htldtlsmodalcontetnt p {
    color: #000;
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 8px
}

.hotel-map-view {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    margin-left: -100%;
    transition: all .3s;
    background: #fff
}

.hotel-map-view-header {
    padding: 10px 0;
    background: #485358;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.hotel-map-view-header .Filterbtn {
    box-shadow: none;
    padding: 0 30px
}

.hotelMap-Open {
    margin-left: 0
}

a.MapViewClose i {
    line-height: 38px;
    font-size: 24px;
    font-style: normal;
    color: #FFF
}

.MapView-filter {
    position: fixed;
    width: 315px;
    flex: none;
    margin-left: -350px;
    top: 0;
    left: 0;
    background: #fff;
    transition: all .3s;
    padding: 15px;
    z-index: 1001;
    max-width: 315px;
    -webkit-box-shadow: 0 0 28px -2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 28px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 28px -2px rgba(0, 0, 0, 0.3);
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden
}

.MapView-filter.filter__Col.active {
    margin-left: 0
}

.FilterSlide {
    margin-left: 0
}

.MapView-filter .filterClose {
    display: block;
    right: 4px;
    top: 3px
}

.FillterByName button {
    width: 43px;
    flex-grow: 1;
    padding: 0 13px;
    background: none;
    position: absolute;
    font-size: 14px;
    background: #6ecff6;
    border: 0;
    right: 0;
    height: 45px;
    border-radius: 10px;
}

.FillterByName .form-control {
    border-radius:10px;
    border: solid #ccc 1px;
    height: 43px;
    font-size: 14px
}

.htlfliterStar ul li {
    position: relative;
    text-align: center;
    margin-right: 7px;
    flex-grow: 1;
    margin-bottom: 0
}

.htlfliterStar input[type="checkbox"],
input[type="radio"] {
    display: none
}

.htlfliterStar input[type="checkbox"]+label {
    border: 1px solid #b4b4b4;
    font-size: 12px;
    width: 100%;
    cursor: pointer;
    padding: 0;
    border-radius: 5px
}

.htlfliterStar input[type="checkbox"]+label span {
    text-align: center;
    font-size: 13px;
    width: 100%;
    display: block;
    padding: 8px 5px;
    display: flex;
    align-items: center;
    justify-content: center
}

.htlfliterStar input[type="checkbox"]:checked+label,
.htlfliterStar li.filt_active input[type="checkbox"]+label {
    border: 1px solid #6ecff6;
    color: fff;
    background: #6ecff6
}

.htlfliterStar input[type="checkbox"]+label::before {
    display: none !important
}

.htl_filter_star {
    width: 14px;
    height: 13px;
    background: url(../images/htl_filter_star.png);
    display: inline-block;
    background-size: contain;
    margin-left: 4px
}

.map_hotel_details {
    padding-left: 20px
}

.map_pic {
    width: 250px;
    height: 170px
}

.map_pic img {
    width: 250px;
    height: 180px !important;
    margin-bottom: 15px;
    border-radius: 10px
}

.hotel_name h3 {
    font-size: 18px;
    padding-bottom: 0
}

.hotel_name span {
    font-size: 14px
}

button.show-more {
    background: #000;
    color: #fff;
    border: none;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 5px;
    margin-top: 10px
}

span.per-room {
    font-size: 14px !important;
    font-weight: normal !important;
}

span.map_rate {
    font-size: 18px
}

span.map_rate span {
    padding: 0 2px;
    font-family: 'Roboto-Bold';
}
.htlSeatAvail {
    padding: 7px 15px !important;
}
.mapViewDescr p {
    font-size: 12px;
    padding-top: 5px
}

.map_cont {
    color: #000;
    padding-left: 15px
}

.gm-style {
    text-decoration: none
}

.htlDtls_topDtls {
    width: 70%
}

.htlpaxStar {
    background-image: url(../images/htlpaxStar.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 91px;
    height: 116px;
    display: inline-block;
    margin-left: 15px
}

.htlDtls_topDtls .fivestar {
    background-position: -2px 0;
    width: 91px;
    height: 19px;
    background-size: cover
}

.htlDtls_topDtls .fourstar {
    background-position: -2px -18px;
    width: 91px;
    height: 19px;
    background-size: cover
}

.htlDtls_topDtls .threestar {
    background-position: -2px -37px;
    width: 91px;
    height: 19px;
    background-size: cover
}

.htlDtls_topDtls .twostar {
    background-position: -2px -56px;
    width: 91px;
    height: 19px;
    background-size: cover
}

.htlDtls_topDtls .onestar {
    background-position: -2px -76px;
    width: 91px;
    height: 19px;
    background-size: cover
}

.htlDtls_topDtls .zerostar {
    background-position: -2px -95px;
    width: 91px;
    height: 19px;
    background-size: cover
}

button.theme_btnStyle.room_bookBtn.continueBtn {
    margin-bottom: 20px
}

.gallery-col {
    -ms-flex: 0 0 63%;
    flex: 0 0 63%;
    max-width: 63%;
    padding: 0 15px;
    position: relative
}

.map-col {
    -ms-flex: 0 0 37%;
    flex: 0 0 37%;
    max-width: 37%;
    padding: 0 15px;
    position: relative
}

.hotel-dtls-gallery .flexslider .slides img {
    width: 100%;
    max-height: 360px;
    min-height: 360px;
    display: block;
    border-radius: 10px
}

#hote-dtls-carousel li img {
    max-height: 85px !important;
    min-height: 85px !important;
    border-radius: 10px
}

.hotel-dtls-gallery .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 40%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    line-height: 25px;
    transform: translate(0, -50%);
    background: #6ecff6
}

.hotel-dtls-gallery .flex-direction-nav a i:before {
    margin: 0
}

.hotel-dtls-gallery .flex-direction-nav .flex-prev {
    left: -33px;
    width: 30px;
    height: 30px;
    transform: scaleX(-1) translate(0, -50%)
}

.hotel-dtls-gallery .flex-direction-nav .flex-next {
    right: -33px;
    width: 30px;
    height: 30px
}

.hotel-dtls-gallery .flexslider:hover .flex-prev {
    opacity: 1;
    left: 30px
}

.hotel-dtls-gallery .flexslider:hover .flex-next {
    opacity: 1;
    right: 30px
}

#hote-dtls-carousel {
    margin-top: 12px
}

#hote-dtls-carousel ul li {
    cursor: pointer
}

.hotel-map {
    border: 1px solid #ccc;
    border-radius: 10px;
    overflow-x: hidden;
    height: 460px
}

ul.htl_dtlsnavList {
    margin-top: 40px;
    margin-bottom: 25px;
    position: relative
}

.htl_dtlsnavList li {
    border-right: solid #666 1px;
    padding-left: 30px;
    padding-right: 30px
}

.htl_dtlsnavList li:last-child {
    border-right: none
}

.htl_dtlsnavList li a {
    font-weight: 600;
    font-size: 15px;
    color: #3d454e
}

.htl_dtlsnavList li a:hover {
    color: #000
}

.htl_dtlsnavList li a.active {
    color: #000;
    border-bottom: solid 2px #000;
    padding-bottom: 4px
}

.htl_dtlsnavList li:first-child {
    padding-left: 0
}



.htldtsRoomRpt {
    width: 100%;
    margin-bottom: 10px
}

.htlDtlsBoxHead {
    padding: 15px 0px
}

.htlDtlsBoxHead h3 {
    font-size: 17px;
    color: #000;
    padding: 0;
    font-family: 'Roboto-Bold';
}

.htlDtlsBoxContent {
    padding: 20px;
    color: #000;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

.htlDtlsBoxContent p {
    padding-bottom: 10px;
    margin: 0;
    font-size: 15px
}

.htl_dtls_highlight {
    padding-top: 8px
}

.htl_dtls_highlight h3 {
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 10px
}

.htl_dtls_highlight li {
    padding-bottom: 10px;
    font-size: 14px
}

.htl_dtls_highlight li span {
    width: 92%
}

.htl_dtls_highIcon {
    background: url(../images/htl_dtls_high_icon.svg) center;
    display: inline-block;
    width: 21px;
    height: 21px;
    background-size: cover;
    margin-right: 8px
}

.RoomDtls_panel {
    border: 1px solid #12154b;
    border-radius: 0;
    position: relative;
    margin-bottom: 15px
}

.RoomDtls_panel:last-child {
    margin-bottom: 0
}

.RoomDtls_panel_col_l {
    flex: 0 0 82%;
    max-width: 82%;
    background: #FFF;
    border-radius: 10px
}

.RoomDtls_panel_col_R {
    flex: 0 0 18%;
    max-width: 18%;
    padding: 20px;
    background: #12154b;
    color: #FFF;
    position: relative;
    right: -1px
}

.RoomDtls_panel_roompic {
    width: 160px;
    height: 99px
}

.RommDetaillBtn {
    padding: 8px 30px;
    text-transform: uppercase;
    margin-top: 10px;
    font-weight: 600
}

.RommDetaillBtn:hover {
    color: #FFF
}

.RoomDtls_item {
    padding: 0;
    width: 100%
}

.hotel-room-details {
    padding: 20px;
    border-top: solid #12154b 1px
}

.hotel-room-details:first-child {
    border: none
}

.hotel-room-details h2 {
    font-size: 17px;
    font-weight: 600;
    padding: 0 10px;
    padding-bottom: 12px
}

.hotel-room-details h4 a {
    font-size: 14px;
    color: #6ecff6;
    padding: 0 10px;
    padding-top: 10px
}

.hotel-room-details p {
    font-size: 14px;
    padding: 0 10px;
    line-height: 18px
}

.htldtlsBox_01 {
    width: 20%
}

.htldtlsBox_02 {
    width: 80%
}

img.room_picSmall {
    border-radius: 10px;
    width: 200px;
    height: 150px;
    margin-bottom: 20px
}

i.room_bedIcon {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/room_bed.svg);
    background-position: center;
    background-size: contain;
    margin-right:5px
}

i.room_SizeIcon {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/room_size.svg);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}

i.room_WifiIcon {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/room_wifi.svg);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}

i.room_BalconyIcon {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/room_balcony.svg);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}

i.room_AcIcon {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/room_ac.svg);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}

i.room_BathTubIcon {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/room_bathtub.svg);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}

i.room_24security {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/24_security.png);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}

i.room_gym {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/gym.png);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}

i.room_lift {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/lift.png);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}

i.room_parking {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/parking.png);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}

i.room_ac {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/ac.png);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}

i.room_swimming_pool {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/swimming_pool.png);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}

i.room_baggage_storage {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/baggage_storage.png);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}

i.room_coffee_maker {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/coffee_maker.png);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}

i.room_keyless_entry {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/keyless_entry.png);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}

i.room_laundry_service {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/laundry_service.png);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}

i.room_restaurant {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/restaurant.png);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}

i.room_room_service {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/room_service.png);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}

i.room_wardrobe_closet {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/wardrobe_closet.png);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}

i.room_water_bottle {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/mineral_water_bottle.png);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}

i.room_housekeeping {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/daily_housekeeping.png);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}

i.room_toiletries {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/free_toiletries.png);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}

i.room_tv {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/lcd_tv.png);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}

i.room_breakfast {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/breakfast.png);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}

i.room_bar {
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/bar.png);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}

i.room_common_icon {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url(../images/common_icon.png);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}

i.privatebeacharea {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url(../images/privatebeacharea.png);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}
i.sauna {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url(../images/sauna.png);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}
i.businesscenter {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url(../images/businesscenter.png);
    background-position: center;
    background-size: contain;
    margin-right: 5px
}
.htldtlsBox_01 .apartmentIcon{
    height:25px;
    width:25px;
    background: url(../images/apartment.png);
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
     margin-right: 5px
}
.htldtlsBox_01 .swimmingpool{
    height:25px;
    width:25px;
    background: url(../images/swimming.png);
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
     margin-right: 5px
}
.htldtlsBox_01 .bathroomIcon{
    height:25px;
    width:25px;
    background: url(../images/bathroom.png);
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
     margin-right: 5px
}
.htldtlsBox_01 .parkinIcon{
    height:25px;
    width:25px;
    background: url(../images/parking.png);
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
     margin-right: 5px
}
.htldtlsBox_01 .ACIcon{
    height:25px;
    width:25px;
    background: url(../images/ac.png);
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
     margin-right: 5px
}
.htldtlsBox_01 .wifiIcon{
    height:25px;
    width:25px;
    background: url(../images/wifi.png);
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
     margin-right: 5px
}
.htldtlsBox_01 .kitchenIcon{
    height:25px;
    width:25px;
    background: url(../images/kitchen.png);
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
     margin-right: 5px
}
.htldtlsBox_01 .fitnesIcon{
    height:25px;
    width:25px;
    background: url(../images/fitnes.png);
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
     margin-right: 5px
}
.htldtlsBox_01 .nosmokingIcon{
    height:25px;
    width:25px;
    background: url(../images/nosmoking.png);
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
     margin-right: 5px
}


.htldtlsBox_01 .HtlDtls_bar_Icon {
    background: url(../images/htldtls_bar_icon.svg) center;
    display: inline-block;
    width: 21px;
    height: 21px;
    background-size: cover;
   margin-right: 5px
}

.htldtlsBox_01 .HtlDtls_tea_Icon {
    background: url(../images/htldtls_tea_icon.svg) center;
    display: inline-block;
    width: 21px;
    height: 21px;
    background-size: cover;
    margin-right: 5px
}

.htldtlsBox_01 .HtlDtls_internet_Icon {
    background: url(../images/htldtls_internet_icon.svg) center;
    display: inline-block;
    width: 21px;
    height: 21px;
    background-size: cover;
    margin-right: 5px
}

.htldtlsBox_01 .HtlDtls_fitness_Icon {
    background: url(../images/htldtls_fitness_icon.svg) center;
    display: inline-block;
    width: 21px;
    height: 21px;
    background-size: cover;
    margin-right: 5px
}

.htldtlsBox_01 .HtlDtls_steam_Icon {
    background: url(../images/htldtls_steamroom_icon.svg) center;
    display: inline-block;
    width: 21px;
    height: 21px;
    background-size: cover;
    margin-right: 5px
}



.htldtlsBox_01 span {
    font-size: 14px
}

.rooms_heading1 {
    width: 35%
}

.rooms_heading2 {
    width: 20%
}

.rooms_heading3 {
    width: 25%
}

.rooms_heading4 {
    width: 20%
}

.htlDtlsRoom_heads h5 {
    font-size: 15px;
    color: #6ecff6;
    font-weight: 500;
}

.htlDtlsRoom_box .htlDtlsRoom_box {
    border: 1px solid #ccc;
    border-radius: 10px
}

.htlDtlsRoom_box {
    border: 1px solid #ccc;
    border-radius: 10px
}

.rooms_box1 {
    width: 35%;
    padding: 15px;
    border-right: 1px solid #ccc
}

.rooms_box2 {
    width: 20%;
    padding: 15px;
    border-right: 1px solid #ccc
}

.rooms_box3 {
    width: 25%;
    padding: 15px;
    border-right: 1px solid #ccc
}

.rooms_box4 {
    width: 20%;
    padding: 15px;
    text-align: center;
    display: block;
    align-items: center;
    justify-content: center
}

button.theme_btnStyle.room_bookBtn {
    font-size: 16px;
    border-radius: 10px;
    line-height: 30px;
    padding: 0 25px
}

.htlDtlsRoom_heads {
    margin-bottom: 10px
}

.htlDtlsRoom_box h4 {
    font-size: 17px;
    color: #3d454e;
    font-weight: 600;
    padding-bottom: 8px;
    text-transform: capitalize
}

.modal-body.cancelModalhotel {
    padding-top: 0
}

.modal-body.cancelModalhotel h6 {
    text-transform: capitalize;
    padding: 10px 0
}

.htlpaxcanclDtls h6 {
    text-transform: capitalize;
    padding: 10px 0
}

.htlDtlsRoom_box ul li {
    color: #000;
    font-size: 14px;
    position: relative;
    list-style: none;
    padding-left:15px;
    margin-bottom: 0px;
}

.htlDtlsRoom_box ul {
    margin-bottom:5px
}

a.room_cancelation {
    font-size: 15px;
    color: #6ecff6 !important;
    display: flex;
    align-items: center;
        justify-content: center;
    margin-bottom:5px;
}
span.htlDtlsAdress {
    width: 95%;
}
.rooms_box3 h3 {
    font-size: 15px;
    color: #000;
    font-weight: 600
}
.htlDtlsRoom_box ul li:before {
    content: "";
    position: absolute;
    left: 0px;
    background: #6ecff6;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    top: 6px;
}
.rooms_box3 p {
    font-size: 14px;
    color: #000
}

i.room_adultIcon {
    width: 15px;
    height: 15px;
    display: inline-block;
    background: url(../images/adulticon.svg);
    background-position: center;
    background-size: contain;
    margin-right: 10px
}

i.room_childIcon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../images/childIcon.svg);
    background-position: center;
    background-size: contain;
    margin-right: 10px
}

.rooms_box2 span {
    font-size: 14px
}

.htlRoombdr {
    border-bottom: 1px solid #ccc
}

.htlRoombdr:last-child {
    border-bottom: none
}

.htlRoombdr.d-flex.combo_rooms {
    border-bottom: none
}


.htlRoombdr.d-flex.combo_rooms .rooms_box4 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap
}

.htlPaxSumry img {
    width: 152px;
    height: 125px;
    margin-right: 25px;
    border-radius: 10px
}

.htlPaxSumry .htlpaxStar {
    margin-left: 0
}

.htlPaxSumry p {
    margin-bottom: 5px
}

.htlPaxSumry .paxHtlDtls h4 {
    font-size: 17px;
    font-family: 'Roboto-Bold';
    padding-top: 10px;
    padding-bottom: 5px
}

.htlpaxDates h4 {
    font-size: 17px;
    font-family: 'Roboto-Bold';
    padding-top: 10px;
    padding-bottom: 8px
}

.htlpaxDates p {
    margin-bottom: 0
}

.htlPaxSumryDtls .col_01 {
    width: 40%;
    border-right: 1px solid #ccc;
    padding: 20px;
    font-size: 17px;
    font-family: 'Roboto-Bold';
}

.htlPaxSumryDtls .col_02 {
    width: 20%;
    border-right: 1px solid #ccc;
    padding: 12px 20px;
    font-size: 14px
}

.htlPaxSumryDtls .col_02:last-child {
    border-right: none
}

.col_02.bdrremove {
    border-right: none
}

.htlPaxSumryDtls {
    color: #3d454e;
    border-bottom: 1px solid #ccc
}

.htlPaxSumryDtls .col_02 p {
    margin-bottom: 0
}

.lineH {
    line-height: 38px
}

.htlpaxcanclDtls {
    color: #000;
    font-size: 14px;
    padding: 0 20px 20px
}

.htlRoomCount {
    background-color: #6ecff6;
    border-radius: 10px;
    padding: 0 15px;
    font-size: 16px;
    font-family: 'Roboto-Bold';
    color: #fff;
    display: inline-block;
    margin-bottom: 20px;
    line-height: 34px;
    text-align: center
}

.htlpaxRoomRepeat {
    margin-bottom: 10px
}

.paxHtlDtls .fivestar {
    background-position: -2px 0;
    width: 91px;
    height: 19px;
    background-size: cover
}

.paxHtlDtls .fourstar {
    background-position: -2px -18px;
    width: 91px;
    height: 19px;
    background-size: cover
}

.paxHtlDtls .threestar {
    background-position: -2px -37px;
    width: 91px;
    height: 19px;
    background-size: cover
}

.paxHtlDtls .twostar {
    background-position: -2px -56px;
    width: 91px;
    height: 19px;
    background-size: cover
}

.paxHtlDtls .onestar {
    background-position: -2px -76px;
    width: 91px;
    height: 19px;
    background-size: cover
}

.paxHtlDtls .zerostar {
    background-position: -2px -95px;
    width: 91px;
    height: 19px;
    background-size: cover
}

.htlPaxSumry {
    padding: 20px
}

.htlpaxViewDetails {
    background: #FFF;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 30px
}

.htlpaxcancl {
    color: #6ecff6;
    padding: 15px 20px;
    font-size: 14px;
    cursor: pointer
}

textarea.form-control {
    height: auto !important
}

p.spereqst {
    margin-top: 5px;
    margin-bottom: 1rem;
    font-size: 11px;
    line-height: 16px
}

.payment_details_Box {
    padding-bottom: 20px
}

.details_allCol {
    padding-bottom: 10px
}

.details_all {
    padding: 5px 12px;
    background: #fff;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #6ecff6;
    border-radius: 10px;
    display: inline-block;
    font-size: 14px
}

.details_all span {
    display: inline-block
}

a.retryBtn {
    color: #fff
}

.retryBtn {
    padding: 10px 25px;
    display: inline-block;
    font-family: 'Roboto-Bold';
    line-height: 24px
}

.ticket_page table {
    border-collapse: separate !important
}



.ticket_page .tickt_msg {
    padding-top: 10px;
    padding-bottom: 30px
}

.ticket_page .tickt_msg h2 {
    font-size: 17px;
    color: #0a0;
    font-family: 'Roboto-Bold';
    text-align: center
}

.Ticket-mobnew_Box {
    width: 100%;
    border-radius: 10px;
    background-color: #000;
    background: #6ecff6;
    padding: 18px
}

.Ticket-mobnew_Box h2 {
    font-size: 16px;
    line-height: 22px;
    color: #FFF;
    text-align: center;
    font-family: 'Roboto-Bold';
    padding-top: 5px
}

.Ticket-mobnew_Box p {
    font-size: 14px;
    color: #FFF;
    margin: 0;
    padding-top: 5px
}

.Ticket-mob-Tick {
    background: url(../images/tick_mob.svg) center;
    display: inline-block;
    width: 48px;
    height: 48px;
    background-size: cover
}

.Ticket-mobnew_Box .btn-vw {
    background: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    color: #515560;
    font-size: 14px;
    margin-top: 10px
}

.ins_result_tab {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0 4px 7px 0 #0000001a;
    overflow: hidden
}

.ins_plan_content {
    flex: 0 0 82%;
    max-width: 82%
}

.ins_plan_heading {
    background-color: #6ecff61a;
    color: #000;
    font-family: 'Roboto-Bold';
    font-size: 16px;
    padding: 15px 24px;
    margin: 0;
    border-top-left-radius: 10px
}

.ins_policy_content {
    padding: 0 22px
}

.ins_policy_content table {
    margin-bottom: 15px
}

.ins_policy_content td {
    font-size: 13px;
    color: #212529;
    padding-top: 0;
    vertical-align: baseline
}

.ins_policy_content td b {
    font-size: 13px;
    font-weight: 400
}
.ins_policy_content td a{
	color: #6ecff6 !important;
}

.ins_poliyName_txt {
    font-size: 15px;
    color: #6ecff6;
    font-family: 'Roboto-Bold';
    margin-top: 15px
}

.ins_poliyName_title {
    font-size: 15px;
    color: #000;
    padding-top: 2px
}

.ins_policy_benifits {
    font-size: 16px;
    color: #6ecff6;
    font-family: 'Roboto-Bold';
    margin-top: 20px;
    margin-bottom: 10px
}

.ins_fare_box {
    flex: 0 0 18%;
    max-width: 18%;
    border-left: 1px solid #ccc;
    background-color: #fff
}

.ins_fare_in {
    width: 100%;
    padding: 30px;
    display: flex;
    align-items: center;
    height: 100%;
    text-align: center
}

.ins_full_amount {
    width: 100%
}
.ins_full_amount .amount_box p{
	font-weight: normal;
}


ul.ins_benefits_list li {
    margin-top: 10px;
    display: flex;
    align-items: baseline;
    font-size: 15px
}

ul.ins_benefits_list li span.dotIcon {
    width: 10px;
    height: 10px;
    background: url(../images/dotIcon.svg)no-repeat;
    margin-right: 8px;
    display: inline-block;
    background-size: contain
}

.tuneProtect {
    margin: 15px 0 20px;
    line-height: 26px;
    color: #5d5d5d;
    font-size: 12px
}

.tuneProtect a,
.tuneProtect a:hover {
    color: #30bd1f;
    text-decoration: none;
    font-size: 14px
}

.amount_box {
    color: #3d454e;
    font-family: 'Roboto-Bold';
    font-size: 14px
}

.amount_box p {
    margin: 0 0 5px
}

.insPriceFinal {
    display: flex;
    font-size: 18px;
    justify-content: center
}

.insPriceFinal span:first-child {
    margin-right: 3px
}

.ins_select {
    display: flex;
    justify-content: center;
    margin-top: 10px
}

.agelimit span {
    background: #000;
    padding: 8px 15px;
    border-radius: 55px;
    color: #fff;
    font-size: 13px;
    margin-right: 5px
}

span.benfitsText {
    width: 95%;
    font-size: 14px
}

.insuPaxSumry {
    padding: 25px
}

.ins_paxSumry01 h4 {
    color: #6ecff6;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 5px
}

.ins_paxSumry01 h2 {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 0px
}
.ins_paxSumry01 h3 {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 5px
}

.tras_pic {
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 20px;
    width: 30%;
	padding-top: 30px;
    padding-bottom: 30px;
}

.tras_pic img {
    height: 80px
}

.trans_RsltDtls {
    width: 70%;
    padding-left: 20px
}

.trans_RsltDtls p {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 14px
}

.trans_RsltDtls ul li {
    width: 100%;
    font-size: 14px;
    position: relative;
    padding-left: 22px;
    margin-top: 4px;
    display: flex;
    align-items: center
}

.trans_RsltDtls ul li:before {
    width: 17px;
    height: 17px;
    background: url(../images/trans_tick.svg)no-repeat;
    margin-right: 8px;
    display: inline-block;
    background-size: contain;
    content: "";
    position: absolute;
    left: 0;
    top: 3px
}

.trans_Rslthead h4 {
    color: #000;
    font-size: 14px;
    font-weight: 600
}

.trans_viewDtls {
    width: 100%;
    display: flex;
    justify-content: end;
    color: #6ecff6;
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer
}

.result_one_leg.trans_result_leg {
    padding-bottom: 20px;
}

.TransfersViwDtails {
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0 4px 7px 0 #0000001a;
    padding: 20px;
    border: 1px solid #000;
    margin-bottom: 15px
}

.trans_resultPanel {
    margin-bottom: 25px
}

.TransfersViwDtails h3 {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 15px
}

.TransfersViwDtails p {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 15px
}

.trans_modify select.form-control {
    border: none;
    background-color: transparent;
    height: 68px !important;
    color: #000;
    font-family: 'Roboto-Bold';
    font-size: 15px !important
}

.modifyDownArrow:before {
    content: '';
    position: absolute;
    top: 30px;
    right: 10px;
    background-image: url(../images/downArrow.svg);
    width: 9px;
    height: 9px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    pointer-events: none
}

.trans_DtlsBox {
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0 4px 7px 0 #0000001a;
    overflow: hidden;
    margin-bottom: 30px
}

.TansDtlsSlider {
    padding: 25px;
	padding-top:0;
	padding-bottom:0;
	padding-right:0;
}

.TansDtlsSlider .item {
    border-radius: 10px;
    border: 1px solid #ccc;
    overflow: hidden
}

.TansDtlsSlider .item img {
    height: 250px;
	padding: 20px;
}

.trandtls_nxtIcon {
    background: url(../images/trans_dtls_arrow_rht.png) no-repeat;
    display: block;
    width: 27px;
    height: 27px;
    background-size: contain
}

.trandtls_prvIcon {
    background: url(../images/trans_dtls_arrow_lft.png) no-repeat;
    display: block;
    width: 27px;
    height: 27px;
    background-size: contain
}

.TansDtlsSlider button.owl-prev {
    position: absolute;
    top: 40%;
    left: -14px;
    background: transparent
}

.TansDtlsSlider .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: #FFF;
    text-decoration: none
}

.TansDtlsSlider button.owl-next {
    position: absolute;
    top: 40%;
    right: -15px
}

.Tran_dtlsOnList h3 {
    color: #000;
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 10px
}

.Tran_dtlsOnList li {
    padding-bottom: 5px;
    font-size: 14px
}

.transDtlsPrice {
    border-left: 1px solid #ccc;
    margin: 10px 0;
    padding: 10px 0
}

.Tran_dtlsfareDetails {
    text-align: center
}

.Tran_dtlsPassDtls {
    padding-bottom: 5px;
    font-size: 14px
}

span.transServiceText {
    width: 95%
}

.Tran_dtlsOnList {
    padding: 0 15px
}

.transPaxDtls p {
    margin-bottom: 0;
    line-height: 22px;
    font-size: 14px
}

p.transTimeDate {
    padding-top: 10px
}

.transPaxSummry img {
    width: 200px;
    height: 120px;
    margin-right: 30px;
    border-radius: 10px
}

.transfersViewDtls {
    padding: 20px
}

.transNote {
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    padding: 8px 15px;
    font-size: 14px;
    color: #000;
    border-radius: 5px
}

.transfersViewDtls h4 {
    font-size: 17px;
    color: #000;
    font-weight: 600;
    padding-bottom: 15px;
    padding-top: 10px
}

.transfersViewDtls p {
    margin-bottom: 20px
}

.transModify_select {
    position: absolute;
    top: 99%;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ccc;
    height: 50px;
    margin-top: 4px;
    font-size: 14px;
    width: 100%
}

.transModDepart {
    width: 50%;
    border-right: 1px solid #ccc
}

.transModDepart:last-child {
    border-right: none
}

.transModDepart label {
    padding: 0;
    padding-left: 10px;
    height: 68px;
    line-height: 65px
}

select.form-control.transTime {
    border: none;
    padding: 0;
    font-weight: 600;
    color: #000;
    font-size: 14px;
    padding-left: 0px
}

.transModDepart p.daysformay {
    line-height: 30px
}

.pack_mod {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.search_packLoc {
    width: 60%;
    position: relative;
    display: flex;
    padding-right: 7px
}

.search_packBtnBx {
    width: 20%;
    position: relative;
    display: flex;
    padding-left: 7px;
    align-items: flex-end
}

.pack_mod .form-control {
    height: 40px !important;
    padding: 15px;
    color: #000;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 0;
    border: 1px solid #ccc
}

.search_packBtnBx button {
    padding: 0 30px;
    height: 40px;
    line-height: 28px;
}

.search_packCity {
    width: 100%;
    position: relative
}

.pack_fig img {
    width: 100%;
    max-height: 134px;
    padding-right: 25px
}

.motel_address p.packdestn {
    margin: 9px 0 0;
    font-size: 14px
}

.motel_address p.packVal {
    margin: 0;
    font-size: 14px
}

.pack_description {
    line-height: 18px;
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 14px
}

.pack_flightIco {
    width: 18px;
    height: 17px;
    background: url(../images/package_flightIco.svg) no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    margin: 0 6px 0 0;
    position: relative;
    top: 2px
}

ul.packageResult_facilites {
    margin: 5px 0 0;
    padding: 0;
    display: flex;
    width: 100%
}

ul.packageResult_facilites li {
    margin-right: 20px
}

ul.packageResult_facilites li a,
ul.packageResult_facilites li a:hover {
    color: #155ea2;
    font-family: 'Roboto-Bold';
    text-decoration: none
}

ul.packageResult_facilites li:last-child {
    margin-right: 0
}

.package_types {
    margin-bottom: 30px
}

.pack_category {
    cursor: pointer;
    border-radius: 5px
}

.pack_category img {
    width: 100%;
    height: 200px;
    border-radius: 10px
}

.pack_category_title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, .60);
    padding: 10px;
    letter-spacing: 0;
    color: #fff;
    font-size: 16px;
    font-family: 'Roboto-Bold';
    border-radius: 0 0 15px 15px
}

.eraseBtn {
    position: absolute;
    top: 40px;
    right: 6px;
    width: 18px;
    height: 18px;
    font-size: 12px;
    background: #000;
    text-align: center;
    color: #fff;
    line-height: 19px;
    font-family: 'Roboto-Bold';
    border-radius: 10px
}

.flexBreadcrumbs {
    display: flex;
    align-items: center
}

.progressStepMain {
    width: 100%;
    display: flex;
    justify-content: flex-end
}

.progressStepMain ul {
    display: flex
}

.progressStepMain ul li {
    margin-right: 22px
}

.progressStepMain ul li:last-child {
    margin-right: 0
}

.progressStepMain ul li span.circle {
    display: inline-block;
    color: #155ea2;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: var(--whiteGlow);
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    font-size: 14px
}

.progressStepMain ul li span.labelTxt {
    margin-left: 4px
}

.progressStepMain ul li.active span.circle {
    background: #558fc4;
    color: var(--whiteGlow)
}

.star_filter {
    background: url(../images/star_rating_home.svg);
    width: 90px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    margin: 0;
    position: relative
}

.zero_star_filter {
    background-position: 0 -96px
}

.one_star_filter {
    background-position: 0 -76px
}

.two_star_filter {
    background-position: 0 -55px
}

.three_star_filter {
    background-position: 0 -37px
}

.four_star_filter {
    background-position: 0 -20px
}

.five_star_filter {
    background-position: 0 -1px
}

.star_segement {
    display: flex !important;
    justify-content: space-between;
    align-items: center
}

.spresult_Dttls h2 {
    font-size: 16px;
    font-family: 'Roboto-Bold';
    padding-bottom: 5px
}

.spresult_Dttls {
    padding: 20px;
    display: flex;
    width: 100%
}

.sp_pic {
    margin-right: 20px;
    width: 30%
}

.sp_pic img {
    border-radius: 10px;
    width: 180px;
    height: 160px
}

.spackges_rsltDtls {
    width: 70%
}

.spackges_rsltDtls p {
    font-size: 15px;
    color: #000;
    margin-bottom: 5px
}

ul.sp_catogory {
    margin: 10px 0
}

ul.sp_catogory li {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #6ecff6;
     
}

.spflIcon {
    background: url(../images/package_flightIco.svg) center;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: cover;
    margin-right: 5px
}

.spackesRslt_panel {
    border-radius: 5px;
    position: relative;
    margin-bottom: 22px
}
.spackesRslt_panel .result_panel_col_l{
	border-bottom-left-radius: 10px;
}


.paxbackBtn {
    display: inline-flex;
    align-items: center
}

.paxbackBtn span.backAroow_theme {
    margin-right: 5px;
    position: relative;
    top: -1px
}

.flight_paxBlock {
    width: 100%
}

.trip_paxCol {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

.airline_paxReview_tab {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    border-radius: 10px
}

.paxReview_journey_inside {
    width: 100%;
    padding: 20px 24px
}

.flyreview_titleBx {
    width: 100%;
    display: flex;
    align-items: center
}

.flyreview_icoBx {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--mediumBlue);
    border-radius: 50%;
    margin: 0 8px 0 0
}

.flyreview_ico1 {
    width: 18px;
    height: 17px;
    background: url(../images/pax_flightIco.svg) no-repeat;
    background-size: 100% 100%
}

.flyreview_titleBx h4 {
    font-size: 20px;
    font-family: 'Roboto-Bold';
    color: var(--darkBlue);
    margin: 0
}

.review_journey_leg {
    width: 100%;
    padding: 22px 0
}

.jounery_plan {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 20px
}

.flyreview_ico2 {
    width: 21px;
    height: 19px;
    background: url(../images/pax_flightIco2.svg) no-repeat;
    background-size: 100% 100%;
    margin: 0 12px 0 0
}

.jounery_plan .tripfrmTo {
    display: inline-block !important
}

.tripfrmTo span:first-child {
    font-size: 20px;
    font-weight: 400;
    width: 100%;
    color: #595b5d !important
}

.tripfrmTo span:last-child {
    font-size: 20px;
    font-weight: 400;
    width: 100%;
    color: #595b5d !important
}

.jounery_plan p {
    margin: 0 0 0 15px;
    font-size: 14px;
    position: relative;
    top: 2px
}

.jounery_plan_arrowRound {
    width: 15px;
    height: 18px;
    background: url(../images/pax_roundTripArrow.svg) no-repeat;
    margin: 0 12px;
    position: relative;
    top: 3px;
    display: inline-block
}

.tripbriew_view {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.jouney_airline_name {
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
    max-width: 18%
}

.jouney_airline_leaveFrom {
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
    max-width: 22%;
    margin-right: 15px
}

.jouney_airline_durationHrs {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%
}

.jouney_airline_goingTo {
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
    max-width: 22%;
    margin-left: 68px
}

.jouney_airline_figure {
    width: 80px;
    height: 40px;
    border: 1px solid #d4d4d4;
    padding: 5px
}

.jouney_airline_name h5 {
    padding: 0 0 0 12px;
    font-size: 14px;
    margin: 5px 0 0
}

p.airDetailsInfo {
    margin: 0;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400
}

.airTime {
    font-size: 17px;
    font-family: 'Roboto-Bold';
}

.airDay {
    font-size: 14px
}

.airTerminalName {
    font-size: 14px
}

.review_briefMain {
    width: 100%
}

.review_briefMain .review_journey_leg:nth-child(1n+2) {
    border-top: 1px dashed #ccc
}

.reviewPadFlyDtls {
    padding: 0 !important
}

.skip_segment {
    font-size: 17px;
    font-family: 'Roboto-Bold';
    background-color: #f10000;
    cursor: pointer;
    position: absolute;
    right: -25px;
    color: #fff;
    top: 0;
    padding: 5px 20px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.seatSeleTabWrp .tab-content {
    display: none;
    padding: 20px 0;
    position: relative;
    z-index: 2;
    -webkit-animation: slide-down 1s ease;
    -moz-animation: slide-down 1s ease
}

.seatSeleTabWrp .tab-content.current {
    display: inherit;
    -webkit-animation: slide-down 1s ease;
    -moz-animation: slide-down 1s ease
}

.paxReview_journey_inside .icon-rightarrow {
    background-image: url(../images/seat_right-arrow.svg);
    background-size: contain;
    background-position: center;
    width: 30px;
    height: 30px;
    display: inline-block;
    background-repeat: no-repeat
}

.flexslider .slides img {
    width: 100%;
    max-height: 383px;
    min-height: 383px;
    display: block;
    border-radius: 10px
}

#hote-carousel li img {
    max-height: 74px !important;
    min-height: 74px !important
}

.flex-direction-nav a {
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    background: #fff;
    color: #b1b1b1;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    line-height: 42px;
    transform: translate(0, -50%)
}

.flex-direction-nav a i:before {
    margin: 0
}

.flex-direction-nav .flex-prev {
    left: -33px;
    width: 42px;
    height: 42px;
    transform: scaleX(-1) translate(0, -50%)
}

.flex-direction-nav .flex-next {
    right: -33px;
    width: 42px;
    height: 42px
}

.flexslider:hover .flex-prev {
    opacity: 1;
    left: 30px
}

.flexslider:hover .flex-next {
    opacity: 1;
    right: 30px
}

#hote-carousel {
    margin-top: 10px
}

#hote-carousel ul li {
    cursor: pointer
}

.hote-details-nav {
    width: 100%;
    margin: 25px 0 0
}

.hote-details-nav ul {
    display: flex;
    flex-wrap: wrap
}

.hote-details-nav ul li {
    margin-right: 50px
}

.hote-details-nav ul li:last-child {
    margin-right: 0
}

.hote-details-nav ul li a {
    position: relative;
    padding: 0 0 5px
}

.hote-details-nav ul li a,
.hote-details-nav ul li a:hover {
    color: #3d454e;
    text-decoration: none
}

.hote-details-nav ul li a.active,
.hote-details-nav ul li a.active:hover {
    color: #155ea2;
    text-decoration: none;
    font-family: 'Roboto-Bold';
}

.hote-details-nav ul li a.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #155ea2
}

.pkg-dtls .gallery-col {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
    position: relative
}

.box_wrap.common_bdrBtm {
    border-radius: 10px;
    overflow: hidden
}

.spfare_box h4 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #000
}

.sp_fare_wrp ul li {
    padding: 0;
    padding-bottom: 5px
}

ul.trip-includes-icons li img {
    width: 18px;
    margin-left: 10px
}

.fare-book {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px
}

.trip-period {
    margin-top: 10px
}

.trip-period img {
    height: auto;
    width: 30px;
    margin-right: 10px
}

.trip-period:last-child .trip-period-details {
    border-bottom: 0;
    margin: 0;
    padding: 0
}

.SPdetTab {
    overflow: hidden
}

.SPdetTab .tabs li {
    margin: 0 1.5em 15px;
    padding-bottom: 5px;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer
}

.SPdetTab .tabs li:first-child {
    margin-left: 0
}

.SPdetTab .tabs li.current {
    background: #fff;
    color: #6ecff6;
    border-bottom: 2px solid #6ecff6
}

.SPdetTab .tab-content {
    display: none
}

.SPdetTab .tab-content.current {
    display: block
}

.SPdethead {
    font-size: 17px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px
}

.readmore {
    color: #000
}

.readmore:hover {
    color: #33c10e
}

.SPdetWrap .itenary-item {
    margin-bottom: 5px
}

.SPdetWrap .itenary-item:last-child {
    margin-bottom: 0
}

.SPdetWrap .itenary-head {
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 5px;
    overflow: hidden
}

.SPdetWrap .itenary-day-label {
    position: relative;
    background: #6ecff6;
    color: #fff;
    margin-right: 20px;
    padding: 10px 15px;
}

/*.SPdetWrap .itenary-day-label:after {
    position: absolute;
    content: "";
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #000;
    right: -8px;
    transform: translate(0, -50%);
    top: 50%
}*/

.SPdetWrap .itenary-head h3 {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 10px 10px 0;
    margin: 0
}

.SPdetWrap .itenary-head h3 span {
    color: #000
}

.SPdetWrap .itenary-content p {
    margin-bottom: 10px
}

.pkg-dtls .gallery-col {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
    position: relative
}

.trip-period h4 {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 0
}

.trip-period-details {
    flex-grow: 1
}

.trip-period-details p {
    margin: 0
}

.trip-period img {
    height: auto;
    width: 26px;
    margin-right: 10px
}

.trip-period:last-child .trip-period-details {
    border-bottom: 0;
    margin: 0;
    padding: 0
}

.fare-book {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px
}

.trip-includes-icons li {
    margin-left: 5px
}

.SPdetWrap .hotel-room-details {
    padding-left: 15px;
    border-top: none
}

.SPdetWrap .hotel-room-details h5 {
    margin-bottom: 5px;
    font-size: 17px;
    color: #3d454e;
    font-weight: 600;
    margin-top: 5px
}

.SPdetWrap :is(.room-details-listing ul, .room-details-listing ul li) {
    margin-bottom: 0;
    display: flex;
    align-items: center
}

.SPdetWrap .room-details-price {
    font-size: 17px;
    color: #3d454e
}

.SPdetWrap .room-select .themeBtn_gradient {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    height: 30px;
    font-size: 14px
}

.SPdetWrap .airline_nameBox {
    width: 30%;
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.SPdetWrap .airline_image {
    width: 80px;
    height: 40px;
    border: 1px solid #d4d4d4;
    padding: 5px
}

.SPdetWrap .airline_officalName {
    padding: 0 10px
}

.SPdetWrap .airline_cabinSelection span:first-child {
    margin-right: 10px
}

.SPdetWrap .airline_trip_box {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.SPdetWrap .air_jouney_from {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%
}

.SPdetWrap .air_jouney_from p {
    margin: 0;
    line-height: 18px;
    font-size: 14px
}

.SPdetWrap .air_jouney_from .airlineCode {
    font-size: 17px;
    font-family: 'Roboto-Bold';
}

.SPdetWrap .air_jouney_duration {
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%
}

.SPdetWrap .duration_line {
    width: 100%;
    position: relative
}

.SPdetWrap .duration_line::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #59d200;
    top: 16px
}

.SPdetWrap .journey_stops_segment {
    display: flex;
    justify-content: center;
    padding-top: 20px
}

.SPdetWrap .journey_stops_segment::before {
    content: "";
    position: absolute;
    left: -8px;
    top: 3px;
    width: 14px;
    height: 14px;
    background: url(../images/result_locIco.svg) no-repeat;
    background-size: 100% 100%
}

.hrs_count {
    font-size: 12px;
    position: absolute;
    top: -20px
}

.SPdetWrap .journey_stops_segment .airport_stop:last-child {
    margin-right: 0 !important
}

.SPdetWrap .journey_stops_segment .airport_stop {
    margin-right: 3px;
    font-size: 12px;
    position: relative
}

.SPdetWrap .journey_stops_segment::after {
    content: "";
    position: absolute;
    right: -8px;
    top: 8px;
    width: 18px;
    height: 17px;
    background: url(../images/result_planeIco.svg) no-repeat;
    background-size: 100% 100%
}

.SPdetWrap .journey_stops_segment .airport_stop::before {
    content: "";
    position: absolute;
    left: 15%;
    top: -18px;
    width: 14px;
    height: 14px;
    background: url(../images/result_locIco.svg) no-repeat;
    background-size: 100% 100%
}

.SPdetWrap .air_jouney_to {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%
}

.SPdetWrap .air_jouney_to p {
    margin: 0;
    line-height: 18px;
    font-size: 14px
}

.SPdetWrap .air_jouney_to .airlineCode {
    font-size: 17px;
    font-family: 'Roboto-Bold';
}

.SPdetWrap .airline_result_oneLeg {
    width: 100%;
    padding: 20px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.SPdetWrap .airlogo {
    height: 50px;
    width: 115px;
    margin-right: 15px;
    border: 1px solid #ccc;
    border-radius: 5px
}

.SPdetWrap .air__stops {
    position: relative;
    width: 45%;
    padding-top: 0
}

.SPdetWrap .result_one_leg {
    margin-top: 20px;
    padding-bottom: 15px
}

.SPdetWrap .airDurationStops .stop-overs {
    display: flex;
    font-size: 12px;
    margin-top: 0;
    justify-content: center;
    padding-top: 4px;
    min-height: 33px
}

.SPdetWrap .air_time_aircode {
    display: block;
    font-size: 15px;
    line-height: 18px;
    font-weight: 600
}

.sp_htlthumb img {
    height: 70px;
    border-radius: 5px;
    width: 100%
}

.SPdetWrap .room-details-listing ul li span.room_pax_adult {
    width: 17px;
    height: 16px;
    background: url(../images/myprofile_blueIcon.svg) no-repeat;
    margin: 0 6px 0 0;
    background-size: 100% 100%;
    display: inline-block
}

.sphtl_price h3 span {
    font-weight: 600;
    font-size: 15px
}

.SPdetWrap .theme_btnStyle {
    cursor: pointer;
    color: #fff;
    outline: none;
    font-size: 16px;
    border-radius: 10px;
    line-height: 45px;
    padding: 0 30px;
    border: none;
    background: #6ecff6;
    height: 45px;
    font-family: 'Roboto-Bold';
}

.SPdetWrap .itenary-content {
    padding: 10px 0
}

button.theme_btnStyle.SpchangeBtn {
    height: auto;
    padding: 5px 20px;
    font-size: 12px;
    line-height: 22px;
    margin-left: 10px
}

.paxHeadPrice {
    display: flex;
    align-items: center
}

.userpaxFillBx.themeFieldMode {
    padding: 0 20px
}

.fh_viewAllFlight {
    background: #7e8284;
    padding: 10px 30px;
    color: #fff;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    position: absolute;
    right: 0px
}

.sportRsltAdMain {
    width: 100%
}

.sportRslttime {
    display: flex;
    align-items: center
}

.sportRslttime span {
    font-size: 15px
}

.sportRsltAdMain h2 {
    font-size: 16px;
    color: #000;
    font-family: 'Roboto-Bold';
}

.sportRsltAdMain p {
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0
}

.sportsresult_Dttls {
    padding: 20px;
    display: flex
}

.sport_result_clm {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.calendar_time {
    width: 25px;
    height: 22px;
    background: url(../images/calendar_time.png) no-repeat;
    display: inline-block;
    margin-right: 5px
}

.sport_rslt_right {
    text-align: center;
    padding: 15px 0
}

.SportSelect {
    margin-top: 0;
    text-align: center;
    justify-content: center;
    width: 100%;
    display: flex
}

.sport_details_clm1 h2 {
    font-size: 16px;
    color: #000;
    font-family: 'Roboto-Bold';
}

.sport_details_clm1 h4 {
    font-size: 14px;
    color: #000;
    font-family: 'Roboto-Bold';
}

.sport_details_clm1 p {
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0
}

.sportsMap {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 10px;
    background: #fff;
    height: 405px;
    overflow: hidden;
    position: relative
}

.sportsStedium {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 10px;
    background: #fff;
    height: 405px;
    text-align: center;
    vertical-align: middle;
    padding: 25px 15px 20px
}

.SprtTicketCtgry {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    margin-top: 0;
    padding: 0;
    border: solid #ccc 1px;
    width: 100%;
    display: inline-block;
    overflow: hidden
}

.SprtTicketCtgry h3 {
    color: #485467;
    font-size: 18px;
    margin-bottom: 20px
}

.ticketCatBox {
    float: left;
    width: 100%
}

.tableHead {
    border-bottom: 1px solid hsl(0, 0%, 84%);
    float: left;
    padding: 0;
    width: 100%;
    background: #e8e8e8;
    height: 50px
}

.tableCell:first-child {
    width: 40%
}

.tableCell {
    float: left
}

.tableCell:nth-child(2) {
    width: 21%
}

.tableCell:nth-child(3) {
    width: 22%;
    position: relative
}

.tableCell:last-child {
    width: 17%
}

.tableRow {
    padding: 0;
    width: 100%;
    float: left;
    border-bottom: 1px solid #d5d9d1;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.tableColapseCondent {
    width: 100%;
    float: left;
    padding: 10px 15px;
    background: #edeff3;
    border-top: 1px solid #edeff3;
    border-bottom: 1px solid #edeff3
}

.tableColapseCondent p {
    margin-bottom: 0
}

.ticketCatBox .catHead {
    font-size: 14px;
    color: #485467 !important;
    line-height: 35px;
    cursor: pointer
}

.ticketCatBox .colsIcon {
    margin-right: 8px
}

.sprt_ctgry_box .box_wrap {
    background: #fff;
    margin-bottom: 25px;
    position: relative;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: inline-block;
    width: 100%
}

.form11 .form11-group select {
    background: #fff;
    border: 1px solid #ccc;
    color: #485467;
    font-size: 14px;
    height: 36px;
    width: 120px;
    padding: 5px 15px 6px;
    border-radius: 5px
}

.sportsbtnBuy {
    cursor: pointer;
    color: #fff;
    outline: none;
    font-size: 16px;
    border-radius: 10px;
    line-height: 35px;
    padding: 0 30px;
    border: none;
    background: #6ecff6;
    height: 35px;
    font-family: 'Roboto-Bold';
}

.plus_icon_sport {
    width: 20px;
    height: 20px;
    background: url(../images/plus_round.png) no-repeat;
    display: inline-block
}

.form11 .hasDownArrow::after {
    position: relative;
    top: 0;
    right: 20px
}

.SprtTicketCtgry .tableHead {
    padding: 15px;
    font-family: 'Roboto-Bold';
}

.SprtTicketCtgry .tableRow {
    padding: 15px
}

.sprt_ctgry_box2 .panel-group .panel-heading {
    padding: 0
}

.sprt_ctgry_box2 .panel-group .panel-heading a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    position: relative
}

.sprt_ctgry_box2 .panel-group .panel-heading a:after {
    content: ' ';
    float: right;
    background: url(../images/minus_round.png) no-repeat;
    width: 20px;
    height: 20px
}

.sprt_ctgry_box2 .panel-group .panel-heading a.collapsed:after {
    background: url(../images/plus_round.png) no-repeat;
    width: 20px;
    height: 20px
}

.ticketCatBox {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    margin-top: 0;
    padding: 0;
    border: solid #ccc 1px;
    width: 100%;
    display: inline-block;
    overflow: hidden
}

.sprt_ctgry_box2 .panel-group .panel-heading a {
    border-bottom: solid #ccc 1px;
    color: #000
}

.sprt_ctgry_box2 {
    display: inline-block;
    width: 100%
}

.sprt_ctgry_box2 .box_wrap {
    background: #fff;
    margin-bottom: 25px;
    position: relative;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: inline-block;
    width: 100%
}

.sprt_ctgry_box1 .SprtTicketCtgry {
    border: none
}

.sprt_ctgry_box2 .ticketCatBox .paxHead {
    background: #e8e8e8;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.sprt_ctgry_box2 .ticketCatBox .panel-body {
    padding: 15px;
    background: #f6f6f6
}

a.sports_change {
    color: #000;
    font-family: 'Roboto-Bold';
    text-decoration: underline;
    padding-top: 5px;
    display: inline-block
}

.sport_dlvry_box {
    padding-top: 15px
}

.Pax_sport_dtls h4 {
    font-weight: 600;
    color: #000;
    font-size: 15px;
    line-height: 20px
}

.sports_pax .Pax_sport_dtls h4 {
    color: #000;
    font-family: 'Roboto-Bold';
    font-size: 15px
}

.sports_pax .delivery_label {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    margin: 0
}

.sports_pax .check_rad input[type="checkbox"]+label::before,
.check_rad input[type="radio"]+label::before {
    border-radius: 5px;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    background: #f4f4f4;
    border: 1px solid #ced4da
}

.sports_pax .check_rad input[type="radio"]+label::before {
    border-radius: 50%
}

.sports_pax .check_rad input[type="checkbox"]+label,
.sports_pax .check_rad input[type="radio"]+label {
    padding-left: 28px;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    transition: all .3s
}

.sports_pax .check_rad input[type="checkbox"]:checked+label::before,
.sports_pax .check_rad input[type="radio"]:checked+label::before {
    background: #6ecff6;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    border: 1px solid #6ecff6
}

.sports_pax .addnotes .form-control {
    height: 95px !important
}

.contFormBox {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 4px 6px 0 #00000012
}

.contFormBox h2 {
    font-size: 18px;
    color: #000;
    font-family: 'Roboto-Bold';
    background-color: #6ecff61a;
    padding: 12px 20px;
    border-radius: 10px 10px 0 0
}

.contpad {
    padding: 20px
}

.contSub {
    font-size: 17px;
    font-family: 'Roboto-Bold';
    margin-top: 10px;
    padding: 5px 30px
}

.contaddBox {
    box-shadow: 0 4px 6px 0 #00000012;
    border-radius: 10px;
    background-color: #fff;
    padding: 20px;
    min-height: 220px;
    position: relative
}

.contOfficeIcon {
    background-image: url(../images/cont_office.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 50px;
    height: 50px;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px
}

.contmailIcon {
    background-image: url(../images/cont_mail.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 55px;
    height: 55px;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px
}

.contsupportIcon {
    background-image: url(../images/cont_24-hours.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 55px;
    height: 55px;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px
}

.contiataIcon {
    background-image: url(../images/cont_aita.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 55px;
    height: 55px;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px
}

.contaddBox h3 {
    font-size: 18px;
    color: #000;
    padding-bottom: 20px;
    font-family: 'Roboto-Bold';
}

.contaddBox p {
    margin-bottom: 5px
}

.contFormBox .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    height: 45px !important;
    border: 1px solid #ccc;
    border-radius: 5px
}

.contFormBox .hmcode {
    margin-right: 0
}

.theme_border_box {
    padding: 25px;
    background: #fff;
    box-shadow: 0 5px 9px #cccccc70;
    border-radius: 10px;
    padding-bottom: 30px;
    display: inline-block;
    width: 100%
}

.booking_head {
    font-size: 17px;
    font-family: 'Roboto-Bold';
    margin: 0;
    color: #000;
    padding-bottom: 10px
}

.box_heading {
    width: 100%
}

.manageBookFlds {
    width: 100%;
    border-top: 1px solid #ccc;
    padding-top: 24px
}

.mgnGap_boxes {
    margin-top: 35px
}

.manageBook_info {
    font-size: 14px;
    color: #191919;
    margin-left: 15px
}

.form_phone {
    display: flex
}

.rfernce_hmcode {
    width: 30%
}

.rfernce_hmPhonenbr {
    width: 70%
}

.refernce_gutter {
    margin: 0 10px
}

.manageOr_refernce {
    background: #022d58;
    background: #6ecff6;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    color: #fff;
    font-size: 17px;
    text-align: center;
    line-height: 44px;
    margin: 18px auto 0
}

.form_phone .hasDownArrow5::after {
    position: absolute;
    width: 9px;
    height: 11px;
    background-image: url(../images/downArrow.svg);
    content: "";
    top: 20px;
    right: 14px;
    margin-top: 0;
    pointer-events: none;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat
}

.rfernce_hmcode select.form-control {
    border-right: none;
    border-radius: 5px 0 0 5px
}

.rfernce_hmPhonenbr input.form-control {
    border-radius: 0 5px 5px 0
}

.manageBooking_btn {
    margin-top: 10px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    font-size: 0
}

.ui-datepicker .ui-datepicker-title select {
    padding: 2px
}

button.button_dark.modifyplusBtn.plusBtn {
    min-width: 30px;
    height: 30px;
    width: 30px;
    background-image: url(../images/multiPlus.svg);
    margin-left: 5px;
    color: #FFF;
    border: none;
    border-radius: 5px;
    font-size: 20px;
    background-size: contain;
    background-repeat: no-repeat
}

button.button_dark.modifyplusBtn.minusBtn {
    min-width: 30px;
    height: 30px;
    width: 30px;
    background-image: url(../images/multi_minus.svg);
    margin-left: 5px;
    color: #FFF;
    border: none;
    border-radius: 5px;
    font-size: 20px;
    background-size: contain;
    background-repeat: no-repeat
}

.paxsumryStops {
    padding-left: 5px
}

span.red {
    color: red
}

.MoreInsuranceBtn {
    background: #000;
    height: 40px;
    width: 40px;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-around;
    cursor: pointer
}

.plus {
    width: 20px;
    height: 20px;
    background-image: url(../images/more.svg);
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat
}

.insMoreModal button.close {
    padding: 0;
    margin: 0;
    background-image: url(../images/close.svg);
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    opacity: 1;
    color: #fff;
    font-size: 25px;
    font-weight: 400;
    background-repeat: no-repeat;
    z-index: 99
}

.insMoreModal .modal-content {
    position: relative
}

.paxInsuremain .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -20px;
    top: 60px;
    width: 20px;
    height: 20px;
    background: #6ecff6;
    border-radius: 50%;
    text-indent: 999px;
    overflow: hidden;
    text-align: center
}

.paxInsuremain .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    left: 100%;
    top: 60px;
    width: 20px;
    height: 20px;
    background: #6ecff6;
    border-radius: 50%;
    text-indent: 999px;
    overflow: hidden
}

.paxInsuremain .airlineMertix_nxtIcon {
    background: url(../images/metrix_rhtarrow.svg) no-repeat;
    display: block;
    width: 10px;
    height: 10px;
    background-size: cover;
    margin-left: 6px
}

.paxInsuremain .airlineMertix_prvIcon {
    background: url(../images/metrix_lftarrow.svg) no-repeat;
    display: block;
    width: 10px;
    height: 10px;
    background-size: cover;
    margin-left: 5px
}

.Rslt_Fare {
    text-align: left
}

.rc-slider-track {
    height: 6px !important;
    background-color: #6ecff6 !important
}

.rc-slider-handle {
    width: 25px !important;
    height: 25px !important;
    margin-top: -10px !important;
    background-color: #70d0f6 !important;
    border: solid 1px #33aae0 !important;
    opacity: 1;
    border-radius: 50% !important;
    position: absolute !important;
    z-index: 1 !important;
	opacity: 9 !important;
}

.clearBtn {
    font-size: 0;
    background: url(../images/hm_clear.svg) no-repeat;
    width: 18px;
    height: 18px;
    top: 8px;
    position: absolute;
    right: 5px;
    cursor: pointer;
    background-size: contain
}

.psngerBox .seach_downarrow:after {
    background: url(../images/arrow_down.svg) no-repeat;
    width: 10px;
    height: 7px;
    position: absolute;
    content: '';
    background-size: contain;
    right: 10px;
    top: 42%
}

.passengerBox-cabin.seach_downarrow {
    position: relative
}

.flModifyNonStop input {
    border: none;
    width: 100%;
    padding: 10px 0
}

.flModifyNonStop .form-control {
    border-radius: 7px
}

.flModifyNonStop .hm_nonstop input {
    display: none
}

.flModifyNonStop .hmStops input[type=checkbox]+label {
    display: block;
    margin: 0;
    cursor: pointer;
    padding: 0;
    margin-top: 8px;
    font-size: 14px
}

.flModifyNonStop .hmStops input[type=checkbox] {
    display: none
}

.flModifyNonStop .hmStops input[type=checkbox]+label:before {
    content: "\123";
    border-radius: 50%;
    display: inline-block;
    width: 18px;
    height: 18px;
    padding-left: 0;
    padding-bottom: 0;
    margin-right: 10px;
    vertical-align: middle;
    color: transparent;
    transition: .2s;
    background: #cccccc91
}

.flModifyNonStop .hmStops input[type=checkbox]+label:active:before {
    transform: scale(0)
}

.flModifyNonStop .hmStops input[type=checkbox]:checked+label:before {
    background: url(../images/search_tick.svg) no-repeat;
    background-size: contain
}

.flModifyNonStop .clearBtn {
    font-size: 0;
    background: url(../images/hm_clear.svg) no-repeat;
    width: 18px;
    height: 18px;
    top: 8px;
    position: absolute;
    right: 20px;
    cursor: pointer;
    background-size: contain
}

.myprofileEdit .form-control {
    border: none;
    border-radius: 0;
    width: 50%
}

.myprPhonCode {
    display: flex;
    width: 50%
}

.myprPhonCode .p_nonEdit {
    padding: 0;
    width: 65% !important
}

select#flight_pax_adult_primary_mobile_code {
    width: 35% !important;
    padding: 0;
    padding-left: 15px
}

.airDtls {
    padding-left: 10px
}

.pax_pasportDtls p {
    background: url(../images/arrow_down.svg) no-repeat;
    width: 15px;
    height: 10px;
    display: inline-block;
    background-size: contain;
    margin-top: 5px;
    margin-left: 15px;
    display: none;
}

.paxtgleSection {
    display: flex;
    align-items: center
}

.paxCalIcon .form-control {
    padding-right: 40px
}

a.theme_btnStyle.editSrchBtn.mob_hide:hover {
    color: #fff
}

button.theme_btnStyle.myProfilebtn a {
    color: #fff
}

.paxSumryContent.InsuranceDetailsSection {
    padding: 20px
}

.paxSumryContent.SeatDetailsSection {
    padding: 20px
}

.fldtls_baggageDtls.d-flex {
    flex-wrap: wrap;
    width: 70%;
    min-height: 130px
}

.fldtls_bagg {
    width: 70%
}

label.adLbl span {
    color: #000 !important
}

a.btn.theme_btnStyle.my_editBtn {
    padding: 5px 25px;
    height: 35px;
    line-height: 25px;
    font-size: 14px
}

a.btn.theme_btnStyle.my_removeBtn {
    padding: 5px 25px;
    height: 35px;
    line-height: 25px;
    font-size: 14px
}

.nav-tabs .nav-item {
    outline: none
}

.react-multiple-carousel__arrow--left {
    left: 0 !important;
    right: auto !important;
    background-image: url(../images/metrix_prev.png) !important;
    width: 35px;
    height: 35px;
    background-position: center;
    background-size: contain
}

.react-multiple-carousel__arrow--right {
    right: 0 !important;
    left: auto !important;
    background-image: url(../images/metrix_next.png) !important;
    width: 35px;
    height: 35px;
    background-position: center;
    background-size: contain
}

.airlineMetrix .react-multi-carousel-list .item {
    margin-right: 10px;
    margin-left: 10px
}

.mybooking_layover {
    padding: 5px;
    background: #2fbb251f;
    color: #000;
    text-align: center;
    font-size: 14px
}

.ReactModal__Content.ReactModal__Content--after-open h2 {
    font-size: 17px;
    padding-bottom: 20px
}

button.btn.btn-primary.btn-flat.btn-sm {
    padding: 5px 15px;
    font-size: 14px;
}

.mob_Curency {
    display: none
}

.modify_mobHide {
    display: block
}

.row.InsuDtls {
    padding: 20px 20px 0;
    border-bottom: 1px solid #ccc
}

.InsuDtls h4 {
    font-size: 15px !important;
    font-weight: 600;
    color: #000;
    padding-bottom: 8px
}

.mybHtlPrice {
    font-weight: 600;
    font-size: 17px;
    color: #000
}

.InsuDtls p {
    font-size: 14px
}

.mybookingBoxMain .nav-tabs .nav-link .flight_icon {
    width: 26px;
    height: 22px;
    background: url(../images/mybook_flight_icon.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 10px
}

.mybookingBoxMain .nav-tabs .nav-link.active .flight_icon {
    width: 26px;
    height: 22px;
    background: url(../images/mybook_flight_icon_active.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 10px
}

.mybookingBoxMain .nav-tabs .nav-link .hotel_icon {
    width: 26px;
    height: 22px;
    background: url(../images/mybook_hotel_icon.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 10px
}

.mybookingBoxMain .nav-tabs .nav-link.active  .hotel_icon {
    width: 26px;
    height: 22px;
    background: url(../images/mybook_hotel_icon_active.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 10px
}

.mybookingBoxMain .nav-tabs .nav-link .flighthotel_icon {
    width: 26px;
    height: 22px;
    background: url(../images/fh_hotel.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 10px
}

.mybookingBoxMain .nav-tabs .nav-link.active  .flighthotel_icon {
    width: 26px;
    height: 22px;
    background: url(../images/fh_hotel_active_active.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 10px
}

.mybookingBoxMain .nav-tabs .nav-link .insurance_icon {
    width: 26px;
    height: 22px;
    background: url(../images/mybook_insurance_icon.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 10px
}

.mybookingBoxMain .nav-tabs .nav-link.active  .insurance_icon {
    width: 26px;
    height: 22px;
    background: url(../images/mybook_insurance_icon_active.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 10px
}

.mybookingBoxMain .nav-tabs .nav-link .sports_icon {
    width: 26px;
    height: 22px;
    background: url(../images/mybook_sports_icon.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 10px
}

.mybookingBoxMain .nav-tabs .nav-link.active .sports_icon {
    width: 26px;
    height: 22px;
    background: url(../images/mybook_sports_icon_active.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 10px
}

.mybookingBoxMain .nav-tabs .nav-link .transfers_icon {
    width: 20px;
    height: 20px;
    background: url(../images/mybook_transfers_icon.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 10px
}

.mybookingBoxMain .nav-tabs .nav-link.active .transfers_icon {
    width: 26px;
    height: 22px;
    background: url(../images/mybook_transfers_icon_active.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 10px
}

.mybookingBoxMain .nav-tabs .nav-link .staticPack_icon {
    width: 26px;
    height: 22px;
    background: url(../images/mybook_holidayPack_icon.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 10px
}
.mybookingBoxMain .nav-tabs .nav-link.active .staticPack_icon {
    width: 26px;
    height: 22px;
    background: url(../images/mybook_holidayPack_icon_active.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 10px
}

.row.HtlDtls {
    padding: 20px 20px 0;
    border-bottom: 1px solid #ccc
}

.myb__booking_details .hotel_thumb {
    width: 200px
}

.myb__booking_details .hotel_thumb img {
    width: 100%;
    max-height: 130px;
    border-radius: 10px
}

.myb__booking_details h4 {
    font-size: 15px;
    font-weight: 600;
    padding-bottom: 8px
}

.mybHtlAdres {
    padding-left: 30px;
    width: 60%;
    padding-top: 10px
}

.resultfareDetails .loader-sm {
    width: auto;
    text-align: center;
    display: flex;
    align-items: center;
    padding-left: 10px;
    justify-content: center
}

label#PassengerBox p {
    margin-bottom: 0
}

.FilterContent.FillterByName input {
    height: 45px;
    border: 1px solid #ccc;
    width: 100%;
    padding-left: 10px;
	border-radius: 10px;
}

.FilterContent.FillterByName {
    position: relative
}

ul#downshift-0-menu {
    margin-top: 0 !important
}

.react-tabs__tab {
    color: #000
}



.react-tabs__tab {
    display: inline-block;
    border: 1px solid #ccc;
    bottom: 0;
    position: relative;
    list-style: none;
    padding: 8px 20px !important;
    cursor: pointer;
    border-radius: 5px;
    background: #fff;
    margin-right: 10px;
}
.react-tabs__tab--selected {
    color: #fff !important;
    border-radius: 5px;
    background: #6ecff6 !important;
    outline: none;
}
div#htldtlscancelModal3 h3 {
    font-size: 17px
}

div#hotelClone_append {
    border-bottom: none
}

.htlDtlsBoxContent li {
    margin-bottom: 10px
}

a#btnClick105 {
    color: #fff
}

.FilterContent .react-tabs__tab {
    display: inline-block;
    border: none !important;
    bottom: 0;
    position: relative;
    list-style: none;
    cursor: pointer;
    padding: 0 !important
}

.FilterContent .react-tabs__tab--selected {
    border-color: #ccc;
    color: #fff !important;
    border-radius: 0;
    background: none !important
}

.FilterContent .nav-tabs .nav-item {
    margin-right: 10px
}

.branded_fares .react-tabs__tab--selected {
    background: none !important
}
span.benfitsText img {
    width: 250px;
}
.benfitsText table td img {
    width: 10px;
    height: 10px;
    background: url(../images/dotIcon.svg)no-repeat !important;
    margin-right: 8px;
    display: inline-block;
    background-size: contain !important;
    z-index: 99;
    position: relative;
    background-position: top;
    vertical-align: middle
}

span.map_rate a:hover {
    color: #fff
}

button.gm-ui-hover-effect {
    position: absolute;
    right: 0 !important;
    left: auto !important;
    top: 2px !important
}

.HotelResultDtlsModal .htlDtlsBoxContent li span {
    width: 90%
}

.mybookingBoxMain .nav-tabs .react-tabs__tab--selected {
    background: none !important
}

.mybookingBoxMain .react-tabs ul {
    margin-bottom: 30px;
}

ul.nav.nav-tabs.mybookingTabs.mybook_mainTabs {
    border-bottom: none
}

.ReactModal__Content .modal-header .close {
    right: 10px;
    top: 10px
}

span.amt span.kwd {
    margin-right: 5px;
    display: inline-block
}

p.witingCancel {
    margin-bottom: 0;
    color: #FD6060
}

.dir_payment_det_col {
    font-size: 14px;
    line-height: 18px;
    padding: 8px 15px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-family: 'Roboto-Bold';
}

.dir_payment_det_col .title {
    font-size: 13px;
    font-weight: 400
}

.traveler_repeate h5 {
    font-size: 16px;
    margin-bottom: 15px;
    font-family: 'Roboto-Bold';
}

.paxFormDtls .form-group span {
    color: red
}

.Search_Rhtn.MulticityPanel {
    width: 12%
}

.paxheadfldtls.multiCityPaxHdDtls {
    display: flex;
    width: 80%;
    flex-wrap: wrap;
    align-items: center
}

.paxheadfldtls.multiCityPaxHdDtls h2 {
    padding-right: 7px
}

.paxheadfldtls.multiCityPaxHdDtls p {
    padding-right: 20px
}

.seatSeleTabWrp .tooltiptext {
    visibility: hidden;
    width: 120px;
    border-radius: 10px;
    background-color: #414c59;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 5px;
    position: absolute;
    z-index: 2;
    top: 85%;
    left: 50%;
    opacity: 0;
    transition: opacity .3s;
    transform: translate(-50%, 0);
    line-height: 17px;
    padding: 5px 15px
}

.myprofileEdit .form-control {
    background-color: #fff !important
}

.cancelGreen {
    color: #6ecff6
}

a.editSrchBtn {
    color: #fff !important
}

.page404 {
    text-align: center
}

.page404 h2 {
    font-size: 25px;
    color: #3d454e;
    margin: 10px 0;
    font-family: 'Roboto-Bold';
}

.page404 h3 {
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 25px;
    font-family: 'Roboto-Bold';
}

.page404 p {
    font-size: 14px;
    line-height: 35px
}

.page404 h3 span {
    font-size: 14px;
    line-height: 35px;
   font-weight: bold
}

.page404 .theme_btnStyle {
    font-size: 14px;
    padding: 10px 20px
}

.page404 .theme_btnStyle:hover {
    color: #fff
}

.sitemap-navigation {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    padding: 25px;
    background-color: #fff;
    border-radius: 5px
}

.sitemap-navigation ul,
.sitemap-navigation li {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.sitemap-navigation a {
    display: inline-block
}

.sitemap-navigation .menu-item::before,
.sitemap-navigation>.menu-item-has-children>.sub-menu::before {
    content: '';
    display: block;
    position: relative;
    left: 50%;
    margin-left: -10px;
    width: 100%;
    height: 52px;
    background-image: url(../images/siteMapDwnArow.png);
    background-repeat: no-repeat;
    background-position: left
}

.sitemap-navigation>.menu-item-has-children::before {
    display: none
}

.sitemap-navigation>.menu-item-has-children>.sub-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: #6ecff6 solid 1px;
    margin-top: 4em
}

.sitemap-navigation>.menu-item-has-children>.sub-menu::before {
    position: absolute;
    top: -55px;
    margin-top: 0;
    margin-left: -10px;
    right: 0;
    left: 50%;
    z-index: 9
}

.sitemap-navigation>.menu-item-has-children>.sub-menu>.menu-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0
}

.sitemap-navigation>.menu-item-has-children>.sub-menu>.menu-item:first-child::before,
.sitemap-navigation>.menu-item-has-children>.sub-menu>.menu-item:last-child::before {
    left: 180px;
    height: 52px
}

.sitemap-navigation>.menu-item-has-children>.sub-menu>.menu-item:first-child::before {
    left: auto;
    right: 43%;
    border-left: none;
    height: 52px;
    background-image: url(../images/siteMapDwnArow.png);
    background-repeat: no-repeat;
    background-position: right
}

.sitemap-wrapper {
    padding: 2rem;
    text-align: center
}

.sitemap-navigation a {
    background: #fff;
    border-radius: 0;
    color: #000;
    font-size: 15px;
    text-decoration: none;
    border: 1px solid #6ecff6;
    width: 157px;
    padding: 8px 10px;
    -webkit-transition: .25s;
    transition: .25s;
    border-radius: 10px
}

.sitemap-navigation a:hover {
    background: #6ecff6;
    border-radius: 0;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    border: 1px solid #6ecff6;
    width: 157px;
    padding: 8px 10px;
    -webkit-transition: .25s;
    transition: .25s;
    border-radius: 10px
}

.sitemap-navigation .menu-item-has-children>a {
    background: #414c59;
    color: #fff;
    width: 190px;
    font-size: 14px;
    border: 1px solid #414c59;
    padding: 10px
}

.sitemap-navigation .menu-item-has-children>a:hover {
    color: #fff !important
}

li.menu-item.menu-item-has-children a.siteMapHome {
    background: #6ecff6;
    color: #fff;
    outline: none;
    font-size: 16px;
    border-radius: 10px;
    height: 45px;
    line-height: 44px;
    padding: 0 20px;
    border: none
}

.BaggageDtls p {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: left
}

button.rec-dot {
    display: none !important
}

.airlineMetrix button.rec-arrow-right {
    color: #fff !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    line-height: 40px !important;
    align-self: center !important;
    cursor: pointer !important;
    outline: none !important;
    width: 40px !important;
    height: 40px !important;
    background: #6ecff6 !important;
    border-radius: 50% !important;
	font-size: 16px;
}

.airlineMetrix button.rec-arrow-left {
    color: #fff !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    line-height: 40px !important;
    align-self: center !important;
    cursor: pointer !important;
    outline: none !important;
    width: 40px !important;
    height: 40px !important;
    background: #6ecff6 !important;
    border-radius: 50% !important;
	font-size: 16px;
}

.airlineMetrix .bqCWu {
    color: #fff !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    line-height: 40px !important;
    align-self: center !important;
    cursor: pointer !important;
    outline: none !important;
    width: 40px !important;
    height: 40px !important;
    background: #6ecff6 !important;
    border-radius: 50% !important
}

.airlineMetrix .rec-arrow-right:disabled {
    cursor: not-allowed !important;
    opacity: 0.5;
}

.airlineMetrix .rec-arrow-left:disabled {
    cursor: not-allowed !important;
    opacity: 0.5;
}

.ReactModal__Content.ReactModal__Content--after-open {
    overflow-x: hidden !important
}

.ReactModal__Content.ReactModal__Content--after-open::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 0;
    background-color: #f5f5f5
}

.ReactModal__Content.ReactModal__Content--after-open::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5
}

.ReactModal__Content.ReactModal__Content--after-open::-webkit-scrollbar-thumb {
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background: #6ecff6
}

.ReactModal__Content.ReactModal__Content--after-open .modal-content {
    border: none !important
}

.exitclass {
    position: relative
}

.exitclass:before {
    position: absolute;
    content: '';
    background: url(../images/exit_arrow.svg) no-repeat;
    width: 12px;
    height: 18px;
    background-size: contain;
    top:2px;
    left: 20px
}

.exitclass:after {
    position: absolute;
    content: '';
    background: url(../images/exit_arrow.svg) no-repeat;
    width: 12px;
    height: 18px;
    background-size: contain;
    bottom: -10px;
    left: 20px;
    transform: rotate(180deg)
}

.table_outSeat .table-responsive {
    padding-top: 0;
    padding-bottom: 10px;
        overflow-y: hidden;
}

p.paxbagMeals.head.pax_bagDirection {
    margin-bottom: 10px
}

.newbagagedtls input[type="checkbox"]+label::before {
    border-radius: 5px;
    top: 0;
    content: "";
    height: 22px;
    width: 22px;
    position: absolute;
    left: 0;
    border: 1px solid #ccc;
    background-color: #fff
}

.newbagagedtls input[type="checkbox"]:checked+label::before {
    background: #6ecff6 url(../images/checktick.svg) no-repeat center;
    content: "";
    height: 22px;
    width: 22px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #ccc;
    text-align: center;
    color: #fff;
    line-height: 20px;
    background-size: 70%
}

.newbagagedtls input[type="checkbox"]+label {
    padding-left: 35px;
    position: relative;
    cursor: pointer;
    transition: all .3s;
    color: #000;
    font-size: 14px;
    line-height: 20px
}

.rc-slider.rc-slider-horizontal {
    position: relative;
    border-radius: 10px;
    height: 6px !important
}

.rc-slider {
    padding: 1px 0 !important
}

.rc-slider-rail {
    background-color: #fff !important;
	border: solid 1px #70d0f6;
	height: 6px !important;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff !important;
    background-color: #6ecff6
}

.roomsdtlscol_02Icons ul li {
    list-style: none
}

.roomsdtlscol_02Icons ul li:before {
    display: none
}

.roomsdtlscol_02Icons ul li i {
    margin-right: 0
}

i.room_WifiIconblue {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/room_wifi_blue.svg);
    background-position: center;
    background-size: contain;
    margin-right: 0;
    background-repeat: no-repeat
}

i.room_AcIconblue {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/room_ac_blue.svg);
    background-position: center;
    background-size: contain;
    margin-right: 0;
    background-repeat: no-repeat
}

i.room_BathTubIconblue {
    width: 22px;
    height: 22px;
    display: inline-block;
    background: url(../images/room_bathtub_blue.svg);
    background-position: center;
    background-size: contain;
    margin-right: 0;
    background-repeat: no-repeat
}

i.room_BalconyIconblue {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/room_balcony_blue.svg);
    background-position: center;
    background-size: contain;
    margin-right: 0;
    background-repeat: no-repeat
}

.fhmodifyBox {
    width: 100%
}

.fhouter {
    display: flex;
    border-bottom: 1px solid #ccc
}

.fhouter:last-child {
    border-bottom: none
}

.fhMdifyNonStop .hmStops input[type=checkbox]+label {
    display: block;
    margin: 0;
    cursor: pointer;
    padding: 0;
    margin-top: 10px;
    font-size: 14px;
    padding-left: 15px
}

.fhMdifyNonStop .hmStops input[type=checkbox] {
    display: none
}

.fhMdifyNonStop .hmStops input[type=checkbox]+label:before {
    content: "\123";
    border-radius: 50%;
    display: inline-block;
    width: 17px;
    height: 17px;
    padding-left: 0;
    padding-bottom: 0;
    margin-top: 2px;
    vertical-align: middle;
    color: transparent;
    transition: .2s;
    background: #ccc;
    position: absolute
}

.fhMdifyNonStop .hmStops input[type=checkbox]+label:active:before {
    transform: scale(0)
}

.fhMdifyNonStop .hmStops input[type=checkbox]:checked+label:before {
    background: url(../images/search_tick.svg) no-repeat;
    background-size: contain
}

.fhmodifyBox .hm_col_01 {
    width: 20%;
    position: relative
}

.fhmodifyBox .hm_col_02 {
    width: 20%;
    position: relative
}

.fhneedsTrip .hmStops input[type=checkbox]+label {
    margin-top: 12px;
    line-height: 15px;
}

.fhMdifyNonStop label span {
    padding-left: 25px;
    display: inline-block
}

.htlfilterName .clearBtn {
    font-size: 0;
    background: url(../images/hm_clear.svg) no-repeat;
    width: 18px;
    height: 18px;
    top: 13px;
    position: absolute;
    right: 45px;
    cursor: pointer;
    background-size: contain
}

.FilterContent.htlfilterName input {
    padding-right: 70px
}

.spcl_meal_box {
    border: 1px solid #ccc;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    margin: 10px 0 0
}

.spcl_meal_box p {
    padding-bottom: 10px
}

.myProfCalenderbox {
    position: absolute;
    z-index: 99;
    left: 22%;
    top: auto;
    padding: 0;
    width: auto;
    color: #2E3738;
    overflow: hidden;
    margin-top: 44px
}

.paxHtlDtls h3 {
    font-size: 16px
}

.rooms_box4 p.w-100 {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 5px;
    padding-bottom: 0
}

.ticket_page .nav-pills .nav-link.active,
.ticket_page .nav-pills .show>.nav-link {
    color: #fff;
    background: #6ecff6
}

.ticket_page .nav-pills .nav-link {
    border-radius: 10px;
    padding: 10px 30px;
    color: #000;
    font-size: 16px
}

.transfersMybookthumb .hotel_thumb img {
    width: 100%;
    max-height: 120px;
    object-fit: cover;
    border-radius: 10px
}

.myBookstaticPackDtls .hotel_thumb img {
    width: 100%;
    max-height: 120px;
    object-fit: cover;
    border-radius: 10px
}

h2.myBookStaticHead {
    padding: 10px 20px;
    font-size: 17px;
    font-family: 'Roboto-Bold';
}

.myBookstaticPackDtls .row.HtlDtls {
    padding: 5px 20px 0;
    border-bottom: 1px solid #ccc
}

a.theme_btnStyle.resltselectbtn {
    color: #fff
}

a.theme_btnStyle.resltselectbtn:hover {
    color: #fff
}

.brandedFare_carrousel button.rec-arrow-right {
    color: #fff !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    min-width: 30px !important;
    line-height: 30px !important;
    align-self: center !important;
    cursor: pointer !important;
    outline: none !important;
    width: 30px !important;
    height: 30px !important;
    background: #6ecff6 !important;
    border-radius: 50% !important;
	font-size: 14px;
}

.brandedFare_carrousel button.rec-arrow-left {
    color: #fff !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    min-width: 30px !important;
    line-height: 30px !important;
    align-self: center !important;
    cursor: pointer !important;
    outline: none !important;
    width: 30px !important;
    height: 30px !important;
    background: #6ecff6 !important;
    border-radius: 50% !important;
	font-size: 14px;
}

.brandedFare_carrousel .rec-arrow-left:disabled {
    cursor: not-allowed !important
}

.brandedFare_carrousel .rec-arrow-right:disabled {
    cursor: not-allowed !important
}

.mybookingTabs .sports_icon {
    width: 26px;
    height: 22px;
    background: url(../images/mybook_sports_icon.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 10px
}

.mybookFH_icon {
    width: 26px;
    height: 22px;
    background: url(../images/mybook_fhIcon.svg) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 10px
}

.mybookingBoxMain .card {
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 10px;
    overflow: hidden
}

.mybookingBoxMain .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: #000;
    border-bottom: none;
    color: #fff
}

.mybookingBoxMain .btn-link {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    width: 100%;
    text-align: left;
    padding: 10px 20px
}

.mybookingBoxMain .card .btn:not(:disabled):not(.disabled).active,
.mybookingBoxMain .card .btn:not(:disabled):not(.disabled):active {
    background: none;
    text-decoration: none
}

.watsappCheck input[type=checkbox]+label {
    display: flex;
    margin: 0;
    cursor: pointer;
    padding: 0;
    margin-top: 5px;
    font-size: 15px;
    margin-bottom: 0;
    color: #000;
    align-items: center;
    text-transform: capitalize
}

.watsappCheck input[type=checkbox] {
    display: none
}

.watsappCheck input[type=checkbox]+label:before {
    content: "\123";
    border-radius: 5px;
    display: inline-block;
    width: 27px;
    height: 27px;
    padding-left: 0;
    padding-bottom: 0;
    margin-right: 8px;
    vertical-align: middle;
    color: transparent;
    transition: .2s;
    background: #6ecff61a
}

.watsappCheck input[type=checkbox]+label:active:before {
    transform: scale(0)
}

.watsappCheck input[type=checkbox]:checked+label:before {
    background: url(../images/search_tick.svg) no-repeat;
    background-size: contain
}

.watsappCheck img {
    width: 40px;
    height: 40px;
    margin: 0;
    margin-right: 10px
}

.watsappCheck h3 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px
}

.watsappCheck p {
    font-size: 15px;
    padding-left: 55px;
    line-height: 25px;
}

.watspbuttons {
    padding-left: 50px;
    margin-top: 25px;
}

li.inner_agency_Wallet img {
    width: 15px;
}

li.inner_agency_Wallet {
    letter-spacing: .8px;
    color: #fff;
    font-size: 14px;
    position: relative;
    cursor: pointer;
}

.inner_agency_Wallet::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    margin-top: 10px;
    position: absolute;
    right: -12px;
}

.search_packCity ul {
    background: white !important;
    position: absolute !important;
    width: 100% !important;
    z-index: 5;
}

.search_packCity ul li {
    width: 100% !important;
    padding: 8px 15px !important;
    font-size: 14px;
    color: #000;
    border-bottom: 1px solid #ccccccd1;
}

.search_packCity ul li:hover {
    background: #6ecff6 !important;
    color: #fff !important;

}

.ticket_page h2 {
    font-size: 17px;
    text-align: center;
    padding: 15px 0;
}

.package_types .owl-nav {
    display: none;
}

.package_types .owl-dots {
    margin-top: 15px;
}

.transModify_select label {
    padding: 0 10px;
}

.transModify_select input.form-control {
    padding: 0px !important;
    padding-right: 15px !important;
    font-size: 15px;
}

.transModify_select .clear_btn {
    position: absolute;
    right: 5px;
}

.branded_fares .rec-carousel-item .item {
    width: 100%
}

.transModDepart label input {
    font-size: 14px;
}

section.SubHead.transModifySub {
    padding-bottom: 70px;
}
section.SubHead.transModifySub .modifyBox.SearchBoxMain {
    height: 200px;
}

.trans_result_leg .departFlight {
    padding: 0 0 10px;
}

.package_types .spslider_select {
    border: 2px solid #6ecff6;
    border-radius: 10px;
}

.spBoxSelected {
    border: 2px solid #6ecff6;
    border-radius: 10px;
}

p.cancelGreen {
    margin-bottom: 0px;
}

p.witingCancel {
    margin-bottom: 0px;
}

.mybookStusButtons {
    display: flex;
}

.mybookStatusalign p {
    font-size: 16px;
}

.hm_col_02.fld_bdr_right.d-flex.transModifyMobile {
    width: 24%;
}

.hm_col_02.fld_bdr_right.d-flex.transfers_endDateTime {
    width: 25%;
}

.flmoreOptionRslttBox {
    border: 5px solid #414c59;
    border-bottom: none;
}

.result_panel.flmoreOptionRslttBox {
    margin-bottom: 0px;
    border-radius: 0px;
}

.result_panel.flmoreOptionRslttBox.similar_first {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: 20px;
    position: relative;
    overflow: hidden;
}

.result_panel.flmoreOptionRslttBox .result_panel_col_R {
    border-radius: 0;
}

.result_panel.flmoreOptionRslttBox .result_panel_col_l {
    border-radius: 0;
}

.result_panel.flmoreOptionRslttBox.similar_last {
    margin-bottom: 30px;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    border-bottom: 5px solid #000;
}

img.agencyLogo {
    height: 50px;
}

.holdbookingHead h3 {
    padding: 0px;
    color: #000;
}

.holdbookingHead {
    padding-bottom: 40px;
}

span.mybook_viewfareRule.packremoveFare {
    height: 20px;
    display: inline-block;
}

.mybook_destination p {
    line-height: 18px;
}

.paxheadfldtls.multiCityPaxHdDtls h2 {
    padding-right: 5px;
}

.paxheadfldtls.multiCityPaxHdDtls p {
    padding-right: 5px;
}

.multicity_modify {
    padding-right: 7px;
    padding-left: 7px;
}

a#flight_back {
    padding: 5px 20px;
	line-height:35px;
}

button.theme_btnStyle.editSrchBtn {
    padding: 5px 20px;
    font-size: 14px;
	line-height: 30px;
}

.myBookstaticPackDtls .mybook_destination {
    padding-top: 10px;
    width: 15%;
}

.myBookstaticPackDtls .mybook_timesCenter {
    width: 35%;
    padding: 0 30px;
}

.myBookstaticPackDtls .mybook_airlines {
    width: 20%;
    text-align: center;
}

.myBookstaticPackDtls .spfltktPrice {
    font-weight: 600;
    font-size: 16px;
    color: #000;
}

a.addTraveler {
    color: #000;
    font-size: 14px;
}

.table td,
.table th {
    font-size: 14px;
}

.mybHtlGuest p {
    margin-bottom: 0px
}

.mybHtlDats p {
    margin-bottom: 0px
}

.mybHtlAdres p {
    margin-bottom: 0px
}

input#BtnPackageSearch {
    height: 99px;
}

span#modifyroomno {
    padding: 0px;
}

.hm_col_01.fld_bdr_right.fhMdifyNonStop.fhneedsTrip {
    border-right: none;
    width: 30%;
    height: 52px;
}

input#pckg_nationality {
    padding: 0px;
}

input#package_from_city {
    padding: 0px;
}

input#package_to_city {
    padding: 0px;
}

input#FromDatePackage {
    padding: 0px;
}

span#fillguest_roomcount {
    padding: 0px;
}

.hm_col_02.fld_bdr_right.need_more_hot {
    border-left: solid #ccc 1px;
    border-right: none;
}

.hm_col_01.fld_bdr_right.fhMdifyNonStop {
    width: 30%;
}

.pkg_content .htlPaxSumryDtls .col_01 span {
    font-weight: normal;
}

div#tosearCalenderCabinboxfh_H {
    right: 0px;
    left: auto;
}

.row.smGutter.InnerB2b.transfersB2bList .agencyList input[type=checkbox]+label {
    margin-top: 0;
}

.row.smGutter.InnerB2b.transfersB2bList {
    position: absolute;
    top: 100%;
    width: 100%;
}
section.SubHead.transModifySub .hmb2bagencyList {
    margin-top: 10px;
    color: #fff;
}
.onbehalf_msg_modi_transfer {
    padding-top: 7px;
}
.directPayLayover {
    text-align: center;
    background: #f443360d;
    padding: 5px;
    font-size: 15px;
    color: #000;
}

span.incroseling {
    color: #2fbc22;
    font-size: 14px;
}

.fareSumrydownArrow {
    background: url(../images/arrow_down.svg) no-repeat;
    width: 12px;
    height: 8px;
    display: inline-block;
    background-size: contain;
    margin-left: 5px;
    display: none;
}

.fareSumryupArrow {
    background: url(../images/arrow_upp.svg) no-repeat;
    width: 12px;
    height: 8px;
    display: inline-block;
    background-size: contain;
    margin-left: 5px;
    display: none;
}

.isThroughPg {
    margin-top: 20px;
}
.htlMapview {
    position: relative;
    margin-bottom: 20px;
    border-radius: 10px;
    overflow: hidden;
}
.htlMapview img {
    width: 100%;
    height: 155px;
}
button.seemapbtn {
    background: #6ecff6;
    border: none;
    position: absolute;
    border-radius: 5px;
    color: #fff;
    z-index: 5;
    left: 70px;
    top:75px;
    padding: 8px 15px;
    font-size: 13px;
    font-family: 'Roboto-Bold';
}
.htlrsulttop h2 {
    font-size: 20px;
    color: #121b25;
    font-weight: 600;
    padding-bottom: 20px;
}
a.htlSort.Sortbtn {
    border: 1px solid #3d454e;
    border-radius: 10px;
    background: #fff;
    height: 45px !important;
    padding: 10px 20px;
    font-weight: normal;
    font-size: 16px;
    color: #3d454e;
}
.FSort_dropdown.htlSortDrop .htlSortDown {
    background: url(../images/htlsort_dwn.png) center;
    display: inline-block;
    width: 8px;
    height: 7px;
    background-size: contain;
    position: absolute;
    right: 15px;
    bottom: 15px;
}
.FSort_dropdown.htlSortDrop .htlSortup {
    background: url(../images/htlsort_up.png) center;
    display: inline-block;
    width: 8px;
    height: 7px;
    background-size: contain;
    position: absolute;
    right: 15px;
    top: 15px;
}
a.htlSort.Sortbtn span{padding-right: 20px}
.htlrsltshreacom {
    background: #fff;
    padding:8px 12px;
    border: 1px solid #ccc;
    border-radius: 10px;
    position: relative;
}
.htlrsltshreacom span{font-family: 'Roboto-Bold'; font-size: 14px}
.htlrsulttop .FilterSort_col_Main {
    margin: 0 0 20px;
}
.acomdClose{
    background: url(../images/acomdClose.png) center;
    display: inline-block;
    width:9px;
    height:11px;
    background-size: contain;
    position: absolute;
    right:10px;
    top: 12px;
    cursor: pointer;
}
.htlrsulttop {
    margin-bottom: 20px;
}
.htlrsltmainBox {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    box-shadow: 0 0px 5px 0 #0000001a;
}
.htlrsltLft {
    width: 75%;
    display: flex;
    align-items: center;
}
.htlrsltpic {
    width:200px;
}
.htlrsltpic img {
    width:200px;
    height: 185px;
    border-radius: 10px;
}
.htlrsltadrsDtls {
    padding-left: 20px;
    width: 68%;
}
.htlrsltadrsDtls h2 {
    color: #121b25;
    font-size: 17px;
    font-family: 'Roboto-Bold';
    padding-bottom: 10px;
}
.htlstar {
    background: url(../images/htlStar.svg);
    width: 90px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    margin: 0 0 0 0px;
    position: relative;
	margin-bottom: 10px;
}
.zerostar {
    background-position: 0 -96px;
}
.onestar{
    background-position: 0 -76px;
}
.twostar{
    background-position: 0 -55px;
}
.threestar {
    background-position: 0 -37px;
}
.fourstar {
    background-position: 0 -20px;
}
.fivestar {
    background-position: 0 -1px;
}
.htlrsltadrsDtls p a {
    color: #0064d4;
    text-decoration: underline;
    padding-left: 10px;
}
.htldistnce {
    border-left: 2px solid #ccc;
    padding-left: 10px;
}
.freCancel {
    color: #009663;
    padding-top: 12px;
    display: flex;
    align-items: center;
}
.canTick {
    background: url(../images/htlcancTick.svg);
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right:7px;
}
.htlrsltRht {
    text-align: right;
    width: 25%;
}
.htlrsltRht .pricestrike {
    font-size: 13px;
    text-decoration: line-through;
    color: #cd3000;
}
.htlrsltRht p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    color: #3d454e;
}
.htlrsltRht h2 {
    font-size: 17px;
    font-weight: 600;
    color: #000;
    padding-bottom: 2px;
}
button.theme_btnStyle.htlavalblBtn {
    font-size: 14px;
    height: 40px;
    line-height: 30px;
    font-weight: 600;
	margin-top:3px;
}
.maplocIcon {
    background: url(../images/map_loc_icon.svg);
    width: 25px;
    height: 33px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    position: absolute;
    left: 120px;
    top: 40px;
}
.htlrsltboxModal .modal-lg {
    max-width:90%;
    width:90%;

}
.htlrsltboxModal .modal-header {
    border-bottom: none;
    margin-bottom: 0;
    padding: 0px;
    padding-top: 0;
}
.htlrsltboxModal .modal-header .close {
    right: -10px;
    top: -15px;
    width: 30px;
    height: 30px;
    z-index: 9;
}
.Col_Filter.mapfilter {
    position: fixed;
    top: 5px;
    left: 5px;
    z-index: 9;
    height: 98%;
    overflow: hidden;
    overflow-y: scroll;
    box-shadow: none;
}
.deskhide{display: none;}

.htlDtlsLft{width:25%}
.htlDtlsRght {
    width: 75%;
    padding-left: 30px;
}
.htldtlsModify {
    background-color: #fff;
    border-radius: 10px;
    padding:20px;
    margin-bottom: 20px;
}
.htldtlsModify h2 {
    color: #121b25;
    font-size: 20px;
    font-family: 'Roboto-Bold';
    padding-bottom: 10px;
}
.htldtlsModify .form-control {
    height: 42px !important;
}
.htldtlsModify .form-group{position: relative;}
 .htldtlsModify .dowarrow:after{
 background: url(../images/arrow_down.svg) no-repeat;
    width: 12px;
    height:7px;
    display: inline-block;
    background-size: contain;
    position: absolute;
    right:10px;
    top:40px;
    content: '';
}
.htldtlsModify label {
    display: inline-block;
    margin-bottom: 2px;
}
button.btn.htlDtlSearchBtn {
    background: #6ecff6;
    color: #fff;
    width: 100%;
    font-size: 17px;
    font-weight: 600;
}
.dtlsCal01 input.form-control {
    border-right: none;
    border-radius: 5px 0 0 5px;
    padding-left: 5px;
    padding-right: 5px;
}
.dtlscal02 input.form-control {
    border-radius:0px 5px 5px 0;
    border-left: none;
    padding-left: 5px;
    padding-right: 5px;
}
/* 
.dtlscal02:before {
    background: url(../images/hmcalIcon.png) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: contain;
    position: absolute;
    left: -8px;
    top: 35px;
    content: '';
}
 */
.dtlscal02 {
    position: relative;
}
.htlDtlsNewTab .nav-tabs .nav-link {
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #3d454e;
    font-size: 16px;
    padding-bottom: 12px;
    margin-right: 50px;
}
.htlDtlsNewTab .nav-tabs .nav-item.show .nav-link, .htlDtlsNewTab .nav-tabs .nav-link.active {
    border-bottom: 2px solid #6ecff6;
    background-color: transparent;
}
.htlDtlsNewTab .nav-tabs {
    border-bottom: 1px solid #ccc;
}
.htlDtlsNewTab .tab-content {
    padding-top: 20px;
}
.htlDtlsSelectRooms h2 {
    color: #121b25;
    font-size: 20px;
    font-family: 'Roboto-Bold';
    padding-bottom: 5px;
}
.htlDtlsSelectRooms p {
    color: #3d454e;
    font-size:16px;
    padding-bottom:10px;
}
.htlDtlLoc {
    background: url(../images/map_loc_icon.svg) no-repeat;
    width: 15px;
    height: 18px;
    display: inline-block;
    background-size: contain;
    margin-right: 5px;
}
.roomPicsLft{width:30%}
.roomPicsRht {
    width: 70%;
    padding-left:12px;
}
.pics01 img{border-radius:10px; height: 166px; width: 100%;}
.pics01 {
    margin-bottom: 12px;
}
.pics01:last-child {
    margin-bottom: 0px;
}
.roomPicsRht img {
   border-radius:10px; height:347px; width:100%;
}
.htldtlspicsBottm img{height: 100px; border-radius: 10px;width: 100%;}
.htldtlspicsBottm {
    margin: 12px 0 0;
}
ul.htldtlspicsBottm {
    justify-content: space-between;
}
.htldtlspicsBottm li{margin-right: 10px; width: 19%;}
.htldtlspicsBottm li:last-child{margin-right:0px;}
.last_pics{position: relative;}
.last_pics:after {
    background: #0000009c;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    content: '';
    left: 0px;
    top: 0px;
    border-radius: 10px;
}
span.piccount {
    position: absolute;
    left: 25%;
    color: #fff;
    z-index: 99;
    font-size: 15px;
    font-family: 'Roboto-Bold';
    text-align: center;
    top: 40%;
    cursor: pointer;
}
.htlDtlsPicsModal .modal-header {
    border-bottom: none;
    margin-bottom: 0;
    padding: 0px;
}
.htlDtlsPicsModal li {
    width:32%;
    margin: 0 5px 10px;
}
.htlDtlsPicsModal li img {
    border-radius: 10px;
    width: 100%;
    height: 250px;
}
.modal-lg {
    max-width:60%;
}
.htlDtlsPicsModal .modal-body {
    padding:10px;
}
.htlDtlsPicsModal .modal-header .close {
    right:5px;
    top: 5px;
    position: absolute;
    z-index: 9;
    width: 24px;
    height: 24px;
}
.htlDtlsAminities {
    margin-top:40px;
    margin-bottom: 20px;
}
.htlDtlsAminities ul li {
    border: 1px solid #ccc;
    padding: 12px 20px;
    background: #fff;
    font-size: 14px;
    color: #3d454e;
    margin-right: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    border-radius: 5px;
}
.apartmentIcon{
    height:25px;
    width:25px;
    background: url(../images/apartment.png);
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 5px
}
.swimmingpool{
    height:25px;
    width:25px;
    background: url(../images/swimming.png);
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 5px
}
.bathroomIcon{
    height:25px;
    width:25px;
    background: url(../images/bathroom.png);
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right:5px
}
.parkinIcon{
    height:25px;
    width:25px;
    background: url(../images/parking.png);
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right:5px
}
.ACIcon{
    height:25px;
    width:25px;
    background: url(../images/ac.png);
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right:5px
}
.wifiIcon{
    height:25px;
    width:25px;
    background: url(../images/wifi.png);
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right:5px
}
.kitchenIcon{
    height:25px;
    width:25px;
    background: url(../images/kitchen.png);
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right:5px
}
.fitnesIcon{
    height:25px;
    width:25px;
    background: url(../images/fitnes.png);
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right:5px
}
.nosmokingIcon{
    height:25px;
    width:25px;
    background: url(../images/nosmoking.png);
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right:5px
}

.htlDtlsLft .htlMapview {
    margin-bottom: 0;
}
.htlDtlsLft .htlMapview img {
    width: 100%;
    height: 200px;
    border-radius: 10px;
}
.roomoptions{
    width: 100%;
}
.htlroomSelect {
    width: 18%;
    margin-right: 15px;
}
.htlDropArrow::after {
    height: 8px;
    width: 10px;
    background: url(../images/downArrow.svg) center;
    position: absolute;
    right: 10px;
    top: 47px;
    content: "";
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat;
}
.form-group.htlDropArrow {
    position: relative;
}
.htlroomSelect label {
    display: inline-block;
    margin-bottom: 0.5rem;
    color: #797e82;
}
.hotel_details_overview{
	width:100%;
}
.hotlDescriptionBox h4 {
    color: #373e43;
    font-size: 16px;
    font-family: 'Roboto-Bold';
    padding-bottom: 10px;
}

.htlfecilities h4 {
    color: #373e43;
    font-size: 16px;
    font-family: 'Roboto-Bold';
    padding-bottom: 10px;
}

 .htlheilightServices.htlfecilities {
    width: 100%;
}

.htlheilightServices ul li {
    width: 33%;
    margin-bottom: 10px;
}
 
.htlheilightServices ul li img {
    width: 23px;
    height: 23px;
    margin-right: 8px;
}
.hook{
	position:absolute;
	width:1px;
	height:1px;
	left:50%;
	top:-70px;
	visibility:hidden;
}




.paymentSection {
    min-height: auto !important;
}
.paychecknew_outer{
	display: inline-flex;
    margin-bottom: 20px;
}
.paychecknew label {
    position: relative;
    margin-top: 0 !important;
    height: 100%;
    display: inline-block;
    /* height: 50px; */
    padding: 10px 20px;
	margin-bottom:0 !important;
}
.paychecknew  input[type="radio"]+label::before{
    background-color: #fff;
	border:solid #6ecff6 1px;
    border-radius: 5px;
    height: 42px;
    width: 100%;
    z-index: 0;
	top: 0;
}
.paymentSection input[type="radio"]:checked+label::before {
	color:#fff;
}
.paymentSection input[type="radio"]:checked+label span{color: #fff}
.paychecknew.paxinsCheck{ 
	padding-left:0; 
	margin-right:20px;
}
.paychecknew span {
    position: relative;
	top: 0;
    font-size: 16px;
}

footer {
    background-color: #7a5131;
    padding: 30px 0 15px;
    color: #fff;
}
.airlineMetrix .gPOShF {
	display:inherit;
}
.airlineMetrix .gbbKCs:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    right: 0;
}
li.agency_Wallet img {
    width: 20px;
}

li.agency_Wallet {
    display: inline-block;
    /*width: 100%;*/
    color: #3a4550;
    font-size: 16px;
    font-weight: 600;
    /*padding: 10px 0;*/
}

#hotelSearchBoxMod .autocomplete-image{
	padding:0 !important;
	width: 24px;
}
#hotelSearchBoxMod .location_icon_auto{
	background-position: right;
}

#insModifyFrom .autocomplete-image{
	padding:0 !important;
	width: 24px;
}
#insModifyFrom .location_icon_auto{
	background-position: right;
}

#insModifyTo .autocomplete-image{
	padding:0 !important;
	width: 24px;
}
#insModifyTo .location_icon_auto{
	background-position: right;
}

.trans_resultPanel .departFlight span{
	color:#121b25;
}
.trans_result_leg .trans_viewDtls{
	position: absolute;
    top: 10px;
}
.trans_resultPanel .result_panel_col_l{
	border-bottom-left-radius: 10px;
}
.trns_dtls_pd{
	padding:20px;
}
.trans_DtlsBox .transDtlsPrice{
	margin:0;
	padding-top:0;
}

.trans_DtlsBox .Tran_dtlsOnList h3{
	color:#6ecff6;
	padding-bottom: 5px;
}

.trans_DtlsBox .htlDtlsBoxHead{
	padding: 15px 15px;
	padding-bottom: 0;
}

.trans_DtlsBox .htlDtlsBoxContent{
	padding-top: 10px;
}

.trans_DtlsBox .htlDtlsBoxContent li{
	margin-bottom: 0px;
}

.trans_DtlsBox .htl_dtls_highIcon {
    background: url(../images/htldtlsroundTick.svg) center;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-size: contain;
    margin-right: 8px;
}
.trnsPaxdtlstop.paxSumryBox{
	border-bottom-left-radius:0 !important;
}

.trnsPaxdtlstop .paxHtlDtls h4{
	padding-bottom: 8px;
}
.spackges_rsltDtls .spflIcon {
    background: url(../images/package_flightIco_rslt.svg) center;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: cover;
    margin-right: 5px;
}
.spackges_rsltDtls .HtlDtlsIcon {
    background: url(../images/htl_rslt_details_rslt.svg) center;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: cover;
    margin-right: 5px;
}
.pkg_content .trip-period h4{
	font-weight: 600;
	font-size: 14px;
}



.mybookbox_1 {
    width: 10%;
}
.mybookbox_2 {
    width: 20%;
}
.mybookbox_3 {
    width: 12%;
}
.mybookbox_4 {
    width: 22%;
    display: flex;
    align-items: center;
    justify-content: end;
}
.mybookTransfersFull .d-flex.my.bookTranssbox_4 {
    width: 17%;
} 
.mybookTransfersFull .d-flex.my.bookTranssbox_4 .mybookbox_4 {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
}
.mybookTransfersFull .mybookbox_3 {
    width: 8%;
}
.mybookTransfersFull .mybookbox_2 {
    width: 15%;
}
.mybookTransfersFull .mybookbox_1 {
    width:8%;
}
.transroundtripsnew {
    width: 22%;
    display: flex;
}
.mybookTransfersFull .transroundtripsnew .mybookbox_3 {
    width: 50%;
}
.mybookTransfersFull .mybookbox_4 {
    width: 18%;
    display: flex;
    align-items: center;
    justify-content: end;
}
.Col_Filter.mapfilter::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f5f5f5
}

.Col_Filter.mapfilter::-webkit-scrollbar {
    width: 7px;
    background-color: #f5f5f5
}

.Col_Filter.mapfilter::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #adb1b3;
}
.react-datepicker__month-container {
    width: 100%;
}
.react-datepicker-popper {
    z-index: 9 !important;
    line-height: 0;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range {
    background-color: #6ecff6 !important;
    color: #fff;
    outline: none;
    border: none;
}
.react-datepicker__header {
    text-align: center;
    background-color: #ffffff !important;
    border-bottom: 1px solid #ccc !important;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    fill: #fff !important;
}
.htldtlsfilterNorslt {
    font-size: 16px;
    color: #ff6d3f;
}
.dtlsModiyblock .clearBtn {
    top: 33px;
}
.PassengerDetailsArrow{background:url(../images/arrow_down.svg) no-repeat;width:15px;height:10px;display:inline-block;background-size:contain;margin-top:5px;margin-left:15px;}
.InsuranceDetailsArrow{background:url(../images/arrow_down.svg) no-repeat;width:15px;height:10px;display:inline-block;background-size:contain;margin-top:5px;margin-left:15px;}
.SeatDetailsArrow{background:url(../images/arrow_down.svg) no-repeat;width:15px;height:10px;display:inline-block;background-size:contain;margin-top:5px;margin-left:15px;}
.paxTogleArrow{background:url(../images/arrow_down.svg) no-repeat;width:15px;height:10px;display:inline-block;background-size:contain;margin-top:5px;margin-left:15px;transform: rotate(180deg);}
.paxTogleArrowDown{background:url(../images/arrow_down.svg) no-repeat;width:15px;height:10px;display:inline-block;background-size:contain;margin-top:5px;margin-left:15px; }


.paxtgleSection{display:flex;align-items:center}

.htlroomSelect select.form-control {
    padding-right: 25px !important;
}
header.headnav.innerHeader.myProfileSticky.sticky {
    position: relative;
}
ul.FilterContent.td-checkbox li {
    margin-bottom: 12px;
}
.pack_mod .search_packCity label{color: #fff}

.htlDtls_autocomplete {
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    z-index: 9;
    width: 100%;
    background: #fff;
}
.react-datepicker {
    display: flex !important;
    left: -75px !important;
    position: absolute !important;
}
svg.react-datepicker__triangle {
    display: none;
}
.htlDtlsSelectBox {
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 15px;
}
.htlDtlsSelectBox .htlDtlsBoxContent {
    padding: 0;
}
.htlDtlsSelectRoom {
    color: #fff;
    background: #6ecff6;
    font-family: 'Roboto-Bold';
    padding: 10px 15px;
    border-radius: 12px 12px 0 0;
    font-size: 18px;
}
.htlDtlsSelectBox .htldtsRoomRpt {
    width: 100%;
    margin-bottom: 10px;
    padding: 0 20px;
}
.FillterByName .htlDtls_autocomplete li:hover{
    background: #6ecff6;
    color: #fff;
    padding: 5px 15px;
}
.FillterByName .htlDtls_autocomplete li{
   cursor: pointer;
}
.htlDtlsPicsModal .carousel-inner img {
    height: 500px;
    border-radius: 10px;
}
.htlDtlsPicsModal .carousel-control-next, .htlDtlsPicsModal .carousel-control-prev {
    width: 5%;
}
.htlModifySearch .hm_col_02 {
    width: 14%;
    position: relative;
}
.htlModifySearch .hmHtlNights {
    width: 8%;
    text-align: center;
    line-height: 65px;
}
.htlModifyDates {
    display: contents;
    align-items: center;
    border-bottom: none;
}

.HtlDtlsNights {
    width: 25%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    line-height: 38px;
    margin-top: 23px;
    height: 42px;
    text-align: left;
}
.dtlsCal01 {
    width: 40%;
}
.dtlscal02 {
    position: relative;
    width: 40%;
}
.htlDtlsAminitiesNew {
    display: flex;
    align-items: center;
    padding-top: 20px;
     flex-wrap: wrap;
}
.htlDtlsAminitiesNew .d-flex.mb-2.align-items-center {
    padding-right: 20px;
}
.onbehalf_msg_transfer {
    padding-top: 10px;
}

.react-datepicker-wrapper {
    display: inline-block;
    padding: 0;
    border: 0;
    width: 100%;
}
button.addTraveler {
    background: #6ecff6;
    padding: 5px 10px;
    border-radius: 5px;
    border: none;
    font-size: 14px;
    color: #fff;
}


.modal-content {
    border-radius: 20px;
    color: #000;
}


td.FS_span {
    color: #000;
}
.paxSumryBox.paxmb_4.newpaxSumry {
    border-radius: 10px 10px 10px 0px;
}
.padbtm {
    padding-bottom: 5px;
    display: inline-block;
}
.paxSumryBox.paxmb_4.newpaxSumry .airDurationStops::before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #6ecff6;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    margin-top: 17px;
    left: 0;
    z-index: 2;
    background-size: contain;
    background-repeat: no-repeat;
}
.paxSumryBox.paxmb_4.newpaxSumry .airDurationStops .stop-overs {
    display: flex;
    font-size: 12px;
    margin-top: 0;
    justify-content: center;
    padding-top: 0px;
    min-height: 25px;
    padding-right: 15px;
}
.paxSumryBox.paxmb_4.newpaxSumry .flightIcon {
    position: absolute;
    right: -5px;
    top:11px;
    z-index: 2;
    width: 26px;
    height: 24px;
    background: #FFF url(../images/fl_icon.svg) center;
    background-size: contain;
}


.onbehalf_msg_transfer {
    padding-top: 10px;
}

.react-datepicker-wrapper {
    display: inline-block;
    padding: 0;
    border: 0;
    width: 100%;
}
button.addTraveler {
    background: #6ecff6;
    padding: 5px 10px;
    border-radius: 5px;
    border: none;
    font-size: 14px;
    color: #fff;
}


.paxSummryBoxMain .react-datepicker__navigation--previous{
	left: 7px !important;
    top: 10px!important;
    width: 1.5em!important;
    height: 1.5em!important;
    background: #6ecff6!important;
    border-radius: 50%!important;
}
.paxSummryBoxMain .react-datepicker__navigation--next{
	right: 7px!important;
    top: 10px!important;
    width: 1.5em!important;
    height: 1.5em!important;
    background: #6ecff6!important;
    border-radius: 50%!important;
}
.paxSummryBoxMain .react-datepicker__day{
	width: 2rem !important;
}

.paxSummryBoxMain .react-datepicker{
	    left: -180px !important;
		top: -11px !important;
}
.paxSummryBoxMain .react-datepicker__navigation-icon::before {
	right: -5px;
	top: 8px;
	border-color: #fff;
}
.paxSummryBoxMain .react-datepicker__navigation-icon--next::before {
	left: -5px;
	top: 8px;
	border-color: #fff;
}

.paxSummryBoxMain .react-datepicker__current-month{
	display:none;
}

.paxSummryBoxMain .react-datepicker__header__dropdown {
    margin-bottom: 5px;
}
.paxSummryBoxMain .react-datepicker__header__dropdown span {
    color: #333;
    font-size: 14px;
}

.paxSummryBoxMain .react-datepicker__year-read-view, .paxSummryBoxMain .react-datepicker__month-read-view, .paxSummryBoxMain.react-datepicker__month-year-read-view{
	visibility:visible !important;
	    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 3px;
    padding-right: 34px;
    padding-left: 10px;
}

.paxSummryBoxMain .react-datepicker__month-read-view--down-arrow{
	right: 10px;
    top: 5px !important;
}
.paxSummryBoxMain .react-datepicker__year-read-view--down-arrow{
	right: 10px;
    top: 5px !important;
}
.paxSummryBoxMain .react-datepicker__month-dropdown-container--scroll, .paxSummryBoxMain .react-datepicker__year-dropdown-container--scroll{
	margin: 0 2px !important;
}



.paxSummryBoxMain .react-datepicker__year-read-view--down-arrow, .paxSummryBoxMain .react-datepicker__month-read-view--down-arrow, .paxSummryBoxMain .react-datepicker__month-year-read-view--down-arrow{    top: 2px;}


.paxside_pocket{    transform-origin: right !important;     transition: none !important;}


.paxSummryBoxMain .react-datepicker__year-dropdown, .paxSummryBoxMain .react-datepicker__month-dropdown, .paxSummryBoxMain .react-datepicker__month-year-dropdown{
	background:#fff;
	text-align:left;
    padding-left: 30px;
	
}

.paxSummryBoxMain .react-datepicker__year-option--selected, .paxSummryBoxMain .react-datepicker__month-option--selected, .paxSummryBoxMain .react-datepicker__month-year-option--selected{
	left: 10px;
}
.paxSummryBoxMain .react-datepicker__month-option{
	line-height: 25px;
}


.paxSummryBoxMain .react-datepicker__year-option:hover, .paxSummryBoxMain .react-datepicker__month-option:hover, .paxSummryBoxMain .react-datepicker__month-year-option:hover{
	background-color: transparent;
}
.paxHead h3 span{
	padding-right:2px;
}

.baggageNewInfo {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.baggageNewInfo label {
    margin-bottom: 0;
}
.bagInfoIcon {
    width: 17px;
    height: 17px;
    background: url(../images/info_icon.svg);
    background-size: contain;
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
}
.tickt_msg.static_ticket_messege h2 {
    color: #000;
    padding: 0;
}
.myBookstaticPackDtls span.mybook_viewfareRule {
    height: 18px;
    display: inline-block;
}


.wegoLandFlDtls {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.wegoLandFlDtls .flrsltAirlineLogo {
    margin-right: 20px;
}
.wegoLandFlDtls .flrsltbox01 {
    width: 45%;
    padding:8px 20px;
    border-right: 1px solid #ccc;
}
.wegoLandFlDtls .flrsltbox01:last-child {
    border-right: none;
}
.wegoLandFlDtls .flDtlscontent {
    width: 70%;
}
section.ContentArea.wegoBranded {
    padding-top: 150px;
}

.rooms_box1 a.room_cancelation {
    font-size: 15px;
    color: #6ecff6 !important;
    display: flex;
    align-items: center;
    justify-content: left;
    margin-bottom: 5px;
}
.seat_class_name {
    writing-mode: vertical-rl;
    vertical-align: middle;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}
.seat_class_name{position: relative;}
.seat_class_name:after {
    position: absolute;
    content: "";
    background: #ccc;
    width: 1px;
    height: 100%;
    top: 0px;
    left: 20px;
    z-index: -1;
}
.seat_class_name span {
    background: #fff;
    padding: 10px 7px;
    font-size: 13px;
}

.pax_payment .tooltiptext {
    visibility: hidden;
    width: 335px;
    border-radius: 10px;
    background-color: #414c59;
    color: #fff;
    font-size: 12px;
    text-align: center;
    padding: 10px 8px;
    position: absolute;
    z-index: 2;
    top: 150%;
    left: 50%;
    opacity: 0;
    transition: opacity .3s;
    transform: translate(-25%, 0);
    line-height: 17px;
    word-break: break-all;
    white-space: normal;
}

.pax_payment .tooltiptext::after{
	left: 25%;
}
.pax_payment .theme_btnStyle a {
    color: #fff;
}



/* RBD Switch */
.rbdSwitch_Side {
	width:50%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 101;
	right:-50%;
	transition: all ease 0.2s;
	background-color: #fff;
}
.rbdListing .rec.rec-carousel {
    height: 42px !important;
}
.rbdshow_menu .rbdSwitch_Side {
	right: 0;
}
.rbdSwitch_Side .login_view {
    width: 100%;
    margin-bottom: 10px;
}
.rbdshow_menu body {
	overflow: hidden;
}

.rbdshow_menu .dim_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 100;
}

.pocket_frame {
	padding: 15px 24px;
	color: #4b4b4b;
}

.frame_height {
	overflow-y: auto;
	height: 100%;
}

.actions_bin {
	display: flex;
	justify-content: space-between;
}
.result_one_leg {
    position: relative;
}
.rbdSwitchBtn {
    position: absolute;
    bottom: -10px;
    right: 0px;
    background: #01729f;
    color: #fff;
    padding: 8px 15px;
    border-radius: 10px;
    font-family: 'Roboto-Bold';
    cursor: pointer;
}
.rbdArrow {
    background: url(../images/rbd_arrow.svg);
    background-size: contain;
    width: 15px;
    height: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 2px;
}
.rbdSwitchBox p {
    margin-top: 10px;
    margin-bottom: 5px;
}
.rbdSwitchBox h6 {
    color: #000;
    padding-bottom:2px;
}
.rbdListing li {
    background: #fff;
    padding: 4px 8px;
    border-radius: 5px;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    list-style: none;
    text-align: center;
}
.rbdListing  li.active {
    background: #01719f;
    padding: 4px 8px;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
}
.rbdListing ul{
    margin-bottom: 12px;
}
.rbdCheckFare {
    background: #6ecff6;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    margin-top: 10px;
    font-weight: 500;
    cursor: pointer;
    border:none;
}
.rbdListing {
    margin-bottom: 10px;
}
.rbdListing button.owl-next {
    right: -8px;
}
.rbdListing .owl-carousel .owl-nav button.owl-prev, .rbdListing .owl-carousel .owl-nav button.owl-next, .rbdListing .owl-carousel button.owl-dot {
    position: absolute;
    top: -10px;
    font-size: 30px;
}
.rbdListing button.owl-prev {
    left: -15px;
}
.rbdSwitchBox {
    padding: 15px 25px;
}
.rbdViewAll a {
    color: #fff;
}
.rbdListing .rec-slider-container {
    background-color: transparent;
}
.rbdListing button.rec.rec-arrow.rec.rec-arrow-right {
    box-sizing: border-box;
    transition: all 0.3s ease;
    font-size: 18px;
    background-color: transparent;
    color: #ffffff;
    box-shadow: none;
    border-radius: 50%;
    border: none;
    padding: 0;
    width: 10px;
    height: 10px;
    min-width: 10px;
    line-height: 10px;
    align-self: center;
    cursor: pointer;
    outline: none;
}
.rbdListing button.rec.rec-arrow.rec.rec-arrow-left {
    box-sizing: border-box;
    transition: all 0.3s ease;
    font-size: 18px;
    background-color: transparent;
    color: #ffffff;
    box-shadow: none;
    border-radius: 50%;
    border: none;
    padding: 0;
    width: 10px;
    height: 10px;
    min-width: 10px;
    line-height: 10px;
    align-self: center;
    cursor: pointer;
    outline: none;
}
.rbdSwitch_Side .rec.rec-carousel-wrapper.brandedFare_carrousel .item {
    width: 100%;
}
.rbdListing .rec.rec-item-wrapper {
    justify-content: flex-start !important; 
}
.item.nootherfare {
    margin-left: 10px;
}
.nofareBox {
    display: flex;
    align-items: center;
}
.brandedFareBox.selected {
    border: 2px solid #6ecff6;
    position: relative;
}
.brandedFareBox.selected::before {
    background: url(../images/brandedfareCheck.svg);
    background-size: contain;
    width: 25px;
    height: 25px;
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
    content: '';
    top: -1px;
    right: 0px;
}
.brndedPrice.mixedbrandfarePrice {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-top: 0;
    border-top: none;
    padding: 0px;
}
.brndedPrice.mixedbrandfarePrice .cancelBrand {
    margin: 0 10px;
    background-color: #8c8c8c;
    padding: 2px 30px;
    font-family: 'Roboto-Bold';
    line-height: 20px;
    margin-top: 5px;
    height: 40px;
    margin-bottom: 10px;
}
.brndedPrice.mixedbrandfarePrice h3 {
    font-size: 18px;
    font-family: 'Roboto-Bold';
}
.mixBrandCountryname {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #8c8c8c;
    color: #fff;
    padding: 5px 15px;
    border-radius: 10px 0 5px 0;
    font-size: 14px;
    z-index: 9;
}
.branded_fares.mixedmainbrandFare{
position: relative;
padding-top: 35px;
}
.ticket_page .tickt_msg h3 {
    text-align: center;
    font-size: 16px;
}
.form-group.infantPaxDob .react-datepicker__year-dropdown--scrollable {
    height: auto !important;
    overflow-y: auto !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}
.busiconnew img.fl_busIcon {
    height: 40px;
    margin-bottom: 10px;
}
.fldtls_airlineLogo.busiconnew span {
    color: #fff;
    background: #6ecff6;
    padding: 2px 7px;
    font-size: 14px;
    border-radius: 30px;
    display: block;
}
.fldtls_airlineLogo.busiconnew {
    text-align: center;
}