.p-0 {
    padding: 0px !important;
}
/*===================================================
-- Search Home  
======================================================*/
/* Start Custom Checkbox Style For Flight Search and List */
div#flight-loader-crm .modal-content {
    font-size: 16px;
    /* padding: 0px 24px; */
    border-radius: 10px;
}
.modify-search-contents{
    display: block;
    width: 100% ;
    background: transparent ;
    box-shadow: none ;
}

.legitRipple{
    text-align: center;
}

.daterangepicker td.off.available {
    visibility: hidden;
}
.daterangepicker .calendar-table > table > td {
    width: 28px;
    height: 30px;
}
.daterangepicker td.off.ends {
    visibility: hidden;
}
.daterangepicker span.drp-selected {
    font-size: 15px;
    font-weight: 200;
    padding-right: 50px;
}
div.search-loader img {
    width: 150px;
    margin-bottom: 0px;
    margin-top: 0px;
}
div.search-loader .modal-dialog.modal-md {
    display: flex !important;
    pointer-events: none;
    align-items: center;
    justify-content: center;
    align-items: center;
    /* margin:  auto; */
}
.search-loader p {
    margin-bottom: 20px;
    padding: 0px 16%;
    color: #2a3ead;
    font-weight: 600;
}
div#flight-loader-crm .modal-content p {
    padding: 0px 16%;
    color: #2a3ead;
    font-weight: 600;
}
div.loader-modal .modal-body.text-center img {
    width: 150px;
}
#crmBack_searchEngineTab_section .nav-tabs > li > a {
    border-bottom: 2px solid transparent;
    border-top: none !important;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#crmBack_searchEngineTab_section .nav-tabs > li > a > .icons {
    width: 40px;
    height: 40px;
}
#crmBack_searchEngineTab_section .nav-tabs > li > a > .icons > svg {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
#crmBack_searchEngineTab_section .nav-tabs > li > a > .icons > svg path {
    fill: #333 !important;
}
#crmBack_searchEngineTab_section .nav-tabs > li.active > a > .icons > svg path,
#crmBack_searchEngineTab_section .nav-tabs > li.active > a > .icons > svg polygon {
    fill: #2a3ead !important;
}
#crmBack_searchEngineTab_section .nav-tabs > li > a > .icons > svg polygon {
    fill: #333333 !important;
}
/* #crmBack_searchEngineTab_section .nav-tabs > li.active > a,
#crmBack_searchEngineTab_section .nav-tabs > li.active > a:hover,
#crmBack_searchEngineTab_section .nav-tabs > li.active > a:focus {
    border-bottom: 2px solid #1f358a !important;
    background: #2a3ead !important;
} */
/* #crmBack_searchEngineTab_section .nav-tabs > li.active > a,
#crmBack_searchEngineTab_section .nav-tabs > li.active > a i {
    color: #FFFFFF!important;
} */
.request_btn {
    font-size: 11px;
    color: #2a3ead;
    display: block;
}
button#apply_coupon {
    float: right;
    width: auto;
    padding: 8px 10px;
}
input#coupon_code {
    float: left;
    width: 60%;
    margin-right: 5px;
}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  /* width: 80px; */
  /* height: 80px; */
}
.lds-ellipsis div {
  position: absolute;
  /* top: 3px; */
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #f7f7f7;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

.daterangepicker .table-condensed tr > th, .daterangepicker .table-condensed tr > td {
    padding: 10px;
    line-height: 1;
}
.daterangepicker td.disabled, .daterangepicker option.disabled {
    text-decoration: none !important;
    opacity: .4;
}
.calendar-table td.today.active.start-date.available,
.calendar-table td.active.end-date.in-range.available,
.daterangepicker td.active:focus {
    background: #2a3ead;
}
td.active.start-date.available {
    background: #2a3ead;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #2a3ead !important;
}
td.active.start-date.available {
    background: #2a3ead;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
    background: #2a3ead;
}
.cst-crm-one-way-flight-search .checker span, .cst-crm-direct-flight-search .checker span, .cst-crm-flightlist-sidebar .checker span {
    color: #1565C0;
    border: 2px solid #1565C0;
}
.cst-crm-one-way-flight-search .checker span.checked, .cst-crm-direct-flight-search .checker span.checked, .cst-crm-flightlist-sidebar .checker span.checked {
    border-color: transparent;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}
form#cst-crm-flight-search-form .select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]), form#cst-crm-flight-search-form .select2-container--open .select2-selection--single:not([class*=bg-]):not([class*=border-]), .cst-crm-flightlist-sidebar .select2-container--focus .select2-selection--single:not([class*=bg-]):not([class*=border-]) {
    border-bottom-color: #1565C0;
    -webkit-box-shadow: 0 1px 0 #1565C0;
    box-shadow: 0 1px 0 #1565C0;
}
.select2-results__option[aria-selected=true] {
    background-color: #2a3ead !important;
    color: #fff;
}
.multi_city_parent .picker__day--highlighted,
.multi_city_parent .picker__day--highlighted:hover,
.multi_city_parent .picker--focused .picker__day--highlighted {
    cursor: pointer;
    color: #fff;
    background-color: #2a3ead !important;
}

.multi_city_parent .picker__day--highlighted:before {
    border: none !important;
}
.multi_city_parent .picker__year {
    color: #333333;
    font-size: 17px;
}
.cst-filter-by-stops .form-group, .cst-filter-by-airlines .form-group {
    margin-bottom: 10px;
}
/* End Custom Checkbox Style For Flight Search and List */

/* Start Custom Price Range Filter For Flight List */

.cst-filter-by-price-range .sliderText{
    width:40%;
    margin-bottom:30px;
    border-bottom: 2px solid red;
    padding: 10px 0 10px 0px;
    font-weight:bold;
}
.cst-filter-by-price-range .ui-slider-horizontal {
    height: 6px;
    margin-bottom: 15px;
    width: 90%;
    margin: auto;
    margin-top: 30px;
    background-color: #e6e4eb;
}
.cst-filter-by-price-range .ui-widget-header {
    background: #1565C0;
}
.cst-filter-by-price-range .price-range-search {
    width:40.5%;
    background-color: #f9f9f9;
    border: 1px solid #6e6666;
    min-width: 40%;
    display: inline-block;
    height: 32px;
    border-radius: 5px;
    float: left;
    margin-bottom:20px;
    font-size:16px;
}
.cst-filter-by-price-range .price-range-field{
    /* width:20%; */
    /* min-width: 16%; */
    background-color:#f9f9f9;
    border: 1px solid #6e6666;
    color: black;
    font-family: myFont;
    font: normal 14px Arial, Helvetica, sans-serif;
    border-radius: 5px;
    height:26px;
    padding:5px;
}
.cst-filter-by-price-range .search-results-block{
    position: relative;
    display: block;
    clear: both;
}
.cst-filter-by-price-range .ui-slider-horizontal .ui-slider-handle {
    margin-left: -15px;
    top: -12px;
}
.cst-filter-by-price-range .ui-slider .ui-slider-handle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #e6e4eb;
    box-shadow: 0 1px 3px 0 rgba(37,32,31,.3);
    transform: none;
}
.ui-slider .ui-slider-handle {
    background-color: #2a3ead;
}
.cst-filter-by-price-range .ui-slider-horizontal .ui-slider-handle:after {
    width: 20px;
    height: 20px;
    margin-top: 4px;
    margin-left: 4px;
}
.cst-filter-by-price-range .ui-slider .ui-slider-handle:after {
    content: "";
    display: block;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px #ccc9d4;
}
.cst-filter-by-price-range .ui-slider .ui-slider-handle:hover {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
}
/* End Custom Price Range Filter For Flight List */

/* Start Custom Sorting For Flight List */

/* End Custom Sorting For Flight List */

/* Start Custom Flight List */
li.cst-crm-flightlist-details, li.cst-crm-flightlist-passenger-info {
    list-style: none;
}
/*
li.cst-crm-flightlist-details:hover {
    background-color: #f2f2f2;
}
*/
li.cst-crm-flightlist-details .alert {
    margin-bottom: 0;
    border-radius: 0;
}
li.cst-crm-flightlist-details .cst-crm-flightlist-outbound .alert[class*=alert-styled-]:after {
    content: "\ec04";
}
li.cst-crm-flightlist-details .cst-crm-flightlist-inbound .alert[class*=alert-styled-]:after {
    content: "\ec04";
    transform: rotate(0deg) scaleX(-1);
}
.cst-crm-flightlist-destination-schedule {
    display: grid;
    position: relative;
    margin-top: 8px;
}
.cst-crm-flightlist-time-schedule, .cst-crm-flightlist-destination-airport {
    display: inline-flex;
    position: relative;
}
.cst-crm-flightlist-outbound .alert-component {
    border-bottom: 4px solid #104d92;
}
.cst-crm-flightlist-outbound-bagage-include-info a, .cst-crm-flightlist-outbound-bagage-not-include-info a, .cst-crm-flightlist-inbound-bagage-include-info a, .cst-crm-flightlist-inbound-bagage-not-include-info a {
    vertical-align: middle;
}
li.cst-crm-flightlist-details .table-responsive, li.cst-crm-flightlist-details .table > tbody > tr > td {
    border: none;
}
span.cst-crm-flight-outbound-total-duration, .cst-crm-flight-outbound-airline-class-details p, span.cst-crm-flight-inbound-total-duration, .cst-crm-flight-inbound-airline-class-details p {
    float: right;
    text-align: left;
}

div#cst_crm_flight_outbound_info_full .table-responsive, div#cst_crm_flight_outbound_info_full .table-responsive .table > tbody > tr > td, div#cst_crm_flight_inbound_info_full .table-responsive, div#cst_crm_flight_inbound_info_full .table-responsive .table > tbody > tr > td {
    border: none;
}
.cst-crm-flight-outbound-departure-time-details, .cst-crm-flight-inbound-departure-time-details {
    border-bottom: 1px dashed #B5B5B5 !important;
}
div#cst_crm_flight_outbound_info_full .table-responsive + .table-responsive > .table:not(.table-bordered):not(.table-framed), div#cst_crm_flight_outbound_info_full .table:not(.table-bordered):not(.table-framed) + .table:not(.table-bordered):not(.table-framed), div#cst_crm_flight_inbound_info_full .table-responsive + .table-responsive > .table:not(.table-bordered):not(.table-framed), div#cst_crm_flight_inbound_info_full .table:not(.table-bordered):not(.table-framed) + .table:not(.table-bordered):not(.table-framed) {
    border: none;
}
.table-responsive.cst-crm-flight-stop-connection {
    background-color: #F2F2F2;
    border-top: 1px dashed #B5B5B5 !important;
    border-bottom: 1px dashed #B5B5B5 !important;
    margin: 20px;
}
.cst-crm-flight-outbound-arival-info-details, .cst-crm-flight-inbound-arival-info-details {
    border-bottom: 1px dashed #B5B5B5 !important;
}
div#cst_crm_flight_outbound_info_full .modal-body, div#cst_crm_flight_inbound_info_full .modal-body {
    padding: 0;
}
.cst-flight-select-btn {
    border-radius: 0 !important;
}
.cst-crm-flightlist-full-details {
    text-align: right;
}
.cst-crm-flightlist-outbound .table > tbody > tr > td, .cst-crm-flightlist-inbound .table > tbody > tr > td {
    padding: 0px 12px;
}
.cst-flight-select {
    float: right;
}
.cst-crm-flightlist-airline-img .img-preview {
    max-height: 50px;
}
td.cst-crm-flightlist-outbound-bjs, td.cst-crm-flightlist-inbound-bjs {
    display: inline;
}
.cst-crm-flightlist-outbound-bagage-include-info a, .cst-crm-flightlist-outbound-bagage-not-include-info a, .cst-crm-flightlist-inbound-bagage-include-info a, .cst-crm-flightlist-inbound-bagage-not-include-info a {
    float: left;
}
.cst-crm-flightlist-outbound-journey-details p, .cst-crm-flightlist-inbound-journey-details p {
    margin-bottom: 5px;
}
.cst-crm-flightlist-outbound-journey-details, .cst-crm-flightlist-inbound-journey-details {
    float: right;
    margin-top: -15px;
    border-left: 1px solid #B5B5B5;
    padding-left: 20px;
    margin-right: 30px;
}
br.switch-desktop-to-mobile {
    display: none;
}
.cst-crm-flightlist-depart-time p, .cst-crm-flightlist-arive-time p {
    /* font-size: 18px;
    line-height: 1.4;
    font-weight: 500; */
    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
    margin: 0;
}
.cst-crm-flightdetails-total-cost-content span, .cst-crm-flightdetails-costing-sidebar-content-title span {
    text-align: right;
    float: right;
}
.share_itinerary {
    /* width: 70%;
    margin-top: 8px;
    font-size: 9px; */
    background: transparent;
    border: 1px solid #2a3ead;
    color: #2a3ead;
    font-size: 12px;
    font-weight: 500;
    margin-top: 8px;
    padding: 3px 15px;
    border-radius: 4px;
    display: inline-block;
}
.share_itinerary:hover {
    background: #2a3ead;
    color: #FFFFFF;
}
.share_itinerary i {
    padding-right: 4px;
    /* font-size: 15px; */
}

.flight_arrival {
    display: inline-flex;
    align-items: center;
}

.flight_arrival p{

}

