html {
  height: 100%;
}
body {
  min-height: 100%;
}

.btn-xs {
  padding: 0;
  height: 22px;
  line-height: 20px;
}

.form-control-xs {
  line-height: 20px;
  height: 22px;
}

/* 
 Rent Customer Profile
*/
.profile_consumer {
  width: 80%;
  height: 200px;
  background-color: white;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 20px 23px 0 rgba(0, 0, 0, 0.19);
  overflow: hidden;
}

.profile_consumer:hover .consumer_profile_content {
  opacity: 2.8;
}

.profile_consumer:hover .profile_consumer_image {
  opacity: 0.5;
}

.profile_consumer:hover .profile_consumer_image_icone {
  opacity: 0.5;
}

.profile_consumer_image {
  width: 100%;
  height: 100%;
  padding-top: 0px;
  object-fit: cover;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}

.profile_consumer_image_icone {
  width: 70%;
  height: 70%;
  padding-top: 30px;
  object-fit: contain;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}

.consumer_profile_content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.profile_consumer_icon {
  color: black;
  padding-bottom: 8px;
}

.profile_consumer_icon i {
  font-size: 20px;
}

.profile_consumer_text {
  text-transform: uppercase;
  font-size: 12px;
  width: 50%;
  text-align: center;
  font-weight: bold;
  color: black;
}

.bl-price {
  height: 35px;
  width: 35px;
  background: #dddddd;
  border: 1px solid #e5e4f0;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 23px;
}

/* .daterangepicker {
  width: fit-content !important;
  width: -moz-fit-content;
} */
.daterangepicker.show-calendar .ranges {
  padding: 0;
}
.radio-toolbar input[type="checkbox"] {
  display: none;
}

.radio-toolbar label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 34px;
  display: inline-block;
  background-color: #ffff;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  font-size: 18px;
  cursor: pointer;
  color: #212337;
  margin-left: 5px;
}

.btn_confirm_print {
  margin: 2.5px;
}

.btn_not_confirm_print {
  margin: 2.5px;
  border: none;
  color: #fff !important;
}

.radio-toolbar span {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.radio-toolbar input[type="checkbox"]:checked + label {
  background-color: #7167ff;
  color: #ffffff;
}

@media only screen and (max-width: 600px) {
  .bl-price {
    margin-left: 12px;
  }
  .steps_links {
    display: none;
  }

  .surface_text {
    display: none;
  }

  .info_bars {
    display: none !important;
  }
  .check_in_title {
    text-align: center;
  }
}

#bus_transfer_1_stops,
#bus_transfers_1,
#bus_transfer_2_stops,
#bus_transfers_2 {
  margin-left: 80px;
}

.dropdown_search_city_index {
  color: #777777;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* The slider itself */
.slider {
  -webkit-appearance: none;
  /* Override default CSS styles */
  appearance: none;
  width: 100%;
  /* Full-width */
  height: 25px;
  /* Specified height */
  background: #d3d3d3;
  /* Grey background */
  outline: none;
  /* Remove outline */
  opacity: 0.7;
  /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: 0.2s;
  /* 0.2 seconds transition on hover */
  transition: opacity 0.2s;
}

/* Mouse-over effects */
.slider:hover {
  opacity: 1;
  /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  /* Override default look */
  appearance: none;
  width: 25px;
  /* Set a specific slider handle width */
  height: 25px;
  /* Slider handle height */
  background: #4caf50;
  /* Green background */
  cursor: pointer;
  /* Cursor on hover */
}

.slider::-moz-range-thumb {
  width: 25px;
  /* Set a specific slider handle width */
  height: 25px;
  /* Slider handle height */
  background: #4caf50;
  /* Green background */
  cursor: pointer;
  /* Cursor on hover */
}

.bus-line-cities-from {
  width: 50%;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 4px;
}

.bus-line-cities-from .tag,
.bus-lines-cities-to .tag {
  padding: 2px;
  margin: 3px 0 3px 3px;
}

.bus-lines-cities-to {
  width: 50%;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 4px;
}

#btn_dp_state_id.dropdown-toggle:after,
#btn_dp_arrived_state.dropdown-toggle:after {
  right: 10px;
}

#div_bus_ticket_step1_persons {
  position: absolute;
  top: 70px;
  left: 13px;
  width: 300px;
  background-color: white;
  border: 1px solid gray;
  height: auto;
  font-size: 14px;
  z-index: 1;
}
.disabled_reservation_btn {
  opacity: 0.5;
  cursor: no-drop !important;
  pointer-events: none !important;
  margin-bottom: 5px;
}

button.disabled_btn {
  border: 1px solid #999999;
  background-color: #cccccc;
  cursor: not-allowed;
  color: #666666;
  opacity: 0.65;
  cursor: not-allowed;
}

.travel_dates_tbl tbody {
  display: block;
  max-height: 320px;
  overflow: auto;
}
.travel_dates_tbl thead {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.travel_dates_tbl tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

@media (max-width: 995px) {
  .travel_dates_tbl thead {
    display: table;
    width: auto;
    table-layout: fixed;
  }

  .travel_dates_tbl tr {
    display: table;
    width: auto;
    table-layout: fixed;
  }
}

.cl_nav_link {
  color: #6c6a8d;
  line-height: 25px;
  font-size: 14px;
}

.cl_nav_link:hover {
  color: #fa3254 !important;
}

#main_container {
  padding-top: 20px;
}

/* #sticky-wrapper {
  box-shadow: 2px 3px 4.7px 0.3px rgb(0 0 0 / 24%);
} */

/* .sticky-wrapper.is-sticky .horizontal-main {
  box-shadow: none;
} */

.horizontal-header.clearfix {
  box-shadow: none;
}

@media only screen and (min-width: 992px) {
  .horizontalMenu-list.menu_link {
    display: flex;
  }
  .horizontalMenu > .horizontalMenu-list > li > a.active {
    text-decoration: underline;
    color: #fa3254 !important;
  }
}

.search_bar_step_1.overlay {
  position: relative;
  -webkit-box-shadow: 0 0 0 8000px rgb(0 0 0 / 65%);
  box-shadow: 0 0 0 8000px rgb(0 0 0 / 65%);
  z-index: 100000;
  border-radius: 4px;
  opacity: 1;
}

.daterangepicker {
  position: absolute;
  z-index: 100000;
  width: auto;
}

.cl_rent_bus {
  color: #00b5e2;
}

.dropdown_cities_to,
.dropdown_cities_from {
  height: 40px;
}

.cl_contact_header {
  color: #6c6a8d;
}

/* .no_line_date {
  margin-top: 20px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 18px;
} */

