@primary_color: #0093DD;
//#8d1b3d #0f204c;
@primary_color1: darken(@primary_color, -15%);
@secondary_color: #8d1b3d;
//#0f204c;
@secondary_color1: darken(@secondary_color, -15%);
@color_yellow: #f7b727;
//#f58021;
@text_color: #fff;
@text_color2: #495057;
@text_color3: #444444;
@font_color: #676565;

.all_icons {
  background-image: url(/Agentscentric_CART/static/src/img/icons.png);
  background-size: 150px 525px;
  -webkit-background-size: 150px 525px;
  -moz-background-size: 150px 525px;
  font-size: 0;
  display: inline-block;
}

.c_icons:before, .c_icons:after {
  clear: both;
  content: "";
  background-image: url(/Agentscentric_CART/static/src/img/icons.png);
  background-size: 150px 525px;
  -webkit-background-size: 150px 525px;
  -moz-background-size: 150px 525px;
  font-size: 0;
}

// ==================================header design============//
header {
  position: relative;
  background: #fff;
  z-index: 99;
  height: 56px;
  box-shadow: 1px 1px 3px #f1f1f1;
  .open_tab {
    display: none;
    float: right;
    height: 40px;
    width: 40px;
    background-position: -4px 7px;
    margin-top: 12px;
  }
}

.logo {
  float: left;
  padding-top: 8px;
  img {
    width: 100%;
    height: auto;
    max-width: none;
  }
}
.padt15 {
    padding-top: 15px !important;
}
.infosec {
  position: absolute;
  right: 0px;

  padding: 0px 30px;
  border-bottom: 1.5px solid transparent;
  border-left: 1.5px solid transparent;
  border-radius: 0px 0px 4px 108px;
  background: @primary_color;
  box-shadow: -1px 2px 3px #c7c4c4;
}

.infosec a {
  color: white;
  font-size: 14px;
  margin-left: 20px;
  cursor: pointer;
}

.menu_and_info {
  float: left;
  //position: absolute;
//   right: 45px;
//   width: 70%;
}

.Menu {
    padding-top: 25px;
    ul{
        text-align: left;
        margin-top: -9px;
    }
    li {
        display: inline-block;
//         padding: 10px;
        .active {
            border-bottom: 3px solid @primary_color;
        }
    }
    a {
        font-size:11px;
        text-transform: uppercase;
        color: #838383;
        border-color: transparent;
        padding: .5rem 1rem ;
    }
    .active{
        color: @primary_color !important;
    }
  }

  // ======================= holiday-form and map design=======================
  .home_section_field {
    background-image: url(/Agentscentric_CART/static/src/img/bg.png);
    background-size: 100%;
    background-position: bottom;
    background-repeat: no-repeat;
    min-height: 78vh;
    padding-bottom: 70px;
  }

  .home_left_bn {
    font-size: 32px;
    text-transform: uppercase;
    text-align: center;
    color: #5e5e5f;
    font-weight: bold;
    span {
      color: @color_yellow;
    }
    p {
      font-size: 15px;
      text-transform: none;
      font-weight: none;
    }
  }

  .home_footer {
    padding: 6px;
    background: #fff;

    li {
      display: inline-flex;
      padding: 0px 39px;

      div {
        border: 1px solid #d4dbea;
        padding: 0px 4px;
        border-radius: 2px;
        box-shadow: 6px 7px 0px 0px #f3ebeb;
        transition: 0.5s;

        &:hover {
          box-shadow: 0px 0px 8px 4px #f3ebeb;
        }
      }
      label {
        display: inline-block;
        margin-bottom: .5rem;
        font-size: 13px;
      }

    }
    ul {
      margin-bottom: 0px;
      text-align: center;
    }
    .happy_user, .money_safe, .mpdestination, .support_sm {
      height: 50px;
      width: 50px;
      display: inline-block;
    }
    .happy_user {
      background-position: -37px -60px;

    }
    .money_safe {
      background-position: -77px -60px;
    }
    .mpdestination {
      background-position: 7px -103px;
    }
    .support_sm {
      background-position: -43px -106px;
    }
    span {
      display: block;
      font-weight: 800;
      font-size: 18px;
      color: @primary_color;
      text-align: left;
    }
  }

  //select city and date
  .card_s input {
    margin-top: 20px;
    width: 97%;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #dad6d6;
    color: @text_color3;
    font-size: 14px;
    background: #f5f5f5;
  }

  .card_s {
    float: left;
    width: 50%;
    label {
      position: absolute;
      font-size: 10px;
      text-transform: uppercase;
      color: @text_color3;
      margin-bottom: 0px;
    }
    input {
      &::placeholder {
        color: @text_color3;
        font-size: 14px;
        border: 1px solid #d6d3d31a;
        box-shadow: 0px 0px 1px 0px #0e0d0d40;
      }
    }
  }

  // select city for holiday
  .card_v {
    position: relative;
    padding: 8px 10px;
    border-radius: 3px;
    border: 1px solid #dad6d6;
    color: @text_color3;
    font-size: 16px;
    text-align: center;
    .fi {
      padding: 0px 5px;
      font-size: 14px;
      color: @text_color3;
    }
    .sc {
      display: flex;
      text-align: center;
      justify-content: center;

      .fa-times-circle {
        padding-top: 5px;
        padding-left: 5px;
        position: absolute;
        right: 4px;
        top: 17px;
      }
      a {
        font-size: 12px;
      }
    }
    .hide_hover {
      display: none;
      position: absolute;
      right: -60px;
      font-size: 29px;
      background: #fff;
      border-radius: 50%;
      height: 44px;
      width: 44px;
      text-align: center;
      box-shadow: 0px 0px 14px #9b9696;
      top: 5px;
      cursor: pointer;
      color: @secondary_color;
      .phone_view {
        display: none;
      }
      i {
        opacity: 0.5
      }
    }
  }

  .suggest_desp {
    font-size: 12px;
  }

  .card_hide_option:hover .hide_hover {
    display: block;
  }

  .card_hide_option, .enter_travelcity_name, .nationality_and_advancesearch {
    //     padding: 0px 15px;
    margin-bottom: 5px;
    font-size: 10px;   //written for the modify search page for destination module
    text-transform: uppercase;   //written for the modify search page for destination module
    margin-top: 10px;  //written for the modify search page for destination module
  }

  .select_city_forholiday .check_in_out > div, .holi_day_spend, .roomno_trvrl > div {
    background: @primary_color;
    border-radius: 30px;
    //     padding: 0px 10px;
    line-height: 35px;
  }

  /*note may it can be change*/

  .ui-widget.ui-widget-content {
    border: 1px solid #efeeee;
    border-radius: 0px 0px 5px 5px;
    z-index: 2 !important;
    width: 302px;
  }
  #seatmap_info{
       .ui-widget.ui-widget-content
    {
          width: 100% !important;
    }
  }
  #ui-datepicker-div{
    z-index: 1052 !important;
  }
  .flight_details_div{
     .ui-widget.ui-widget-content{
        width:auto!important;
     }
  }

  .ui-widget-content::-webkit-scrollbar, .ui-datepicker-year option::-webkit-scrollbar,.popular_cities::-webkit-scrollbar,.popular_dest::-webkit-scrollbar,.popular_ac_dest::-webkit-scrollbar ,.mytrip_details_sec::-webkit-scrollbar{
    width: 5px;
  }

  .ui-widget-content::-webkit-scrollbar-track, .ui-datepicker-year option::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 4, 0, 0.3);
  }

  .ui-widget-content::-webkit-scrollbar-thumb, .ui-datepicker-year option::-webkit-scrollbar-thumb,.popular_cities::-webkit-scrollbar-thumb,.popular_dest::-webkit-scrollbar-thumb ,.popular_ac_dest::-webkit-scrollbar-thumb ,.mytrip_details_sec::-webkit-scrollbar-thumb{
    background-color: darkgrey;
    outline: 0px solid slategrey;
  }

  .ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
    font-size: 13px;
    color: #333;
    font-weight: 400;