.days_difference {
    background-color: #ff5722;
    color: white;
    padding: 0px 2px;
    margin-left: 3px;
    height: 16px;
    font-size: 9px;
    width: 16px;
    position: relative;
    top: 1px;
    font-size: 10px;
    border-radius: 2px;
    margin-left: 5px
}
.flight_summary {
    font-size: 9px;
    font-weight: 500;
    padding-left: 20px;
    width: 100%;
    display: inline-block;
}
.destination_list {
    z-index: 999999999;
    position: absolute;
    top: 45px;
    width: 278px;
    background: #fff;
    border-radius: 6px;
    left: 1px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    /* padding: 15px; */
    max-height: 300px;
    overflow-y: scroll;
    /*box-shadow: 0px 0px 1px 3px rgba(168, 166, 166, 0.32);*/
}
.destination_list ul {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    padding: 10px 0px;
    position: relative;
}
.destination_list ul:before {
    position: absolute;
    content: '';
    top:-10px;
    left:10px;
    width: 20px;
    height:20px;
    background: url(../assets/images/icons/list-icon.png);
}
.form-group.cst-register-user-form-group input {
    margin-bottom: 2px;
}
.destination_list ul li {
    list-style: none;
    float: left;
    width: 100%;
    padding: 2px 10px;
    display: block;
    color: #333333;
    cursor: pointer;
    border-bottom: 1px solid #e0e0e0;
}
.destination_list ul li:hover {
    background-color: #EAEAEA;
}
.destination_list ul li:last-child {
    border-bottom: none;
}
.hotelSearchBtn {
    margin-top: 29px;
    height: 38px;
}
.attractionSearchBtn {
    margin-top: 26px;
    height: 39px;
}
.hotel_destination_list {
    z-index: 999999999;
    position: absolute;
    top: 50px;
    width: 277px;
    background: #fff;
    border-radius: 6px;
    left: 1px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    max-height: 300px;
    overflow-y: scroll;
}
.hotel_destination_list ul {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    padding: 10px 0px;
    position: relative;
}
.hotel_destination_list ul:before {
    position: absolute;
    content: '';
    top:-10px;
    left:10px;
    width: 20px;
    height:20px;
    background: url(../assets/images/icons/list-icon.png);
}
.hotel_destination_list ul li {
    list-style: none;
    float: left;
    width: 100%;
    padding: 2px 10px;
    display: block;
    color: #333333;
    font-weight: 500;
    cursor: pointer;
    border-bottom: 1px solid #e0e0e0;
}
.hotel_destination_list ul li:hover {
    background-color: #EAEAEA;
}
.hotel_destination_list ul li:last-child {
    border-bottom: none;
}
.hotel_destination_list .hotel_destination_ids {
    float: left;
    width: 100%;
}
.hotel_destination_list .hotel_destination_icon {
    float: left;
    width: 8%;
}
.hotel_destination_list .hotel_destination_ids i {
    line-height: 23px;
}
.hotel_destination_list .hotel_destination_details {
    float: left;
    width: 92%;
}
.hotel_destination_list .hotel_destination_details span {
    display: block;
    margin-left: 0px;
}
.airline_list_search {
    z-index: 999999999;
    position: absolute;
    top: 45px;
    margin-top: 20px;
    width: 305px;
    background: #fff;
    border-radius: 6px;
    left: 1px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    /* padding: 15px; */
    max-height: 300px;
    overflow-y: scroll;
    /*box-shadow: 0px 0px 1px 3px rgba(168, 166, 166, 0.32);*/
}
.airline_list_search ul {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    padding: 10px 0px;
    position: relative;
}
.airline_list_search ul:before {
    position: absolute;
    content: '';
    top:-10px;
    left:10px;
    width: 20px;
    height:20px;
    background: url(../assets/images/icons/list-icon.png);
}
.form-group.cst-register-user-form-group input {
    margin-bottom: 2px;
}
.airline_list_search ul li {
    list-style: none;
    float: left;
    width: 100%;
    padding: 2px 10px;
    display: block;
    color: #7C7C7C;
    cursor: pointer;
    border-bottom: 1px solid #e0e0e0;
}
.airline_list_search ul li:hover {
    background-color: #EAEAEA;
}
.airline_list_search ul li:last-child {
    border-bottom: none;
}
.disable_a_tag {
  pointer-events: none;
  cursor: default;
  background-color: #cccccc;
  color: #666666;
}
.input-div-parent {
    float: left;
    width: 50%;
    position: relative;
}
.input-box-parent-big {
    float: left;
    width: 100%;
    position: relative;
}

.destination_ids {
    float: left;
    width: 100%;
    display: block;
}
span.city_names {
    font-size: 13px;
}
/*.tooltip .tooltip-inner {
    background-color:#D32038;
    border:none !important;
}
.tooltip-arrow {
    border-left-color: #D32038;
}*/
h6.spin-header {
    line-height: 26px;
    font-size: 16px;
    width: 100%;
}
h6.spin-header span {
    font-weight: 700;
    font-size: 18px;
}
.blockUI.blockOverlay {
    pointer-events: none;
}
.mb50px{margin-bottom: 50px;}

/* div#loader-crm {
    float: left;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    height: 100%;
    margin-left: 710px;
    margin-top: 3px;
}
div#loader-crm img {
    margin-top: 20%;
} */
div#loader-crm {
    position: fixed !important;
    top: 0px !important;
    left: 0% !important;
    margin-left: 0px !important;
    background: #ffffffd9;
    width: 100%;
    height: 100%;
    z-index: 9;
}
div#loader-crm img {
    margin-top: 15%;
    position: absolute;
    left: 44%;
}

.mySlides {
  display: none;
}

.demo {
  opacity: 0.6;
}

.cursor {
  cursor: pointer;
}

section.nclflightLists {
    float: left;
    width: 100%;
    min-height: 60vh;
    /* position: relative;
    z-index: 9999; */
}
div#price-range {
    float: left;
    width: 100%;
    position: relative;
}
div#loader-search-crm {
    float: none;
    width: 100%;
    text-align: center;
    margin: auto;
}
div#loader-search-crm .center-block {
    margin: 10% auto;
    width: 300px;
}

.mb50px {
    margin-bottom: 50px;
}
.cst-crm-flightlist-filter-sidebar .radio-group_return_stops1 input,
.cst-crm-flightlist-filter-sidebar .cst-Group-Direct-Name-CheckAll input,
.cst-crm-flightlist-filter-sidebar .radio-group_direct_stop1 input {
    float: left;
    margin-right: 5px;
}
.cst-crm-flightlist-filter-sidebar label.cst-Return-Stops-CheckAll-label.container1,
.cst-crm-flightlist-filter-sidebar label.cst-Direct-Stops-CheckAll-label container1 {
    font-size: 1.2rem;
    width: 100%;
}
.cst-crm-flightlist-filter-sidebar label.container1 {
    font-size: 1.2rem;
    width: 100%;
}
.cst-Group-Return-Name-CheckAll-label input, #cstGroupReturnNamecheckBoxes .container1 input,
.radio-group_direct_name1 input{
    float: left;
    margin-right: 5px;
}

input.cst-supplier-name {
    background: transparent;
    border: none;
    float: left;
    text-align: left;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: transparent;
}

div#loader-home {
    float: none;
    width: 100%;
    text-align: center;
    margin: auto;
}
.pagination_Buttons {
    float: left;
    width: 100%;
    /* margin-top: -35px; */
    margin: 10px 0px;
    display: block;
}
button.pagination_prev {
    float: left;
    margin: 0;
}
button.pagination_next {
    float: right;
    margin: 0;
}
h6.trav_total_number_of_flight {
    color: #d32038;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    margin-top: -35px;
    float: left;
    width: 100%;
}
h6.trav_total_number_of_flight.result_zero {
    margin-top: 0px !important;
}
.result_title{
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
}
#Price_Range .price_label {
    float: left;
    width: 100%;
    padding: 0px 10px;
}
#Price_Range .price_label span {
    color: #40539f;
    font-weight: 600;
}
#Price_Range input.price_label_Textfield {
    display: inline-block;
    border: none;
    background: transparent;
    width: 30%;
    color: #40539f;
    font-weight: 600;
    font-size: 16px;
}
.select-btn{
    width: 205px;
    font-size: 18px;
}
.cst-crm-flightdetails-costing-sidebar-content-title p {
    border-bottom: 1px #dad7d7 solid;
    line-height: 24px;
    font-size: 12px;
    margin-bottom: 2px;
    /* color: #1e88e5; */
    padding: 5px 0px;
    float: left;
    width: 100%;
}
.cst-crm-flightdetails-costing-sidebar-content-title p:first-child {
    padding-top: 0px;
}
.cst-crm-flightdetails-costing-sidebar-content-title p span {
    width: 50%;
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
}
.cst-crm-flightdetails-costing-sidebar-content-title p span.pricebreak_desc {
    float: left;
    font-weight: 400 !important;
    padding: 0px;
    text-align: left;
    width: 50%;
}
.cst-crm-flightdetails-total-cost span {
    width: 50%;
    display: inline-block;
    /* font-weight: 600;
    font-size: 12px; */
}
.cst-crm-flightdetails-total-cost-content span.pricebreak_desc {
    float: left;
    text-align: left;
    width: 50%;
    /* background: red; */
}
.cst-crm-flightdetails-total-cost {
    padding: 4px 20px;
    background: #f1f1f1;
    float: left;
    width: 100%;
    border-radius: 0px;
}
.cst-crm-flightdetails-total-cost-content h4 {
    font-size: 12px;
    color: black;
    font-weight: 700;
}
.cst-crm-flightdetails-sidebar .panel.panel-flat {
    border-radius: 0px !important;
}
.cst-crm-flightdetails-sidebar .panel-body {
    padding: 10px 0px;
    padding-bottom: 0px;
    border-radius:0px;
    float: left;
    width: 100%;
}
.cst-crm-flightdetails-sidebar .panel-body .cst-crm-flightdetails-costing-sidebar-content {
    padding: 0px 10px;
}
.cst-crm-flightdetails-sidebar .panel-body .cst-crm-flightdetails-costing-sidebar-content {
    padding: 0px 10px;
    padding-bottom: 10px !important;
    float: left;
    width: 100%;
}
.cst-crm-flightdetails-sidebar p.panel-titletext-semibold:last-child {
    padding-bottom: 0px;
}
.cst-crm-flightdetails-sidebar {
    float: left;
    width: 100%;
}
.cst-crm-flightdetails-costing-sidebar-content-title p:last-of-type {
    border-bottom: none;
}
ul.dropdown-menu.width-200 {
    z-index: 999999999;
}
.cst-crm-flightlist {
    float: left;
    /* width: 100%; */
    background: #FFFFFF;
    /* position: relative;
    z-index: 99999999 */
}
.flight_select_section{
    width: 15%;
    float: right;
    /* height: 100%; */
    background-color: #f7f7f7;
    padding-bottom: 10px;
    padding: 0px 0px;
    display: flex;
    align-items: center;
}
.dropdown-menu.dropdown-content.width-350 {
    z-index: 999999999;
}
.addBanner-img a img {
    display: inline-block;
    margin-top: 20px;
    width: 150px !important;
}
.licence_logo {
    float: left;
    width: 100%;
    text-align: center;
    padding: 20px 0px;
}
.licence_logo img {
    margin: 0px 5px;
}
/* ------------------- passenger-details for booking -------------------- */
.crm_booking_passenger_information {
    float: left;
    width: 100%;
    margin: 20px 0px;
    /* background: #1e88e5;
    text-align: center; */
}
.crm_booking_passenger_information .crm_booking_header h4 {
    /* font-size: 12px; */
    text-align: center;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 500;
    margin: 0px;
    text-transform: uppercase;
    color: #FFFFFF;
}
/* .crm_booking_header {
    padding: 10px 0px;
} */
.crm_booking_header i {
    font-size: 12px;
    margin-right: 5px;
}
.crm_booking_passenger_information .crm_booking_header {
    background: #1e88e5;
    text-align: center;
    padding: 10px 0px;
}
.crm_booking_details p {
    margin: 0px;
    padding-left: 10px;
}
.crm_booking_details {
    float: left;
    width: 100%;
    /* padding: 20px 0px; */
}
/* ------------------------------------------------------ */
body {
    overflow-x: hidden;
}
/* .fade.in {
    opacity: 1;
    z-index: 9999;
}
.modal {
    z-index: 999999999;
    background: rgba(0, 0, 0, 0.6);
} */
div#baggages_modal,
div#farerules_modal,
div#farerules_modal_paxport,
div#baggages_modal_paxport,
div#farerules_modal_pkfare {
    z-index: 999999999;
}
/* .centered.loader-crm-claas {
    margin-left: 40% !important;
} */
.centered.loader-crm-claas {
    position: fixed !important;
    top: -5% !important;
    left: 50% !important;
    margin-left: 0px !important;
}
div#loader-crm-hotel {
    background: #ecececd9;
}
.centered.loader-crm-claas-2 {
    top: -5% !important;
    left: -15% !important;
    position: fixed !important;
}
.daterangepicker.dropdown-menu {
    z-index: 99999999;
}
ul.dropdown-menu.dropdown-menu-right {
    z-index: 99999;
}
li.cst-crm-flightlist-passenger-info {
    float: left;
    width: 100%;
}
/* End Custom Flight List */