/* .no_line_date_red {
  color: red;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 20px;
} */
.bus_lines_list .btn_filter_reservation {
  width: 90px;
}
.bus_lines_list .btn_reset_reservation {
  width: 90px;
}
@media (max-width: 576px) {
  .rent_customer_search {
    transform: unset !important;
  }
  .index_cities_search_container {
    transform: unset !important;
  }
  #checking_table thead th {
    font-size: 12px;
  }
}
@media (max-width: 1200px) {
  .bus_lines_list .btn_reset_reservation {
    margin-top: 0;
  }
  .bus_lines_list .btn_reservation {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media only screen and (max-width: 991px) {
  body.active .horizontalMenu {
    width: auto;
    z-index: 9;
  }

  body.active #main_container {
    z-index: -1;
    position: relative;
  }

  .bus_lines_list .btn_reset_reservation {
    margin-top: 0;
  }
  /* .btn_for_filter {
    display: block;
  } */
  .bus_ticket_info_services {
    display: none;
  }
}

.cl_payment_method_input {
  height: 25px;
  text-align: right;
}
/* .exchange_button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
} */
/* .exchange_button button {
  background: none;
  border-radius: 50%;
  color: red;
  border: 1px solid #999999;
} */
.bus_table {
  margin-bottom: 4rem;
}
@media (min-width: 1200px) {
  .bus_table {
    margin-bottom: 6rem !important;
  }
}
.btn_settings_nui {
  display: inline;
  margin-left: 5px;
}

/* .cl_company_name {
  text-transform: uppercase !important;
} */

.bus_passanegers_table_container {
  overflow-x: auto;
}
/* .empty_passangers_list {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  margin-top: 20px;
} */
.travel_date_lbl.loading {
  width: 35px;
  content: "";
}
.passenger_list_number {
  font-size: 18px;
  font-weight: bold;
}
.horizontalMenucontainer {
  /* height: 100% !important; */
}

.previous_search_container {
  font-size: 13px;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  color: #ffffff !important;
  padding: 10px;
  position: relative;
  height: fit-content;
  min-width: 230px;
  background: #fa3254;
  height: 100%;
}
.previous_search_container .cities_search {
  color: white;
}
.previous_search_container .search_date {
  color: white;
}
.previous_search_container .last_searched {
  color: white;
}
.previous_search_container .btn_close_search_div {
  color: white;
}
#btn_dp_city_id.dropdown-toggle:after {
  right: 10px;
}

/* #bus_line_step1_city_from_and_to {
  font-size: 1.5rem;
} */

.close_search_div {
  float: right;
  display: flex;
  justify-content: flex-end;
  position: relative;
}
/* .search_button_container {
  display: flex;
  justify-content: flex-end;
} */
.btn_close_search_div {
  border: none;
  background: transparent;
  color: #00b5e2;
}
.city_from_search,
.city_to_search {
  font-size: 18px;
  font-weight: 600;
}
.bus_companies_tbl td {
  vertical-align: middle;
}
#dropdownMenuLink::after {
  display: none;
}
.staff_td {
  vertical-align: middle !important;
}
.bus_tickets_table td {
  vertical-align: middle !important;
}
.btn_ticket_details {
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.details_icon {
  display: inline-block;
  vertical-align: middle;
}
#checking_table thead {
  border-bottom: 2px solid #eaeaea;
  font-size: 16px;
}
.checking_text_info {
  color: red;
}
.checking_section_title {
  font-size: 18px;
}
.checking_table {
  overflow-y: auto;
}
.checking_table td {
  vertical-align: middle !important;
}
.checking_btn {
  height: 30px;
  display: flex;
  padding: 0;
  width: 85px;
  justify-content: center;
  cursor: pointer;
}
.btn_checking_dropdown {
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
}
.btn_pay_ticket,
.btn_unpay_ticket,
.btn_change_checking_travel_date {
  cursor: pointer;
}
.ticket_element_info {
  cursor: pointer;
}
.rent_ticket_info {
  cursor: pointer;
}
#ticket_info_table {
  border-collapse: collapse;
  border: 1px solid #e5e4f0;
}
.btn_open_ticket_data {
  width: 300px;
  white-space: normal;
  word-wrap: break-word;
  height: auto;
}
#cancel_comment_textarea {
  width: 100%;
  height: 100px;
  resize: none;
  overflow: auto;
  color: #333063;
  border: 1px solid #e5e4f0;
}
.line_discounts .ui-tabs-nav {
  background: transparent;
}
.line_discounts .tab_info {
  background: #c0daee;
  margin: 0 10px;
  font-size: 15px;
}
.line_discounts .discount_line_element,
.discount_travel_date_element {
  min-height: 55px;
  height: 100%;
  display: flex;
  align-items: center;
}
.line_discounts .bl-price-discount {
  height: 35px;
  width: 100px;
  background: #dddddd;
  border: 1px solid #e5e4f0;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 10px;
}
.line_discounts .bus_line_name {
  font-size: 16px;
  font-weight: 600;
}
/* .line_discounts .bl-extra-price{height: 35px;background: #dddddd; border: 1px solid #e5e4f0;border-radius: 4px 0 0 4px;display: flex; align-items: center;justify-content: start;padding: 10px;} */
/* .line_discounts .extra_price_btns button{height: 35px;} */

.line_discounts button {
  border: 1px solid #e5e4f0;
  border-radius: 0;
}
.line_discounts .btn_last {
  margin-left: 2px;
}
.line_discounts .btn-first {
  margin-right: -2px;
}

.btn_show_line_rule button {
  background: none;
  font-weight: bold;
  border: none;
  padding: 0;
  color: #333063;
}
.bus_company_img {
  width: 130px;
  height: 130px;
  background-color: #212337;
  border-radius: 4px;
}

.bus_company_logo {
  width: 100px;
  max-width: none;
  vertical-align: middle;
}

#balance_description {
  width: 100%;
  height: 100px;
  resize: none;
  overflow: auto;
  color: #333063;
  border: 1px solid #e5e4f0;
}

.partners_table td {
  vertical-align: middle;
}
.btn_show_line_rule button {
  background: none;
  border: none;
}
.travel_date_start .travel_date {
  font-weight: 300;
  font-size: 20px;
}
.travel_date_start .travel_hour {
  font-size: 14px;
  color: #3f3e50;
  font-weight: 300;
}
.travel_date_start .line_name {
  font-size: 22px;
  font-weight: 600;
}
.btn_show_line_rule button {
  background: none;
  border: none;
  padding: 0;
  color: #333063;
}
.arrival_text,
.start_text {
  background: #f5f7fa;
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid #d7d7d7;
  font-size: 16px;
}
.travel_date_discount_box {
  width: 45%;
  height: auto;
  display: inline-block;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
}
#form_bus_ticket_revervation input {
  text-transform: capitalize;
}
#form_bus_ticket_revervation .no_auth {
  text-transform: none;
}
.div-set-image-screen {
  border: 1px solid #ced4da;
  height: 200px;
  width: 250px;
  border-radius: 4px;
  position: relative;
}
.btn_set_company_logo {
  border: 1px solid #e5e4f0;
  width: 70px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
/* .btn_set_cert {border: 1px solid #e5e4f0; width: 70px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 4px;} */
.btn_set_cert {
  border: 1px solid #e5e4f0;
  margin-left: 20px;
  border-radius: 4px;
  padding: 5px;
}
/* .div_cert_container {
  border: 1px solid #ced4da;
  height: 150px;
  width: 250px;
  border-radius: 4px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
} */

.div-set-image-screen img {
  border-radius: 4px;
  width: inherit;
  height: inherit;
  object-fit: contain;
}
.delete_company_logo {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 40px;
  height: 40px;
  background-color: #f5f7fa;
  border: 0;
  border-radius: 4px;
  display: none;
  align-items: center;
  justify-content: center;
  color: red;
}
.div-set-image-screen:hover .delete_company_logo {
  display: flex;
}

@media (min-width: 1200px) {
  .discount_input_group {
    width: 30%;
  }
  .tickets_stats_tbl {
    margin-top: -20px;
  }
}
.tab-content #tab-2-company {
  display: none;
}
.tab-content #tab-2-company.active {
  display: block;
}

/* @media (max-width: 1024px) {
  .ads_content_div {
    display: none;
  }
} */
/* .cke_button__image {
  display: none !important;
} */

@media (max-width: 576px) {
  /* #bus_line_step1_city_from_and_to {
    font-size: 1.1rem;
  } */
  #form_search_travel .dropdown-menu {
    transform: unset !important;
    width: 100% !important;
    top: unset !important;
  }

  #form_search_travel .dropdown-menu.city_to_dropwdown {
    left: auto !important;
    right: 0;
  }
  .news_container {
    padding: 0px !important;
  }
  .news_card_container {
    padding: 0px !important;
  }
}

