/* Hotel list */

.no-result-hotel {
  margin-top: 30px;
}

.hotel-price-text {
  font-size: 15px;
}

/* Logo */

.logo-color {
  color: red;
}

/* Flight details section */

.item-flight-details {
  margin-bottom: 10px;
}

.hide {
  display: none;
}

.bs-vertical-wizard {
  padding-bottom: 50px;
}

.bs-vertical-wizard ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.bs-vertical-wizard ul > li {
  display: block;
  position: relative;
}

.bs-vertical-wizard ul > li > a {
  display: block;
  padding: 10px 10px 10px 40px;
  color: #333c4e;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.8px;
}

.bs-vertical-wizard ul > li > a:before {
  content: "";
  position: absolute;
  width: 1px;
  height: calc(100% - 25px);
  background-color: #bdc2ce;
  left: 13px;
  bottom: -9px;
  z-index: 3;
}

.bs-vertical-wizard ul > li > a .ico {
  pointer-events: none;
  font-size: 14px;
  position: absolute;
  left: 10px;
  top: 15px;
  z-index: 2;
}

.bs-vertical-wizard ul > li > a:after {
  content: "";
  position: absolute;
  border: 2px solid #bdc2ce;
  border-radius: 50%;
  top: 14px;
  left: 6px;
  width: 16px;
  height: 16px;
  z-index: 3;
}

.bs-vertical-wizard ul > li > a .desc {
  display: block;
  color: #bdc2ce;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.8px;
}

.bs-vertical-wizard ul > li.complete > a:before {
  background-color: #5cb85c;
  opacity: 1;
  height: calc(100% - 25px);
  bottom: -9px;
}

.bs-vertical-wizard ul > li.complete > a:after {
  display: none;
}

.bs-vertical-wizard ul > li.locked > a:after {
  display: none;
}

.bs-vertical-wizard ul > li:last-child > a:before {
  display: none;
}

.bs-vertical-wizard ul > li.complete > a .ico {
  left: 8px;
}

.bs-vertical-wizard ul > li > a .ico.ico-green {
  color: #5cb85c;
}

.bs-vertical-wizard ul > li > a .ico.ico-muted {
  color: #bdc2ce;
}

.bs-vertical-wizard ul > li.current {
  background-color: #fff;
}

.bs-vertical-wizard ul > li.current > a:before {
  background-color: #ffe357;
  opacity: 1;
}

.bs-vertical-wizard ul > li.current > a:after {
  border-color: #ffe357;
  background-color: #ffe357;
  opacity: 1;
}

.bs-vertical-wizard ul > li.current:after,
.bs-vertical-wizard ul > li.current:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.bs-vertical-wizard ul > li.current:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #fff;
  border-width: 10px;
  margin-top: -10px;
}

.bs-vertical-wizard ul > li.current:before {
  border-color: rgba(234, 236, 241, 0);
  border-left-color: #eaecf1;
  border-width: 11px;
  margin-top: -11px;
}

.segment-line {
  height: 125px;
}

.list-position {
  margin-bottom: 15px;
}

.checkbox-bagage {
  margin-top: 5px;
}

.container-ticket {
  margin-bottom: 25px;
}

.multidestinations-tickets-container {
  margin-bottom: 10px;
}

.transition-line {
  width: 100%;
  margin-bottom: 50px;
  margin-top: -50px;
  color:blue;
}

.segment-block {
  height: 125px;
}

.control-label {
  display: block;
}

.autocomplete-wrapper {
  position: relative;
}

.autocomplete-wrapper input {
  width: 100%;
}

.autocomplete-results {
  position: absolute;
  background: white;
  z-index: 1;
  top: 100%;
  left: 0;
  font-size: 13px;
  border: solid 1px #ddd;
  border-top-width: 0;
  border-bottom-color: #ccc;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.autocomplete-result {
  padding: 12px 15px;
  border-bottom: solid 1px #eee;
  cursor: pointer;
}

.autocomplete-result:last-child {
  border-bottom-width: 0;
}

.autocomplete-location {
  opacity: 0.8;
  font-size: smaller;
}

.autocomplete-results[data-highlight="0"] > :nth-child(1) {
  color: white;
  background: #26c9ff;
  border-bottom-color: #26c9ff;
  outline: solid 1px #00b6f2;
}

.autocomplete-results[data-highlight="1"] > :nth-child(2) {
  color: white;
  background: #26c9ff;
  border-bottom-color: #26c9ff;
  outline: solid 1px #00b6f2;
}

.autocomplete-results[data-highlight="2"] > :nth-child(3) {
  color: white;
  background: #26c9ff;
  border-bottom-color: #26c9ff;
  outline: solid 1px #00b6f2;
}

.autocomplete-results[data-highlight="3"] > :nth-child(4) {
  color: white;
  background: #26c9ff;
  border-bottom-color: #26c9ff;
  outline: solid 1px #00b6f2;
}

.autocomplete-results[data-highlight="4"] > :nth-child(5) {
  color: white;
  background: #26c9ff;
  border-bottom-color: #26c9ff;
  outline: solid 1px #00b6f2;
}

.autocomplete-results[data-highlight="5"] > :nth-child(6) {
  color: white;
  background: #26c9ff;
  border-bottom-color: #26c9ff;
  outline: solid 1px #00b6f2;
}

.autocomplete-results[data-highlight="6"] > :nth-child(7) {
  color: white;
  background: #26c9ff;
  border-bottom-color: #26c9ff;
  outline: solid 1px #00b6f2;
}

.autocomplete-results[data-highlight="7"] > :nth-child(8) {
  color: white;
  background: #26c9ff;
  border-bottom-color: #26c9ff;
  outline: solid 1px #00b6f2;
}

/* Flight Homepage */

.home-background {
  width: 100%;
}

.type-flight {
  background-color: white;
  max-width: 450px;
}

.form-style {
  padding: 25px;
  background-color: grey;
}

.text-color {
  color: white;
}

.multidestination-form {
  padding: 25px;
  background-color: grey;
  overflow-y: scroll;
  max-height: 550px;
}

.multidestination-modal-form {
  padding: 25px;
  background-color: grey;
  overflow-y: scroll;
  max-height: 450px;
}

.scroll-form {
  padding: 25px;
  background-color: grey;
  overflow-y: auto;
  max-height: 550px;
}

.adult-fields {
  margin-top: 15px;
}

/* ticket details page */
.info-section {
  overflow-y: auto;
  max-height: 650px;
}

/* search form to change flight */

.location-item {
  display: block;
  border-bottom: 0.5px solid black;
  background-color: cornsilk;
  padding: 5px;
  text-align: center;
  width:100%;
}

.location-item:hover {
  background-color: goldenrod;
  cursor: pointer;
}

/* flight offers */
.book-price {
  margin-left: 175px;
  width: 200px;
}

.text-book-price {
  color: red;
  font-size: medium;
}