.centered {
  position: -webkit-fixed;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
li.cst-crm-flightlist-details.flight_list_divs_contents .alert {
    padding: 0px 0px;
}
.fare_details_tab_contents .cst-crm-flight-outbound-departure-time-details {
    border-bottom: 0px !important;
}
.modal-body.fare_details_tab_contents .cst-crm-flight-outbound-arival-info-details, .cst-crm-flight-inbound-arival-info-details {
    border-bottom: 0px !important;
}
h6.airline_logo_names {
    font-size: 15px;
    font-weight: 600;
    color: #2196f3;
}
.alert_balance_image {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.alert_balance_image a {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 14px;
    text-decoration: underline;
}
.alert_balance_image img {
    width: 40px;
}
span.flight_ref_num {
    font-size: 16px;
    color: #003762;
    letter-spacing: 0px;
}
.panel.panel-flat.pass_in_header_panel_panel-flat {
    box-shadow: none;
}

.col-auto.my-1 {
    float: left;
    width: 100%;
    padding: 10px 10px;
    padding-bottom: 0px;
}
.cst-filter-by-airlines {
    float: left;
    width: 100%;
}
.cst-filter-by-price-range {
    float: left;
    width: 100%;
}
.ui-slider .ui-slider-range {
    /* background-color: #EDEDED; */
    background-color: #2a3ead !important;
}
/* range Contents */
.range_contents {
    float: left;
    width: 100%;
    padding: 0px 10px;
    margin-bottom: 10px;
}
.range_label {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.range_sliders.time_range {
    float: left;
    width: 100%;
    padding: 0px 6px;
}
.rangeLabel span {
    color: #40539f;
    font-weight: 600;
    font-size: 14px;
}

.cst-crm-flightlist-filter-sidebar .cst-crm-flightlist-count {
    margin-top: 10px;
    /* background: #EDEDED; */
}
.cst-crm-flightlist-filter-sidebar .cst-crm-flightlist-count:first-child {
    margin-top: 0px;
}
.price-range_sliders {
    margin-top: 10px;
}
.form-control-2.error {
    border-color: #D84315;
}

button.collapse_btn {
    padding: 2px 0px;
}
.col-auto.my-1 {
    padding: 10px 0px;
}
#Price_Range .price_label {
    padding: 0px 0px;
}
div#price-range {
    width: 96% !important;
    left: 2%;
}
/*-------------------
-- new design
---------------------*/
.custom_search_list_design .cst-crm-flightlist-airline-img .img-preview {
    max-height: 50px;
    width: 50px;
}
form#cst-crm-flight-search-form span.input-group-addon i,
form#modify_search_form_return_crm span.input-group-addon i,
form.passenger__form span.input-group-addon i {
    top: -5px;
    /* top: -5px; */
}
.custom_search_list_design .cst-crm-flightlist-airline-img h6 {
    font-size: 12px !important;
    color: #40539f;
    font-weight: 500;
    display: inline-block;
    margin-left: 8px;
    text-align: center;
}
.search_details_div{
    background-color: #5c6bc0;
    padding-bottom: 15px;
    padding-top: 10px;
    /* border-radius: 5px; */
}
.custom_search_list_design .cst-crm-flightlist-airline-img h6 span {
    display: block;
}
.custom_search_list_design .alert.alert-primary.alert-styled-left.alert-arrow-left.alert-component {
    padding: 0px 0px;
}
p#cstGroupReturnNamecheckBoxes label.container1 img {
    width: 40px;
    margin-right: 5px;
}
.custom_search_list_design  .cst-crm-flightlist-airline-img {
    display: table;
    width: 100%;
}
.custom_search_list_design  a.text-warning {
    /* display: table; */
    display: table-cell;
    vertical-align: middle;
}
.crm_flight_from_schedule {
    float: left;
    width: 100%;
    text-align: center;
}
.custom_search_list_design .crm_flight_from_schedule h6 {
    /* text-transform: uppercase; */
    font-size: 12px !important;
    color: #40539f;
    /* font-weight: 500; */
    display: inline-block;
    margin-left: 8px;
    margin: 0px;
    width: 100%;
}
.custom_search_list_design .cst-crm-flightlist-outbound .table > tbody > tr > td,
.cst-crm-flightlist-inbound .table > tbody > tr > td {
    padding: 3px 12px;
}
.custom_search_list_design .cst-crm-flightlist-outbound .table > tbody > tr:nth-child(n+2), .cst-crm-flightlist-inbound .table > tbody > tr:nth-child(n+2) {
    border-top: 1px solid rgba(224, 224, 224, 0.8);
}
.custom_search_list_design .crm_flight_from_schedule img {
    width: 20px;
}
.air-book h6 {
    display: inline-block;
    color: #40539f;
    /* font-weight: 700; */
    margin: 0px;
    /* margin-top: 3px; */
    margin-right: 10px;
    font-size: 12px;
}
.air-book h6 span {
    font-size: 16px;
}
span.flight_ref_num {
    font-size: 12px;
    color: #003762;
    letter-spacing: 0px;
    display: block;
}
h5.color-succcess {
    color: #0dad79;
    font-size: 14px;
    font-weight: 500;
}
.cst-crm-flightlist.custom-cst-crm-flightlist {
    float: left;
    width: 100%;
    background: #EDEDED;
}
.cst-crm-flightlist-panel.custom-cst-crm-flightlist {
    border: 1px solid #dedede;
    padding: 20px 20px;
    border-radius: 5px;
}
.table-responsive-table_payment {
    float: left;
    width: 100%;
    margin: 20px 0px;
}
table.table_payment {
    float: left;
    width: 100%;
}
table.table_payment h5 {
    margin: 0px;
    font-size: 14px;
    padding: 5px;
    font-weight: 500;
}
h5.mark_red.alert_header {
    color: #db4437 !important;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0px;
}
/* .custom-cst-crm-flightlist,
.custom-cst-crm-flightlist .cst-crm-flightlist-panel,
.panel-body.custom-cst-crm-flightlist,
.panel-body.custom-cst-crm-flightlist .cst-crm-flightlist {
    background: #EDEDED;
} */
.cst-crm-flightlist-panel.custom-cst-crm-flightlist {
    background: #EDEDED;
}
.credit_forms h6,
.credit_forms p,
.credit_forms h5 {
    margin: 0px 0px;
    font-size: 14px;
    color: #f44336 !important;
}
/* table.table_payment td:nth-child(2) {
    min-width: 50px !important;
    max-width: 50px !important;
    text-align: center;
} */
table.table_payment td:nth-child(2) {
    /* color: #0dad79; */
    text-align: right;
}
.custom_search_list_design .air-book a.btn.btn-primary.abook:hover {
    background: #1268b4;
}
.custom_search_list_design .air-book a.btn.btn-primary.abook {
    padding: 6px 30px;
    transition: .3s;
    background: #d32038;
}
.button_bottom_class .air-book a {
    padding: 5px 30px;
    font-size: 12px;
    background: #40539f;
}
/* .button_bottom_class .air-book a:hover {
    background: #40539f;
} */
.custom_search_list_design .air-book .custom_changes_total {
    display: inline-block;
    margin-right: 20px;
}
.custom_search_list_design .air-book .custom_changes_total h6 {
    font-size: 15px;
    font-weight: 500;
    color: #166dba;
    margin-top: 10px;
    margin-bottom:0px;
}
.custom_search_list_design .fare_rules_buttons {
    padding-top: 5px;
}
.custom_top_filter_div a.btn.btn-default.btn-block.btn-float.btn-float-lg.legitRipple {
    /* padding: 5px 10px; */
    font-size: 14px;
    display: block;
    padding-bottom: 10px;
    padding-top: 10px;
    line-height: 1.0;
/* .custom_top_filter_div a.btn.btn-default.btn-block.btn-float.btn-float-lg.legitRipple {
    padding: 5px 10px;
    padding-bottom: 10px;
    padding-top: 0px; */
} 
.custom_top_filter_div a.btn.btn-default.btn-block.btn-float.btn-float-lg.legitRipple {
    padding: 10px 10px;
    /* padding-bottom: 10px; */
    font-size: 14px;
    display: block;
}
.sortByCategoryDiv {
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom_top_filter_div .btn-float.btn-float-lg i {
    font-size: 15px;
    display: inline-block;
    margin-right: 5px;
}
.custom_top_filter_div .btn-float span {
    font-size: 15px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cst-crm-flightlist-outbound {
    float: left;
    width: 100%;
}
.cst-crm-flightlist-inbound {
    float: left;
    width: 100%;
}
.custom_top_filter_div .btn-float.btn-float-lg i {
    font-size: 15px;
    display: inline-block;
    margin-right: 10px;
}
.custom_top_filter_div .btn-float > span {
    display: inline-block;
    padding-top: 10px;
    margin-bottom: -6px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.custom_nclflightListsRenderer .cst-flight-select-btn {
    padding: 5px 10px;
    font-size: 12px;
}
.custom_design_stop_over {
    float: left;
    width: 100%;
    text-align: center;
    background: #e9e9e9;
}
.custom_design_stop_over h6 {
    font-size: 14px;
    font-weight: 500;
    color: #d32038;
    margin: 5px 0px;
}
.custom_airline_number h5 {
    font-size: 12px !important;
    color: #40539f;
    font-weight: 500;
    display: block;
    margin-left: 0px;
    text-align: center;
    margin-top: 2px;
}
.custom_airline_number img {
    width: 15px;
}
.cst-crm-flightdetails-costing {
    width: 100%;
    float: left;
}
.cst-crm-flightdetails-costing-title {
    padding: 4px 20px;
    border-radius: 0px;
    background: #2a3ead;
    width: 100%;
    float: left;
}
.expire-content {
    float: left;
    width: 100%;
}
.expire-content p {
    float: left;
    width: 50%;
    margin-top: 8px;
    margin-bottom: 2px;
}
.expire-content > .button-div {
    float: left;
    width: 50%;
}
.expire-content button {
    float: left;
    /* width: 50%; */
    background: #1E2E8E !important;
    box-shadow: none !important;
    margin-top: 6px;
    float: right;
}

/* i.icon-watch2{
    margin-top: 12px; 
    margin-bottom: 12px; 
    color: white; 
    font-size: 18px;
    position: relative;
    top: 0 !important;
}  */

.cst-crm-flightdetails-costing-title h4.panel-title {
    font-size: 12px;
    color: black;
    font-weight: 700;
    /* text-transform: uppercase; */
}
.term_page_conditions .form-group.form_items_group {
    display: inline-block;
    margin: 0px 5px;
}
.term_page_conditions .form-group.form_items_group label.label_check,
.term_page_conditions .form-group.form_items_group label.label_check a {
    font-size: 14px;
    position: relative;
    top: -1px;
    padding: 0px 2px;
}
.accept_text {
    float: left;
    width: 100%;
    padding: 10px 15%;
    text-align: left;
}
.accept_text p img {
    width: 20px;
}
.accept_text p span {
    font-size: 14px;
    padding-top: 0px;
    display: inline-block;
    color: #0dad79;
    margin-left: 10px;
    position: relative;
    top: 1px;
}
/* ----------------------------------
    --Hotel
------------------------------------- */
.form-group.form_hotel_group {
    float: left;
    width: 100%;
}
.form-group.form_hotel_group .input-group {
    float: left;
    width: 100%;
}
.form-group.form_hotel_group #total_values {
    float: left;
    width: 100%;
    position: relative;
    cursor: pointer
}
.single_flight_segments.return_segment .part.part-journey img {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
div#total_description {
    float: left;
    width: 100%;
    display: none;
}
.mb-12 {
    margin-bottom:12px !important
}
button#search_transfer_btn {
    margin-top: 30px;
}
.transfer_total_description_fields input#total_description {
    height: 30px;
}
#total_description{
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 40px;
    /*font-size: 12px;*/
    padding-left: 20px;
    margin-top: 4px;
    background-color: #ffffff;
}
.search_labelText {
    font-weight: 400 !important
}
.daterangepicker .calendar-table table {
    table-layout: fixed;
    word-wrap: break-word;
}
div#modify-search-form-contents .checkbox.checkbox-white-border.with-text {
    margin: 0px;
}
input#attraction_total_description{
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 40px;
    /* font-size: 12px; */
    padding-left: 20px;
    margin-top: 4px;
    background-color: #ffffff;
}
input#transfer_total_passengers {
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 40px;
    /* font-size: 12px; */
    padding-left: 20px;
    margin-top: 0px;
    background-color: #ffffff;
}
.room_header{
    font-size: 14px;
    font-weight: 700;
}
#attraction_search_result .table .td{
    padding-top: 8px;
    padding-bottom: 8px;
}

.attraction_total_description_control_field,
.hotel_total_description_control_field,
.transfer_total_description_control_field {
    /* float: left;
    width: 100%;
    position: absolute;
    z-index: 99;
    display: none;
    background: #eeeded;
    top: 36px;
    opacity: 0;
    padding: 15px 15px;
    transition-timing-function: linear;
    transition-duration: 0.5s;
    transition-property: display, opacity;
    transition-delay: 02s, 0.4s;
    border: 1px solid #d8d8d8;
    box-shadow: -1px -1px 10px 2px rgba(0, 0, 0, 0.09);
    margin-top: 30px; */
    margin-top: 10px;
    position: absolute;
    top: 60px;
    background: #FFFFFF;
    z-index: 99;
    width: 500px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 15px;
    opacity: 0;
    display: none;
    transition: .2s;
    max-height: 300px;
    overflow-y: scroll;
}
.transfer_total_description_control_field {
    width: 400px
}
#swap_airport {
    position: relative;
    left: 5px;
    cursor: pointer;
}
.custom_form_group.form-group.form-group-3.has-feedback.has-feedback-left i.icon-calendar22.cst-crm-flight-depart-date-icon {
    top: 1px !important;
    position: relative;
}
.hotel_total_description_control_field.div_active {
    display: block;
    opacity:1
}
.hotel_total_description_fields span.dropdown-icon i {
    transition: .3s;
}
.transfer_total_description_fields span.dropdown-icon i {
    transition: .3s;
}
.transfer_total_description_fields.rotate_arrow span.dropdown-icon i {
    transform: rotate(180deg);
    transition: .3s;
}
.hotel_total_description_fields.rotate_arrow span.dropdown-icon i {
    transform: rotate(180deg);
    transition: .3s;
}
.row-input {
    width: 50%;
    float: left;
    display: flex;
    padding-right: 20px;
}
.row-children-input {
    width: 50%;
    float: left;
}
.inputfield_attraction {
    display: inline-block;
    width: 100%;
    /* display: flex; */
    flex-basis: 100%;
    /* padding: 5px; */

}
.inputfield {
    display: inline-block;
    /* width: %; */
    /* display: flex; */
    flex-basis: 100%;
    padding-right: 4px;
}
.attraction_table_date{
    display: block;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    font-size:13px;
}
.inputfield_attraction select{
    display: block;
    width: 100%;
    height: 40px;
    padding: 10px 11px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding-left: 7%;
    text-align: left;
    font-size:13px;
}