/* .ck-editor__editable {
  height: 250px !important;
} */
.bus_lines_table td {
  vertical-align: middle;
}
.bus_line_profile_table td {
  vertical-align: middle;
}
.bus_company_img {
  background: #ffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.balanc_info {
  font-size: 25px;
  color: #ff3f33;
  margin-bottom: 20px;
}
.company_document_name {
  text-decoration: underline;
  color: blue;
}
.btn_cancel_return_ticket {
  padding: 0;
  border: 1px solid;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab-content #travel_tab {
  display: none;
}
.tab-content #travel_tab.active {
  display: block;
}
.tab-content #starter_tab {
  display: none;
}
.tab-content #starter_tab.active {
  display: block;
}

@media (max-width: 576px) {
  /* .bus_lines_list{
    margin-top: 20px;
    } */
}

.bg-background2:before {
  background: transparent !important;
}
/* .header-transparent {
  background: transparent !important;
} */
/* .horizontal-main {
  background: transparent !important;
} */

/* .nav_search_bar {
  display: flex !important;
  align-items: center;
  margin-left: 8px !important;
} */

.tickets_stats_tbl td {
  vertical-align: middle;
}
@media only screen and (min-width: 992px) {
  .horizontalMenu > .horizontalMenu-list > li > a {
    color: #ffffff;
  }
  /* .btn_member_login.cl_nav_link {
    background: #fa3254;
    border-radius: 20px !important;
  } */

  .cl_nav_link.user_email {
    background: #fa3254;
    border-radius: 20px !important;
  }

  .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover {
    color: #fa3254 !important;
  }
  .horizontalMenu > .horizontalMenu-list > li:hover > a:not(.user_a) {
    color: #fa3254;
  }

  /* .nav_search_bar input {
    background: transparent;
    border: none;
    border-bottom: 1px solid white;
    color: #ffffff;
    width: 85%;
  } */
  /* .nav_search_bar i {
    color: #fa3254;
    margin-left: -20px; 
    margin-bottom: 4px;
  } */
  .horizontal-mainwrapper.not_index_pages .cl_nav_link {
    color: #fa3254 !important;
  }

  .horizontalMenu > .horizontalMenu-list,
  .horizontal-header {
    background: transparent !important;
  }

  #index_container .tab-content {
    padding: 0;
  }
  /* #main_container{height: 100%;} */
  .sponsorimages {
    display: flex;
  }
  #main_container {
    position: relative;
    min-height: 100vh;
  }
  #not_index_container .horizontalMenu > .horizontalMenu-list > li > a {
    color: #fa3254 !important;
  }
  #not_index_container .horizontalMenu > .horizontalMenu-list > li > a.user_a {
    color: #ffffff !important;
  }
  #not_index_container .nav_search_bar input {
    border-bottom: 1px solid #fa3254;
    color: #fa3254;
  }
  .step2_container .container-fluid {
    padding-top: 30px;
  }
  /* .step1_container .container-fluid {
    padding-top: 30px;
  } */
  /* .payment_secure_div {
    font-weight: 300;
    background: #f5f7fa;
    width: fit-content;
    border-radius: 4px;
    height: 50px;
    padding: 10px;
  } */
  .mobile_shown_div {
    display: none;
  }
  .language_select {
    background: transparent;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    color: white;
    height: 30px;
  }
  #not_index_container #language_btn {
    color: #fa3254 !important;
  }
}

@media (max-width: 991px) {
  .horizontalMenu > .horizontalMenu-list,
  .horizontal-header {
    background: transparent !important;
  }
  /* .nav_search_bar input {
    background: transparent;
    border: none;
    border-bottom: 1px solid #6c6a8d;
    color: #ffffff;
    width: 85%;
  } */
  /* .nav_search_bar i {
    color: #6c6a8d;
    margin-left: -20px; 
    margin-bottom: 4px;
  } */
  /* .header-absolute {
    background: transparent !important;
  } */
  /* .animated-arrow span {
    background: #fa3254 !important;
  }
  .animated-arrow span::before {
    background: #fa3254 !important;
  }
  .animated-arrow span::after {
    background: #fa3254 !important;
  }
  .active .animated-arrow span {
    background: transparent !important;
  } */

  .horizontalMenu > .horizontalMenu-list > li > a:hover {
    color: #fa3254 !important;
  }

  .cl_nav_link.user_email.user_a:hover {
    color: #fa3254 !important;
  }

  .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li > a:hover {
    color: #fa3254 !important;
  }
  .horizontal-header i.fe-plus-circle {
    color: #fa3254 !important;
  }

  .cl_nav_link.user_email {
    color: #6c6a8d;
  }
  /* .bus_lines_list.container{padding-top: 60px;} */
  .cl_nav_link.user_email.user_a {
    color: #fa3254 !important;
    position: absolute;
    right: 15px;
    top: 15px;
  }

  .footer_payment_methods {
    max-width: 200px;
    display: inline-block;
    text-align: center;
  }
  .footer_logo_container {
    max-width: 200px;
    display: inline-block;
  }
  .footer_left_container {
    display: flex;
    justify-content: space-between;
  }
  .btn_index_search {
    margin-bottom: 10px;
  }
  #main_container {
    min-height: 90vh;
  }
  /* #not_index_container  .horizontalMenu>.horizontalMenu-list>li>a.user_a{color: #FA3254 !important;} */
  html,
  body {
    max-width: 100%;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #ffffff;
  }
  /* .payment_secure_div {
    font-weight: 300;
    background: #f5f7fa;
    width: fit-content;
    border-radius: 4px;
    padding: 0;
  } */
  .searchbar_btn {
    font-size: 14px !important;
  }
  .mobile_shown_div {
    display: none;
  }
  .language_select {
    background: transparent;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    height: 30px;
    color: #6c6a8d !important;
  }
  /* .language_li {
    padding: 12px 32px 12px 17px !important;
  } */
  #language_btn {
    color: #6c6a8d !important;
    box-shadow: none !important;
    padding-left: 0 !important;
  }
  .language-btn-group {
    padding: 12px 32px 12px 17px;
  }
  .tickets_stats_tbl {
    margin-top: 10px;
  }

  .horizontalMenu > .horizontalMenu-list > li > a.active {
    text-decoration: underline;
    color: #fa3254 !important;
  }
}

.footer-main a {
  color: rgba(255, 255, 255, 1);
}

/* .horizontal-mainwrapper {
  height: 100%;
} */

#not_index_container {
  background: #ffffff;
}
.daterangepicker td.active {
  background-color: red !important;
  color: white;
}
.daterangepicker {
  margin-top: 10px !important;
}
.daterangepicker select.monthselect {
  height: 25px !important;
  background-color: #f8f7fc;
  background-clip: padding-box;
  border: 1px solid #e5e4f0;
  border-radius: 5px;
}
.daterangepicker select.yearselect {
  height: 25px !important;
  background-color: #f8f7fc;
  background-clip: padding-box;
  border: 1px solid #e5e4f0;
  border-radius: 5px;
}
.next .available {
  color: red !important;
}
.item-search-tabs .tab-content {
  background: transparent;
}
.search-background {
  border-radius: 20px !important;
  min-height: 60px;
  display: flex;
  align-items: center;
}
.btn_index_search {
  border-radius: 20px !important;
  background-color: #fa3254;
  color: white !important;
}
.location .bus_travel_date_end,
.location .bus_travel_date_from {
  background: none !important;
  border: none !important;
  height: 100%;
}
.right-inner-addon {
  position: relative;
}
.right-inner-addon input,
.right-inner-addon div {
  padding-left: 45px;
  font-size: 13px;
}
.right-inner-addon span {
  position: absolute;
  left: 10px;
  bottom: 12px;
  color: red !important;
}