//     border-bottom: 1px solid #e1dede;
    white-space: pre-wrap;
  }
  .ui-menu .ui-menu-item {
    line-height: 1.5 !important;
    max-height: 316px !important;
    overflow-x: hidden;
    font-size: 13px !important;
}

  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: none ;
    background: none !important;

  }

  .ui-menu-item:hover{
     background-color: #eee ;
  }

  .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    background: @color_yellow;
  }

  .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    background: @color_yellow;
    color: #fff;
  }

  td .ui-state-active {
    border-radius: 50px;
  }

  .ui-datepicker th {
    text_color: @secondary_color !important;
  }

  .holi_day_spend {
    color: #fff;
    font-weight: bold;
    margin-left: 10px;
    font-size: 10px;
  }

  .check_in_out > div > span, .roomno_trvrl > div > span {
    color: #fff;
    font-size: 12px;
    padding: 0px 5px;
  }

  .check_in_out > div > span:nth-child(1), .roomno_trvrl > div > span:nth-child(1) {
    border-right: 2px solid #fff;
  }

  .holi_day_spend > select, .holi_day_spend > select:focus, .holi_day_spend > select:active {
    padding: 0px 5px;
    background: transparent;
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
  }

  .radius_view_right {
    float: right;
    display: flex;
  }

  .holi_day_spend option {
    color: #7f7f82;
    text-align: center;
    background: #fff;
  }

  /*+++++++++++++++================================+++++++++++++++++++++++++++*/

  .holi_day_spend {
    .main_custm_select {
      display: inline-block;
      color: #fff;
      select {
        color: #fff;
        background: transparent;
        border: none;
        font-weight: bold;
      }
    }
  }

  .enter_travelcity_name {
    input {
      width: 100%;
      padding-left: 15px;
      border-radius: 3px;
      //border: 2px solid @secondary_color1; commented by rahul and sathak for modify search page changes
      border: 1px solid #f5f5f5;
      box-shadow: none;
      padding: 5px 10px;
      border-radius: 3px;
      color: @text_color3;
      font-size: 14px;
      background: #f5f5f5;

    }
    input::placeholder {
      color: @text_color3 !important;
      font-size: 14px;
    }
  }

  .select_nationality, .avanced_srch {
    float: left;
    width: 50%;
  }

  .avanced_srch {
    text-align: right;
    padding: 15px;
    a {
      font-size: 15px;
      color: #007bff;
      text-decoration: underline;
    }
  }

  .select_nationality > input {
    margin-top: 0px;
  }

  .divide_line {
    border: 2px solid #f1eaea;
  }

  .room_traveller_info {
        font-size: 10px;
        width: 100%;
        text-transform: uppercase;
        margin-left: -14px;//Modify search changes
    p {
      color: @text_color2;
      font-size: 13px;
      margin-bottom: 0px;
    }
  }

  .roomno_trvrl {
    display: inline-block;
    position: relative;
    div > span:nth-child(2) {
      padding-right: 10px;
      &:after {
        position: absolute;
        content: "";
        top: 13px;
        right: 3px;
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-color: #fff transparent transparent transparent;
      }
    }
  }

  .room_add {
    display: inline-block;
    padding-left: 12px;
    i {
      font-size: 17px;
      color: @color_yellow;
      cursor: pointer;
      padding-right: 5px;

    }
  }

  .traveller_details_show {
    cursor: pointer;
  }

  .roomno_trvrl {
    .choose_all_field {
      display: none;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      background: #fff;
      color: #444444;
      top: 0;
      box-shadow: 0px 0px 11px #bfb6b6;
      border-radius: 2px;
      padding: 6px;
      z-index: 9;
      max-width: 208px;
      width: 159px;
    }
    &:hover .remove_room {
      display: block;
    }
  }

  .choose_all_field {
    padding: 5px;
    .section_one {
      border-radius: 0px;
      .info_name {
        float: left;
      }
      .add_subs {
        float: right;
      }
    }
  }

  .choose_all_field > .section_one > div > input {
    width: 20px;
    text-align: center;
    font-size: 16px;
    border: none;
  }

  .add_subs > span {
    padding: 3px 10px;
    background: #e6e1e1;
    border-radius: 2px;
    cursor: pointer;
  }

  .section_one {
    padding: 5px 0px;
  }

  .info_name {
    font-size: 14px;
    span {
      display: block;
      font-size: 9px;
      margin-top: -6px;
    }
  }

  .btn-hover_room_sec {
    text-align: left;
    padding: 8px 0px;
    padding-right: 21px;
    button {
      background: transparent;
      border: none;
      font-size: 12px;
      text-transform: uppercase;
      cursor: pointer;
      font-weight: bold;
      &:nth-child(1) {
        float: right;
        color: @primary_color;
        opacity: 0.8;
      }
      &:nth-child(2) {
        float: right;
        color: @secondary_color;
        opacity: 0.8;
      }
    }
  }

  .from_get_details {
    padding-bottom: 30px;
    text-align: center;
    button {
      font-size: 14px;
      text-transform: uppercase;
      color: #fff;
      background: @primary_color;
      padding: 6px 39px;
      position: relative;
      top: 18px;
      border-radius: 32px;
      border: none;
      cursor: pointer;
      transition: 0.6s;
      margin-bottom: 5%;

      &:hover {
        background: @primary_color;
        box-shadow: 0px 0px 7px #bbb3b3;
      }
    }
  }

  .remove_room {
    position: absolute;
    top: -27px;
    margin: auto;
    color: #fff;
    text-align: center;
    border-radius: 2px !important;
    background: #fd8080 !important;
    left: 41px;
    font-size: 14px;
    display: none;
    cursor: pointer;
    &:after {
      position: absolute;
      content: "";
      top: 25px;
      right: 30px;
      width: 0;
      height: 0;
      border: 5px solid transparent;
      border-color: #fff transparent transparent transparent;
    }
  }

  .overlay_section {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 14%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999;
    cursor: pointer;
    overflow: auto;
  }

  .over_lay_inside {
    display: flex;
    vertical-align: middle;
    text-align: center;
    justify-content: center;
    align-items: center;
    height: 75%;
  }

  // .main_heading_select_flg {
  //     position: relative;
  //     background:@primary_color;
  //     padding: 15px;
  //     color: #fff;
  // }
  .flights_choose_section {
    //     width: 700px;
    //     background: #fff;
  }

  .hide_ft_overlay {
    position: absolute;
    right: 0;
    top: 5px;
    background: #fff;
    width: 58px;
    text-align: left;
    padding: 7px;
    border-radius: 30px 0px 0px 30px;
    color: @secondary_color;
    padding-left: 15px;
    i {
      opacity: 0.7;
    }
  }

  .content_head {
    display: none;
    //     font-size: 13px;
    //     text-transform: uppercase;
    //     font-weight: bold;
  }

  .flight_view_icon {
    background: @primary_color;
    display: table;
    /* text-align: left; */
    /* margin-left: 0; */
    /* float: left;*/
    padding: 5px 51px 5px 10px;
    text-align: left;
    border-radius: 0px 30px 30px 0px;
    font-size: 16px;
    margin: 10px 0px;
    color: #fff;
  }

  .hide_ft_overlay > i {
    font-size: 20px;
    padding-top: 5px;
  }

  .flight_view_icon:before {
    display: inline-block;
    clear: both;
    height: 30px;
    width: 30px;
    content: "";
    background: url(/Agentscentric_CART/static/src/img/travel.png);
    background-size: cover;
    vertical-align: bottom;
    margin-right: 11px;
  }

  .flight_card_design {
    border-radius: 2px;
    box-shadow: 0px 0px 2px #00000030;
    //     background: #fff;
    width: 97%;
    margin: auto;
    padding-bottom: 10px;
  }

  .flight_option > form {
    color: @secondary_color;
    text-align: left;
    display: none;
  }

  .flight_card_design > p {
    text-align: left;
    color: #838080;
    font-size: 16px;
    padding: 10px;
    margin: 0px;
  }

  .flight_data_rander .flt_name {
    text-transform: uppercase;
    font-size: 14px;
    color: @text_color2;
    float: left;
  }

  .flight_line {
    background: url(/Agentscentric_CART/static/src/img/flight_line.png);
    width: 75px;
    height: 8px;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
  }

  .table_design_flight {
    padding: 10px;
    background: #f9f8ff;
    margin: 3px 0px;
  }

  .flight_data_rander {
    position: absolute;
    top: 100px;
    display: none;
  }

  .ft-rnd-trp {
    margin-left: 7px;
  }

  .input_flight_selection {
    float: right;
  }

  .input_flight_selection::before, .input_flight_selection::after {
    transition: 400ms all ease-in-out 50ms;
    box-sizing: border-box;
    backface-visibility: hidden;
  }

  .input_flight_selection input[type="checkbox"] {
    display: none;
  }

  .flight_selected {
    display: none;
  }

  .flight_selected, .flight_unselected {
    text-align: center;
    font-size: 15px;
    color: #908e8e;
  }

  /*Button is :CHECKED*/

  .input_flight_selection input[type="checkbox"]:checked ~ .select_box_view label {
    left: 97px;
    transform: rotate(360deg);
    background: @color_yellow;
  }

  .input_flight_selection input[type="checkbox"]:checked ~ .select_box_view .flight_selected {
    display: block;
  }

  .input_flight_selection input[type="checkbox"]:checked ~ .select_box_view .flight_unselected {
    display: none;
  }

  /*sha@secondary_color*/

  .input_flight_selection .select_box_view, .input_flight_selection label {
    border-radius: 50px;
  }

  /*'un':checked state*/

  .input_flight_selection .select_box_view {
    height: 23px;
    width: 120px;
    background: #fff;
    position: relative;
    /* box-shadow: 0 0 2px rgba(43,43,43,1); */
    border: 1px solid @color_yellow;
  }

  .input_flight_selection label {
    height: 21px;
    width: 21px;
    background: @secondary_color;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: pointer;
  }

  .input_flight_selection label::before, .input_flight_selection label::after {
    background: rgba(43, 43, 43, 1);
    border-radius: 5px;
  }

  /* pesduo class on toggle */

  .input_flight_selection input[type="checkbox"]:checked ~ .input_flight_selection .select_box_view label::before {
    height: 50px;
    background: rgba(73, 168, 68, 1);
  }

  .input_flight_selection input[type="checkbox"]:checked ~ .input_flight_selection .select_box_view label::after {
    width: 20px;
    background: rgba(73, 168, 68, 1);
  }

  /*
            //===============================================//
                       Flight Overlay section end
           //===============================================//
  */


  /*
            //===============================================//
                      all view design
           //===============================================//
  */

  .all_view_section {
    // background:#f9f9f9;
    //    padding-top: 50px;
    position: relative;
  }

  .top_banner {
    background-image: linear-gradient(to right, @primary_color, @secondary_color);
    padding: 10px 0px;
    position: relative;
  }

  .top_banner h2 {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    padding-right: 20px;
    display: inline-block;
  }

  .FontW {
    font-weight: bold !important;
  }

  .white_bckgrnd {
    background: #fff;
  }

  .open_deals {
    padding: 15px;
    .row {
      padding: 5px 0px 0px 20px;
    }
    .deal_heading {
      display: inline-flex;
      margin: 10px 10px 0px 10px;
    }
  }

  .GreenText {
    color: rgba(12, 193, 12, 1) !important;
  }

  .cart_all_product {
      height: 80px;
      width: 80px;
      box-shadow: 0px 2px 4px 0px;
      background: #ffdf2a;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      position: fixed;
      right: 10px;
      top: 178px;
      z-index: 100;
  //     -webkit-animation: circlea 3s infinite;
  //     -webkit-animation-direction: alternate;
  //     animation: circlea 3s infinite;
  //     animation-direction: alternate;
  //     animation-delay: 2s;
  }

  #login_popup{
//       margin-top:90px;
      overflow: hidden;
      background: #fff;
  }
  @keyframes circlea {
    0% {
      box-shadow: 0px 0px 0px 10px #d0c9c994;
    }
    100% {
      box-shadow: 0px 0px 0px 2px @secondary_color;
    }
  }

  .cart_all_product > div {
    text-align: center;
  }

  .inner_circle_cart {
    text-align: enter
  }