.inputfield select {
    display: block;
    width: 100%;
    padding: 9px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding-left: 7%;
    text-align: center;
}
.hotel_total_description_control_field.div_active button.btn.custom_confirm_button {
    padding: 5px 20px;
    font-size: 10px;
    margin-top:15px;
    display: inline-block;
}
.mySelect{
    padding: 9px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-right: 3px;
    margin-top: 8px;
    width: 24%;
    padding-left: 7%;
    text-align: center;
}
.row-children-input .mySelect {
    padding: 9px 0px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-right: 0px;
    /* margin-top: 28px; */
    margin-top: 0px;
    margin-bottom: 4px;
    width: 23%;
    padding-left: 3%;
    text-align: center;
}
.childageError {
    display: none;
    opacity: 0;
}
.childageError.show {
    display: block;
    opacity: 1;
}
.mySelect.has-error {
    border-color: #D84315;
}
div#childageError h6 {
    color: #D84315;
    font-weight: 500;
    margin: 5px 0px;
    font-size: 13px;
    display: block;
    padding: 5px 5px;
    border: 1px solid #D84315;
    border-radius: 6px;
    background: rgb(216 67 21 / 8%);
}
.div_active {
    display: block;
    opacity:1
}
.form-custom-group {
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.form-custom-group label {
    float: left;
}
.form-custom-group .form-item_controls {
    float: right;
}
.form-custom-group .form-item_controls input {
    width: 50px;
    border: none;
    height: 30px;
    /* border: 1px solid #CCCCCC; */
    text-align: center;
    width: 34px;
    text-align: center;
    padding: 7px;
    margin: 0px;
    border: 1px solid #CCCCCC;
}
.form-item_controls button.btn.btn-primary.legitRipple {
    padding: 5px 10px;
    width: 30px;
}
.form-custom-group:nth-child(3) {
    margin-bottom: 0px;
}
.child_age_selection_div {
    float: left;
    width: 100%;
    margin-top: 20px;
    display: none;
    opacity: 0;
    border-top: 1px solid #e1e1e1;
}
.child_age_selection_div select.custom_select_box {
    width: 49%;
    margin-right: 1px;
    padding: 5px 2px;
    padding-right: 0px;
    margin-bottom: 10px;
}
.child_age_selection_div select.custom_select_box:nth-child(odd) {
    margin-right: 0px;
}
.child_age_selection_div.div_active {
    display: block;
    opacity: 1;
}
span.dropdown-icon {
    position: absolute;
    top: 10px;
    right: 0px;
    background: #FFFFFF;
    /* border: 1px solid #CCCCCC; */
}
#hotel-price-range .ui-slider-range.ui-corner-all.ui-widget-header,
#hotel-price-range .ui-slider-handle.ui-corner-all.ui-state-default
{
    background-color: #2a3ead !important;
}

.single_hotel_list_ratings {
    /* display: inline-block; */
    display: flex;
    margin-left: 8px;
}
.single_hotel_list_ratings i.icon-star-full2 {
    font-size: 14px;
    margin: 0px;
    display: inline-block;
    position: relative;
    color: #ffa400;
    /* top: 0; */
    margin: 0 1px;
}
.hotel-details-btn-group {
    float: left;
    width: 100%;
    margin-top: 15px;
}
.hotel-details-btn-group a {
    background: transparent;
    color: #333333;
    font-weight: 600;
    font-size: 11px;
    border: 1px solid #bdbdbd;
    padding: 4px 20px;
    transition: .3s;
    margin-right: 8px
}

.hotel-details-btn-group a:hover {
    border-color: #2a3ead;
    background-color: #2a3ead !important;
    color: #FFF;
}
.hotel-details-btn-group a i.icon-chevron-down.accordion-icon {
    font-size: 13px;
}
.hotel_list_extra_facilities.hotel_list_extra_facilities {
    float: left;
    width: 100%;
}
.hotel_list_extra_facilities ul {
    padding: 0px;
    margin: 0px;
}
.hotel_list_extra_facilities ul li {
    list-style: none;
    display: inline-block;
    background: #EDEDED;
    padding: 4px 10px;
    border-radius: 4px;
    margin-right: 8px;
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize;
}
.hotel_list_extra_facilities ul li i {
    display: inline-block;
    font-size: 14px;
    color: #333;
    margin-right: 2px;
}
.hotel_list_extra_facilities ul li small{
    display: inline-block;
    font-size: 12px;
    color: #333;
}
a.room_list_btn.hotelAccordioController{
    position: relative;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    text-align: center;
    margin-top: 5px;
    color: #2a3ead;
    z-index: 999;
    width: auto;
}
a.room_list_btn.hotelAccordioController i.icon-chevron-down.accordion-icon {
    font-size: 13px;
}
.hotelListFirstColumn span.hotel-sale-info i {
    margin-right: 5px;
    font-size: 12px;
    font-weight: 600;
    position: relative;
    top: 1px;
}
.hotelListFirstColumn span.hotel-sale-info {
    color: green;
    font-size: 12px;
    font-weight: 500;
}
span.terms_checkmark{
    display: inline !important;
}

/*----------------------------------------------------------------
    -- Checkbox-container
-------------------------------------------------------------------*/
.filter_containers {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    /* font-size: 22px; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  /* Hide the browser's default checkbox */
  .filter_containers input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  /* Create a custom checkbox */
  .filter_containers .checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #2a3ead;
}

  /* On mouse-over, add a grey background color */
  .filter_containers:hover input ~ .checkmark {
    background-color: #40539f;
  }

  /* When the checkbox is checked, add a blue background */
  .filter_containers input:checked ~ .checkmark {
    background-color: #2a3ead;
  }

  /* Create the checkmark/indicator (hidden when not checked) */
  .filter_containers .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the checkmark when checked */
  .filter_containers input:checked ~ .checkmark:after {
    display: block;
  }

  /* Style the checkmark/indicator */
.filter_containers .checkmark:after {
    left: 6px;
    top: 2px;
    width: 4px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
label.checkbox-container.filter_containers img {
    width: 22px;
    margin-right: 6px;
}


/* ------------------------------------------------------------
    -- Hotel
------------------------------------------------------------------*/

div#hotel-loader-crm {
    text-align: center;
}
.flight-route i.icon-office {
    color: #FFFFFF;
    position: absolute;
    right: -14px;
    top: -6px;
}
.nclHotelDescription {
    float: left;
    width: 100%;
    background: #FFFFFF;
}
.hotel_city_description {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.hotel_city_description h6 {
    font-size: 20px;
    font-weight: 400;
    color: #1e88e5;
}
div#child_select_age_container {
    float: left;
    width: 100%;
}
.total_pass_div {
    float: left;
    width: 50%;
}
.total_pass_div .form-group {
    width: 90%;
}

div#child_select_age_container select.check.form-control:nth-child(even) {
    float: right;
}
div#child_select_age_container select.check.form-control {
    width: 45%;
    float: left;
}
.collapse_div {
    float: left;
    width: 100%;
    border: 1px solid #dddddd;
    padding: 20px 20px;
    background: #EDEDED;
}
.crm_hotel_modal_titles {
    margin-bottom: 4px;
    float: left;
    width: 100%;
}
/* #modify_search_form .btn {
    width: 100%;
} */
button#modify_search_return_button {
    width: 100%;
}
.cst-crm-flightlist-passenger-info-details ul.nav li a {
    text-align: left;
}
.collapse_div label.control-label {
    padding-top: 0px;
    font-size: 14px;
}
.collapse_div fieldset {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.custom_filter_hotel .btn-float > span {
    font-size: 12px;
}
.custom_filter_hotel a.btn.btn-default.btn-block.btn-float.btn-float-lg.legitRipple {
    padding: 5px 5px;
    padding-bottom: 10px;
}
.custom_filter_hotel .btn-float.btn-float-lg i {
    font-size: 16px;
    margin-right: 5px;
}
/* .custom_filter_hotel .btn-float.btn-float-lg i {
    display: block;
} */
.hotel_total_fond_info {
    float: left;
    width: 100%;
    color: red;
}
.hotel_total_fond_info h6 {
    font-size: 20px;
    color: #1e88e5;
    font-weight: 500;
    margin: 0px;
}
.cst-crm-flightlist-sorting.crm-hotellist-sorting {
    float: left;
    width: 100%;
    margin: 10px 0px;
}
.hotel_list_container {
    float: left;
    width: 100%;
    margin: 10px 0px;
}
.flex-row {
    display: flex;
    flex-wrap: wrap;
}
.single_hotel_list_container {
    float: left;
    width: 100%;
    border: 1px solid #dedcdc;
    background: #ffffff;
    margin-bottom: 10px;
    padding: 5px 5px;
    padding-bottom: 1px;
    background: #ffffff;
    border-radius: 4px;
    /* display: flex;
    flex-flow: nowrap;
    justify-content: normal;
    display: flex;
    align-items: center; */
}
button.add_to_wishlist {
    padding: 0px;
    border: 0px;
    background: transparent;
    margin: 0px;
    margin-left: 5px;
}
.hotel_details_single_price_section {
    position: relative;
    background-color: #f7f7f7;
    float: left;
    width: 100%;
    height: 100%;
    /* min-height: 250px; */
    border-left: 1px solid rgba(148, 148, 148, 0.17);
    /* margin-top: 10px; */
    /* height: 100%; */
    padding: 0px 0px;
    display: flex;
    align-items: center;
}
/* .single_hotel_list_container .col-md-4.no-left-padding {
    padding-left: 0px;
} */
.crm-hotel-cart-details  .single_hotel_list_image  img {
    /* width: 100%; */
    /* height: 150px !important;
    object-fit: cover;
    object-fit: cover; */
    width: 100%;
    /* height: 100%; */
    object-fit: cover;
}
.single_hotel_list_image img {
    width: 100%;
}
.single_hotel_list_image {
    float: left;
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
    position: relative;
}
.single_hotel_list_image:after {
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(38deg, rgba(0,0,0,0.2) 55%, rgba(0,0,0,0.7) 100%);
    border-radius: 4px;
}
.single_hotel_list_details {
    float: left;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
.single_hotel_list_details h6 {
    font-size: 16px;
    font-weight: 500;
    color: #1e88e5;
    /* margin: 0px; */
}
.single_hotel_list_details span {
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    line-height: 1.0;
    margin-left: 0;
    color: #333333;
    text-transform: capitalize;
}

.single_hotel_list_details .hotel_title_ratings{
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.hotel_address {
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.hotel_address i {
    /* font-size: 20px;
    width: 22px;
    color: #1e88e5; */
    font-size: 16px;
    color: #333333;
    /* font-size: 13px;
    color: #333333; */
    position: relative;
    top: 0px;
    padding-right: 4px;
}

.hotel_address p {
    /* display: inline-block;
    margin-left: 0;
    font-size: 15px;
    color: #1e88e5;
    margin-bottom: 0px;
    letter-spacing: 0.25px;
    line-height: 1.0; */
    display: inline-block;
}
.hotel_address p, .hotel_address p b {
    font-size: 14px;
    font-weight: 600 !important;
    letter-spacing: 0.5px;
    color: #333333;
    margin: 0px
}
.single_hotel_list_details span i {
    color: red;
    display: none;
}
.single_hotel_list_details span i.show_heart {
    display: block;
}
.ratings i {
    font-size: 12px;
    color: #ffa400;
}
.room_short_details {
    float: left;
    width: 100%;
    /* background: #FFFFFF; */
    padding: 5px 5px;
}
.room_short_details a ul {
    padding-left: 15px;
}
.room_short_details a ul li {
    color: #333333;
    padding-left: 0px;
}
.ageContainer {
    display: block;
    display: none;
    opacity: 0
}
.ageContainer.active {
    display: block;
    opacity: 1
}
.hotel_details_review_count {
    float: left;
    width: 100%;
    text-align: right;
}
.hotel_details_review_count_final_text {
    display: inline-block;
    width: 86%;
    float: left;
    padding-right: 10px;
}
.hotel_details_review_count_title {
    font-size: 14px;
    color: #1e88e5;
    font-weight: 500;
}
.hotel_details_review_count_text {
    color: #9c9c9c;
}
.hotel_details_review_count_badge {
    display: inline-block;
    float: left;
    text-align: center;
    background: #1e88e5;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    font-size: 12px;
    color: #FFFFFF;
}
.hotel_details_price_breakdown {
    float: left;
    width: 100%;
    text-align: center;
    bottom: 0px;
}
.hotel_details_price_breakdown span.hotel_night_diff {
    border: 1px solid #d1d1d1;
    display: inline-block;
    padding: 6px 10px;
    border-radius: 4px;
    text-transform: capitalize;
    font-size: 10px;
    margin-bottom: 5px;
}
.hotel_details_price_breakdown .btn.custom-btn-success.hotel-add-to-cart-btn {
    padding: 8px 20px;
    font-weight: 500;
}
.hotel_details_price_breakdown .btn.custom-btn-success.hotel-add-to-cart-btn i {
    font-size: 12px !important;
    position: relative;
    top: -1px;
    margin-right: 4px;
}
.hotel_details_price_breakdown .price-collapse-btn.hotelAccordioController {
    color: #2a3ead;
    font-weight: 500;
    font-size: 12px;
}
.hotel_details_price_breakdown .price-collapse-btn.hotelAccordioController i {
    font-size: 12px;
}
.hotel_details_price_breakdown span {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.0;
    margin-bottom: 5px;
}
.hotel_details_price_breakdown span.hotel_final_price {
    font-size: 20px;
    color: #d32038;
    font-weight: 600;
}
.nclHotelDescription .panel.panel-body {
    box-shadow: none;
}
.hotelListRow .hotelListFirstColumn table td {
    font-size: 11px;
    margin-bottom: 0;
    letter-spacing: 0.25px;
    padding: 2px 0px;
    text-align: left;
}

table.hotelListFirstColumnContent{
    width: 100%;
}

table.hotelListFirstColumnContent tr:first-child td {
    border-bottom: 1px solid #ededed;
    /* padding-bottom: 4px; */
}

.hotelListRow .hotelListFirstColumn table tr td.hotelRoomDetails{
    width: 70%;
}

.hotelListRow .hotelListFirstColumn table tr td.hotelCancellationPolicies{
    width: 30%;
    padding: 5px 5px;
    text-align: right;
}

.hotelListRow .hotelListFirstColumn table p {
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 0;
    letter-spacing: 0.25px;
}

.hotelListRow .hotelListFirstColumn table tr:last-child td {
    border: none;
    padding-bottom: 0px;
}


.top-hotel-description {
    float: left;
    width: 100%;
}
.top-hotel-description  h6.hotel_name {
    font-size: 20px;
    color: #1e88e5;
    margin: 0px;
}

.hotel_address ul {
    padding: 0px;
    margin: 0px;
}
.hotel_address ul li {
    list-style: none;
    display: inline-block;
    padding-right: 10px;
}
.hotel_address ul li img {
    width: 20px;
}
.top-hotel-description  button.add_to_wishlist span i.show_heart {
    display: block;
}
.top-hotel-description button.add_to_wishlist span i {
    color: red;
    display: none;
}
.ratings span {
    color: #1e88e5;
    font-weight: 500;
    font-size: 14px;
    margin-left: 10px;
}
.hotel_address p {
    /* margin: 10px 0px; */
    /* margin-bottom: 10px; */
}
.hotel_address p span {
    margin-left: 10px;
}
.hotel_address p a {
    display: inline-block;
    font-size: 12px;
    padding: 6px 16px;
    margin-right:5px;
}
.total_stay_information {
    float: left;
    width: 100%;
}
.total_stay_information h6 {
    font-size: 14px;
    font-weight: 600;
}
.total_stay_information a.btn.btn-primary.legitRipple {
    font-size: 12px;
    /* padding: 5px 20px; */
    margin-left: 10px;
}
.total_stay_information a.btn.btn-primary.legitRipple i {
    font-size: 12px;
    margin-right: 3px;
}

.hotel_all_images {
    float: left;
    width: 100%;
    /* margin: 20px 0px */
    margin-bottom: 0px;
    overflow: hidden;
}
div#jssor_1 {
    width: 100% !important;
}
.hotel_sidebar{
    border: 1px solid #e3e3e3;
    padding: 20px 20px;
    background: #eeeded;
    margin-top: 0px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.btn-large {
    width: 100%;
}
p.short_desc {
    color: #2196f3;
    font-size: 14px;
    text-align: left;
    font-weight: 500;
}
.hotel_sidebar .hotel_details_review_count {
    text-align: left;
}
.hotel_sidebar  .hotel_details_review_count_final_text {
    padding-left: 10px;
}




.flex-direction-nav a:before {
    font-family: "icomoon";
    font-size: 25px;
    line-height: 30px;
}
.flex-direction-nav a.flex-next:before {
    content: '\e9c3';
}

.flex-direction-nav .flex-next,
.flex-direction-nav .flex-prev {
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.15);
    text-align: center;
    font-size: 10px;
}
.flex-direction-nav a:before {
    content: '\e9c0';
}
div#f1 {
    margin-bottom: 0px;
}
.review_slider {
    float: left;
    width: 100%;
}
.single_customer_rating {
    float: left;
    width: 100%;
    padding: 20px 30px;
}
.single_customer_rating h6 {
    font-size: 12px;
}
h6.customer-rating {
    font-size: 16px;
    font-weight: 500;
    color: #2196f3;
}
h6.customer-rating span {
    display: block;
    color: #a6a6a6;
    font-size: 14px;
}
div#f3 .flex-next {
    opacity: 0.7;
    right: -5px;
}
div#f3 .flex-prev {
    opacity: 0.7;
    left: -5px;
}