#not_index_container #main_container {
  background: #ffffff;
}
#not_index_container .header-transparent {
  background: #ffffff !important;
}
#not_index_container .horizontal-main {
  background: #ffffff !important;
}
#not_index_container .header-main {
  background: #ffffff !important;
}
#not_index_container .horizontal-header.clearfix {
  background: #ffffff !important;
}

.bg-primary {
  background-color: #fa3254 !important;
}
#index_container .header-main .sticky-pin {
  position: absolute;
  z-index: 1;
}
#index_container .header-main {
  z-index: 1;
}
.bg-background2 .header-text {
  z-index: unset;
}

.superadmin_company_header {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17.5px;
  height: 30px;
}
.btn_add_partnership {
  background: #fa3254;
  border: 1px solid #fa3254 !important;
  color: white;
  border-radius: 4px;
  padding: 6px;
}
.btn_init_partnership {
  background: #467fcf;
  border: 1px solid #467fcf !important;
  color: white;
  border-radius: 4px;
  padding: 6px;
}
/* .btn_disabled_partnership{background: #FA3254; border: 1px solid #FA3254 !important; color: white; border-radius: 4px; padding: 6px; opacity: 0.5;cursor: no-drop !important;} */
/* .btn_disabled_init {
  background: #467fcf;
  border: 1px solid #467fcf !important;
  color: white;
  border-radius: 4px;
  padding: 6px;
  opacity: 0.5;
  cursor: no-drop !important;
} */

/* .is_no_travel_date {
  pointer-events: none;
  opacity: 0.3;
} */
/* .another_date button {
  width: 100%;
  height: 50px;
  border: 0;
  background: none;
  padding: 0;
  display: inline;
  color: black;
} */
/* .active_date button {
  width: 100%;
  height: 80px;
  border: 0;
  background: none;
  padding: 0;
  display: inline;
  color: white;
} */
.btn_search_loading {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
}

.print_ticket_header {
  background: #333;
  color: #fff;
  font-size: 17.5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.print_ticket_header a {
  cursor: pointer;
  color: #fff;
}
.print_ticket_header button {
  color: #fff;
  margin-left: 10px;
}
/* #ticket_print_text_id {
  margin-bottom: 1px !important;
  margin-top: 0px;
} */
.country_border {
  margin-left: -2px;
  width: 16px;
  height: 16px;
  opacity: 60%;
}
.btn_get_travel_seat_number {
  height: 50px;
  border: 1px solid #e5e4f0;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  cursor: pointer;
}
.btn_get_seat_number {
  height: 50px;
  border: 1px solid #e5e4f0;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  cursor: pointer;
}
.passanger_seat {
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #a9a9a9;
  font-size: 18px;
  border-radius: 4px;
  cursor: pointer;
}
.selected_seat {
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3eb750;
  font-size: 18px;
  border-radius: 4px;
  cursor: pointer;
  color: #ffffff;
}
.reserved_s {
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: red;
  font-size: 18px;
  border-radius: 4px;
  cursor: pointer;
  color: #ffffff;
}
/* .no_reserve_seat {
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3eb750;
  font-size: 18px;
  border-radius: 4px;
  cursor: pointer;
  color: #ffffff;
} */
#not_index_container .language_select {
  color: #fa3254 !important;
}

/* .not_reserved_seat.selected {
  background: #3eb750;
} */

.searchbar_btn {
  padding-left: 10px;
  padding-top: 25px;
  white-space: normal;
  word-wrap: break-word;
  justify-content: start;
  color: #595959;
  font-size: 15px;
  font-weight: 500;
}

.searchbar_lbl {
  position: absolute;
  color: #8c8c8c;
  left: 10px;
  font-size: 12px;
  top: 0;
  width: fit-content;
}

.language_select option {
  color: #fa3254;
}
#language_btn {
  background: transparent;
  border: none;
  box-shadow: none;
  width: auto;
  padding: 7px 17px;
}
#language_btn.dropdown-toggle:after {
  vertical-align: 0.155em;
  position: absolute;
  right: 0px;
  top: unset !important;
  margin-right: 4px;
}
.lang_dropdown .flag {
  display: inline-block;
  vertical-align: middle !important;
  margin-right: 5px;
  box-shadow: none !important;
}
#language_btn .flag {
  display: inline-block;
  vertical-align: middle !important;
  margin-right: 5px;
  box-shadow: none !important;
}

.btn_notification_action {
  border: 1px solid;
  width: auto;
  background: #fff;
}
.btn_bank_transfer_action {
  border: 1px solid;
  width: auto;
  background: #fff;
}
.company_img {
  margin: 0 0 10px 10px;
}
/* .btn_cancel_oneway_ticket {
  margin-bottom: 10px;
} */

.tour_media_delete {
  position: absolute;
  top: 7px;
  right: 22px;
  background: #fff;
  padding: 5px;
  border-radius: 5px;
  color: red;
}

.cl_make_tour_cover {
  position: absolute;
  top: 41px;
  right: 22px;
  background: #fff;
  padding: 4px;
  border-radius: 5px;
}
.rooms_media_delete {
  position: absolute;
  top: 7px;
  right: 22px;
  background: #fff;
  padding: 5px;
  border-radius: 5px;
  color: red;
  cursor: pointer;
}
.cl_make_room_cover {
  position: absolute;
  top: 8px;
  /* right: 22px; */
  background: #fff;
  padding: 4px;
  border-radius: 5px;
  left: 20px;
}
.card {
  box-shadow: none !important;
}

.dropdown-menu a {
  cursor: pointer;
}
.dropdown-menu {
  z-index: 2999;
}
.bus_discount_pagination {
  overflow: auto;
}
.bus_discount_pagination li {
  display: flex;
  width: auto;
  align-items: center;
  justify-content: center;
}

#loading_progress {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: -6px;
  width: 1%;
  height: 3px;
  background-color: #fa3254;

  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;

  -moz-transition: width 600ms ease-out, opacity 500ms linear;
  -ms-transition: width 600ms ease-out, opacity 500ms linear;
  -o-transition: width 600ms ease-out, opacity 500ms linear;
  -webkit-transition: width 600ms ease-out, opacity 500ms linear;
  transition: width 1000ms ease-out, opacity 500ms linear;
}
#loading_progress b {
  position: absolute;
  top: 0;
  height: 3px;

  -moz-box-shadow: #777777 1px 0 6px 1px;
  -ms-box-shadow: #777777 1px 0 6px 1px;
  -webkit-box-shadow: #777777 1px 0 6px 1px;
  box-shadow: #777777 1px 0 6px 1px;

  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

#loading_progress i {
  position: absolute;
  top: 0;
  height: 3px;

  -moz-box-shadow: #777777 1px 0 6px 1px;
  -ms-box-shadow: #777777 1px 0 6px 1px;
  -webkit-box-shadow: #777777 1px 0 6px 1px;
  box-shadow: #777777 1px 0 6px 1px;

  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
#loading_progress b {
  clip: rect(-6px, 22px, 14px, 10px);
  opacity: 0.6;
  width: 20px;
  right: 0;
}

#loading_progress i {
  clip: rect(-6px, 90px, 14px, -6px);
  opacity: 0.6;
  width: 180px;
  right: -80px;
}

.tour_payment_method {
  border: solid 1px gold;
  border-radius: 5px;
  margin: 5px;
  height: 100px;
  text-align: center;
}

.tour_payment_method:hover {
  background-color: #fef7f3;
  border-color: #ffa500 !important;
  cursor: pointer;
}

.card_body_turet {
  padding: 20px 0px 20px 0px;
}

.parent_div_tour_payment {
  display: contents;
  padding: 0px 3px 0px 0px;
}

@media (max-width: 750px) {
  .parent_div_tour_payment {
    flex-direction: column;
  }
}