//   .inner_circle_cart i {
//     color: #ff6969;
//     background: #fefeff;
//     border-radius: 50%;
//     height: 40px;
//     width: 40px;
//     font-size: 21px;
//     padding-top: 10px;
//     margin-top: -14px;
//     border: 1px solid #d2d4ea;
//     box-shadow: 0px 0px 0px @secondary_color;
//   }

  .inner_circle_cart p {
    font-size: 14px;
    font-weight: bold;
    color: @primary_color;
    margin-bottom: 0px;
  }

  .cart_all_product .totice {
    al_pr font-size: 14px;
    color: #868383;
    font-weight: bold;
  }

  .cart_all_product .total_price > span {
    color: #000;
  }

  .inner_circle_cart button {
    cursor: pointer;
    border-radius: 30px;
    //     padding: 2px 15px;
    font-size: 12px;
    border: none;
    //     background-image: linear-gradient(to right, @primary_color, @secondary_color);
    color: #000;
    font-weight: bold;
    margin-top: 7px;
    background: transparent;
  }

  .all_services_list {
    padding: 20px;
    background: @color_yellow;
    display: block !important;
    padding-bottom: 0px;
    border-radius: 2px;
  }

  .all_services_list a {
    display: inline-block;
    padding: 10px;
    font-size: 14px;
    color: #fff;
    margin-right: 20px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    //     background: #fff;
    border-radius: 50px;
    width: 100px;
    padding: 5px;
    text-align: center;
  }

  .all_services_list .active {
    border-radius: 5px 5px 0px 0px;
    color: @color_yellow;
    background: #fff;
    color: #fff;
//     background: @primary_color;
    border-radius: 50px;
    width: 100px;
    padding: 5px;
    text-align: center;
  }

  .filtter_box-sub {
    background: #fff;
    /* border: 1px solid #efe8e8; */
    /*margin-top: -70px;*/
    box-shadow: 0px 0px 4px #d2cfcf6b;
    border-radius: 4px;
    overflow: hidden;
    padding-right: 5px;
    border-right: 1px solid #eee;
  }

  .filter_menu {
    display: none;
  }

  .destination_box_section {
    background: #f9f7ff;
    padding: 5% 0px;
  }

  .Filtter_mv img {
    opacity: 0.3;
  }

  .ldimg img {
    width: 100%;
    opacity: 0.3;
  }

  .onword_return {
    padding: 0px 0px;
    text-align: center;
    background: #f58021;
    color: #fff;
  }

  .onword_return p {
    line-height: 26px;
    font-size: 13px;
    padding: 0px;
  }

  .ldimg {
    background: transparent !important;
    box-shadow: none !important;
  }

  .mtext {
    text-transform: uppercase;
    color: @primary_color;
    font-weight: bold;
    text-align: center;
    //background-image: linear-gradient(to right, @primary_color, @secondary_color);
    border-bottom: 1px solid @primary_color;
    margin-bottom: 15px;
    padding: 9px;
    font-size: 14px;
  }

  .box_in_size {
    padding: 0px 10px;
    margin-top: 15px;
    border-bottom: 3px solid #F9F9F9;
  }

  .box_in_size:last-child {
    border-bottom: none;
  }

  .box_in_size > p {
    margin-bottom: 4px;
    font-size: 14px;
    color: @primary_color;
    font-weight: 300;
    text-transform: uppercase;
  }

  .box_in_size > .input-des > input {
    padding: 6px 10px;
    width: 100%;
    border-radius: 2px;
    border: 1px solid #c7c4c4;
    font-size: 15px;
    color: #6c757d;
  }

  .box_in_size > .input-des > input::placeholder {
    font-size: 15px;
    color: #6c757d;
  }

  .box_in_size > p > span, .box_in_size > p > span > span {

    color: @primary_color;
    font-size: 13px;
  }

  .slidecontainer {
    width: 98%;
    margin-bottom: 25px;
    padding-left: 20px;

  }

  .sliderp {
    -webkit-appearance: none;
    width: 100%;
    height: 9px;
    border-radius: 20px;
    background: #e3e3e3;
    outline: none;
    opacity: 1;
    -webkit-transition: .2s;
    transition: opacity .2s;
  }

  .sliderp:hover {
    opacity: 1;
  }

  .sliderp::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: @primary_color;
    cursor: pointer;
  }

  .sliderp::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
  }

  .box_in_size > p > span, .box_in_size > p > span > span {
    color: @secondary_color;
    font-size: 14px;
  }

  .chec_design {
    display: block;
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 20px;
  }

  .non_click {
    pointer-events: none;
  }

  .non_click span {
    color: #b7b7de !important;
  }

  .filtter_box-sub p {
    font-size: 13px;
  }

  /* Hide the browser's default checkbox */

  .chec_design input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    z-index: 999;
  }

  .chec_design > input[type=checkbox], .chec_design > input[type=radio] {
    width: 20px;
    height: 20px;
  }

  /* Create a custom checkbox */

  .chec_design > .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid @primary_color;
    height: 20px;
    width: 20px;
    border-radius: 3px;
  }

  /* On mouse-over, add a grey background color */

  .chec_design:hover input ~ .checkmark {
    background-color: transparent;
  }

  /* When the checkbox is checked, add a blue background */

  .chec_desig input:checked ~ .checkmark {
    background-color: @color_yellow;
  }

  /* Create the checkmark/indicator (hidden when not checked) */

  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the checkmark when checked */

  .chec_design input:checked ~ .checkmark:after {
    display: block;
  }

  /* Style the checkmark/indicator */

  .chec_design .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid @primary_color;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .name_of_list {
    position: absolute;
    margin-left: 26px;
    font-size: 13px;
    color: #1e1e1e !important;
    line-height: 14px;
    top: 2px;
  }

  .scrolling_of_fieldset {
    max-height: 208px;
    overflow-x: hidden;
    padding: 5px 0px;
    border-radius: 2px;
  }

  .scrolling_of_fieldset::-webkit-scrollbar {
    width: 2px;
  }

  .scrolling_of_fieldset::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }

  .scrolling_of_fieldset::-webkit-scrollbar-thumb {
    background-color: @primary_color;
    outline: 1px solid slategrey;
  }

  .pdtopzero {
    padding-top: 0px;
  }

  .white_line_width {
    height: 50px;
    background: #fff;
    margin-bottom: 20px;
  }

  .box_in_size > button {
    padding: 5px 30px;
    border: navajo #fff;
    background: @secondary_color;
    color: #fff;
    text-transform: uppercase;
    border-radius: 20px;
    background-image: linear-gradient(to right, @primary_color, @secondary_color);
    cursor: pointer;
  }

  .cards_namedesign {
    background: #fff;
    box-shadow: 0px 0px 3px #dad8d8;
    border-radius: 4px;
    margin-top: 10px;
    border: 1px solid #eee;
  }

  .cards_namedesign .col-9 > div {
    padding: 10px 0px;
  }

  .peice_and_selection {
    border-left: 1px solid #dfd4ff8a;
  }

  .air_na_tm_info {
    /*border-bottom: 1px solid @color_yellow;*/
    padding-bottom: 9px;
    padding: 10px 10px 9px 10px;
  }

  .air_line_name {
    float: left;
  }

  .air_line_logo {
    background: url(/Agentscentric_CART/static/src/img/air_line.png);
    height: 25px;
    width: 25px;
    background-size: contain;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 7px;
    background-repeat: no-repeat;
    background-position: center;
  }

  /*.air_line_name:before {
      display: inline-block;
      content: "";
      clear: both;
      background: url(/Trabacus_CART/static/src/img/air_line.png);
      height: 25px;
      width: 25px;
      background-size: contain;
      background-repeat: no-repeat;
      vertical-align: middle;
  }*/
  .avtar:before {
    background-image: url(/Agentscentric_CART/static/src/img/air_line1.png);
  }

  .air_line_name {
    color: @text_color2;
    font-size: 13px;
    font-weight: normal;
  }

  //Commented by Soumen
  .ft_tm_sp_info {
    float: right;
  }

  .ft_tm_sp_info .ft_tm {
    font-size: 13px;
    color: @text_color2;
    //    font-weight: bold;
  }

  .ft_tm_sp_info .ft_sp {
    font-size: 13px;
    color: @text_color2;
    font-weight: bold;
  }

  .ft_tm_sp_info .ft_info:before {
    content: "\f059";
    top: 2px;
    position: relative;
    left: 8px;
  }

  .ft_tm_sp_info .ft_info {
    cursor: pointer;
  }

  .destination_name {
    text-align: center;
  }

  .starting_dest, .end_dest {
    font-size: 13px;
    font-weight: normal;
    color: @text_color2;
    display: inline-block;
    width: 35%;
  }

  .starting_dest .dt_time, .end_dest .dt_time {
    font-size: 13px;
    font-weight: bold;
    color: @secondary_color;
    padding-left: 10px;
    //    font-style: italic;
  }

  .image_line {
    display: inline-block;
  }

  .image_line:after {
    display: block;
    content: "";
    clear: both;
    width: 100px;
    background: url(/Agentscentric_CART/static/src/img/flight_line.png);
    height: 10px;
    background-repeat: no-repeat;
    margin: auto;
    text-align: center;
    background-position: center;
  }

  .destination_name {
    padding-top: 5px;
  }

  .row.no-gutters {
    margin-right: 0;
    margin-left: 0;
  }

  .no-gutters > [class^="col-"], .no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
  }

  .peice_and_selection {
    text-align: center;
  }

  .peice_and_selection .p_sec {
    color: @color_yellow;
    font-size: 19px;
    font-weight: normal;
    padding: 10px;
    padding-bottom: 0px;
  }

  .peice_and_selection .sub_text {
    font-size: 15px;
    color: @primary_color;
    margin-bottom: 5px;
  }

  .peice_and_selection button {
    padding: 5px 27px;
    font-size: 13px;
    background: @secondary_color;
    color: #fff;
    border-radius: 5px;
    border: none;
    margin-bottom: 14px;
    transition: 0.6s;
    cursor: pointer;
  }

  .peice_and_selection .active {
    background: @color_yellow;
  }

  .peice_and_selection .active:hover {
    background: @color_yellow;
  }

  .peice_and_selection button:hover {
    background: @color_yellow;
    box-shadow: 0px 0px 4px #9e9d9d59;
  }

  .all_destination_name {
    padding-top: 10px;
    display: block;
    clear: both;
  }

  .all_destination_name a {
    background: @primary_color;
    // padding: 0px 43px;
    padding: 10px;
    //border-radius: 5px 5px 0px 0px;
    color: #fff;
    font-size: 14px;
    //margin-right: 12px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    //     height: 35px; //added by jyotiranjan
    padding-top: 5px; // added by jyotiranjan
  }

  .hotel_room_tab a {
    color: #6b6969 !important;
    font-size: 12px !important;
    background: transparent !important;
    border-right: 1px solid #c3c3c3;
    padding: 0px 13px !important;
    font-weight: 600;

    &:last-child {
      border: none !important;
    }

  }

  .hotel_tab_outer a {
    height: auto;
    padding-bottom: 5px;
  }

  .all_destination_name a span {
    display: block;
    font-size: 12px;
  }

  .all_destination_name > a .active {
    background: @color_yellow;
  }

  .Hotel_images {
    //height: 100px;
    //width: 160px;
    ////max-width: 100px;
    ///*background-image: url(/Trabacus_CART/static/src/img/banner1.png);*/
    //background-size: cover;
    //background-repeat: no-repeat;
    //border-radius: 2px;
    //background-position: center;

    height: 211px;
    width: auto;
    /* background-image: url(/Trabacus_CART/static/src/img/banner1.png); */
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 2px;
    background-position: center;
    top: 50%;
    left: 50%;
    min-height: 211px;
    min-width: 211px;
  }

  .hotel_all_details {
    display: flex;
    padding: 10px !important;
  }

  .psn_in {
    position: relative;
  }

  .sub_content p {
    margin-bottom: 0px;
    padding-left: 10px;
  }

  .ht_stars {
    color: #ffa500;
    font-size: 14px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
  }

  .sub_content .ht_name {
    font-size: 20px !important;
    font-weight: 600;
    //color: @primary_color;
    color: #37454D;
    text-transform: capitalize;
  }

  .sub_content .ht_location {
    font-size: 14px;
    color: #807e7e;
    font-weight: normal !important;
    padding: 5px 10px;
    //text-transform: uppercase;
  }

  .sub_content .ht_type {

    font-size: 13px;
    color: #807e7e;

  }

  .sub_content .ht_type > span {
    font-weight: bold;
  }

  .star_of_hotel {
    min-width: 125px;
    text-align: center;
    position: relative;
  }

  .star_of_hotel span {
    display: block;
    font-size: 14px;
    color: #807e7e;
  }

  .star_of_hotel a {
    position: relative;
    bottom: -38px;
    font-size: 16px;
    color: @primary_color;
    text-decoration: underline;
  }

  .star_of_hotel i {
    color: #ffc311;
    font-size: 14px;
  }

  .hotel_room_all_details {
    /*position: absolute;*/
    left: 0;
    right: 0;
    background: #fff;
    //border: 1px solid #f3ecec;
    z-index: 9;
    top: 0px;
    border-radius: 3px;
    overflow: hidden;
    .btn-secondary:hover {
      color: black !important;
    }

  }

  .display_block {
    display: block !important;
  }

  .star_of_hotel > div > span {
    display: initial;
  }

  .inner_room_details {
    border-bottom: 1px solid #d8d5d5;
    padding-bottom: 0px !important;
  }

  .inner_room_details .sub_content {
    max-width: 385px;
    width: 100%;
  }

  .inner_room_details button {
    padding: 5px 27px;
    font-size: 15px;
    background: @primary_color;
    color: #fff;
    border-radius: 30px;
    border: none;
    margin-bottom: 14px;
    transition: 0.6s;
    cursor: pointer;
    position: absolute;
    right: 32px;
  }

  .images_slider .border {
    border-radius: 2px !important;
    border: 2px solid #fda9a9 !important;
  }

  .pdtop {
    //padding: 10px;
  }

  .ft_text p {
    font-size: 13px;
    color: @primary_color;
    margin-bottom: 5px;
    font-weight: 600;
    text-transform: uppercase;
  }

  .ft_text ul {
    padding-left: 0px;

    li {
      list-style-type: circle;
      /* padding-left: 10px; */
      /* padding-left: 10px; */
      float: left;
      width: 33%;
      margin-left: 0px;
      color: #7e7e84;
      font-size: 13px;
      list-style-type: none;
      margin-bottom: 5px;
    }

  }

  .info_f_ht {
    padding: 10px;
  }

  .arkt {
    padding: 0px;
    font-size: 13px;
    margin-top: 43px;
    color: #888686;
    float: left;
    margin-bottom: 15px;
  }

  .info_f_ht p {
    font-size: 13px;
    color: @primary_color;
    margin-bottom: 5px;
    font-weight: 600;
    text-transform: uppercase;
  }

  .info_f_ht div {
    font-size: 13px;
    color: #8c8a8a;
  }

  .choose_room .peice_and_selection {
    border-left: none;
    position: absolute;
    right: 14px;
  }

  .choose_room .sub_content {
    max-width: 425px;
    width: 100%;
  }

  .choose_room .sub_content a {
    position: relative;
    bottom: -5px;
    font-size: 16px;
    color: @primary_color;
    text-decoration: underline;
    left: 12px;
    text-decoration: underline;
  }

  .next_btn {
    padding: 30px 0px;
    text-align: center;
  }

  .next_btn button {
    padding: 5px 30px;
    border: navajo #fff;
    background: @secondary_color;
    color: #fff;
    text-transform: uppercase;
    border-radius: 20px;
    cursor: pointer;
    background-image: linear-gradient(to right, @primary_color, @secondary_color);
  }

  .all_view_section .fade:not(.show) {
    opacity: 0;
    height: 0px;
    overflow: hidden;
  }

  .avtar_image {
    height: 100px;
    min-width: 100px;
    max-width: 100px;
    background-image: url(/Agentscentric_CART/static/src/img/cruise.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 2px;
  }

  .pd-left, .pd-left .info_f_ht {
    padding: 0px;
  }


  /*==================visa=================*/

  .visa_det_info table {
    text-align: center;
    width: 100%;
  }

  .visa_det_info {
    text-align: center;
    max-width: 800px;
    width: 100%;
    position: relative;
  }

  .visa_det_info th {
    font-size: 13px;
    text-transform: uppercase;
    color: #0f204c;
    padding: 2px;
  }

  .visa_det_info td {
    font-size: 13px;
  }

  .visa_det_info table tr:nth-child(1) {
    border-bottom: 1px solid @color_yellow;
  }

  .bottom_sec p {
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0px;
    text-transform: uppercase;
    color: @primary_color;
    padding: 2px 5px;
    border-radius: 3px
  }

  .bottom_sec > div {
    //float: right;
    position: relative;
  }

  .bottom_sec > div > .pas_ger {
    display: inline-block;
    background: #0093DD;
    border-radius: 20px;
    padding: 2px 10px;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    margin-left: 10px;
  }

  .bottom_sec > div > .pas_ger:after {
    position: absolute;
    content: "";
    top: 11px;
    right: 6px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-color: #fff transparent transparent transparent;
  }

  .bottom_sec {
    //padding: 10px;
    padding-top: 12px;
//     padding-bottom: 20px;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .bottom_sec .choose_all_field {
    display: none;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    box-shadow: 0px 0px 2px #f1f1f1;
    padding: 10px;
    border-radius: 4px;
    z-index: 1; //added by soumen
    max-width: 300px;

  }

  .bottom_sec .info_name, .bottom_sec .add_subs {
    display: inline-block;
    padding-left: 10px;
    padding-right: 15px;
  }

  .visa_images {
    height: 91px;
    min-width: 91px;
    max-width: 91px;
    background-image: url(/Agentscentric_CART/static/src/img/singapore.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 2px;
    background-position: center;
  }

  .tabel_data {
    display: none;
  }

  /*-----------activities--------------------*/

  .activities_sec .hotel_all_details {
    border-right: 1px solid #dfd4ff8a;
  }

  .activities_sec .peice_and_selection {
    border: none;
  }

  .activities_sec .ht_type:nth-child(3) {
    margin-bottom: 20px;
  }

  .activities_sec .peice_and_selection > button {
    margin-bottom: 0px;
  }

  .activities_images {
    height: 91px;
    min-width: 91px;
    max-width: 91px;
    background-image: url(/Agentscentric_CART/static/src/img/activities.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 2px;
    background-position: center;
  }

  .all_pax {
    display: inline-block;
    background: #0f204c;
    padding: 1px 10px;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    margin-left: 10px;
  }

  .traveller {
    position: relative;
    .choose_all_field {
      display: none;
      background: #fff;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      box-shadow: 0px 0px 2px #f1f1f1;
      padding: 10px;
      border-radius: 4px;
      z-index: 1;
    }

  }

  .extra_tag_img {
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0px;
    right: 0;
    height: 17%;
    width: 62%;
    opacity: 1;
    transition: .3s ease;
    padding: 5px;
    background: black;
    background: rgba(14, 7, 7, 0.3);
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
    padding-top: 3px;
  }

  /*=================================
      Selected Carts
  ===================================*/

  .cart_card {
    width: 100%;
    border-radius: 2px;
  }

  .inner_section {
    background: #fff;
    box-shadow: 0px 0px 2px #d8d6d6;
    margin-bottom: 20px;
  }

  .left_content {
    position: absolute;
    right: 0;
    top: 5px;
    background: #fff;
    text-align: left;
    padding: 7px;
    border-radius: 30px 0px 0px 30px;
    color: @secondary_color1;
    padding-left: 15px;
    font-size: 16px;
    font-weight: bold;
  }

  .summary_list {
    position: relative;
    padding: 10px 0px;
    text-align: center;
    margin-bottom: 20px;
    box-shadow: 0px 0px 13px #d8d6d6;
  }

  .summary_list > div {
    padding: 0px 20px;
    display: inline-block;

    p {
      margin-bottom: -4px;
      font-size: 13px;
      color: #495057;
      font-weight: bold;
      display: inline-block;
      padding-right: 15px;
    }

    span {
      color: @text_color3;
    }

    .al_lef {
      border-left: 2px solid #c1bfbf;
      padding: 0px 5px;
    }

  }

  .total_money {
    text-align: center;
    display: block !important;

    .discount_m {
      padding-top: 22px;

      .dis_m {
        font-size: 15px;
        text-decoration: line-through;
        font-weight: bold;
        color: text_color1;
      }

      .dis_bg {
        background: #4cd608;
        color: #fff;
        padding: 1px 5px;
        font-size: 13px;
        position: relative;
        margin-left: 14px;
        text-decoration: none !important;

        &:after {
          content: "";
          position: absolute;
          left: -10px;
          top: -1px;
          width: 0;
          height: 0;
          border-top: 10px solid transparent;
          border-bottom: 10px solid transparent;
          border-right: 10px solid #4cd608;
        }
      }
    }

    .total_m {
      font-size: 22px;
      font-weight: bold;
      color: @secondary_color;
    }

  }

  .edit_btn {
    text-align: right;
  }

  .mr-bt {
    margin-bottom: 20px;
  }

  .card_of_theme {
    background: #fff;
    box-shadow: 0px 0px 13px #d8d6d6;
    height: 400px;
    position: relative;
  }

  .top_view {
    background: @primary_color;
    position: relative;
    height: 44px;

    div {
      padding: 11px 40px 0px 10px;
      color: @text_color;
      font-size: 14px;
    }

    .left_icon {
      position: absolute;
      right: 0;
      top: 2px;
      background: #fff;
      text-align: left;
      padding: 7px;
      border-radius: 30px 0px 0px 30px;
      color: @secondary_color1;
      padding-left: 15px;
      font-size: 16px;
      font-weight: bold;

    }
  }

  .c_fligth:before {
    display: inline-block;
    height: 25px;
    width: 37px;
    background-position: 2px -43px;
    vertical-align: middle;
  }

  .c_hotel:before {
    display: inline-block;
    height: 25px;
    width: 37px;
    background-position: -33px -43px;
    vertical-align: middle;
  }

  .c_cruise:before {
    display: inline-block;
    height: 25px;
    width: 31px;
    background-position: -66px -42px;
    vertical-align: middle;
  }

  .c_activities:before {
    display: inline-block;
    height: 28px;
    width: 29px;
    background-position: 27px -37px;
    vertical-align: middle;
  }

  .c_visa:before {
    display: inline-block;
    height: 28px;
    width: 29px;
    background-position: 54px -41px;
    vertical-align: middle;
  }

  .tex_cnt {
    padding: 10px;
    margin-bottom: 0px;
    font-size: 13px;
    color: @text_color3;
    font-weight: bold;
  }

  .data_render {
    height: auto;
    max-height: 265px;
    overflow: auto;
    overflow-x: hidden;
    padding: 5px;
  }

  .data_render::-webkit-scrollbar {
    width: 2px;
  }

  .data_render::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }

  .data_render::-webkit-scrollbar-thumb {
    background-color: @secondary_color1;
    outline: 1px solid slategrey;
  }

  .air_line_list {
    border-top: 1px solid #1c3b8c;
    min-height: 82px;
    &:last-child {
      border-bottom: 1px solid @primary_color1;
    }
    .air_na_tm_info {
      border-bottom: none;
      padding: 10px 10px 0px 10px;
    }

    .air_line_name {
      font-size: 12px;
    }

    .ft_tm_sp_info .ft_tm {
      font-size: 13px;
    }

    .ft_tm_sp_info .ft_sp {
      font-size: 12px;
    }

    .starting_dest, .end_dest {
      font-size: 13px;

      .dt_time, .dt_time {
        font-size: 10px;
      }

    }

    .image_line:after {
      width: 21px;
      background: @primary_color;
      height: 2px;
      margin: 2px 5px;
    }
  }

  .change_btn {
    text-align: center;
    padding: 10px 5px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid #d8d5d5;
    button {
      border-radius: 20px;
      padding: 2px 13px;
      border: none;
      font-size: 15px;
      color: @text_color;
      background-color: @primary_color;
      cursor: pointer;
      transition: 0.6s;
      &:hover {
        background-color: @secondary_color;
      }
      &:focus {
        box-shadow: 0px 0px 2px 5px #f9f7f7;
      }
    }

  }

  .cart_hotel, .cart_cruise, .cart_activities, .cart_visa {
    display: flex;
    padding: 2px 0px;
    border-top: 1px solid @primary_color1;
    &:last-child {
      border-bottom: 1px solid @primary_color1;
    }

    .sub_content .ht_name {
      font-size: 14px;
    }

    .sub_content .ht_location {
      font-size: 10px;
      font-weight: bold;
      &:before {
        display: inline-block;
        height: 20px;
        width: 20px;
        vertical-align: middle;
        background-position: 15px -7px;
      }
    }

    .sub_content .ht_type {
      font-size: 12px;
    }

    .Hotel_images, .avtar_image, .visa_images {
      height: 75px;
      min-width: 75px;
    }

    .bottom_sec {
      padding-top: 26px;
      position: relative;
    }

  }

  // step section
  .cart_details {
    padding-bottom: 40px;
    display: none;
    background: #f1f6ff;
  }

  .step_section {
    padding: 35px 0px;
    width: 100%;
  }

  .st_one, .st_two, .st_three {
    text-align: center;
    display: inline-block;
    float: left;
    width: 33.33%;
    position: relative;
    z-index: 9;

    &:after {
      display: inline-block;
      content: "";
      clear: both;
      height: 4px;
      width: 100%;
      background-color: #fff;
      position: absolute;
      top: 12px;
      z-index: 0;
    }

    div {
      background-color: @secondary_color;
      color: @text_color;
      height: 30px;
      width: 30px;
      display: flex;
      border-radius: 40px;
      justify-content: center;
      align-items: center;
      margin: auto;
      font-size: 14px;
      position: relative;
      z-index: 9;
    }

    .all_icons {
      background-position: -2px -70px;
      color: transparent;
    }

    p {
      font-size: 14px;
      color: text_color2;
    }
  }

  .st_three:after {
    display: none;
  }

  .border-b-none {
    border-bottom: none !important;
  }

  .cmlt_booking {
    padding: 15px;
    border-bottom: 1px solid #eee;
    &:last-child {
      border: none;
    }
    > p {
      margin-bottom: 0px;
      font-size: 13px;
      font-weight: bold;
      color: @primary_color;
    }
    .req_value {
      color: red;
      margin-top: 3px;
      display: block;
      width: 100%;
      position: absolute;
      //         top: 30px;
      font-size: 12px;
    }
  }

  .cmlt_booking_activity_questions_list {
    //padding:15px;
    border-bottom: 1px solid #eee;
    &:last-child {
      border: none;
    }
    > p {
      margin-bottom: 0px;
      font-size: 13px;
      font-weight: bold;
      color: @primary_color;
    }
    .req_value {
      color: red;
      margin-top: 3px;
      display: block;
      width: 100%;
      position: absolute;
      top: 30px;
      font-size: 12px;
    }
  }

  .cmlt_booking_activity_questions {
    padding: 15px;
    border-bottom: 1px solid @secondary_color1;
    &:last-child {
      border: none;
    }
    > p {
      margin-bottom: 0px;
      font-size: 13px;
      font-weight: bold;
      color: @primary_color;
    }
    .req_value {
      color: red;
      margin-top: 10px;
      display: block;
      width: 100%;
      position: absolute;
      top: 35px;
      font-size: 12px;
    }
  }

  .details_info {
    p {
      margin-bottom: 0px;
      font-size: 13px !important;
    }
    .input-design {
      display: flex;
      margin-bottom: 20px;
      .custom-select_sc select {
        display: inline-block;
        height: 30px !important;
        /* width: 95px; */
        padding: 0px;
        height: 42px;
        font-size: 13px;
        background-color: transparent !important; //Added by soumen
        color: #6c757d; //Added by soumen
        border: 1px solid #dad6d6;
        border-radius: 3px;
      }
      .gender select {
        width: 200px;
      }
      .select-selected {
        background-color: transparent;
        color: @text_color2 !important;
        padding: 6px 7px;
        font-size: 14px;
        border-bottom: none;
      }

      input {
        border: 1px solid #dad6d6;
        padding: 9px 10px;
        font-size: 13px;
        height: 35px;
        &:focus {
          border: 1px solid #dad6d6;
          padding: 9px 10px;
        }
      }

    }
  }

  .question_info {
    p {
      margin-bottom: 0px;
      font-size: 13px;
    }
    .input-design {
      display: flex;
      margin-bottom: 20px;
      input {
        border: 1px solid #dad6d6;
        padding: 9px 10px;
        font-size: 13px;
        &:focus {
          border: 1px solid #dad6d6;
          padding: 9px 10px;
        }
      }

    }
  }

  .date_img {
    background-image: url(/Agentscentric_CART/static/src/img/calendar.png);
    background-size: 22px;
    font-size: 0;
    background-repeat: no-repeat;
    background-position: 97%;
  }
  .date_image {
      background-image: url(/Agentscentric_CART/static/src/img/Group.png);
      background-repeat: no-repeat;
       background-size: 28px;
      background-position: 99%;
    }

  .date_price_op {
    position: relative;
    width: 100%;
    overflow: hidden;
    .left_a {
      position: absolute;
      left: 0;
      top: 0;
      display: flex;
      background: @primary_color;
      padding: 20px 10px;
      vertical-align: middle;
      float: left;
      justify-content: center;
      align-items: center;
    }
    .right_a {
      float: right;
      right: 0px;
      position: absolute;
      top: 0;
      display: flex;
      background: @primary_color;
      padding: 20px 10px;
      vertical-align: middle;
      justify-content: center;
      align-items: center;

    }
    a i {
      color: #fff;
    }
    a:focus {
      background: @secondary_color;
    }
    .dt_p {
      padding: 0px 20px;
      ul {
        width: 100%;
        overflow: hidden;
        display: flex;
        li {
          border-bottom: 2px solid transparent;
          list-style-type: none;
          background: #fff;
          padding: 5px 15px;
          display: inline-block;
        }
        div {
          font-size: 14px;
          color: #0f204c;
          font-family: inherit;
        }
        .price_l {
          font-weight: 700;
          color: @text_color2;
          font-size: 15px;
        }
        background: #fff;
        .active {
          border-bottom: 2px solid @primary_color;
        }
      }
    }
  }

  // flight date picker design

  .flight_datetime {

    .ui-datepicker {
      max-width: 100% !important;
    }

    .ui-state-default {
      border-bottom: 1px solid transparent;
      border-bottom: 1px solid transparent;
      font-size: 13px;
      font-weight: 500;
      color: #838586;
      font-style: initial;
      font-family: Roboto;
    }
//     .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
//       background: transparent;
//       color: #877af0;
//       border-bottom: 1px solid @secondary_color;
//       border-radius: 0px;
//     }
    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
      background: transparent;
      color: #3d3e3f;
      border-bottom: 1px solid @secondary_color;
      border-radius: 0px;
    }
    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
      width: 89px;
      border-radius: 30px;
      background: #fff;
      color: @text_color2;
      padding: 2px 7px;
    }
  }

  .oneway {
    /*max-width: 500px;*/
    width: 100%;
    background: #fff;
    margin: auto;
    position: absolute;
    z-index: 9;
    right: 0px;
    top: 48px;
    border-radius: 2px;
    box-shadow: 0px 2px 15px #cec9c9;
    text-align: center;
    padding-bottom: 10px;

    &:after {
      display: block;
      content: "";
      clear: both;
      width: 0;
      height: 0;
      position: absolute;
      border-left: 13px solid transparent;
      border-right: 13px solid transparent;
      border-bottom: 13px solid #d6d6d6;
      top: -13px;
      right: 1px;
    }

    .destination_name {
      padding: 10px;
      border-bottom: 1px solid #b7b2b2

    }

    .passange_type_bg {
      background: #eae6fb;
      padding: 5px;
      margin-left: 10px;
    }

    .planeno_type_bg {
      background: #ffd6d6;
      padding: 5px;
      margin-left: 10px;
      font-size: 12px;
    }

    .plane_chnage_option {
      display: inline-block;
      text-align: center;
      font-weight: bold;
      font-size: 17px;
      color: #151414;
      padding: 4px 10px;
      margin: 12px 0px;
      border: 1px solid #e2dede;
      border-radius: 46px;
    }

  }

  .return {
    /*max-width: 500px;*/
    width: 100%;
    background: #fff;
    margin: auto;
    position: absolute;
    z-index: 9;
    right: 0px;
    top: 116px;
    border-radius: 2px;
    box-shadow: 0px 2px 15px #cec9c9;
    text-align: center;
    padding-bottom: 10px;

    &:after {
      display: block;
      content: "";
      clear: both;
      width: 0;
      height: 0;
      position: absolute;
      border-left: 13px solid transparent;
      border-right: 13px solid transparent;
      border-bottom: 13px solid #d6d6d6;
      top: -13px;
      right: 1px;
    }

    .destination_name {
      padding: 10px;
      border-bottom: 1px solid #b7b2b2

    }

    .passange_type_bg {
      background: #eae6fb;
      padding: 5px;
      margin-left: 10px;
    }

    .planeno_type_bg {
      background: #ffd6d6;
      padding: 5px;
      margin-left: 10px;
    }

    .plane_chnage_option {
      display: inline-block;
      text-align: center;
      font-weight: bold;
      font-size: 17px;
      color: #151414;
      padding: 4px 10px;
      margin: 12px 0px;
      border: 1px solid #e2dede;
      border-radius: 46px;
    }

  }

  //-----------Added by Jyotiranjan--------------//
  .hidden {
    display: none !important;
    border: 0 !important;
    // 		    font-size: 0!important;
    line-height: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important
  }

  .o_hidden {
    display: none !important;
    border: 0 !important;
    // 		    font-size: 0!important;
    line-height: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important
  }

  .room_add {
    display: inline-flex;
    cursor: pointer;
    font-size: 12px;
    padding: 4px 5px;
    margin-left: 11px;
    margin-top: 10px;
    border-radius: 33px;
    border: 1px solid #f7f4f4;
    background-color: #f9f7f7;

    &:hover {
      background: #eee;

    }

  }

  .room_remove {

    float: right;
    display: inline-flex;
    cursor: pointer;
    font-size: 12px;
    padding: 4px 5px;
    margin-left: 11px;
    margin-top: 10px;
    border-radius: 33px;
    border: 1px solid #f7f4f4;

    &:hover {
      background: #f9f7f7;
    }

    i {
      font-size: 17px;
      color: @color_yellow;
      cursor: pointer;
      padding-right: 5px;
      display: inline-block;
      vertical-align: middle;
    }

  }

  .roomno_trvrl {

    display: inline-block;
    position: relative;
    //padding-left: 5px;commited because of the modify search page
    //padding-top: 5px;
        border: 1px solid #ced4da;
		padding: 6px 1px 6px 9px;
		border-radius: 8px;
		margin-right: 15px;
		/* min-width: 226px; */
		font-size: 16px;
		margin-bottom: 10px;

  }


  .cru_adv_drpdns{
		.multiselect{
			background: #f5f5f5;
		}
	}

  //Added by soumen
  .thankyou_section {
    max-width: 832px;
    margin: auto;
    /*text-align: center;*/
    background: #fff;
    margin-top: 10px;
    padding: 10px;
    margin-bottom: 10px;

    .summery_of_travel {
      margin-top: 36px;
      border: 1px solid #fbfbfb;
      border-radius: 2px;
      text-align: left;
      padding: 10px;
      border-top: 2px solid #0f204c;
    }
    .summery_of_travel > div {
      padding: 10px 0px;
      border-bottom: 1px solid #dad8d8;

      &:after {
        display: block;
        content: "";
        clear: both;
        height: 0px;
      }
    }
    img {
      width: 83px;
    }

    p {
      font-size: 12px;
      padding-top: 10px;
      color: #ffff;
      font-weight: bold;
    }

    .left_n {
      float: left;
      font-weight: bold;
    }

    .right_n {
      float: right;
    }

    .box_in_size {
      padding: 10px 0px;
    }

    .main_text {
      font-size: 30px;
      font-weight: 700;
      color: #05d617;
    }
  }

  .manage_booking {
    float: right;
    background: white;
    padding: 5px;
    border-radius: 5px;
    font-size: 10px;
    color: #2c8bd1;
    font-weight: bold;
    margin-right: 12px;
    margin-top: 10px;
  }

  .booking_date {
    max-width: 832px;
    margin: auto;
    background: #fff;
    margin-top: 23px;
    margin-bottom: 10px;
    .row div {
      &:last-child {

        text-align: end;
        padding-top: 10px;
        padding-right: 35px;
      }
    }
    img {
      width: 175px;
      height: 50px;
      margin-left: 17px;
      margin-top: 8px;
    }

  }

  .marl25 {
    margin-left: 25px !important;
  }

  .padt20 {
    padding-top: 20px;
  }

  .padl25 {
    padding-left: 25px !important;
  }

  .fnt {
    text-transform: uppercase !important;
    padding: 8px 9px;
    background: #ffa4a4;
    color: antiquewhite;
    font-weight: 600;
    font-size: 10px !important;
    border-radius: 3px;
    display: -webkit-inline-box;
    margin-top: 6px;
    margin-left: 5px;
  }

  .footer_sec {

    max-width: 813px;
    margin: auto;
    margin-top: -55px;
    margin-right: 167px;
    .inst_trv {
      margin-left: -50px !important;
    }
    .gogosec {
      margin-top: -12px;
    }

  }

  .ftin_sec {
    text-decoration: none !important;
    display: inline-block;
    padding: 10px 20px;
    color: white !important;
    border: none;
    border-radius: 3px;
    background: #26637f;
  }

  .cnf {
    background: #70AD47;
  }

  .nt_cnf {
    background: #ffa4a4;
  }

  #slider .slides img {
    height: 250px;
  }

  .cruise_room_all_details #slider .slides img {
    height: 100%;
  }

  #carousel .slides img {
    height: 67px;
  }

  .no_resulte_found {
    /*height: 188px;
      max-width: 488px;
      margin: auto;*/
    //border-radius: 8px;
    /* box-shadow: 0px 0px 6px #d2c8c8; */
    /*background-image: url(/Agentscentric_CART/static/src/img/bg.png);
      background-size: contain;
      background-repeat: repeat;
      display: flow-root;
      align-items: flex-end;
      justify-content: center;
      background-position: center;*/
    /* background-position-y: -7px; */
    //border: 1px solid #e2dddd;
    //margin-top: 130px;
    text-align: center;

    img {
      padding-top: 20px;
      width: 179px;
      margin: auto;
    }

    p {
      color: maroon;
      text-align: center;
      bottom: 0;
      margin-top: 23px;
      font-size: 16px;
      font-weight: 600;
    }
  }

  /*added by jyoti for modify search button*/
  .modify_search {
    padding: 5px 27px;
    font-size: 15px;
    background: #fff;
    color: #0f204c;
    border-radius: 30px;
    border: none;
    transition: 0.6s;
    cursor: pointer;
  }

  .done_button {
    float: right;
    cursor: pointer;
  }

  .cancel_button, .done_button {
    cursor: pointer;
    font-size: 12px;
  }

  //added by soumen

  .activity_seleted_date {
    display: inline-block;
    background: #0093DD;
    border-radius: 20px;
    padding: 2px 10px;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    margin-left: 10px;
  }

  .selected_select {
    background: #0093DD;
    color: #fff;
    border: none;
  }

  .loader-block {

    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: url(/Agentscentric_CART/static/src/img/new-app-loader-design-with-loading.gif) 50% 50% no-repeat rgb(249, 249, 249);
    opacity: 0.9;

  }

  .option_room {
    display: inherit;
    .sub_content {
      max-width: auto;
      width: 100%;
      float: left;
    }
    .peice_and_selection {
      position: relative;
      float: right;
    }
    .alternate_option {
      font-size: 12px;
      margin-bottom: 7px;
      display: inline-block;
      margin-top: -9px;
    }
  }

  //Added by Soumen
  .type_indicator {
    float: right;
    border-radius: 20px;
    padding: 2px 13px;
    border: none;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
    transition: 0.6s;
    background-color: @color_yellow;
  }

  .rt_ownard {

    p {
      border-radius: 10px;
      text-align: center;
      background: @color_yellow;
      color: #fff;
    }
  }

  .type_indicator_selected {
    float: right;
    border-radius: 20px;
    padding: 2px 13px;
    border: none;
    color: #fff;
    transition: 0.6s;
    font-size: 12px;
    background: #9a9696;

  }

  .card_of_theme .ft_tm_sp_info {
    float: left;
  }

  .w_100 {
    width: 100%;
  }

  .cssload-container {
    background: rgb(255, 255, 255);
  }

  .custom_loader {
    position: relative;
    height: 33px;
    overflow: hidden;
    bottom: 95px;
    display: none;
  }

  .cssload-container div {
    width: 16px;
    height: 16px;
    position: absolute;
    background-color: rgb(204, 204, 204);
    top: 45%;
    border-radius: 50%;
  }

  .cssload-container div:nth-child(1) {
    background-color: rgb(255, 84, 96);
    animation: cssload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -o-animation: cssload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -ms-animation: cssload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -webkit-animation: cssload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -moz-animation: cssload-move 2.3s infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  }

  .cssload-container div:nth-child(2) {
    background-color: rgb(255, 157, 132);
    animation: cssload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -o-animation: cssload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -ms-animation: cssload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -webkit-animation: cssload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -moz-animation: cssload-move 2.3s 172.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  }

  .cssload-container div:nth-child(3) {
    background-color: rgb(240, 231, 151);
    animation: cssload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -o-animation: cssload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -ms-animation: cssload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -webkit-animation: cssload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -moz-animation: cssload-move 2.3s 345ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  }

  .cssload-container div:nth-child(4) {
    background-color: rgb(117, 176, 138);
    animation: cssload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -o-animation: cssload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -ms-animation: cssload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -webkit-animation: cssload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
    -moz-animation: cssload-move 2.3s 517.5ms infinite cubic-bezier(0.2, 0.64, 0.81, 0.23);
  }

  @keyframes cssload-move {
    0% {
      left: 0%;
    }
    100% {
      left: 100%;
    }
  }

  @-o-keyframes cssload-move {
    0% {
      left: 0%;
    }
    100% {
      left: 100%;
    }
  }

  @-ms-keyframes cssload-move {
    0% {
      left: 0%;
    }
    100% {
      left: 100%;
    }
  }

  @-webkit-keyframes cssload-move {
    0% {
      left: 0%;
    }
    100% {
      left: 100%;
    }
  }

  @-moz-keyframes cssload-move {
    0% {
      left: 0%;
    }
    100% {
      left: 100%;
    }
  }


  //===================custom css================

  .custom_card_design {

    margin-top: 30px !important;
    display: none;

    .card {
      padding: 0px;
      background: #fff;
      box-shadow: 0 1px 1px 0 rgba(218, 224, 235, 0.6) !important;
      border: none !important;
      margin-bottom: 15px;
    }

    .card_heading {
      padding: 10px;
      font-size: 13px;
      font-weight: bold;
      background-color: @color_yellow;
      text-transform: uppercase;
      color: #fff;

      span {
        padding: 10px;
        background: #0f204c;
        border-radius: 50%;
        height: 35px;
        width: 35px;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: 18px;
        margin-right: 11px;
      }

    }

    .inner_card {
      padding: 10px 10px;
      font-size: 13px;

      .sub_heading {
        color: #0f204c;
        background-color: #eee;
        padding: 10px;
        border-radius: 10px;
      }

    }

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

    .custom_flight {

      .img_name {
        display: grid;
        align-items: center;
        text-align: center;
        width: 142px;
        border-right: 1px solid #f7f7f9;
        vertical-align: middle;
        padding-right: 5px;

        .avtar_img {
          height: 32px;
          width: 32px;
          background-image: url(../images/air_line1.png);
          background-position: center;
          background-size: cover;
          border-radius: 4px;
          margin: auto;
        }

        label {
          padding-left: 10px;
          font-size: 12px;
          text-transform: capitalize;
          color: #0f204c !important;
        }
      }

      .place_name {
        text-align: center;
        display: grid;
        width: 100%;
        max-width: 200px;

        p {
          text-align: center;
          margin-bottom: 0px;
          padding: 0px 20px;
          font-size: 14px;

          &:first-child {
            color: #0f204c;
            font-weight: 600;
          }
        }

      }

      .taking_time {
        width: 100%;
        max-width: 120px;
        padding: 2px 10px;
        border-radius: 51px;
        background: @primary_color;
        font-weight: bold;
        color: white;
         text-align: center;
      }

      .select_btn {
        position: absolute;
        right: 10px;

        button {
          padding: 7px 20px;
          border-radius: 23px;
          background: #0f204c;
          color: white;
          font-size: 14px;
          border: none;
          align-items: center;
          font-weight: bold;
        }
      }

    }

    .custom_hotel {

      .info_section_view {
        align-items: inherit;
      }

      .hotel_img_bg {
        height: 120px;
        width: 120px;
        background-image: url(../images/banner1.png);
        background-position: center;
        background-size: cover;
        border-radius: 4px;
      }

      .inside_hotel {
        /*padding-left: 10px;
              max-width: 598px;
              width: 100%;*/
        text-align: center;
        display: grid;
        width: 100%;
        max-width: 200px;
        align-items: center;
        p {
          //margin-bottom: 0px;
          text-align: center;
          margin-bottom: 0px;
          padding: 0px 20px;
          font-size: 13px;
          text-transform: uppercase;

          &:first-child {
            color: #0f204c;
            font-weight: 600;
          }

          span {
            font-weight: normal !important;
            color: #8b8b8e !important;
          }
        }
      }

      .select_btn {
        position: absolute;
        right: 10px;

        button {
          padding: 7px 20px;
          border-radius: 23px;
          background: #0f204c;
          color: white;
          font-size: 14px;
          border: none;
          align-items: center;
          font-weight: bold;
        }
      }
    }

    .custom_visa {

      .visa_bg {
        height: 60px;
        width: 60px;
        background-image: url(../images/singapore.jpg);
        background-position: center;
        background-size: cover;
        border-radius: 4px;
      }

      .inside_visa {

        padding-left: 10px;
        max-width: 598px;
        width: 100%;
        p {
          margin-bottom: 0px;
        }
      }

      .select_btn {
        position: absolute;
        right: 10px;
        button {
          padding: 7px 20px;
          border-radius: 23px;
          background: #0f204c;
          color: white;
          font-size: 14px;
          border: none;
          align-items: center;
          font-weight: bold;
        }
      }
    }

  }

  .right_text_heading {
    font-size: 13px;
    color: #fff;
    text-align: center;
    padding: 10px;
    background-color: @color_yellow !important;
    font-weight: 600;
    text-transform: uppercase;
  }

  .list_of_name {
    padding: 0px 10px;

    li {
      list-style-type: none;
      display: list-item;
      padding: 7px 0px;
      //border-bottom: 1px solid #eee;

      &:after {
        display: block;
        content: "";
        clear: both;
        height: 0px;
      }

      &:last-child {

        font-weight: 600;
        border-bottom: none;
        padding-top: 25px;

        span {
          font-size: 17px;

          &:first-child {
            /*color:#6b6666;*/
          }

        }

      }

      span {
        font-size: 13px;

        &:first-child {
          float: left;
          vertical-align: middle;
          color: @primary_color;
        }

        &:nth-child(2) {
          float: right;
          vertical-align: middle;
        }

      }

    }

  }

  .ui-widget-header {
    background: @color_yellow;
  }

  /*.style1 .hotel_tab a{
  margin-left: 20px;
  background-image: linear-gradient(to right, @primary_color, #8d1b3d);
  border-radius: 50px;

  }*/

  #list-terms, #list-exclusions {

    li {
      font-size: 13px;
      color: #5f5f5f;
    }

  }

  .icon_text i {
    color: @color_yellow !important;
  }

  a.morelink {
    text-decoration: none;
    outline: none;
    color: @primary_color !important;
    background: none ! important;
  }

  .morecontent span {
    display: none;
  }

  /*.comment {
  	width: 400px;
  	background-color: #f0f0f0;
  	margin: 10px;
  }*/

  .ui-datepicker td span, .ui-datepicker td a {

    font-size: 12px !important;
  }

  .ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    border: 0;
    color: #fd7e7e;
    font-size: 13px;
  }

  .tems_con {
    margin: auto;
    margin-left: 20px;
    margin-right: 23px;
    padding: 23px;
    box-shadow: 0px 0px 13px #d8d6d6;

  }

  .sd_dstn {
    cursor: pointer;
    text-decoration: none;
    background: #c0c5d4;
    border-radius: 30px;
    padding: 0px 10px;
    line-height: 20px;
    color: #fff;
    font-weight: bold;
    margin-left: 10px;
    font-size: 10px;

  }

  .custom_search_package {
    .tab-content-sec {
      .list-group {
        display: -ms-flexbox;
        display: block;
        -ms-flex-direction: column;
        flex-direction: initial;
        padding-left: 0;
        margin-bottom: 0;
        text-align: center;
      }

      .list-group-item-action {
        width: 15%;
        height: 30px;
        color: #ffffff !important;
        text-align: inherit;
        margin: auto;
        overflow: hidden;
        display: inline-flex;
        background-color: #f8f9fa;
        justify-content: center;
        align-items: center;
        font-size: 12px;
        background: #222222;

        &:first-child {
          border-radius: 17px 0px 0px 0px;
        }
        &:last-child {
          border-radius: 0px 17px 0px 0px;
        }
        i {
          padding-right: 10px;
        }
      }

      .holiday_form_in {
        max-width: 100%;
      }

      .fligth-home {
        margin-top: 7px;
        box-shadow: none;
        background: transparent;

        .roomno_trvrl .choose_all_field {
          width: 186px;
          margin-left: -40px;
        }
        .card_s {
          margin-bottom: 5px;
          margin-top: 15px;
          float: left;
          width: 20%;

          input, select {
            border-radius: 4px;
            border: none;
            box-shadow: 0px 0px 3px #bebdbd;
          }

        }
        .check_in_out > div > span:nth-child(1), .roomno_trvrl > div > span:nth-child(1) {
          border-right: none;
        }
        .roomno_trvrl {
          padding-top: 1px !important;
        }
        .roomno_trvrl > div {
          padding: 4px 10px !important;
        }

        .card_s select {
          margin-top: 20px;
          width: 89%;
        }
        .card_s select:focus {
          box-shadow: none;

        }

        .custom-checkbox {
          float: left;
          padding-right: 20px;
          display: inline-block;
        }

        .custom-checkbox label {
          color: @primary_color;
          font-size: 14px;
          font-weight: bold;
        }
        .SumoSelect > .CaptionCont {
          position: relative;
          min-height: 14px;
          background-color: #fff;
          border-radius: 2px;
          margin: 0;
          padding: 0;
          border-radius: 0px;
          border: none;
          box-shadow: none !important;
        }
        .SumoSelect .select-all {
          border-radius: 3px 3px 0 0;
          position: relative;
          border-bottom: 1px solid #ddd;
          background-color: #fff;
          padding: 8px 0 3px 35px;
          height: 34px;
          cursor: pointer;
        }
        .opt {
          padding-top: 7px !important;
          padding-bottom: 10px !important;
          height: 33px;
        }
        .SumoSelect .select-all.selected > span i, .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i {
          background-color: @primary_color !important;
        }
        .room_traveller_info {
          padding: 0px;
          padding-top: 20px;
          text-align: left !important;
        }

        .returningon {
          display: none;
        }
        .SumoSelect, select {
          margin-top: 20px;
          width: 97% !important;
          padding: 5px 10px;
          border-radius: 4px;
          border: none;
          color: #444444;
          font-size: 14px;
          height: 33px;
          background: white;
          box-shadow: 0px 0px 3px #bebdbd;

        }

        .checkbox-flight:after {
          display: block;
          content: "";
          clear: both;
          height: 0px;
        }
      }

    }

  }

  .hotel_search_bx {
    .card_s {
      width: 16.6% !important;
    }

  }

  .hotel_room_child {
    width: 100% !important;
    //     display: inline-flex;
    align-items: center;

    &:after {
      display: block;
      content: "";
      clear: both;
      height: 0px;
    }

    p {
      margin-bottom: -24px;
      padding-right: 10px;
      font-weight: bold;
      color: #28282e;
      font-size: 11px;
      text-transform: uppercase;
    }
    .card_s {
      width: 83px !important;
    }

  }

  .cruise_tab a {
    padding: 10px;
  }

  #nav-tabContent {
    //padding:10px !important;
    //padding: 10px;

    //background-color: #fff;
  }

  .bg-white {
    font-size: 12px;
  }

  .card-header {
    background-color: transparent;
  }

  .form-control {
    font-size: 0.8rem;
    height: 30px !important;
  }

  .nav-item > a {
    color: @primary_color;
    font-weight: 600;
  }

  .nav-item > a.active {
    background-color: @primary_color !important;
  }

  .custom-checkbox .custom-control-label::before {
    border-radius: 50% !important;
    top: 2px;
    background-color: transparent;
    border: 2px solid white;
  }

  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: @primary_color;
  }

  .form-control:disabled, .form-control[readonly] {
    background-color: transparent;

  }

  .step_two {
    padding-bottom: 40px;
  }

  .roomNo {
    padding-top: 10px;
    padding-bottom: 5px;
    margin: 0px !important;
    font-weight: 600;
  }

  label {
    font-weight: normal;
  }

  .btn_proceed {
    border-radius: 20px !important;
    background: #fff !important;
    color: #1d2127 !important;
    //     border: 2px solid @primary_color !important;
    //     font-weight: 600 !important;
  }

  .flex-direction-nav .flex-next {
    background: none;
  }

  .flex-direction-nav .flex-prev {
    background: none;
  }

  .ht_port {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 5px;
  }

  .cruise_cabin_desc {
    font-size: 13px;
    font-weight: normal;
  }

  .cruise_itinerary_tbl {
    font-size: 13px;
    text-align: center;
  }

  .cabin_deck_btn {
    background-color: @color_yellow;
  }

  .nav-link {
    padding: .5rem .5rem;
  }

  #cart_form .starting_city_date {
    padding: 15px;
  }

  .all_view_section .all_services_list {
    // margin-top: 20px;
    //     margin-bottom: 20px;
    padding-left: 80px;
    padding-right: 80px;
    background: transparent;

  }

  //===================================add by dileep 19/03/2019====================================//

  a.alternate_option {
    background: transparent;
    padding: 0px;
    color: maroon;
  }

  /*for agent loyaltypoints*/

  /*for checkoutpage section page*/
  .pls_note {
    p {
      font-size: 9px;
    }
    img {
      width: 59px !important;
      height: 25px !important;
      margin: 0px !important;
    }
  }

  .inst_trv {
    .hl_green {
      margin-left: -3px !important;
    }
    img {
      margin-top: 13px !important;
      margin-left: -38px !important;
    }
    .instant_travel_earn {
      padding-left: 25px !important;
    }
  }

  .hl_grey {
    color: #7A7C80 !important;
  }

  .hl_deeporange {
    color: #ED8A19;
  }

  .cart_hd {
    color: #918585 !important;
    font-size: 20px !important;
    font-weight: normal !important;
  }

  .review_more {
    cursor: pointer;
  }

  .edit_trav_rwd
  {
    margin-left:45%;
    cursor:pointer;
  }

  .head_trvdt {
    font-size: 12px;
    font-weight: normal;
    padding: 15px;
    padding: 0px;
    margin-top: 15px;
    background: white;
  }

  .htrm_incl {
    margin-top: -5px;
    p {
      font-size: 10px;
      margin-bottom: 5px !important;
    }
  }

  .serv_dtl {
    margin-top: -14px;
    background: white;
    border-top: 3px solid #f2f2f2;
    li {
      border-bottom: 1px dotted #e6dede;
    }
    ul {
      padding: 0;
    }

  }

  .gogosec .gogo, .gogosec .travel, .loyalty_sec {
    border-radius: 1px;
    background: white;
  }

  .rd_menu div:nth-child(1) {
    margin-left: 85px;
  }

  .rd_menu div:nth-child(2) {
    margin-left: -45px;
  }

  .menu_brd_bt {
    border-bottom: 2px solid #c3c6ce;
  }

  .rd_dtls .rd_gogo input {
    width: 48px;
    height: 30px;
    text-align: center;
  }

  .mart25 {
    margin-top: 25px;
  }

  .convrt_mr {
    margin-top: 10px;
    margin-left: 11px;
    p {
      padding-left: 40px !important;
    }
    .cnv_link {
      font-size: 9px;
      padding-left: 2px;
      text-decoration: underline;
      cursor: pointer;
    }
    .rd_gogo {
      margin-left: -54px;
    }
  }

  .rd_uptosec {
    .redeem_upto {
      font-weight: bold;
    }
    .badge-5 {
      width: 46px;
    }
    .badge-1
    {
        width: 15%!important;
        height: 30px!important;
    }
  }

  .loyalty_sec {
    background: #dae7f1;
  }

  .rd_uptosec p {
    font-size: 10px;
    color: #040404;
  }

  .convert_gogo {
    display: flex;
  }

  .convert_gogo p {
    padding-left: 7px;
  }

  .rd_gogo .convert_gogo {
    padding-left: 25px;
  }

  .rd_gogo .convert_gogo span {
    margin-right: 5px;
  }

  .gogosec img {
    width: 15px;
    height: 15px;
    margin: 2px;
  }

  .gogosec span {
    font-size: 11px;
  }

  .convert_gogo .badge-1 {
    width: 130%;
    height: 25px;
  }
  .confirm_page_img{
    width: 120px !important;
    height: auto !important;;
  }

  .mar-top2 {
    margin-top: -2px;
  }

  .rd_dtls label {
    margin-bottom: 0px;
    font-weight: 100;
  }

  .gft_code {
    margin-top:5px;
    width: -webkit-fill-available;
    padding-left: 5px;
    color: #7A7C80;
    opacity: 0;
    position: relative;
    width: 90px;
    z-index: 9;
    height: 25px;
    cursor: pointer;
  }
  .g_code
  {
    position: absolute;
    left: 0;
    display: flex;
    right: 0;
    text-align: 0;
    top: 25px;
    bottom: 0px;
    align-items: center;
    padding-left: 12px;
    border: 1px solid;
    font-size: 13px;
    padding: 0px 10px 0px 10px;
    width: 90px;
    height: 25px;
    border-radius: 5px;
  }

  .rd_menu p, .rd_dtls span {
    color: #7A7C80;
  }

  .mar-top2 p {
    color: #040404;
  }

  .convert_gogo .badge-2 {
    width: 92px;
    height: 32px;
  }

  .convert_gogo .badge-3 {
    width: 20px;
    height: 15px;
  }

  .convert_gogo .badge-4 {
    width: 58px;
    height: 20px;
  }

  .ht_bold {
    font-weight: bold;
  }

  .gogosec p {
    margin-top: 6px;
    font-weight: bold;
  }

  .pd_tp:after {
    content: "|";
    float: right;
    color: #E8E8E8;

  }

  .col-md-12 .pd_tp {
    &:last-child::after {
      display: none;
    }
  }

  .ht_sec {
    min-height: 0px !important;
    margin-top: -6px;
  }

  .pax_link {
    cursor: pointer;
    font-size: 12px;
    font-style: normal;
  }

  .addons_link {
    cursor: pointer;
    font-size: 12px;
    font-style: normal;
  }

  .seatmap_link {
    cursor: pointer;
    font-size: 12px;
    font-style: normal;
  }

  .cart_sideimg {
    position: absolute;
    left: -5%;
    background: white;
    padding: 12px;
    border-radius: 5px;
    height: 50px;
    margin-top: 15px;
    img {
      height: 24px;
      width: 24px;
    }
    i {
      font-size: 25px;
    }
  }

  .mart50 {
    margin-top: 50px;
  }

  .ft_sidebar {
    .list_of_name li {
      padding: 5px;
    }
  }

  .gst_dtl .inner_section, #list-inclusions .fl_container {
    border-radius: 2px;
    box-shadow: 3px 3px 3px #dad8d8;
    border: 1px solid #d3d3d3;
  }

  .fttop_sec div:after {
    content: "|";
    color: #969ba1;
  }

  .fttop_sec div {
    padding: 7px;
    span {
      padding-right: 10px;
      color: #7A7C80;
      font-size: 14px;
    }
    &:first-child {
      margin-right: 73px;
      &:after {
        content: None;
      }
      span {
        font-size: 15px;
      }
    }
    &:last-child {
      margin-left: 15px;
      &:after {
        content: None;
      }
    }
    &:nth-child(2) {
      span {
        color: #0093DD;
        text-transform: uppercase;
        font-weight: bold;
        margin-right: 15px;
      }
    }
    &:nth-child(3) {
      span {
        margin-right: 15px;
        margin-left: 15px;
      }
    }
  }

  .width100 {
    width: 100%
  }

  .bord_right {
    border-right: 1px solid #edf2f3;
  }

  .fl_sector {
    .bord_bottom {
      border-bottom: 1px solid #edf2f3;
    }
    p {
      color: #7A7C80;
    }
  }

  .ft_heading {
    color: 7 A7C80;
    font-size: 15px;
    padding: 10px 0px 0px 7px;
    margin-bottom: -10px;
  }

  .non-ref {
    width: 100px;
    background: #F5BAAF;
    border-radius: 9px;
    padding: 0px 0px 0px 0px !important;
    height: 15px;
    margin-left: 10px;
    text-align: center;
    font-size: 10px;
    line-height: initial;
    margin-top: 5px;
  }

  .ref {
    width: 90px;
    background: #9DF5A0;
    border-radius: 9px;
    padding: 0px 0px 0px 0px !important;
    height: 15px;
    margin-left: 10px;
    text-align: center;
    font-size: 10px;
    line-height: initial;
    margin-top: 5px;
  }

  .ftdtl_sec {
    padding: 14px 0px 0px 7px;
    .width100 {
      span {
        font-size: 14px !important;
      }
    }
    .ft_separator {
      .sep_dot {
        border-bottom: 1px dotted #bcc0c1;
        margin-top: 7px !important;
      }
      p:nth-child(2) {
        text-align: center;
      }
    }
    img {
      height: 29px;
      width: 25px;
      margin-right: 5px;
    }
  }

  .border-bottop {
    border-bottom: 10px solid #f2f2f2 !important;
    margin-right: -10px;
    margin-left: -10px;
    cursor: pointer;
    span {
      text-transform: capitalize !important;
    }
  }

  .serv_link {
    font-size: 12px;
    margin-top: 5px;
    color: #7A7C80;
  }

  .padl18 {
    padding-left: 18px;
  }

  .padr18 {
    padding-right: 18px;
  }

  .chk_dealsec {
    text-transform: lowercase !important;
    label {
      margin-right: 10px;
      margin-top: 3px;
      background: #f7ef9e;
      padding: 5px;
      border-radius: 4px;
    }
    span {
      font-weight: normal;
      font-size: 12px;
      margin-left: 5px;
      margin-right: 15px;
      color: black;
      text-transform: lowercase !important;
      height: 15px;
      text-align: center;
      margin-top: -8px;
    }

  }

  .marlm150 {
    margin-left: -150px;
  }

  .mart40 {
    margin-top: 40px;
  }

  /*stripe template sec*/
  .rm_balance
    {
        background:#f5f5f5;
    }
    .sel_payment {
        margin-bottom: 0px;
        margin-left: -20px;
        margin-right: -17px;
        font-weight: bold;
        font-size: 13px;
        padding-left: 30px;
        padding-bottom: 10px;
    }
    .your_wallet
    {
        margin: 0px 0px 10px 45px !important;
    }
    .gogocard, .wallet_box
    {
        width:20%;
    }
  .padl40 {
    padding-left: 40px !important;
  }

  .padb7 {
    padding-bottom: 7px;
  }

  .card_details-d {
    .pad-b-10 {
      padding-bottom: 10px;
    }
    .padl30 {
      padding-left: 30px;
    }
    .type_heading {
      background: #f2f2f2;
      img {
        width: 80px !important;
        height: 50px !important;
      }
      .mart15 {
        margin-top: 15px;
      }
      input {
        width: 50px;
      }
      .saved_card {
        font-size: 12px !important;
        font-weight: bold;
      }
    }
  }

  .bor-b-15 {
    border-bottom: 15px solid #f5f5f5;
  }

  .add_another {
    background: #f2f2f2;
    p {
      font-size: 12px !important;
    }
  }

  .confirmation_sec {
    background: #f2f2f2;
    position: absolute;
    right: 2px;
    padding: 11px;
    border-radius: 5px;
    font-size: 11px;
    top: -14px;
    font-weight: bold;
  }

  .thankyou_section {
    background-image: linear-gradient(#2c8ed5, #2b8acf);
  }

  .tot_payable {
    border-bottom: 10px solid #f2f2f2 !important;
  }

  /*end of stripe template sec*/

  /*end for checkoutpage section page*/
  .ft_lsignin, .ft_redeem {

    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    background-image: linear-gradient(to right, #51c1f0, #51c1f0);
    padding: 2px 13px;
    position: relative;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    transition: 0.6s;
    font-weight: bold;
  }

  .loylt {
    cursor: pointer;
  }

  .ft_lsignup {
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    background-image: linear-gradient(to right, #007bff, #007bff);
    padding: 2px 13px;
    position: relative;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    transition: 0.6s;
    font-weight: bold;
  }

  .l_signup {
    cursor: pointer;
    text-decoration: underline !important;
  }

  .l_signin {
    cursor: pointer;
    text-decoration: underline !important;
  }

  .lt_logo {
    float: right;
  }

  .lpoints {
    color: #0056b3;
  }

  .earnpoints {
    color: #0056b3;
  }

  .redeem_loader {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
  }

  .cmlt_booking .loyalty {
    position: relative;
  }

  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  .r_loader {
    position: absolute;
    left: 0;
    right: 0;
    /*display: flex;*/
    justify-content: center;
    z-index: 9;
    background: rgba(0, 0, 0, 0.38823529411764707);
    bottom: 0;
    top: 0;
    align-items: center;
  }

  .deck_display_column {
    float: left;
    width: 47%;
    padding: 10px;
    margin: 10px;
  }

  .deck_display_css:after {
    content: "";
    display: table;
    clear: both;
  }

  .deck_name_css {
    margin-top: 10px;
    color: #8d1b3d;
    background: #eee;
    padding: 10px;
  }

  .deck_display_css {
    margin: auto;
    padding: 5px;
  }

  .deck_det {
    font-size: 13px;
    color: #8d1b3d;
    margin-left: 15px;
    margin-top: 15px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0px;
  }

  .htsearch_again {

    padding: 10px 27px;
    font-size: 15px;
    background: #8d1b3d;
    color: #fff;
    border-radius: 5px;
    border: none;
    margin-bottom: 14px;
    transition: 0.6s;
    cursor: pointer;
  }

  .htsearch_again:hover {
    color: #fff !important;
  }

  .ht_proceed {
    float: right;
    background: #70AD47 !important;
    color: #fff !important;
    border-right: none !important;
    cursor: pointer;
  }

  .container_radio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 55px;
    padding-bottom: 25px;
  }

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

  /* Create a custom radio button */
  .checkmark_radio {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #dad6d6;
    border-radius: 50%;
  }

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

  /* When the radio button is checked, add a blue background */
  .container_radio input:checked ~ .checkmark_radio {
    background-color: #8d1b3d;
  }

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

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

  /* Style the indicator (dot/circle) */
  .container_radio .checkmark_radio:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
  }
  .htft_srch_btn .search_button{
      padding: 6px 10px ;
  }
  .hotel_proceed_icon ,.flight_proceed_icon , .activity_proceed_icon, .cruise_proceed_icon{
    width:30%;
  }
  .mob_cart_img img{
    width: 25px;
    position: relative;
    top: 10px;
    left: 13px;
  }


 .travel_timer
{
    margin-top:10px;
    padding:10px;
    #countdowntimer, .cnt_s
    {
        font-weight:bold;
        font-size:13px;
        padding-right:3px;
    }
    .timer_text
    {
        padding-right: 10px;
        font-size: 12px;
        color: #838383;
        font-weight: bold;
    }
}



//Modify Search Design added
.modify_toggle_link a {
    text-decoration: underline;
    font-size: 14px;
    color: #015B9E;
}
.menu_list_changes .active
{
      color: #005B9E !important;
}
.menu_list_changes li .active {
    border-bottom: 3px solid #005B9E;
}
.submenu_class li {
    //margin: 5px;
    float: left;
    padding: 15px 10px !important;
}
.menu_list_changes
{
    padding-top: 15px;
    margin: 16px -49px;
    line-height: 10px;
}

.logo_img_changes
{
    max-height: 4rem;
    height: auto;
    width: 184px !important;
    //margin-left: -17px;
}

.common_main_menu a
{
    text-transform: capitalize !important;
    color: #005B9E !important;
    font-size: 14px !important;
    letter-spacing: normal !important;
}

#modify_search_div
{
  background-image: linear-gradient(#1F82CB, #07405D);
}
.hc_submenu
{
    background: #FFF126 !important;
    min-height: 0px;
    margin-top: -35px;
    height: 46px;
}
.submenu_class a {
    color: #015B9E !important;
    text-transform: capitalize;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 0px 8px;
    font-weight: 100;
}
.submenu_class {
    background-color: #feef3e !important;
    width: 100%;
    color: #005B9E;
    display: inline-block !important;
    margin-left: -54px;
}
.modify_toggle_link
{
    background: #fcfcfc;
    margin-bottom: -10px;
    margin-left: 14px;
    margin-top: -22px;
    z-index: 100;
    position: static;
    padding: 22px 31px 0px;
}
.card_div_css .card-header-tabs {
    padding: 5px;
}
.all_search_desk ul, .res-det-tab ul {
    list-style-type: none !important;
    text-align: center;
    justify-content: center;
}
.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: 0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}
.active_tab li {
    width: 75px;
    margin-top: 10px;
}
.tab_css .nav-link.active
{
    background-color: #2AB8FF !important;
    color: #fff !important;
    border-color: #2AB8FF !important;
}
.card_div_css .nav-tabs .nav-link {
    border: none;
}
.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
}
.tab_css a {
    background-color: #fff;
    color: #146498 !important;
    padding: 13px 5px 6px 3px !important;
    font-weight: bold;
    line-height: 40px;
    text-decoration: none;
    text-transform: capitalize;
    border-radius: 7px;
    height: 70px;
}
.tab_css a {
    font-size: 12px;
}
.nav-link {
    display: block;
    //padding: 0.3rem 0.3rem;
}
.modify_search_bottom
{
  margin-bottom: 25px;
  border-radius: 20px;
}
.curve_img {
    height: 30px;
}
.starting_search_engine
{
    margin-bottom: 10px;
    padding-bottom: 15px;
    padding-top: 15px;
    background: #EEF6FF;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    box-shadow: 0px 2px 3px #f5f5f5;
    margin: -35px -60px 0px -30px;
    padding-left: 29px;
}
.all_search_desk .radio_label_css .checkround:after {
    background: #005B9E;
}
.radio_label_css {
    color: #015B9E !important;
    text-transform: capitalize;
    font-weight: bold !important;
}
.modify_section_css .form_design_css label {
//     font-weight: bold !important;
//     text-transform: capitalize;
    font-size:12px;
}
#ft_details_button
{
    font-size: 13px !important;
    font-weight: bold;
    background: #015B9E !important;
    color: #fff !important;
    border-color: transparent !important;
    width: 69%;
    border-radius: 7px !important;
    text-transform: capitalize;
}
#ht_proceed_button{
  font-size: 13px !important;
    font-weight: bold;
    background: #015B9E !important;
    color: #fff !important;
    border-color: transparent !important;
    width: 69%;
    border-radius: 7px !important;
    text-transform: capitalize;
    margin-right: 46px;
 }