.morecontent span {
    display: none;
}
.morelink {
    display: block;
}
div#f2 {
    margin-bottom: 0px;
}
div#hotel_details_information {
    float: left;
    width: 100%;
}
.popular_facilities h6 {
    font-size: 14px;
    font-weight: 600;
}
.popular_facilities {
    float: left;
    width: 100%;
}
.popular_facilities ul {
    padding: 0px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.popular_facilities ul li {
    list-style: none;
    color: #4caf50;
    font-weight: 500;
    padding-bottom: 4px;
    width: 50%;
}
.popular_facilities ul li img {
    width: 20px;
    margin-right: 10px;
}








.bs-canvas-overlay {
    opacity: 0.85;
    z-index: 1100;
}

.bs-canvas-right {
    right: 0;
    margin-right: -50%;
}

.bs-canvas-right {
    right: 0;
    margin-right: -50%;
}

/* Only for demo */
body {
    min-height: 100vh;
}






.bs-canvas {
    top: 0;
    z-index: 1110;
    overflow-x: hidden;
    overflow-y: auto;
    width: 45%;
    transition: margin .4s ease-out;
    -webkit-transition: margin .4s ease-out;
    -moz-transition: margin .4s ease-out;
    -ms-transition: margin .4s ease-out;
     background: #EDEDED;
   /* padding: 20px 20px; */
     -webkit-box-shadow: 0px 0px 18px 5px rgb(41, 41, 41);
    -moz-box-shadow: 0px 0px 18px 5px rgb(41, 41, 41);
    -ms-box-shadow: 0px 0px 18px 5px rgb(41, 41, 41);
    -o-box-shadow: 0px 0px 18px 5px rgb(41, 41, 41);
    box-shadow: 0px 0px 18px 5px rgb(41, 41, 41); */
}
.sidebar_contents {
    float: left;
    width: 100%;
    height: 100%;
}
.bs-canvas-overlay {
    opacity: 0.85;
    z-index: 1100;
}

.h-100 {
    height: 100%!important;
}
.w-100 {
    width: 100%!important;
}
.position-fixed {
    position: fixed!important;
}
.bg-dark {
    background-color: #343a40!important;
}
.mr-0, .mx-0 {
    margin-right: 0!important;
}
button.bs-canvas-close.float-left.close.sidebar-button-close {
    position: absolute;
    right: 10px;
    /* width: 40px;
    height: 40px;
    border-radius: 50%; */
    background: #2196F3;
    z-index: 99999;
    opacity: 1;
    font-size: 30px;
    padding: 0px;
    color: #FFFFFF;
    margin-top: 3px;
}
button.bs-canvas-close.float-left.close.sidebar-button-close span.text-light {
    font-size: 26px;
    line-height: 0px;
}
.sidebar_header {
    float: left;
    width: 100%;
    background: #2196F3;
    padding: 10px 20px;
}
.sidebar_header h6 {
    margin: 0px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
}
.sidebar-descriptions {
    float: left;
    width: 100%;
    padding: 0px 20px;
}
.refundable_nonrefundable_div{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
}

p.item-refundable{
    color: green !important;
    font-size: 12px !important;
    font-weight: 500;
    margin-bottom: 0 !important;
    line-height: 1.0;
}

p.item-nonrefundable{
    color: red !important;
    font-size: 12px !important;
    font-weight: 500;
    margin-bottom: 0 !important;
    line-height: 1.0;
}

.row.hotelListRow .trav_point_icon_container {
    display: inline-block;
    min-width: auto;
    margin-right: 20px;
}
.hotel-segment-price {
    display: inline-block;
    float: right;
}
.hotel-segment-price-segment {
    display: flex;
    text-align: right;
    justify-content: space-between;
    align-items: center;
}
.hotel-segment-price-segment span {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.0;
    letter-spacing: -0.25px;
    color: #de0b1f;
    margin-right: 5px;
}
.hotelListThirdColumn .trav_point_icon_container i.icon-trophy4.trav_point_icon {
    margin-bottom: 0px !important;
}
.hotel-segment-price .btn.add_hotel i {
    font-size: 12px;
    position: relative;
    margin-right: 0;
}

.hotel-segment-price .hotel-segment-price-segment .btn.add_hotel{
    padding: 5px 8px;
    font-size: 12px;
    margin: 0;
}

.hotelListThirdColumn .full-width {
    text-align: center;
}
.hotelListFirstColumn span.dropdown-menu-button {
    margin-left: 7px;
    cursor: pointer;
}
.hotelListFirstColumn .dropdown-menu-container span.dropdown-menu-button i.icon-info22 {
    font-size: 15px;
}
.hotelListFirstColumn .dropdown-menu-items {
    right: 18px;
    top: 18px;
}
.hotelListFirstColumn .dropdown-menu-items.opened {
    /* right: 22px;
    top: 20px !important; */
    /* right: 12px;
    top: 13px; */
    position: absolute;
    right: 18px;
    top: 15px;
    z-index: 999;
}

.hotelCancellationPolicies .dropdown-menu-items{
    min-width: 320px;
}

.hotel-segment-price > a.add_hotel {
    display: inline-block;
}
.hotel-segment-price > a.add_hotel i.icon-cart5 {
    font-size: 12px;
    margin: 0px;
}
.trav_point_icon_container i.icon-trophy4.trav_point_icon {
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 5px;
    font-size: 14px;
    position: relative;
    top: 3px;
    color: #ff7043;
    z-index: 9;
}

.hotelCancellationPolicies span.cancellation-policy{
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.6px;
    color: #333;
}

.hotelCancellationPolicies .dropdown-menu-container{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: right;
}
.hotelListFirstColumn span.dropdown-menu-button {
    margin-left: 7px;
    cursor: pointer;
}
.hotelListFirstColumn .dropdown-menu-container span.dropdown-menu-button i.icon-info22 {
    font-size: 15px;
}
.hotelListFirstColumn .dropdown-menu-items {
    right: 18px;
    top: 18px;
}
.hotelListFirstColumn .dropdown-menu-items.opened {
    /* right: 22px;
    top: 20px !important; */
    /* right: 12px;
    top: 13px; */
    position: absolute;
    right: 18px;
    top: 15px;
    z-index: 999;
}
.dropdown-menu-items.opened {
    transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;
}

.dropdown-menu-items {
    position: absolute;
    width: auto;
    float: right;
    right: 25px;
    top: 30px;
    background-color: rgb(255, 255, 255);
    /* padding: 20px 20px; */
    transition: all 0.3s;
    transform: rotateX(30deg);
    opacity: 0;
    visibility: hidden;
    /* border: 1px solid #EDEDED; */
    z-index: 9999;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    margin: 0px;
    color: #333;
  }
  .dropdown-menu-items.opened {
    transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;
  }
  .dropdown-menu-items .modal-header.bg-primary.menu-items-header {
    padding: 0px;
    float: left;
    width: 100%;
  }
  .dropdown-menu-items .modal-header.bg-primary.menu-items-header h5.menu-items-header.bg-primary {
    margin: 0px;
    font-size: 12px;
    padding: 5px 10px;
    text-align: left;
    font-weight: 500;
  }
  .dropdown-menu-items .modal-header.bg-primary.menu-items-header button.close.menu-btn-close {
    right: 10px;
    top: 15px;
  }
  .dropdown-menu-items .modal-header.bg-primary.menu-items-header button.close.price-btn-close {
    right: 12px;
    font-size: 18px;
    top: 16px;
    opacity: 0.6;
    transition: 0.3s;
  }
  .dropdown-menu-items .menu-items-body {
    padding-block: 10px !important;
    display: flex !important;
    padding-inline: 10px;
    flex-flow: nowrap;
  }
  .dropdown-menu-items .menu-items-body table.table thead th {
    font-size: 11px;
    padding: 0px 10px;
  }
  
  /* .top_nav_div .balance_bg .dropdown-menu-items.mbl-credit table tr > td {
    white-space: nowrap;
  }
  
  .top_nav_div .balance_bg .dropdown-menu-items.mbl-credit {
    top: 35px !important;
  }

   */

.hotelCancellationPolicies .dropdown-menu-items{
    min-width: 320px;
}

.hotel-segment-price > a.add_hotel {
    display: inline-block;
}
.hotel-segment-price > a.add_hotel i.icon-cart5 {
    font-size: 12px;
    margin: 0px;
}
.trav_point_icon_container i.icon-trophy4.trav_point_icon {
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 5px;
    font-size: 14px;
    position: relative;
    top: 3px;
    color: #ff7043;
    z-index: 9;
}

.hotelCancellationPolicies span.cancellation-policy{
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.6px;
    color: #333;
}

.hotelCancellationPolicies .dropdown-menu-container{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: right;
}
.icon-cross:before,
.icon-info22:before{
    color: #2a3ead;
}

span.terms_checkmark a{
    color: #2a3ead;
}

.flight_select_section{
    margin-left: 10px;
}

/*-----------------------------------------------
Single PAge
------------------------------------------------- */

.nclHotelDescription .hotel_prices {
    float: left;
    width: 100%;
    margin: 20px 0px;
}
.nclHotelDescription .hotel_prices .single_hotel_list_image img {
    width: 300px;
}
.nclHotelDescription .hotel_prices tr {
    background: #EDEDED;
}
.nclHotelDescription .hotel_prices thead,
.nclHotelDescription .hotel_prices thead tr {
    background: #2196f3;
    color: #FFFFFF;
}
.nclHotelDescription a.hotel_link {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    margin: 6px 0px;
}
.nclHotelDescription .hotel_address span.hotel_location {
    margin: 0px;
}
.nclHotelDescription .hotel_address p i {
    float: left;
    width: 4%;
    text-align: left;
    margin-top: 3px;
}
.nclHotelDescription .hotel_address p span.hotel_location {
    float: left;
    width: 96%;
}
.nclHotelDescription .hotel_address p {
    margin: 5px 0px;
    margin-bottom: 0px;
    width: 80%;
}

.nclHotelDescription .hotel_address a {
    float: right;
}
.nclHotelDescription .total_stay_information h6 {
    font-size: 14px;
    font-weight: 600;
    margin: 0px 0px;
    float: left;
    width: 60%;
}
a.btn.btn-cusom-2 {
    padding: 5px 15px;
    font-size: 12px;
}
.nclHotelDescription .total_stay_information a.btn.btn-primary.btn-cusom-2 {
    float: right;
}
.nclHotelDescription .hotel_facilities {
    float: left;
    width: 100%;
    margin-top: 10px;
}
.nclHotelDescription .hotel_facilities ul {
    width: 100%;
    /* display: flex;
    flex-wrap: wrap; */
    padding: 0px;
}
.nclHotelDescription .hotel_facilities ul li {
    /* display: flex; */
    width: 50%;
    list-style: none;
    padding-bottom: 5px;
    font-size: 13px;
    font-weight: 600;

}
.nclHotelDescription .hotel_facilities ul li img {
    width: 20px;
    margin-right: 5px;
}
.hotel_map_div {
    float: left;
    width: 100%;
}
.hotel_map_div iframe{
    width: 100%;
}
.modify_hotel_search {
    float: left;
    width: 100%;
    background: #FFFFFF;
    padding: 20px 0px;
}
.nclHotelDescription .hotel_details_price_breakdown span.hotel_final_price {
    font-size: 20px;
    color: #1e88e5;
    font-weight: 600;
}
.nclHotelDescription span.hotel_note {
    font-size: 12px;
}
.nclHotelDescription  .hotel_details_price_breakdown {
    margin-top: 40px;
}
.hotel_details_informations_container {
    float: left;
    width: 100%;
    padding: 20px 0px;
}
.total_stay_informations {
    float: left;
    width: 100%;
}
.total_stay_informations ul {
    padding: 0;
}
.total_stay_informations ul li {
    list-style: none;
}
.total_stay_informations ul li i {
    padding-right: 7px;
    font-size: 13px;
}
.total_stay_informations ul li {
    list-style: none;
    text-align: left;
    padding-bottom: 5px;
    color: #2196f3;
}
.total_stay_informations ul li:last-child {
    padding-bottom: 0px;
}
.total_stay_informations a {
    width: 100%;
}
div#hotel_house_rules {
    float: left;
    width: 100%;
}
div#hotel_house_rules .list-group {
    border: none;
    padding: 0px;
}
h6.title_custom_2 {
    font-weight: 600;
    font-size: 14px;
}
.form-control.error {
    border-bottom-color: #D84315;
}


/*-----------------------------------------
-- New Flight Design
-------------------------------------------*/
form#modify_search_form_return_crm .form-group {
    float: left;
    width: 100%;
}
form#modify_search_form button#modify_search_button {
    width: 100%;
}
form#modify_search_form .custom_form_group.form-group.form-group-3 .form-control-feedback {
    top: -2px;
    left: 10px;
}
.crm_new_flight_list_container {
    float: left;
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    background: #fdfdfd;
    /* margin-bottom: 10px; */
    /* display: none; */
    transition: .3s;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    align-items: normal;
}
.crm_new_flight_list_container:hover {
    box-shadow: 0px 1px 7px 6px rgb(220, 220, 220);
}

.total-price-container {
    position: relative;
    margin-bottom: 5px;
}
.total-price-container span.total-price-breakdown.menu-button i {
    cursor: pointer;
}
.menu-items {
    position: absolute;
    width: auto;
    float: right;
    right: 25px;
    top: 25px;
    background-color: rgb(255 255 255);
    /* padding: 20px 20px; */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: rotateX(30deg);
    -moz-transform: rotateX(30deg);
    -ms-transform: rotateX(30deg);
    -o-transform: rotateX(30deg);
    transform: rotateX(30deg);
    opacity: 0;
    visibility: hidden;
    /* border: 1px solid #EDEDED; */
    z-index: 9999;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    margin: 0px;
}
.menu-items.menu-opened {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
    visibility: visible;
}

.menu-items .menu-items-body {
    padding: 10px 0px;
}
.total-price-container .menu-items table {
    table-layout: auto;
    width: 100%;
}


.total-price-container .menu-items table tr td, .total-price-container table tr th {
    border: 1px solid #EDEDED;
    font-size: 12px;
    /* max-width: 100%; */
    white-space: nowrap;
    /* width: 60px !important; */
    white-space: nowrap;
    min-width: auto;
    padding: 3px 4px;
}
.total-price-container .menu-items table tr.bg-primary th {
    border-color: #364cc6;
}
.modal-header.bg-primary.menu-items-header {
    padding: 0px;
}
.total-price-container .menu-items .modal-header.menu-items-header h5 {
    margin: 0px;
    font-size: 12px;
    padding: 5px 10px;
    text-align: left;
    font-weight: 500;
}
.total-price-container .menu-items .modal-header.bg-primary.menu-items-header button.close {
    right: 12px;
    font-size: 18px;
    top: 16px;
    opacity: .6;
    transition: .3s
}
.total-price-container .menu-items .modal-header.bg-primary.menu-items-header button.close:hover {
    opacity: 1;

}
.crm_new_flight_fare_Datails .rules_button .air-book p.flight-total-cost {
    color: #2a3ead;
    font-weight: 600;
    margin: 0px;
    font-size: 13px !important;
}
.total-price-container span.total-price-breakdown.menu-button i {
    cursor: pointer;
}

.cst-crm-flightlist-filter-sidebar {
    border: 1px solid #ededed;
    padding: 10px 10px;
    float: left;
    width: 100%;
    border-radius: 4px;
    position: relative;
}

.route_container {
    width: 100%;
    padding: 5px 5px;
    display: inline-block;
    align-items: center;
    /* border: 1px solid #e5e5e5; */
    border-radius: 5px;
    background: #fdfdfd;
    transition: .3s;
    margin-right: 10px;
    margin-bottom: 10px;
    box-shadow: 0 4px 8px rgba(10,9,9,.1)!important;
}
.route_container:hover {
    box-shadow: 0px 1px 7px 6px rgb(220, 220, 220);
}