.open_company_transfers {
  background: #e1e6f1;
  color: #3d4e67;
  border-radius: 4px;
  border: none;
}
#tbl_init_transfers thead {
  text-transform: uppercase;
}
.lbl_table {
  color: #212529;
  font-size: 22px;
}
.tickets_stats_tbl td {
  padding: 2px !important;
}
.btn_add_journal {
  border-radius: 5px 0 0 5px;
  width: 100px;
}
#search_booking_code::placeholder {
  text-transform: capitalize;
}
#search_booking_code {
  text-transform: uppercase;
}

.booking_search_table tbody {
  display: block;
  max-height: 320px;
  overflow: auto;
}
.booking_search_table tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
table#tbl_init_transfers td {
  vertical-align: middle;
}

.tour_ellipsis_desc p {
  height: fit-content;
  width: 95%;
  padding: 0;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
}
.tour_ellipsis_description p {
  align-items: center;
  height: fit-content;
  max-width: 260px;
  max-height: 40px;
  padding: 0;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: white;
  margin: 0px;
}
.news_ellipsis_desc p {
  height: fit-content;
  width: 95%;
  margin-bottom: 2rem;
  padding: 0;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
}

.states_container {
  border-bottom: 1px solid #d3d3d3;
}
.state_identify {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background: #a8a8a8;
  justify-content: center;
  align-items: center;
}
/* .states_names ul {
  margin: 15px;
  padding-left: 10px;
} */
@media (max-width: 990px) {
  .state_identify {
    width: 50px;
    height: 50px;
  }
  /* .states_container {
    border: none;
  } */
  /* .states_names ul {
    margin: 5px;
  } */
  /* .step1_info_label {
    display: none;
  } */
}
.empty_info {
  text-align: center;
  font-size: 20px;
  color: red;
  margin-top: 200px !important;
}

.start_line {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  border: 3px solid;
  position: relative;
  border-color: #a9a9a9;
  padding: 5px;
}
.stop_line {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  border: 3px solid;
  position: relative;
  border-color: #a9a9a9;
  padding: 5px;
}
.start_line:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 4px;
  top: 11px;
  border: 3px solid #a9a9a9;
  border-width: 0 0 0 3px;
  width: 9px;
  height: 15px;
}
.circles {
  height: 55px;
  margin-top: 10px;
  margin-top: 10px;
  border-bottom: 1px solid #a9a9a9;
  width: 100%;
}
.stop_line {
  margin-top: 13px;
  background-color: #a9a9a9;
}
.stop_line::before {
  display: none;
}
.line_directions p {
  margin-top: -10px;
  margin-left: 23px;
  width: 200px;
}
.travel_data_info {
  margin-top: 10px;
}

@media only screen and (max-width: 992px) {
  /* ul .user_menu {
    display: none !important;
  } */
  .states_name {
    margin-top: 5px;
  }
  .container-fluid {
    padding: 0;
  }
  .container {
    padding: 0;
  }
  .bus_lines_list {
    padding: 0;
  }
  /* .step1_container {
    padding: 10px;
  } */
  .company_img {
    width: 120px !important;
    height: 45px !important;
    object-fit: contain !important;
  }

  /* .limited_tickets {
    position: absolute !important;
    width: 100px !important;
    padding: 0px !important;
    margin-top: -1px !important;
    margin-left: 0px !important;
    font-size: 10px !important;
  } */
  .travel_data_info {
    padding-top: 0px !important;
    margin-bottom: 3px !important;
    margin-top: 7px !important;
  }
  .step1_info_label {
    display: none;
  }
}
/* .bus_pick_tickets{position: unset;} */

/* .step1_way_inputs input {
  width: 30px;
  height: 30px;
} */
#btn_bus_ticket_step1_persons.no_persons {
  border: 1px solid red;
  color: red;
}
.no_passangers_selected {
  font-size: 20px;
  justify-content: center;
  margin-top: 20px;
}
.bus_ticket_reservation_info .flex-fill {
  flex: 1 1 !important;
}
/* .bus_ticket_price {
  display: none;
} */

@media only screen and (max-width: 992px) {
  .bus_ticket_reservation_info .row {
    margin: 0 8px;
  }
  .bus_ticket_info_company_name {
    position: relative;
    justify-content: center;
  }
  /* .bus_ticket_price {
    display: flex;
    justify-content: flex-end;
    font-weight: bold;
  } */
  .bus_ticket_info_company_name {
    margin-top: 1px;
  }
  .btn_show_line_rule {
    display: flex;
  }
  .bus_ticket_info_company_name {
    margin: 0 auto;
  }
  .step1_info_label {
    display: none;
  }
  button#show_div_on_click {
    display: block;
  }
  /* .btn_search_travel_date span {
    font-size: 12px;
  } */
  .reservation_card {
    padding: 0px !important;
  }
  .footer-main {
    padding-left: 11px;
  }
  /* .active_date{height: fit-content;} */
  /* .mobile_ticket_price {
    position: absolute;
    right: 10px;
    top: 10px;
  } */
}

@media only screen and (min-device-width: 992px) {
  /* .btn_total_places {
    pointer-events: visible;
  } */
  .bus_ticket_info_company_name {
    display: flex;
  }
  .btn_show_line_rule,
  .bus_ticket_borders,
  .bus_ticket_info_services {
    display: inline-block;
  }
}
@media only screen and(max-device-width: 576px) {
  .bus_ticket_info_company_name {
    height: 20px;
    margin-top: 1px;
  }
}
label {
  width: 100%;
}
.card-input-element {
  display: none;
}

.card-input-element:checked + .card-input {
  background-color: #ffe4c4 !important;
}

.ticket_start_line {
  left: -37px;
  height: 2px;
  width: 2px;
  border-radius: 50%;
  border: 3px solid;
  position: relative;
  border-color: #a9a9a9;
  padding: 2px;
}
.ticket_stop_line {
  left: 36px;
  top: 0px;
  height: 2px;
  width: 2px;
  border-radius: 50%;
  border: 3px solid;
  position: relative;
  border-color: #a9a9a9;
  padding: 2px;
}
.ticket_start_line:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 6px;
  top: 1px;
  border: 3px solid #a9a9a9;
  border-width: 0 0 0 75px;
  width: 9px;
  height: 2px;
}
@media only screen and (max-width: 450px) {
  .ticket_start_line {
    left: -25px;
  }
  .ticket_stop_line {
    left: 25px;
  }
  .ticket_start_line:before {
    border-width: 0 0 0 51px;
  }
}
.ticket_stop_line::before {
  display: none;
}
/* .limited_tickets {
  background: #f471744a;
  height: fit-content;
  border-bottom-right-radius: 40px;
  position: absolute;
  margin-top: 0px;
  margin-left: 0px;
  top: 0;
  width: 140px;
} */
#checkIndropdownMenuLink.dropdown-toggle::after {
  right: auto;
  left: auto;
}
.dropdown-toggle {
  display: flex;
  justify-content: center;
  padding-right: 1.85rem;
  padding-left: 1.85rem;
}
#btn_dp_city_from_id.dropdown-toggle {
  display: flex;
  justify-content: start;
}
#btn_dp_city_to_id.dropdown-toggle {
  display: flex;
  justify-content: start;
}
#btn_dp_city_from_id.dropdown-toggle:after {
  right: 10px;
}
#btn_dp_city_to_id.dropdown-toggle:after {
  right: 10px;
}
.product-slider .carousel-control-next i,
.product-slider .carousel-control-prev i {
  color: black !important;
}
.one_way_seats {
  display: block;
  padding: 5px 0px 0px 10px;
  margin-top: 10px;
}
.return_seats {
  display: block;
  padding: 5px 0px 0px 10px;
}