#starting_search_engine
{
    margin-bottom: 10px;
    padding-bottom: 4px;
    padding-top: 15px;
    background: #EEF6FF;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    box-shadow: 0px 2px 3px #f5f5f5;
    margin: -35px -60px 0px -30px;
    padding-left: 29px;
}
.details_texts_boxes
{
  margin-top: 15px;
  margin-bottom: -25px;
}
.cruse_search_btn
{
    font-weight: bold !important;
    background: #015B9E !important;
    color: #fff !important;
    border-color: transparent !important;
    width: 100%;
    border-radius: 7px !important;
    text-transform: capitalize;
}
.cruise_details_tabs
{
  margin-top: 10px;
}
.hl_rm_trv
{
  padding-left: 73px !important;
}
//.holiday_desk .room_add {
//    font-weight: 400;
//    cursor: pointer;
//    display: inline-flex;
//    font-size: 12px;
//    padding: 4px 5px;
//    margin-top: 10px;
//    border-radius: 33px;
//    border: 1px solid #f7f4f4;
//}
.from_get_details .btn
{
    padding: 0px;
    border-radius: 7px;
    width: 16%;
    font-size: 12px;
    font-weight: bold;
    background: #015B9E !important;
    height: 34px;
    color: #fff !important;
    border-color: transparent !important;
    position: relative;
    text-transform: capitalize;
}
.vacation_search_btn
{
  margin: -29px 452px -28px;
  padding: 0px;
  padding-bottom: 0px;
}
.modify_section_css .hotel_tab_css button
{
  font-size: 13px !important;
    font-weight: bold;
    background: #015B9E !important;
    color: #fff !important;
    border-color: transparent !important;
    width: 100%;
    border-radius: 7px !important;
    text-transform: capitalize;
}
//icon images
.active_tab img {
    width: 15px;
}
.tab_css a img {
    filter: invert(21%) sepia(99%) saturate(1505%) hue-rotate(183deg) brightness(97%) contrast(84%) !important;
}
p {
    font-size: 1.0833em;
    line-height: 1.6666;
    margin-bottom: 15px;
    font-weight: 100;
}
.tab_css .nav-link.active {
    background-color: #2AB8FF !important;
    color: #fff !important;
    border-color: #2AB8FF !important;
}
.active_tab .tab_css .nav-link.active img
{
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(191deg) brightness(140%) contrast(180%) !important;
}
.margin_bottom_icons
{
  margin-bottom: 7px !important;
}
.margin_bottom_icons_transfers
{
  margin-bottom: 10px !important;
}
//icon imaes
.vacation_heading h5 {
    padding: 13px;
    background: #EEF6FF;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    margin: -22px -30px 2px;
    color: #015B9E;
    font-weight: 600;
    font-size: 15px;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.4;
}
.car_rental_header{
     padding: 15px;
    background: #EEF6FF;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    margin: -35px -60px 10px -30px;
}
.car-modal-title
{
    color: #015B9E;
    font-weight: 600;
    font-size: 15px;
}
.activity_heading
{
    padding: 10px;
    background: #EEF6FF;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    margin: -35px -60px 10px -30px;
}
.activity-modal-title
{
    color: #015B9E;
    font-weight: 600;
    font-size: 15px;
}
.curve_image_adj
{
    width: 123%;
    position: relative;
    top: -5px;
    margin-left: -17px;
}
.nonedit {
    pointer-events: none;
}

//End of the modify Search

.airline_seat_details
{
  background: #fff;
}