.route_text {
    font-size: 16px;
    font-weight: 500;
    padding-top: 11px;
    color: black;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.route_container svg {
    width: 100%;
}
.route_price_text {
    font-size: 14px;
    font-weight: 400;
    margin-top: -10px;
    color: black;
}

.top_airline_container {
    width: 100%;
    padding: 10px 10px;
    display: inline-flex;
    align-items: center;
    /* border: 1px solid #d8d8d8; */
    border-radius: 5px;
    background: #fdfdfd;
    transition: .3s;
    /* margin-right: 10px; */
    margin-bottom: 10px;
    box-shadow: 0 4px 8px rgba(10,9,9,.1)!important;
}
.top_airline_container:hover {
    box-shadow: 0px 1px 7px 6px rgb(220, 220, 220);
}

.top_airline_text {
    font-size: 16px;
    font-weight: 500;
    padding-top: 10px;
    color: black;
}

.top_airline_img {
    height: 40px;
    width: 40px;
    border-radius: 10px;
    margin-right: 5px;
}

.crm_flight_details_container{
    float: left;
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    /* background: #ededed; */
    margin-bottom: 20px;
    /* display: none; */
    transition: .3s;
}
.iti__flag {
    background-image:url("https://travnet-crm-resources.s3.eu-west-2.amazonaws.com/images/codeflags/img/flags.png")
}
.crm_flight_details_container:hover {
    /* box-shadow: 0px 1px 7px 6px rgb(220, 220, 220); */
    box-shadow: 0px 1px 7px 6px gainsboro;
}
.modal-content {
    border: none;
    float: left;
    width: 100%;
}
.single_flight_segments {
    float: left;
    width: 85%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
.single_flight_details {
    float: left;
    width: 100%;
}
.single_flight_segments_wrapper {
    float: left;
    width: 100%;
    /* border-bottom: 1px dotted #ababab; */
    padding: 5px 0px;
}
.single_flight_segments > h6 > i {
    font-size: 14px;
    margin-right: 5px;
    color: #40539f;
}
.single_flight_segments > h6 {
    margin: 0px;
    padding: 0px 10px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    margin-bottom: 10px;
    /* color: #FFFFFF; */
    border-bottom: 1px dotted #ababab;
}
.single_flight_segments.return_segment {
    border-top: 1px dotted #cccccc;
    padding-top: 0px !important;
}
.flight_details_breakdown > h6 {
    margin: 0px;
    font-size: 14px;
    color: #2a3ead;
    font-weight: 600;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 5px;
    padding-bottom: 4px;
}
.single_flight_segments .single_flight_segments_wrapper:last-child {
    border: none !important;
}
.bg-soft-ash {
    background: #f7f7f7;
    color: #333333;
}
.table > thead.bg-soft-ash > tr > th {
    border-bottom: 1px solid #fff;
}
.baggages_modal_table .baggages_modal_table {
    border-top: 1px solid #ededed;
}
.baggages_modal_table tr td {
    padding: 3px 15px !important;
    border-top: 1px solid #e6e6e6;
}
.single_flight_segments.return_segment i {
    transform: rotate(180deg);
}
.part.flight_details_link a {
    text-decoration: underline;
    color: #2a3ead;
    font-weight: 600;
}
.part.flight_details_link a.collapsed i {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .3s;
    transition: .3s;
}
.part.flight_details_link a i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: .3s;
    transition: .3s;
}
.single_flight_segments.return_segment > h6 {
    padding: 5px 10px !important;
}
.selection_single_flight {
    float: left;
    width: 3%;
    margin-right: 5px;
    margin-top: 10px;
    padding-top: 4px;
}
.crm_new_airline-info {
    float: left;
    width: 29%;
}
.single_flight_description {
    float: left;
    width: 20%;
}
.part.part-journey img {
    /* margin-top: -13px; */
}
.flight-stops {
    float: left;
    width: 100%;
    font-size: 10px;
    /* margin-top: -10px; */
}
.single_flight_duration {
    float: left;
    width: 9%;
}
.part.flight_class {
    float: left;
    width: 12%;
    margin-top: 10px;
    text-align: center;
}
.flight_details_collapse {
    float: left;
    width: 100%;
    background: #f7f7f7;
    border-radius: 10px;
    box-shadow: 1px 1px 8px 1px rgba(0, 0, 0, 0.11);
    margin: 5px 0;
}
.flight_details_collapse .panel-body.flight_details_breakdown {
    font-size: 13px;
    padding: 10px;
    text-align: justify;
}

.flight_details_collapse .panel-body.flight_details_breakdown p.panel-titletext-semibold{
    display: block !important;
}



.flight_details_collapse .hotelGal_Images .firstImgDiv img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.flight_details_breakdown .hotelListRow{
    position: relative;
    display: flex;
    align-items: center;
    /* margin-bottom: 5px; */
    padding: 10px 15px;
    border-bottom: 1px solid #dbd8d8;
}

.flight_details_breakdown .hotelListRow:last-child{
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}
.flight_details_breakdown .hotelListRow .hotelListFirstColumn {
    border-right: 1px solid #dbd8d8;
}
.flight_details_breakdown .hotelListRow .hotelListSecondColumn p {
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: -0.05px;
    margin-bottom: 5px;
    /* margin: 0px; */
}

.flight_details_breakdown .hotelListRow .hotelListThirdColumn{
    padding-right: 0;
}

.trav_point_icon_container {
    display: inline-block;
    position: relative;
    /* min-width: 32%; */
    min-width: fit-content;
    text-align: left;
}
.row.hotelListRow .trav_point_icon_container {
    display: inline-block;
    min-width: auto;
    margin-right: 20px;
}
.hotel-segment-price {
    display: inline-block;
    float: right;
}
.hotel-segment-price-segment {
    display: flex;
    text-align: right;
    justify-content: space-between;
    align-items: center;
}
.hotel-segment-price-segment span {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.0;
    letter-spacing: -0.25px;
    color: #de0b1f;
    margin-right: 5px;
}
.hotelListThirdColumn .trav_point_icon_container i.icon-trophy4.trav_point_icon {
    margin-bottom: 0px !important;
}
.hotel-segment-price .btn.add_hotel i {
    font-size: 12px;
    position: relative;
    margin-right: 0;
}

.hotel-segment-price .hotel-segment-price-segment .btn.add_hotel{
    padding: 5px 8px;
    font-size: 12px;
    margin: 0;
}

.hotelListThirdColumn .full-width {
    text-align: center;
}
.hotelListFirstColumn span.dropdown-menu-button {
    margin-left: 7px;
    cursor: pointer;
}
.hotelListFirstColumn .dropdown-menu-container span.dropdown-menu-button i.icon-info22 {
    font-size: 15px;
}
.hotelListFirstColumn .dropdown-menu-items {
    right: 18px;
    top: 18px;
}
.hotelListFirstColumn .dropdown-menu-items.opened {
    /* right: 22px;
    top: 20px !important; */
    /* right: 12px;
    top: 13px; */
    position: absolute;
    right: 18px;
    top: 15px;
    z-index: 999;
}

.hotelCancellationPolicies .dropdown-menu-items{
    min-width: 320px;
}

.hotel-segment-price > a.add_hotel {
    display: inline-block;
}
.hotel-segment-price > a.add_hotel i.icon-cart5 {
    font-size: 12px;
    margin: 0px;
}
.trav_point_icon_container i.icon-trophy4.trav_point_icon {
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 5px;
    font-size: 14px;
    position: relative;
    top: 3px;
    color: #ff7043;
    z-index: 9;
}

.hotelCancellationPolicies span.cancellation-policy{
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.6px;
    color: #333;
}

.hotelCancellationPolicies .dropdown-menu-container{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: right;
}

#hotel_load_more_div{
    text-align: center;
    margin-top: 10px;
}

.cartTitleFirstColumn{
    display: flex;
    align-items: center;
    height: 32px;
}

a.priceBreakDownController{
    color: #2a3ead;
    margin-left: 5px;
}

small.iconText{
    font-size: 12px;
    margin-left: 5px;
}

i.icon-cross{
    color: #2a3ead;
}

.empty-cart-div{
    float: right;
    width: 100%;
    text-align: right;
}

.empty-cart-div a{
    display: inline-block;
    color: #2a3ead;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 0px;
    line-height: 1.0;
    margin-top: 3px;
}

button.btn-text{
    border: none;
    outline: none;
    background: no-repeat;
    padding: 0;
    text-decoration: underline;
    color: #2a3ead;
    font-weight: 500;
    padding-right: 10px;
    display: inline-block;
    font-size: 12px;
}

.form-group.custom-dp-form-group span.input-group-addon.cst-crm-flight-return-date-span{
    background: transparent;
    border: 0px !important;
    position: absolute;
    height: 32px;
    width: 32px;
    top: 2px;
    left: 1px;
}

.single_passenger_details_info .form-group.custom-dp-form-group input.calendar-field{
    border: 1px solid #cccccc;
    border-radius: 4px !important;
    padding-left: 32px !important;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #333;
    font-size: 13px;
    font-weight: 500;
}

.single_passenger_details_info input:focus{
    border-bottom: 1px solid #CCCCCC !important;
    box-shadow: none !important;
}

.single_passenger_details_info input.error:focus{
    border-bottom: 1px solid red !important;
}

span.terms_checkmark a{
    color: #2a3ead;
}

.cst-crm-flightlist-count .cst-crm-flightlist-count-title .search-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;;
}

.cst-crm-flightlist-count .cst-crm-flightlist-count-title .search-container .search-container-input{
    max-width: 60%;
    width: 100%;
    margin-right: 5px;
}

h6.total_flight_count{
    margin-top: 10px;
    margin-bottom: 6px !important;
    line-height: 1.5;
}

a.hotelCategoryFilterButton{
    font-size: 14px;
    padding: 15px 0 !important;
    border-color: #ddd;
    border-top: 1px solid #d7dbdd;
    background-color: #fff;
}

a#hotel_best_sort{
    border-radius: 2px 0 0 2px;
}

a#hotel_cheapest_sort{
    border-radius: 0 0 0 0;
    border-left: 0;
}

a#hotel_fastest_sort{
    border-radius: 0 2px 2px 0;
    border-left: 0;
}



.part.flight_details_link {
    /* margin-top: 10px; */
    margin-top: 0;
    float: left;
    width: 6%;
    text-align: center;
}
.crm_new_airline-info img {
    float: left;
    width: 45px;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.3);
    border: 1px solid #f0f0f0;
}
.crm_new_airline-info ul {
    /* width: 70%;
    float: left;
    padding: 0px;
    list-style: none;
    padding: 0px 10px;
    margin-top: 10px; */
    width: 70%;
    float: left;
    padding: 0px;
    list-style: none;
    /* padding: 0px 10px; */
    /* margin-top: 10px; */
    margin-top: 0;
    margin-bottom: 0;
}
.crm_new_airline-info ul li h6 {
    /* font-size: 12px;
    font-weight: 600;
    margin: 0px; */
    font-size: 14px;
    font-weight: 600;
    line-height: 1.0;
    margin: 0px;
    margin-left: 5px;
    float: left;
    
}

.crm_new_airline-info ul li {
    /* font-size: 12px;
    color: #333333; */

    display: flex;
    align-items: center;
    font-size: 12px;
    color: #333333;
    width: 100%;
    float: left;
}
.flight-baggage-icon {
    float: left;
    line-height: 1.0;
}
.flight-baggage-icon > ul {
    width: auto;
    margin: 0px 0px 0px 10px;
}
.flight-baggage-icon > ul li {
    display: inline-block;
    float: none;
    width: auto;
    padding-right: 5px;
}
.flight-baggage-icon > ul li i {
    position: relative;
    font-size: 14px;
    cursor: pointer;
}
.single_flight_description {
    float: left;
    width: 26%;
    text-align: center;
    padding: 0px 5px;
    color: #333333;
}
.single_flight_des {
    float: left;
    width: 22%;
    text-align: center;
    padding: 0px 5px;
    color: #333333;
}
.single_flight_des h6 {
    font-size: 12px;
    /* color: #40539f; */
    font-weight: 600;
    margin: 0px;
    text-align: center;
}
.single_flight_des p {
    font-size: 12px;
    margin-bottom: 0px;
}
.single_flight_description h6 {
    font-size: 12px;
    /* color: #40539f; */
    font-weight: 600;
    margin: 0px;
    text-align: center;
}
.single_flight_description p {
    font-size: 12px;
    margin: 0;
}
.part.part-journey {
    float: left;
    width: 100%;
    text-align: center;
    color: #333333;
}
.part.flight_class h6 {
    font-size: 12px !important;
    /* color: #40539f; */
    font-weight: 600;
    margin: 0px;
    /* text-align: center; */
    padding: 0px 5px;
}


.crm_new_flight_fare_Datails .rules_button .fare_rules_buttons ul li {
    padding: 0px;
    display: inline-block;
}
.crm_new_flight_fare_Datails .rules_button .air-book h6 {
    display: inline-block;
    color: #d32038;
    font-weight: 700;
    margin: 0px;
    /* margin-top: 3px; */
    /* margin-right: 10px; */
    font-size: 14px;
}
.crm_new_flight_fare_Datails .rules_button .air-book h6 span {
    font-size: 16px;
    /* font-weight: 700 */
}
.farerules_modal_table ul.nav.nav-tabs.nav-tabs-highlight:before {
    content: none;
}
.farerules_modal_table ul.nav.nav-tabs.nav-tabs-highlight li.active a,
.farerules_modal_table ul.nav.nav-tabs.nav-tabs-highlight li.hover a,
.farerules_modal_table ul.nav.nav-tabs.nav-tabs-highlight li.focus a {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd ;
}
.crm_new_flight_fare_Datails .rules_button span.curr {
    font-size: 16px !important;
    margin-right: 2px;
}
.rules_button label.supplier_name_class {
    position: relative;
    /* display: inline-block; */
    left: 8px;
    top: 5px;
    color: #FFFFFF;
    font-size: 10px;
}
p.refund-text-success {
    color: green;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
}
.filter_containers:last-child {
    margin: 0px;
}
p.refund-text-none {
    color: red;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
}
.custom_rules_button {
    padding: 6px 20px !important;
    border-radius: 2px !important;
}




.flight_details_breakdown .single-airflight-items {
    float: left;
    width: 100%;
    font-size: 12px;
}
.flight_details_breakdown .duration {
    float: left;
    width: 100%;
    text-align: center;
    border-top: 1px dotted #CCCCCC;
    border-bottom: 1px dotted #CCCCCC;
    padding-top: 10px;
    margin-bottom: 10px;
}
.flight_details_breakdown .single-airflight-items {
    float: left;
    width: 100%;
    font-size: 12px;
}
.flight_details_breakdown .single-airflight-logo {
    float: left;
    width: 25%;
}
.flight_details_breakdown .single-airflight-logo img {
    width: 40px;
    float: left;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.3);
    border: 1px solid #f0f0f0;
}
.flight_details_breakdown .single-airflight-logo h6 {
    float: left;
    width: 68%;
    font-size: 13px;
    font-weight: 600;
    padding-left: 5px;
    margin-top: 0;
    margin-bottom: 0;
}
.flight_details_breakdown .air-duration-count {
    float: left;
    width: 75%;
}
.flight_details_breakdown .flight-times {
    float: left;
    width: 15%;
    margin-top: 25px;
    padding: 0 5px;
}
.flight_details_breakdown .air-location {
    float: left;
    width: 80%;
}
.flight_details_breakdown .air-location ul {
    padding: 0px;
    padding: 0px;
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 0px;
}
.flight_details_breakdown .air-location ul:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 69%;
    border-left: 1px solid #2a3ead;
    border-right: 1px solid #2a3ead;
    /* border-radius: 50%; */
    left: -13px;
    top: 5px;
}
.flight_details_breakdown li.date-times-location {
    float: left;
    display: block;
    list-style: none;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
}
.flight_details_breakdown .air-location li:before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    background: #2a3ead;
    border-radius: 50%;
    left: -20px;
    top: 3px;
}
.flight_details_breakdown li.date-times-location span.date-times {
    width: 30%;
    float: left;
    padding-left: 15px;
}
.flight_details_breakdown span.locations {
    width: 70%;
    float: left;
}
.flight_details_breakdown .city_code {
    float: left;
    width: 18%;
}
.flight_details_breakdown .airport_name {
    float: left;
    width: 68%;
}