.pagination.ul {
  display: flex;
  align-items: center;
}
.pagination .numb {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e4f0;
  color: #3f3e50;
  cursor: pointer;
}
.pagination .dots {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e5e4f0;
  cursor: pointer;
}
.pagination .numb.active {
  background-color: #f96768;
  border-color: #f96768;
  color: #fff;
}
.pagination.bus_discount_pagination {
  display: flex;
  align-items: center;
}
.btn_filter_discounts {
  border: none !important;
  border-radius: 4px !important;
}
#step2_stops_from_btn,
#step2_stops_to_btn,
#return_step2_stops_from_btn,
#return_step2_stops_to_btn {
  width: 50px;
  border: none;
  border-radius: 0 5px 5px 0;
}
.company_data_location {
  margin: 2px;
  font-style: italic;
}
.company_city_location {
  margin-bottom: 20px;
}
.company_email i {
  display: flex;
  align-items: center;
}
.company_location_card {
  min-height: 200px;
}

.bs-wizard {
  border-bottom: solid 1px #e0e0e0;
  padding: 0 0 10px 0;
}
.bs-wizard > .bs-wizard-step {
  padding: 0;
  position: relative;
}
/* .bs-wizard > .bs-wizard-step + .bs-wizard-step {
} */
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
  color: #595959;
  font-size: 16px;
  margin-bottom: 13px;
}
.bs-wizard > .bs-wizard-step .bs-wizard-info {
  color: #999;
  font-size: 14px;
}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
  position: absolute;
  width: 30px;
  height: 30px;
  display: block;
  background: #fa3254;
  top: 53px;
  left: 50%;
  margin-top: -30px;
  margin-left: -15px;
  border-radius: 50%;
}
.page-header {
  line-height: 25px !important;
}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
  content: " ";
  width: 14px;
  height: 14px;
  background: #fa3254;
  border-radius: 50px;
  position: absolute;
  top: 8px;
  left: 8px;
}
.bs-wizard > .bs-wizard-step > .progress {
  position: relative;
  border-radius: 0px;
  height: 8px;
  box-shadow: none;
  margin: -5px 0;
  margin-bottom: 20px;
}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
  width: 0px;
  box-shadow: none;
  background: none;
}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
  width: 100%;
}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
  width: 50%;
}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
  width: 0%;
}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
  width: 100%;
}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
  background-color: #f5f5f5;
}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
  opacity: 0;
}
.bs-wizard > .bs-wizard-step:first-child > .progress {
  left: 50%;
  width: 50%;
}
.bs-wizard > .bs-wizard-step:last-child > .progress {
  width: 50%;
}
/* .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{  } */
.tooltip-service {
  position: relative;
  display: inline-block;
}
.tooltip-service .tooltiptext {
  visibility: hidden;
  width: 80px;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  word-break: break-word;
}
.tooltip-service:hover .tooltiptext {
  visibility: visible;
}

#not_index_container .cl_nav_link.active_page {
  text-decoration: underline;
}
#index_container .cl_nav_link.active_page {
  text-decoration: underline;
  color: #fa3254 !important;
}
#back-to-top {
  bottom: 110px !important;
  right: 45px !important;
}
.float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 10px;
  right: 20px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}

.my-float {
  margin-top: 16px;
  color: white !important;
}

/* .seat_danger {
  background: red !important;
} */
/* .seat_light {
  background: #e5e4f0 !important;
} */
.ticket_seat {
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #a9a9a9;
  font-size: 18px;
  border-radius: 4px;
  cursor: pointer;
}

.line_type_icon {
  vertical-align: top;
  font-size: 20px;
  line-height: 20px;
  display: inline-flex;
  margin-right: 8px;
}
.btn_bus_stops_map_loading {
  position: absolute;
  right: 20px;
  top: 8px;
  border: none;
  background: transparent;
}
#modal_stops_dp_map_search.active {
  display: block !important;
}
#modal_stops_dp_map_search.not-active {
  display: none !important;
}
#modal_description_news {
  min-height: 120px;
}
.news_card_body {
  border: 1px solid #e5e4f0;
}
.footer_info {
  text-align: center;
  width: 100%;
  position: absolute;
  height: 20px;
  background-color: #fa3254;
  color: white;
  bottom: inherit;
}

.btn_get_current_location {
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gps_icon {
  width: 30px;
  height: 30px;
  display: inline-block;
}

.btn_change_direction {
  border: none;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn_change_direction i {
  color: #8c8c8c;
  width: 30px;
}

.index_search_city_input_from,
.index_search_city_input_to {
  border: none !important;
  background: transparent !important;
}

.rent_customer_search {
  position: absolute;
  top: -10px;
  color: #8c8c8c;
  background: #fff;
  z-index: 9999;
  border-radius: 4px;
  left: 0px;
  will-change: transform;
  max-height: 500px !important;
  overflow: scroll !important;
  min-width: 16rem;
  padding: 10px 8px;
  border: 1px solid #8c8c8c;
  right: 13px;
  left: 12px;
}

.index_cities_search_container {
  position: absolute;
  top: 45px;
  color: #8c8c8c;
  background: #fff;
  z-index: 9999;
  border-radius: 4px;
  left: 0px;
  will-change: transform;
  max-height: 500px !important;
  overflow: scroll !important;
  min-width: 16rem;
  padding: 10px 8px;
  border: 1px solid #8c8c8c;
}

.index_cities_search_container .dropdown-item {
  padding: 4px;
}
.rent_customer_search .dropdown-item {
  padding: 4px;
}

.index_cities_search_container_to {
  right: 0;
  left: auto;
}
.index_search_city_input_to,
.index_search_city_input_from {
  padding-left: 10px !important;
}
.cl_city_name {
  margin-right: 20px;
}
#div_search_cities .has-search {
  margin-bottom: 0 !important;
}
#div_search_cities .form-group {
  margin-bottom: 0 !important;
}
.dropdown-item.active,
.dropdown-item:active {
  border-radius: 4px;
}

/* Tours */
.description_on_image {
  opacity: 0.7;
  color: white;
  min-height: 20px;
  max-height: 20px;
}
.phone_icons {
  margin-top: 10px;
}
/* .active_paginations {
  background-color: #fa3257 !important;
  color: white;
} */
.tour_card_container {
  border: 0px;
  border-radius: 0px;
  height: 250px;
}
.tour_image_container {
  border-radius: 0px;
  position: relative;
  padding: 0px;
}
.tour_image_container img {
  border-radius: 0px;
  width: inherit;
  height: 100%;
  object-fit: cover;
}
.tour_card {
  border: 1px solid #ced4da;
  height: inherit;
}
.text_image {
  position: absolute;
  bottom: 0;
  right: 0;
  min-height: 20px;
  max-height: 20px;
}
/* .select_data {
  border-radius: 10px;
  padding: 10px;
} */
.rowshare {
  height: 50px;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.share_buttons {
  justify-content: center;
}
.rowshare a:hover {
  color: black;
}
.submit_filter {
  color: white !important;
}
@media only screen and (max-width: 600px) {
  .tour_filter_container {
    margin-bottom: 40px;
  }
  .tour_ellipsis_description p {
    max-width: 300px;
  }
  /* .select_data {
    max-width: 177px;
    size: 30px;
  } */
}

@media only screen and (max-width: 991px) {
  .tour_card_container {
    border: 0px;
    border-radius: 0px;
    height: 100%;
  }
  .tour_image_container img {
    border-radius: 0px;
    width: inherit;
    height: inherit;
    object-fit: cover;
  }
}

/* Tour Reservation */
/* .tour_reservations_section {
  min-height: 750px;
  margin-top: 80px;
  width: 100%;
  margin-bottom: 3rem;
} */
.tour_data_name {
  margin-bottom: 5px;
}
.desription_container {
  padding: 10px;
  border-radius: 4px;
}
.details_row {
  padding: 23px;
}
/* .full_details {
  padding: 5px;
} */
.accept_policy {
  margin-bottom: 10px;
  padding: 20px;
  padding-left: 0px;
}
.carousel-item,
.product-slider .carousel,
.col-lg-7,
.carousel-item img {
  border-radius: 0px !important;
}
/* #insurance_package_container {
  margin-bottom: 10px;
  padding: 20px;
  padding-right: 0px;
} */
/* #insurance_package_radiobox {
  margin: 3px;
} */
/* #accept_policy_radiobox {
  margin: 3px;
} */
@media only screen and (max-width: 600px) {
  .desription_container,
  .data_info {
    text-align: center;
  }
}
.next_travel_date {
  display: flex;
  justify-content: center;
  align-items: center;
}
.timer {
  width: 220px;
  height: 120px;
  display: block;
  position: absolute;
  left: 50%;
  color: #fa3254;
}
.timer * {
  cursor: default;
}
.timer h3 {
  width: 100%;
  font-size: 12px;
  letter-spacing: 2px;
  text-align: center;
}
/* .timer--clock {
  width: 100%;
  position: relative;
  padding-left: 40px;
  margin-top: 30px;
  overflow: hidden;
}
.timer--clock .clock-display-grp {
  width: 100%;
  position: relative;
}
.timer--clock .clock-display-grp .number-grp {
  width: auto;
  display: block;
  height: 60px;
  float: left;
  overflow: hidden;
}
.timer--clock .clock-display-grp .number-grp .number-grp-wrp {
  width: 100%;
  position: relative;
}
.timer--clock .clock-display-grp .number-grp .number-grp-wrp .num {
  width: 100%;
  position: relative;
  height: 75px;
}
.timer--clock .clock-display-grp .number-grp .number-grp-wrp .num p {
  width: auto;
  display: table;
  font-size: 50px;
  line-height: 75px;
  font-weight: bold;
}
.timer--clock .clock-separator {
  width: auto;
  float: left;
  display: block;
  height: 75px;
}
.timer--clock .clock-separator p {
  width: auto;
  display: table;
  font-size: 60px;
  line-height: 60px;
  font-weight: bold;
} */
.timer h4 {
  width: 100%;
  font-size: 10px;
  letter-spacing: 1px;
  text-align: center;
  padding-top: 12px;
  float: left;
}
.reload {
  width: 50px;
  height: 7px;
  position: absolute;
  bottom: 25vh;
  left: 50%;
  margin-left: -30.5px;
  opacity: 0;
  display: none;
  cursor: pointer;
  z-index: 9999;
}
.reload:hover svg path {
  fill: #666666;
}
.reload:hover p {
  color: #666666;
}
.reload svg {
  width: 5px;
  height: 5px;
  float: left;
  margin-right: 5px;
}
.reload p {
  color: #2b2b2b;
  font-size: 5px;
  float: left;
  line-height: 5px;
}

.hidden_fb_div {
  background-color: #fa3254;
}

.searched_cities_container {
  padding: 12px;
}

.sptb {
  min-height: 100vh;
}
#active_room {
  margin-left: 10px;
}

.carouselbox {
  height: 200px;
  width: 100%;
  position: relative;
}

.carouselbox .switchleft {
  position: absolute;
  left: -50px;
  color: white;
  font-weight: bold;
  height: 40%;
  width: 45px;
  margin-top: -30px;
  line-height: 250px;
  font-size: 25px;
  text-align: center;
  top: 0;
  z-index: 3;
}
.carouselbox .switchright {
  position: absolute;
  right: -50px;
  color: white;
  font-weight: bold;
  height: 40%;
  margin-top: -30px;
  width: 45px;
  line-height: 250px;
  font-size: 25px;
  text-align: center;
  top: 0;
  z-index: 3;
}

.carouselinnerbox {
  height: 190px;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
  align-items: center;
  display: flex;
}

.img-carouselbox {
  min-width: 147px;
  max-width: 147px;
  background-size: cover;
  height: 95px;
  cursor: pointer;
  transition: 05s ease;
  z-index: 2;
}

.order_list_media {
  position: absolute;
  top: 7px;
  right: 22px;
  background: #fff;
  padding: 5px;
  border-radius: 5px;
  color: red;
  cursor: pointer;
}

#modal_room_gallery_info .carousel-item img {
  max-height: 400px;
  height: 100%;
}
#btn_add_passanger_from_checkin {
  background-color: #007bff !important;
  border-color: #007bff;
}
.remove_client_row {
  border: none;
  background: transparent;
  color: #fa3254;
}

.full_screen_image {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
}

.full_screen_order_list_img {
  text-align: center;
  max-width: auto;
  max-height: 100%;
  padding: 24px;
}

.w3-animate-show {
  animation: show 0.8s;
  animation-fill-mode: forwards;
}

@keyframes show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.filter_label {
  padding-left: 3px;
}
/* .table-condensed .prev,
.table-condensed .next {
  position: static !important;
} */

.loader-container {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  justify-content: center;
  align-items: center;
  display: flex;
  background-color: #ffff;
  z-index: 999999;
}

.loader-s {
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #3498db;
  width: 120px;
  height: 120px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-animation: spin-loader-s 2s linear infinite; /* Safari */
  animation: spin-loader-s 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin-loader-s {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

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

@media only screen and (max-width: 991px) {
  .tour_name_desk {
    display: none;
  }
}

@media only screen and (max-width: 991px) {
  .product-slider .carousel-control-next {
    right: 3px;
    background: white;
    width: 28px;
    border-radius: 50%;
    height: 28px;
    top: 45%;
  }
}
/* Buttonat e fotov tek hoteli */
@media only screen and (min-width: 992px) {
  .product-slider .carousel-control-next {
    right: 3px;
    background: white;
    width: 60px;
    border-radius: 50%;
    height: 60px;
    top: 45%;
  }
}
@media only screen and (max-width: 991px) {
  .product-slider .carousel-control-prev {
    right: 3px;
    background: white;
    width: 28px;
    border-radius: 50%;
    height: 28px;
    top: 45%;
  }
}

@media only screen and (min-width: 992px) {
  .product-slider .carousel-control-prev {
    right: 3px;
    background: white;
    width: 60px;
    border-radius: 50%;
    height: 60px;
    top: 45%;
  }
}
/* Filterat tek Tours  */
@media only screen and (max-width: 991px) {
  .sort_filter {
    text-align: -webkit-center;
    justify-content: center;
  }
}
@media only screen and (min-width: 992px) {
  .sort_filter {
    text-align: -webkit-right;
    justify-content: center;
  }
}
@media only screen and (max-width: 991px) {
  .sort_filter {
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .sort_filter {
    max-width: 50%;
  }
  .tour_card9_container {
    margin-top: 2rem;
  }
  .tour_cheap_price_txt {
    text-align: end;
  }
}
@media only screen and (max-width: 991px) {
  .float {
    position: fixed;
    right: 100px;
  }
  .tour_cheap_price_txt {
    text-align: center;
  }
}
@media only screen and (min-width: 992px) {
  .float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 20px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
  }
}
@media only screen and (min-width: 992px) {
  .float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 20px;
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
  }

  .state_room_info {
    font-weight: 350 !important;
    padding-left: 3px;
    margin-bottom: 20px;
  }
  .calendar_week_days {
    border: 1px solid #e5e4f0;
  }
}
@media only screen and (max-width: 992px) {
  .state_room_info {
    font-weight: 350 !important;
    padding-left: 15.5px;
    margin-bottom: 20px;
  }
  .calendar_week_days {
    display: none;
  }
  .calendar_empty_cell {
    display: none;
  }
  .edit_th_column {
    padding-left: 12px !important;
  }
  /* .home_txt_journal {
    display: none;
  } */
  .header_line_list {
    padding-left: 0px;
    margin-left: 0px;
  }
}
.btn_filter_journal,
.btn_add_transfer,
.btn_add_outcome,
.btn_add_income {
  font-size: 14px !important;
}
@media only screen and (max-width: 768px) {
  .float {
    position: fixed;
    right: 17px;
  }
  .tour_float {
    position: fixed;
    right: 11px;
    bottom: 67px;
  }
  .btn_add_transfer {
    border-radius: 0px;
  }
  .btn_filter_journal,
  .btn_add_transfer,
  .btn_add_outcome,
  .btn_add_income {
    border-radius: 5px !important;
  }
  .lbl_table {
    text-align: center;
  }
}
.b {
  font-weight: 600 !important;
}

.edit_td_btn_container {
  white-space: unset;
  overflow: unset;
}
.edit_th_column {
  padding-left: 60px;
}
.init_transfers {
  border-top: 1px solid #e5e4f0;
  border-bottom: 1px solid #e5e4f0;
}

/* Navbar CSS */
#navbar_main {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

#navbar_main .mainMenu {
  margin-bottom: 20px;
}