/* The container */
.single_flight_container {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.single_flight_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.single_flight_checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #adadad;
    border-radius: 50%;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

/* On mouse-over, add a grey background color */
.single_flight_container:hover input ~ .single_flight_checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.single_flight_container input:checked ~ .single_flight_checkmark {
    background-color: #2a3ead;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.single_flight_checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.single_flight_container input:checked ~ .single_flight_checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.single_flight_container .single_flight_checkmark:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}
.priceLabel {
    float: left;
    width: 50%;
}
#Price_Range .price_label span#Price_Range .price_label span {
    font-weight: 600;
    font-size: 12px;
}
span#minPrice,
span#maxPrice {
    font-size: 14px !important;
}
.priceLabel.pull-right {
    text-align: right;
}
/* For bagggage */
.single_extra_baggage_add {
    float: left;
    width: 100%;
}
.flight_baggage_info {
    float: left;
    width: 65%;
}
.flight_baggage_info img {
    width: 65px;
    float: left;
}
.flight_baggage_info p {
    float: left;
    width: 70%;
}
.flight_baggage_info p span {
    font-size: 12px;
    color: #CCCCCC;
}
.flight_baggage_info p span.route {
    font-size: 14px;
    display: block;
    color: #333333;
}
.add_flight_baggage {
    float: left;
    width: 35%;
    text-align: left;
    margin-top: 10px;
}
.bag_total {
    float: left;
    width: 30%;
    text-align: right;
    vertical-align: middle;
    padding-right: 10px;
}
.bag_total span {
    position: relative;
    /* top: -3px; */
    font-size: 14px;
}
.baggabe_add_container {
    float: left;
    width: 70%;
    margin-top: 2px;
    /* border: 1px solid #e2e2e2;
    padding: 6px 10px;
    margin-top: -10px;
    border-radius: 4px;
    position: relative; */
}
/* .travbag-grid-row .travbag-baggages-segment-list-wrapper {
    position: absolute;
    bottom: -75px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 10px 10px;
    left: 0px;
    z-index: 999999;
} */
.single_extra_baggage_container {
    display: none
}
.single_extra_baggage_container h6 {
    font-size: 14px;
    color: #394b8f;
    font-weight: 600;
}
.baggabe_add_container ul {
    padding: 0px;
    list-style: none;
    width: 250px;
}
.baggabe_add_container li.dropdown.dropdown-user a {
    padding: 0px 10px;
    color: #333333;
}
.msg-active {
    display: none
}
.baggabe_add_container ul.dropdown-menu.dropdown-menu-right ul.dropdown-menu.dropdown-menu-right {
    left: 0px;
    width: 250px;
}
.baggabe_add_container ul.dropdown-menu.dropdown-menu-right .dropdown-menu.dropdown-menu-right li {
    padding: 10px 10px;
}
.baggabe_add_container ul.dropdown-menu.dropdown-menu-right li {
    float: left;
    width: 100%;
    padding: 10px 10px;
}
.baggabe_add_container ul.dropdown-menu.dropdown-menu-right li.divider {
    padding: 0px;
    margin: 0px
}
.baggabe_add_container ul.dropdown-menu.dropdown-menu-right .dropdown-menu .divider {
    height: 1px;
    /* margin: 9px 0; */
    overflow: hidden;
    background-color: #e5e5e5;
    padding: 0px !important;
}
.baggabe_add_container ul.dropdown-menu.dropdown-menu-right span.travbag-baggages-segment-item-desc.travbag-grid-col {
    float: left;
    width: 60%;
}
.baggabe_add_container ul.dropdown-menu.dropdown-menu-right span.travbag-baggages-segment-item-price.baggages_segment_item_price {
    float: left;
    width: 30%;
    text-align: right;
}

/* passenger page */
.single_passenger_details_info {
    float: left;
    width: 100%;
}
.single_passenger_details_info p.passenger_types {
    color: #394b8f;
    font-weight: 600;
    font-size: 12px;
}
.form-control.error {
    border-color: #D84315 !important;
}
.form-control-2.form-control:focus {
    border: 1px solid #CCCCCC;
    box-shadow: none;
}
.cst-crm-flightlist-passenger-info-details .tabbable2 {
    float: left;
    width: 100%;
}
.cst-crm-flight-search-form .custom_form_group.form-group label {
    margin-bottom: 4px;
    color: #777777;
    font-size: 12px;
}
.cst-crm-flight-search-form .custom_form_group.form-group .form-control.input-xlg {
    font-size: 13px;
}

.cabinClass {
    width: 160px;
    float: right;
}

.passengerPos {
    width: 180px;
    float: right;
}

/* .flightSearchCat {
    margin-left: 20px;
    margin-right: 10px;
} */

.flighSearchBtn {
    margin-top: 25px;
    height: 38px;
}
.all-cart-items {
    float: left;
    width: 100%;
}
.pdf-iamge {
    display: none;
}

.flightModeControl,
.transferModeControl {
    float: left;
    width: 100%;
}
.flightModeControl ul,
.transferModeControl ul {
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
    border: 1px solid #2a3ead;
    border-radius: 4px;
}
.flightModeControl ul li,
.transferModeControl ul li {
    display: inline-block;
    margin-right: 0px;
}

div#modify-search-form-contents .flightModeControl a {
    background: transparent;
    color: #2a3ead;
    font-size: 12px;
    font-weight: 500;
}
div#modify-search-form-contents .flightModeControl a.flightModeControl-btn.btn-active {
    background: #2a3ead !important;
    color: #FFFFFF !important;
}
/* div#hotel-loader-crm, */
#loader-search-crm,
#transfer-loader-crm {
    position: relative;
    top: -30px;
}
.search_empty_response {
    margin-bottom: 20px;
}
.search_empty_response svg {
    width: 180px;
    margin: auto;
}
.search_empty_response p {
    font-size: 14px;
    margin: 0px;
}
.search_empty_response img {
    width: 150px;
}
div#hotel-loader-crm .sky,
#loader-search-crm .sky,
#transfer-loader-crm .sky {
    margin-top: 5%
}
div#modify-search-form-contents {
    float: left;
    width: 100%;
}
/* div#modify-search-form-contents .flightModeControl .transferModeControl-btn {
    background: transparent;
    color: #2a3ead;
    font-size: 12px;
} */
.btn-active {
    background: #394b8f;
    color: #FFFFFF !important;
}
.btn-active:hover, .btn-active:focus{
    background: #394b8f;
    color: #FFFFFF !important;
}
.formMode {
    display: none;
    opacity: 0;
}
.activeForm {
    display: block !important;
    opacity: 1;
    transition: .3s;
}
.hideDate {
    display: none !important;
    opacity: 1;
    transition: .3s;
}
.hide_row{
    display:none;
}
.rowControl_buttons {
    float: left;
    width: 100%;
    text-align: RIGHT;
    /* display: flex; */
    /* align-items: center; */
    margin-top: 20px;
}
.single_flight_row {
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

.cst-crm-flight-search-form button.multiselect.dropdown-toggle.btn.btn-default {
    border: none;
}

/* ==== for search reslt page === */
div#multicitySegmentButtons {
    float: left;
    width: 100%;
    margin: 10px 0px;
}
div#multicitySegmentButtons ul {
    padding: 0px;
}
div#multicitySegmentButtons ul li {
    display: inline-block;
    list-style: none;
}
div#multicitySegmentButtons ul li a {
    border-radius: 4px;
    text-transform: uppercase
}
div#multicitySegmentButtons ul li a.active {
    background: #394b8f;
}
.single-segment-multicity.active {
    opacity: 1;
    display: block;
    transition: .3s;
}
.single-segment-multicity {
    opacity: 0;
    display: none;
    transition: .3s;
}
/* -------------- dropdown for passenger ------------- */
.passDropDown {
    opacity: 0;
    display: none;
    transition: .2s;
}
.active-dropdown {
    opacity: 1;
    display: block;
    transition: .2s;
}
.passCount-container {
    float: left;
    width: 100%;
    position: relative;
}
.passDropDown {
    position: absolute;
    top: 32px;
    background: #FFFFFF;
    z-index:999;
    width: 300px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 15px;
}


.input-field-single {
    float: left;
    width: 100%;
    margin-bottom:10px;
}
.input-field-single p {
    float: left;
    width: 50%;
    margin: 0px;
    padding-top: 8px;
    font-size: 14px;
    font-weight: 600;
}
.no-of-adults {
    float: left;
    width: 50%;
    text-align: right
}
.no-of-adults input {
    width: 34px;
    text-align: center;
    padding: 7px;
    margin: 0px;
    border: 1px solid #CCCCCC
}
.animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

.search_input {
    padding: 6px 10px;
    margin-top: 8px;
    margin-left: 15px;
    margin-bottom: 10px;
    font-size: 15px;
    border-radius: 4px;
    border-color: #CCCCCC;
    outline: none;
    border-radius: 2px;
    border: none;
    border: 1px solid #cccccc;
}
input#room_search {
    position: relative;
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;
    /* margin-right: 5px; */
    margin-right: 0px;
    width: 100%;
    line-height: 1.0;
    z-index: 111;
}
.search-container button {
  float: right;
  padding: 10px 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 5px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
  border-radius: 10px;
}

.search-container button:hover {
  background: #ccc;
}

.custom_form_group button.buttonSearchController {
    padding: 8px 20px;
    text-transform: capitalize;
    font-size: 18px !important;
    height: auto;
}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}


body {
  padding: 0;
  margin: 0;
}

@keyframes smoke1 {
  0% {
    transform: scale(1.8);
    background: #fff;
  }
  7.14% {
    transform: scale(1);
    background: #fff;
  }
  100% {
    transform: scale(1);
    background: #fff;
  }
}
@keyframes smoke2 {
  0% {
    transform: scale(1);
  }
  7.14% {
    transform: scale(1);
    background: #fff;
  }
  14.28% {
    transform: scale(1.8);
    background: #fff;
  }
  21.42% {
    transform: scale(1);
    background: #fff;
  }
  100% {
    transform: scale(1);
    background: #fff;
  }
}
@keyframes smoke3 {
  0% {
    transform: scale(1);
  }
  14.28% {
    transform: scale(1);
    background: #fff;
  }
  21.42% {
    transform: scale(1.8);
    background: #fff;
  }
  28.56% {
    transform: scale(1);
    background: #fff;
  }
  100% {
    transform: scale(1);
    background: #fff;
  }
}
@keyframes smoke4 {
  0% {
    transform: scale(1);
  }
  21.42% {
    transform: scale(1);
    background: #fff;
  }
  28.56% {
    transform: scale(1.8);
    background: #fff;
  }
  35.7% {
    transform: scale(1);
    background: #fff;
  }
  100% {
    transform: scale(1);
    background: #fff;
  }
}
@keyframes smoke5 {
  0% {
    transform: scale(1);
  }
  28.56% {
    transform: scale(1);
    background: #fff;
  }
  35.7% {
    transform: scale(1.8);
    background: #fff;
  }
  42.84% {
    transform: scale(1);
    background: #fff;
  }
  100% {
    transform: scale(1);
    background: #fff;
  }
}
@keyframes smoke6 {
  0% {
    transform: scale(1);
  }
  35.7% {
    transform: scale(1);
    background: #fff;
  }
  42.84% {
    transform: scale(1.8);
    background: #fff;
  }
  49.98% {
    transform: scale(1);
    background: #fff;
  }
  100% {
    transform: scale(1);
    background: #fff;
  }
}
@keyframes smoke7 {
  0% {
    transform: scale(1);
  }
  42.84% {
    transform: scale(1);
    background: #fff;
  }
  49.98% {
    transform: scale(1.8);
    background: #fff;
  }
  57.12% {
    transform: scale(1);
    background: #fff;
  }
  100% {
    transform: scale(1);
    background: #fff;
  }
}
@keyframes smoke8 {
  0% {
    transform: scale(1);
  }
  49.98% {
    transform: scale(1);
    background: #fff;
  }
  57.12% {
    transform: scale(1.8);
    background: #fff;
  }
  64.26% {
    transform: scale(1);
    background: #fff;
  }
  100% {
    transform: scale(1);
    background: #fff;
  }
}
@keyframes smoke9 {
  0% {
    transform: scale(1);
  }
  57.12% {
    transform: scale(1);
    background: #fff;
  }
  64.26% {
    transform: scale(1.8);
    background: #fff;
  }
  71.4% {
    transform: scale(1);
    background: #fff;
  }
  100% {
    transform: scale(1);
    background: #fff;
  }
}
@keyframes smoke10 {
  0% {
    transform: scale(1);
  }
  64.26% {
    transform: scale(1);
    background: #fff;
  }
  71.4% {
    transform: scale(1.8);
    background: #fff;
  }
  78.54% {
    transform: scale(1);
    background: #fff;
  }
  100% {
    transform: scale(1);
    background: #fff;
  }
}
@keyframes smoke11 {
  0% {
    transform: scale(1);
  }
  71.4% {
    transform: scale(1);
    background: #fff;
  }
  78.54% {
    transform: scale(1.8);
    background: #fff;
  }
  85.68% {
    transform: scale(1);
    background: #fff;
  }
  100% {
    transform: scale(1);
    background: #fff;
  }
}
@keyframes smoke12 {
  0% {
    transform: scale(1);
  }
  78.54% {
    transform: scale(1);
    background: #fff;
  }
  85.68% {
    transform: scale(1.8);
    background: #fff;
  }
  92.82% {
    transform: scale(1);
    background: #fff;
  }
  100% {
    transform: scale(1);
    background: #fff;
  }
}
@keyframes smoke13 {
  0% {
    transform: scale(1);
  }
  85.68% {
    transform: scale(1);
    background: #fff;
  }
  92.82% {
    transform: scale(1.8);
    background: #fff;
  }
  99.96% {
    transform: scale(1);
    background: #fff;
  }
  100% {
    transform: scale(1);
    background: #fff;
  }
}
@keyframes smoke14 {
  0% {
    transform: scale(1);
  }
  92.82% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.8);
    background: #fff;
  }
}
@keyframes fly {
  from {
    left: 0;
  }
  to {
    left: 100%;
  }
}
.sky {
  background: #40539f;
  height: 50px;
  width:300px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  box-shadow: 0px 1px 7px 6px rgb(220, 220, 220);
  margin: 0px auto;
    margin-top: 10%;
}
div#loader-search-crm .searching-flight-text h4 {
    font-size: 16px;
    font-weight: 600;
}

#loader-search-crm .icon-airplane2,
#loader-crm .icon-airplane2 {
  color: #fff;
  position: absolute;
  left: -5;
  top: -10px;
  z-index: 10;
/*   -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); */
  font-size: 22px;
  animation-name: fly;
  animation-duration: 3.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
div#loader-search-crm i.icon-airplane2,
div#loader-crm i.icon-airplane2,
div#confirm_loader .flight-route i.icon-airplane2{
  color: #fff;
  position: absolute;
  left: -5;
  top: -10px;
  z-index: 10;
/*   -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); */
  font-size: 22px;
  animation-name: fly;
  animation-duration: 3.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
div#transfer-loader-crm i.icon-truck {
  color: #fff;
  position: absolute;
  left: -5;
  top: -10px;
  z-index: 10;
/*   -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); */
  font-size: 22px;
  animation-name: fly;
  animation-duration: 3.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.searching-flight-text {
    text-align: center;
}
.flight-route {
  position: relative;
}

.dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #5bb2ec;
  float: left;
  margin-right: 10px;
  animation-duration: 3.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.dot1 {
  animation-name: smoke1;
}

.dot2 {
  animation-name: smoke2;
}

.dot3 {
  animation-name: smoke3;
}

.dot4 {
  animation-name: smoke4;
}

.dot5 {
  animation-name: smoke5;
}

.dot6 {
  animation-name: smoke6;
}