#navbar_main .dropdown-toggle {
  justify-content: left;
}

#navbar_main .navbar-brand img {
  width: unset;
  height: 40px;
}

#navbar_main #navbarNavDropdownMain {
  justify-content: flex-end;
  font-family: Poppins, sans-serif;
}

#navbar_main .collapse:not(.show) {
  background: transparent;
}

#navbar_main a {
  color: #fa3254;
}

#navbar_main .nav-link {
  font-size: 15px;
  display: flex;
}

#navbar_main .nav-item .material-icons {
  font-size: 20px;
}

#navbar_main .nav-link span {
  margin-left: 5px;
}

#navbar_main .subMenu {
  margin-left: 20px;
}

#navbar_main .dropdown-menu a.nav-link,
#navbar_main .dropdown-menu a.disabled.text-center {
  color: black;
}

#navbar_main #dropdownMenuUserUl {
  left: -50px;
  margin-top: -5px;
}
.reservation_menu {
  top: 80% !important;
}
#navbar_main .dropdown-menu a.disabled {
  color: gray;
}

#navbar_main .text-center {
  margin: 0 auto;
}

#navbar_main .dropdown-toggle:after {
  position: inherit;
}

@media only screen and (max-width: 600px) {
  .text_rent_mobile {
    font-size: 19px;
  }
}
@media only screen and (max-width: 450px) {
  .tr_ticket_data td {
    padding: 0.2rem;
  }
}
/* .menu_dropdown{
  min-width: 2rem;
  transition: .3s color;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
} */
/* .menu_dropdown_link{
  min-width: 2rem;
  transition: .3s color;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;;
  padding-right: 0 !important;
  padding-left: 0 !important;
  font-size: 15px;
  display: flex;
}
.navbar-nav .nav-menu_dropdown_link{
  font-size: 15px;
  display: flex;
} */

/* .strike-diagonal-price {
  position: relative;
  font-size: 1.1rem;
  font-weight: 800;
}
.strike-diagonal-price:before {
  position: absolute;
  content: "";
  left: -4px;
  top: 22%;
  right: -7px;
  border-top: 2px solid;
  border-color: gray;
  -webkit-transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
} */
.info_bars {
  align-items: center;
}
#dropdownMenuUserUl {
  border-radius: 10px;
}
.reservation_menu {
  border-radius: 10px;
}
#search_bar_step_1 {
  border-radius: 10px;
}
#div_bus_ticket_step1_persons {
  border-radius: 10px !important;
  margin-top: 14px;
}
.btn_bus_ticket_index_persons {
  border: none !important;
  background: transparent;
  margin-top: 0px !important;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: white;
  opacity: 1;
}

@media print {
  html,
  body {
    width: 210mm;
    height: 297mm;
    padding-left: 10px;
  }

  .no_print {
    display: none;
  }

  .table td {
    padding: 0.2rem;
    font-size: 11px;
  }
  /* Hide journal buttons on print */
  .journal_report_section .no_print {
    display: none !important;
  }
}
.disabledButton {
  opacity: 0.5;
}

.clickable {
  cursor: pointer;
}

.btn_date_info_bar_cl {
  height: 95px;
  min-width: 60px;
  padding: 3px;
}

.btn.disabled,
.btn:disabled {
  color: gray;
}

.card_border_4 {
  border: 4px solid #e5e4f0;
  border-radius: 10px;
}

.dotted_top_line {
  border-top: 4px dotted #e5e4f0;
}

.step2_passenger_type {
  max-width: 40px;
  width: 10%;
  line-height: 40px;
}
.step2_passenger_first_name,
.step2_passenger_surname {
  width: 26%;
  line-height: 40px;
}
.step2_passenger_first_phone {
  width: 40%;
  line-height: 40px;
}

.step2_summary_table_cell_1 {
  width: 3%;
  display: inline-block;
  text-align: center;
}
.step2_summary_table_cell_2 {
  width: 20%;
  display: inline-block;
  text-align: center;
}

.bus_select_ticket,
.bus_unselect_ticket {
  min-width: 115px;
}

.btn_selected_seat {
  background-color: skyblue;
  color: white;
}

#div_step1_selected_summary {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: white;
  border-top: #333 3px solid;
}
.dropdown-menu {
  z-index: 1000 !important;
}
.table-responsive {
  min-width: 300px;
  z-index: 999;
}
.border-right {
  border-right: 2px solid black;
  height: 20px;
}

.cl_travel_date_container {
  max-height: 300px;
  overflow-x: scroll;
}
/* Bus Icon */
.bus_ticket_icon {
  align-self: center;
  color: #fa3254;
  padding-left: 12px;
  font-size: 20px;
}
.delivered_order {
  background-color: #cdecd1;
  color: #6e716f;
}
.memberActive {
  background-color: #e5e4f0;
}

.system_seats {
  border: 2px solid #007bff !important;
}
.reserved_seats {
  border: 2px solid #dc3545 !important;
}

.text-bold {
  font-weight: bold;
}

/* Line Permissions Modal Select2 Styles */
#modal_line_permissions .select2-container {
  width: 100% !important;
}

#modal_line_permissions .select2-container--default .select2-selection--multiple {
  border: 1px solid #ced4da;
  border-radius: 4px;
  min-height: 38px;
}

#modal_line_permissions .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

#modal_line_permissions .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e9ecef;
  border: none;
  border-radius: 4px;
  padding: 8px 12px;
  margin: 4px;
  font-size: 14px;
  line-height: 1.4;
}

#modal_line_permissions .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-right: 8px;
  color: #6c757d;
  font-size: 16px;
  padding: 0 4px;
}

#modal_line_permissions .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #dc3545;
}

/* Mobile-friendly dropdown options */
#modal_line_permissions .select2-container--default .select2-results__option {
  padding: 12px 16px;
  font-size: 14px;
  line-height: 1.4;
  min-height: 44px;
  display: flex;
  align-items: center;
}

#modal_line_permissions .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #4e73df;
}

#modal_line_permissions .select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #e9ecef;
}

/* Mobile-friendly search box */
#modal_line_permissions .select2-container--default .select2-search--inline .select2-search__field {
  padding: 8px 12px;
  font-size: 14px;
  margin-top: 4px;
}

/* Ensure dropdown is above other elements on mobile */
#modal_line_permissions .select2-container--open {
  z-index: 9999;
}

/* Make the dropdown wider on mobile */
@media (max-width: 768px) {
  #modal_line_permissions .select2-container {
    width: 100% !important;
  }

  #modal_line_permissions .select2-dropdown {
    width: 100%;
    max-width: 100%;
  }

  #modal_line_permissions .select2-container--default .select2-selection--multiple {
    min-height: 44px;
  }

  #modal_line_permissions .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 10px 14px;
    margin: 4px;
    font-size: 15px;
  }
}