.dot7 {
  animation-name: smoke7;
}

.dot8 {
  animation-name: smoke8;
}

.dot9 {
  animation-name: smoke9;
}

.dot10 {
  animation-name: smoke10;
}

.dot11 {
  animation-name: smoke11;
}

.dot12 {
  animation-name: smoke12;
}

.dot13 {
  animation-name: smoke13;
}

.dot14 {
  animation-name: smoke14;
}



/* =============== Image gallery =================*/
.gallery {
    position: relative;
}
.pics {
    width: 100%;
    margin-top: 70px;
    padding: 10px;
    background: white;
    border-radius: 2px;
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.05);
}
.thumbs {
    float: left;
    width: 100%;
    padding-right: 10px;
}
.preview {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    padding-inline: 2px;
    margin-bottom: 4px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
}
.preview a:before {
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(38deg, rgba(0,0,0,0.2) 55%, rgba(0,0,0,0.7) 100%);
    border-radius: 6px;
}
.preview a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    height: 60px;
    border-radius: 6px;
    /* position: relative; */
    overflow: hidden;
}
.preview a img {
    width: 100%;
    margin: 0px;
    max-height: 60px !important;
    height: 100%;
    object-fit: cover;
}
/* .preview:last-child {
    margin-bottom: 0;
} */
.full {
    width: 100%;
    float: left;
    height: 350px;
}

.full img:hover {
    cursor: pointer;
}
.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.p-0 {
    padding: 0px !important;
}
.px-2 {
    padding-left: 2px  !important;
    padding-right: 2px  !important;
}
/* =========== remove-link =============== */
.remove-link {
    position: relative;
    top: 30px;
    color: #333333;
    font-weight: 500;
    transition: .3s;
    cursor: pointer;
    z-index: 999;
}
.remove-link:hover{
    color: #2a3ead !important;
}
a.remove-link.flight-remove {
    top: 6px;
}
span.booking_total_header {
    float: left;
    margin-top: 6px;
}
.cst-crm-flightdetails-costing-title p {
    color: #FFFFFF;
    font-size: 14px;
    padding-top: 0px;
}

.cst-crm-flightdetails-costing-title .expire-content p{
    display: flex;
    align-items: center;
}

.cst-crm-flightdetails-costing-title p i {
    margin-top: 10px;      
    margin-bottom: 10px; 
    margin-left: 2px;
    margin-right: 2px;     
    color: white;      
    font-size: 18px;     
    position: relative;     
    top: 0 !important;
}
/*====================================================================================
                              fancy box
====================================================================================*/

div.fancybox-skin {
border-radius: 1px;
}
div.fancybox-title {
font-family: 'Lato', sans-serif;
}
a.fancybox-item.fancybox-close {
bottom: 9px;
right: 12px;
top: auto;
left: auto;
width: 25px;
height: 25px;
background-image: url(images/icon-close.svg);
-webkit-background-size: contain;
background-size: contain;
}
.full img {
    width: 100%;
    border-radius: 4px;
    height: 100%;
    object-fit: cover;
}
/* loader spinner */
.lds-ring {
  display: inline-block;
  position: absolute;
  width: 80px;
  height: 80px;
  top:40%;
  left:40%
}
.lds-ring.active {
    opacity: 0;
    z-index: -1;
}
.lds-img-ring div{
  top:50px !important;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #2a3ead;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #2a3ead transparent transparent transparent;
}
.lds-img-ring div{
  width: 24px !important;
  height: 24px !important;
  top:50px !important;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.accordion-icon {
  transition: .3s transform ease-in-out;
}

.accordion-icon.rotate-icon  {
  transform: rotate(-180deg);
  transition: .3s transform ease-in-out;
}

/*-- Flight Section --*/

.flight_details_breakdown .duration p{
    font-size: 14px;
    font-weight: 600;
    color: #2a3ead;
    line-height: 1.0;
    margin: 0;
}

.flight_details_breakdown .flight-times{
    float: left;
    width: 15%;
    margin-top: 25px;
    padding: 0 5px;
}

.crm_new_flight_list_container .single_flight_segments_wrapper .crm_new_airline-info ul li span.seat-availability{
    font-size: 11px;
    font-weight: 500;
    line-height: 1.5;
    display: block;
    color: #de0b1f;
    padding-left: 5px;
    margin: 0 !important;
}

/*--- fare rules modal --*/

.modal-body-hitchhiker.farerules_modal_table .tabbable.nav-tabs-vertical.nav-tabs-left{
    display: flex;
}

.modal-body-hitchhiker.farerules_modal_table ul.nav.nav-tabs.nav-tabs-highlight{
    width: 25% !important;
    padding-top: 0px;
}

.modal-body-hitchhiker.farerules_modal_table ul.nav.nav-tabs.nav-tabs-highlight:before{
    margin: 0 !important;
}

.modal-body-hitchhiker.farerules_modal_table ul.nav.nav-tabs.nav-tabs-highlight li{
    display: flex !important;
    justify-content: left;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
    padding: 0 !important;
    text-align: left;
}

.modal-body-hitchhiker.farerules_modal_table ul.nav.nav-tabs.nav-tabs-highlight li a{
    display: inline-block !important;
    font-size: 12px;
    font-weight: 500 !important;
    line-height: 1.0;
    width: 100%;
    padding: 5px 15px !important;
    color: #777777 !important;
    background: none;
    border-bottom: 2px solid transparent !important;
    text-align: left !important;
}

.modal-body-hitchhiker.farerules_modal_table ul.nav.nav-tabs.nav-tabs-highlight li.active{
    /* border-bottom: 3px solid #2a3ead !important; */
}

.modal-body-hitchhiker.farerules_modal_table ul.nav.nav-tabs.nav-tabs-highlight li.active > a{
    /* padding-top: 5px !important;
    padding-bottom: 5px !important; */
    border-bottom: 2px solid #2a3ead !important;
    background: none;
}

.modal-body-hitchhiker.farerules_modal_table .tab-content{
    width: 75% !important;
    padding: 0px 15px;
    color: #777777 !important;
}

.modal-body-hitchhiker.farerules_modal_table ul.nav.nav-tabs.nav-tabs-highlight > li > a{
    /* border-right: 1px solid #ddd !important; */
}

.modal-body-hitchhiker.farerules_modal_table .tab-pane{
    padding: 5px 0;
}

.modal-body-hitchhiker.farerules_modal_table{
    float: left;
    width: 100%;
}

div#farerules_modal_hitchhiker .modal-header{
    margin-bottom: 0 !important;
}

div#farerules_modal_hitchhiker button.close{
    margin-top: 0 !important;
}

.custom_top_filter_div a.btn.btn-default.btn-block.btn-float.btn-float-lg.legitRipple:hover,
.custom_top_filter_div a.btn.btn-default.btn-block.btn-float.btn-float-lg.legitRipple:active{
    background: #2a3ead;
    color: #fff;
}
.coockies-btn-container {
    text-align: right;
}

#cst-crm-flight-cabinClass-select{
    background-color: #fff !important;
}

.part.flight_details_link,
.part.flight_class{
    margin-top: 0 !important;
}

.search_result_container{
    padding: 0 10px;
}

/* #farerules_modal_hitchhiker button.close{
    margin-top: 5px !important;
} */

/*---*/

@media only screen and (max-width: 1024px){

    .flight_details_breakdown .flight-times {
        width: 16%;
        margin-top: 25px;
        padding-left: 0;
    }

    .searchform-criteria .cst-crm-flightlist-filter-sidebar{
        margin-bottom: 10px;
        padding: 0;
        border: none;
    }
    .flight_details_breakdown .hotelListRow {
        display: block;
        /* margin-bottom: 10px; */
        padding-bottom: 10px;
    }
    .flight_details_breakdown .hotelListRow .hotelListFirstColumn {
        border-right: none;
    }
    .flight_details_breakdown .hotelListRow .hotelListSecondColumn {
        text-align: left;
        padding-left: 0;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .thumbs {
        margin-top: 10px;
        padding-left: 0;
    }

}

@media only screen and (max-width: 800px){

    .flight_details_breakdown .duration{
        margin-bottom: 5px !important;
    }

    /* .search_result_container{
        padding: 0 20px;
    } */

    .flight_load_more_div{
        margin-bottom: 15px;
    }

    .flight_details_breakdown .single-airflight-logo{
        width: 100% !important;
        min-width: 100% !important;
        border-bottom: 1px dotted #cecece;
        border-bottom: 1px dotted #cecece !important;
        margin-top: 0;
        padding-bottom: 5px;
    }

    .flight_details_breakdown .air-duration-count{
        margin-top: 10px !important;
    }

    #flight_load_more_div{
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 769px){
    .flight_details_breakdown .single-airflight-logo{
        width: 100% !important;
        min-width: 100% !important;
        border-bottom: 1px dotted #cecece !important;
        margin-top: 0;  
        padding-bottom: 5px;
    }
    
    .crm_new_airline-info ul li h6{
        font-size: 12px !important;
       margin-right: 0 !important;
    }
}

@media only screen and (max-width: 768px){

    .single-airflight-items .air-duration-count .flight-times{
        /* margin-top: -30px !important; */
    }

    .flight_details_breakdown .air-duration-count{
        margin-top: 0 !important;
    }

    .modal-body-hitchhiker.farerules_modal_table ul.nav.nav-tabs.nav-tabs-highlight{
        box-shadow: none;
        border-right: 1px solid #DDD;
    }

    .modal-body-hitchhiker.farerules_modal_table .tab-content{
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .desticon-sync{
        top: -15px;
    }
}

@media only screen and (max-width: 767px){
    
    div#crmBack_searchEngineTab_section div#modify-search-form-contents{
        padding: 0 10px;
        /* padding : 0 !important; */
    }

    .flight_details_breakdown .flight-times {
        width: 18%;
    }

    .modal-body-hitchhiker.farerules_modal_table ul.nav.nav-tabs.nav-tabs-highlight{
        width: 45% !important;
        border-right: 1px solid #ddd;
        /* padding-top: 0 !important; */
        margin-top: 0 !important;
        box-shadow: none !important;
        /* padding-left: 10px; */
    }

    /* .modal-body-hitchhiker.farerules_modal_table ul.nav.nav-tabs.nav-tabs-highlight li{
        display: block !important;
        width: 100% !important;
        line-height: 1.0;
        border-right: 1px solid #ddd;
    } */

    .modal-body-hitchhiker.farerules_modal_table ul.nav.nav-tabs.nav-tabs-highlight > li > a{
        /* padding-left: 10px;
        padding-right: 10px; */
        padding: 5px 10px !important;
        line-height: 1.0;
    }

    /* .modal-body-hitchhiker.farerules_modal_table ul.nav.nav-tabs.nav-tabs-highlight li.active{
        border-right:none;
    } */

    /* .modal-body-hitchhiker.farerules_modal_table .tabbable.nav-tabs-vertical.nav-tabs-left{
        display: flex;
        align-items: start;
    } */

    .modal-body-hitchhiker.farerules_modal_table .tab-content{
        width: 70% !important;
        margin-left: 15px;
        padding: 10px 10px 10px 0
    }
}

@media only screen and (max-width: 600px){

    .flight_details_breakdown .single-airflight-logo{
        width: 100%;
        padding-bottom: 6px;
        border-bottom: 1px solid #e3dfdf;
        margin-bottom: 6px;
    }
}

@media only screen and (max-width: 580px){
    /* .flight-baggage-icon{
        position: relative;
        top: -7px;
    } */
    .route_container p.route_text {
        font-size: 13px;
    }
    .route_container p.route_price_text {
        font-size: 13px;
    }
    .custom_form_group button.buttonSearchController {
        font-size: 14px !important;
        margin-bottom: 20px;
    }

    .custom_top_filter_div .btn-float span{
        font-size: 13px;
    }
    .preview a {
        height: 50px !important;
    }
}

@media only screen and (max-width: 400px){
    .custom_top_filter_div .btn-float span{
        font-size: 11px;
    }
}

@media only screen and (max-width: 480px){

    .modal-body-hitchhiker.farerules_modal_table ul.nav.nav-tabs.nav-tabs-highlight{
        width: 50% !important;
    }
    
    .modal-body-hitchhiker.farerules_modal_table ul.nav.nav-tabs.nav-tabs-highlight li a{
        padding-left: 15px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    div#flight-loader-crm .modal-content p{
        font-size: 14px;
        padding: 0 5%;
    }

    .custom_top_filter_div .btn-float span{
        font-size: 12px;
    }
    .hotelListRow .hotelListFirstColumn table.hotelListFirstColumnContent tr td.hotelRoomDetails{
        width: 30%;
    }

    .custom_top_filter_div .sort_filter{
        padding: 8px 0 !important;
    }

    .custom_top_filter_div .btn-float span{
        font-size: 12px;
    }

    .single_passenger_details_info .field-first-item{
        width: 100%;
    }

    .flight_details_collapse .panel-body.flight_details_breakdown{
        padding: 5px;
    }

    .footer{
        padding-left: 0 !important;
        padding: 0 !important
    }
    .hotelCancellationPolicies .dropdown-menu-items{
        min-width: 285px;
    }

    .hotelListFirstColumn .dropdown-menu-items.opened{
        right: 0px;
        top: 20px;
    }
    .hotel_list_extra_facilities ul li{
        margin-bottom: 5px;
    }
    .hotelListRow .hotelListFirstColumn table tr td.hotelCancellationPolicies {
        width: 30%;
        padding: 5px 5px;
        text-align: right;
    }
    a.hotelAccordioController {
        margin-bottom: 3px;
        padding: 5px 10px;
        font-size: 11px;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1199px){
    .destination-container .custom_form_group{
        width: 100% !important;
    }

    .desticon-sync{
        top: 45px;
    }

    #swap_airport{
        position: relative;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}


@media only screen and (max-width: 991px) and (min-width: 769px){
    
    .modal-body-hitchhiker.farerules_modal_table ul.nav.nav-tabs.nav-tabs-highlight{
        width: 35% !important;
    }

    /* .modal-body-hitchhiker.farerules_modal_table ul.nav.nav-tabs.nav-tabs-highlight li{
        margin-bottom: 5px;
    } */

    .modal-body-hitchhiker.farerules_modal_table .tab-content{
        width: 75% !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .modal-body-hitchhiker.farerules_modal_table ul.nav.nav-tabs.nav-tabs-highlight > li > a{
        padding-right: 5px !important;
        
    }
}

@media only screen and (min-width: 320px) and (max-width: 360px){
    
    .flight_details_breakdown .flight-times {
        top: 50px;
        padding-left: 0;
    }

    .part.part-journey .flight-duration b {
        font-size: 12px;
    }

    #search_result .single_flight_segments_wrapper .part.flight_details_link{
        position: relative;
        width: 2%;
    }

    .modal-body-hitchhiker.farerules_modal_table .tab-content{
        margin-left: 10px;
        padding-top: 0 !important;
    }

    .modal-body-hitchhiker.farerules_modal_table .tab-content .tab-pane{
        font-size: 11px;
        line-height: 1.6;
    }

    .modal-body-hitchhiker.farerules_modal_table ul.nav.nav-tabs.nav-tabs-highlight li{
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    .modal-body-hitchhiker.farerules_modal_table ul.nav.nav-tabs.nav-tabs-highlight li a{
        font-size: 11px !important;
        padding-left: 10px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        line-height: 1.2;
    }
}