.formcol1 ul form input,
select {
  width: 100%;
  margin-bottom: 10px;
  height: 65px;
}
.formcol {
  position: relative;
}
.formcol ul {
  box-shadow: unset;
  border: 1px solid #fff;
}
.formcol ul form {
  display: flex;
  flex-direction: column;
}
.formcol ul form input {
  width: 100%;
  margin-bottom: 10px;
  height: 45px !important;
}
.formcol ul form select {
  width: 100%;
  margin-bottom: 10px;
  height: 45px !important;
}
.formcol ul li {
  position: unset !important;
  padding: 0 !important;
}
.formcol ul form button {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
}
.formcol ul form button i {
  margin-right: 5px !important;
}
.formcol .location_search_to {
  margin-top: -15px;
}
.formcol form .time-picker {
  top: -415px !important;
}
.cheading {
  font-size: 16px !important;
  line-height: 21px;
  color: #000;
  font-weight: 600;
}
@media (max-width: 767.98px) {
  .cheading {
    font-size: 12px !important;
  }
}
/* 
.formcol form input {
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding: 25px 10px;
}
.formcol .form-banner-reservation .form-group i {
  transform: rotate(0deg);
}
.formcol .form-group {
  margin-bottom: 10px;
}
.form-group {
  position: relative;
}

.form-group label {
  position: absolute;
  top: -0.8em;
  left: 10px;
  font-size: 12px;
  background: white;
  color: #b0b0b3;
  padding: 0 5px;
}

.form-group input {
  padding: 8px 5px 5px;
}
.formcol .swipe {
  right: 50px;
  top: 40px;
  transform: scale(1.4) rotate(90deg);
  border-radius: 50px;
  background-color: #019787;
  background-image: url(../../images/swipe-icn2.png);
}
@media (max-width: 991px) {
  .formcol .swipe {
    right: 10% !important;
  }
}
@media (max-width: 575px) {
  .formcol .swipe{
  right: 22% !important;
  }
}
.formcol .swipe:hover {
  transform: scale(1.4) rotate(360deg);
}
.formcol button {
  display: flex;
  align-items: center;
}
@media (max-width: 1199.98px) {
  .formcol button {
    padding: 0 20px !important;
  }
}
 */
.customl_sidebar {
  background-color: #019787 !important;
}
.customl_sidebar h3 {
  color: #ffffff;
}
.customl_sidebar .br-tabs-content {
  background-color: transparent;
}
.customl_sidebar ul {
  border: none;
}
.customl_sidebar .style-2 input,
.style-2 input.form-control,
.style-2 textarea,
.style-2 textarea.form-control,
.style-2 select,
.style-2 select.form-control {
  /* background-color: transparent; */
  -webkit-appearance: none;
  appearance: none;
}
.customl_sidebar input::placeholder {
  /* color: #ffffff !important; */
}
.customl_sidebar .form-banner-reservation .form-group i {
  transform: rotate(0deg);
  margin-top: -5px;
  color: #019787;
}
.customl_sidebar .searchcab {
  border: 2px solid #ffffff !important;
  background-color: transparent !important;
}
.customl_sidebar .searchcab:hover {
  background-color: #ffffff !important;
  color: #019787 !important;
}
.customl_sidebar .searchcab:hover i {
  color: #019787 !important;
}
.customl_sidebar .searchcab i {
  margin-top: 0 !important;
  color: #ffffff !important;
}
/* guest detail page css start */
.tablex {
  margin-bottom: 20px;
}

.tablex .transfer {
  padding: 10px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tablex h4 {
  font-size: 18px;
  line-height: 24px;
  color: #222;
  font-weight: 600;
  padding: 10px 30px;
  margin-bottom: 0;
}

.tablex .transfer a button {
  font-size: 18px;
  color: #ffffff;
  border-radius: 50px;
  background-color: red;
  border: 2px solid #ffffff;
  padding: 10px 30px;
  opacity: 80%;
  font-weight: 600;
}

.tablex .transfer a button:hover {
  opacity: 100%;
}

.tablex .transfer a {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  color: #018072;
  text-decoration: underline;
  padding: 10px 30px;
}
.tablex .cbrd {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px,
    rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
  background-color: #ffffff;
}

.tablex .transfer3 {
  margin-top: 10px;
}

.tablex .transfer3 h5 {
  font-size: 22px;
  color: #018072;
  font-weight: 600;
  margin-bottom: 20px;
}

.tablex .transfer3 .content {
  padding: 20px 20px;
}
.tablex .transfer3 .content p {
  font-size: 13px;
  color: #222;
  font-weight: 400;
  margin-right: 10px;
  margin-bottom: 10px;
  min-width: 120px;
}
.tablex .transfer3 .content .field p {
  font-size: 13px;
  color: #222;
  font-weight: 400;
  margin-right: 10px;
  margin-bottom: 10px;
  min-width: 120px;
}

.tablex .transfer3 .content .d-flex {
  /* margin: 20px 0px; */
}

.tablex .transfer3 .content .field input {
  width: 100%;
  margin: 0px 5px;
  /* margin-right: 10px; */
  margin-bottom: 5px;
}
.tablex .transfer3 .content button {
  font-size: 18px;
  color: #ffffff;
  border-radius: 5px;
  background-color: #018072;
  border: 2px solid #ffffff;
  padding: 10px 30px;
  opacity: 80%;
  font-weight: 600;
}
.tablex .transfer3 .content button:hover {
  opacity: 100%;
}
.tablex .transfer3 .content .field {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.tablex .transfer3 .content .field a {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  color: #222;
  text-decoration: underline;
  padding: 10px 10px;
}
@media (max-width: 992.98px) {
  .tablex {
    margin-top: 80px;
  }
  .tablex .transfer {
    flex-direction: column;
    align-items: flex-start;
  }

  .tablex h4 {
    font-size: 14px;
    padding: 5px;
  }

  .tablex .transfer a button {
    font-size: 11px;
    padding: 8px 10px;
  }

  .tablex .transfer a {
    font-size: 14px;
    padding: 5px;
  }
}
@media (max-width: 575.98px) {
  .tablex .transfer3 .content {
    padding: 15px;
  }
  .tablex .transfer3 .content .field {
    align-items: self-start;
    flex-direction: column !important;
  }
  .tablex .transfer3 .content .field p {
    margin-top: 10px;
    min-width: unset;
  }
  .tablex .transfer3 .content .field p,
  input {
    margin-bottom: 5px;
  }
  .tablex .transfer3 .content .field input {
    margin: 0;
    margin-bottom: 5px;
  }
  .tablex .transfer3 .content .field input::placeholder {
    font-size: 14px;
  }
  .tablex .transfer3 .content button {
    font-size: 14px;
  }
  .tablex .transfer3 .content .field a {
    padding: 0;
    font-size: 14px;
  }
  .tablex .transfer3 h5 {
    font-size: 17px;
  }
}
/* Transfer Search Result Page Css */
.refendable11 .box-result .flight_details a {
  color: #018072;
}
.refendable11 .box-result .fare_rules a {
  color: white;
}
.refendable11 .box-result .flight_details a i {
  color: #ffffff;
}
@media (max-width: 575.98px) {
  .refendable11 .box-result .list-search-result {
    /* display: flex; */
    /* align-items: self-start; */
    /* flex-direction: column !important; */
    /* justify-content: flex-start; */
    padding: 0px 20px;
    padding-bottom: 0;
  }
  .refendable11 .box-result .list-search-result li:first-child{
    width: 100% !important;
  }
  .refendable11 .box-result .list-search-result li {
    margin-bottom: 20px;
    /* width: 100%; */
    padding-left: 0px !important;
    width: 25%;
  }
  .refendable11 .box-result .list-search-result li .duration {
    text-align: left !important;
    /* margin-left: 25px; */
  }
 
  .refendable11 {
    position: relative;
  }
  .refendable11 .box-result .list-search-result li .flight_name {
    font-size: 16px !important;
    /* position: absolute; */
    /* top: 8px; */
  }
  .refendable11 .box-result .list-search-result li .departdate {
    position: absolute;
    /* margin-left: -60px; */
  }
  .refendable11 .box-result .list-search-result li span {
    font-size: 14px !important;
  }
  .refendable11 .box-result .list-search-result li .mainprice {
    font-size: 18px !important;
  }
  .custom-flight-oneway .box-result .list-search-result li .btn.colorful-transparent.btn_green{
    top: 57px !important;
    bottom: unset !important;
    right: 11px !important;
    width: 85px !important;
  }
  .refendable11
    .box-result
    .list-search-result
    li
    .btn.colorful-transparent.btn_green {
    font-size: unset !important;
    /* background-color: #018072 !important; */
    /* width: 115px;
    position: absolute;
    bottom: 29px;
    right: 41px; */
    width: 90px;
    position: absolute;
    /* bottom: 24px; */
    right: 25px;
    margin-top: 10px;
  }
  .refendable11 .box-result .flight_details {
    align-items: self-start;
    width: 100%;
    justify-content: start;
    margin-bottom: 20px;
    align-items: center;
  }
  .refendable11 .box-result .flight_details a {
    /* font-size: 16px; */
    /* margin-left: 10px; */
    font-size: 12px !important;
    border: 1px solid #019787;
    padding: 1px 7px !important;
    border-radius: 40rem;
  }
  .custom_transfer ul {
    font-size: 15px !important;
    display: flex;
    flex-direction: column;
  }
  .custom_transfer ul li a {
    display: flex;
    align-items: center;
  }
  .custom_transfer ul li a i {
    margin-left: 5px;
  }
  .refendable11 .box-result .list-search-result li {
    /* border-bottom: 1px solid #6C7A89 !important; */
    padding: 10px 0px !important;
    margin-bottom: 0;
  }
}
@media (max-width: 1400px) {
  .oneway_search .flight_info ul li,
  .internationtrip_search .flight_info ul li {
    padding: 10px 22px;
  }
}
@media (max-width: 1200px) {
  .oneway_search .flight_info ul li,
  .internationtrip_search .flight_info ul li {
    padding: 10px 11px;
  }
}
@media (max-width: 992px) {
  .oneway_search .flight_info ul li,
  .internationtrip_search .flight_info ul li {
    padding: 10px 11px;
  }
  .flight_info ul li {
    font-size: 8px;
  }
}
@media (max-width: 575.98px) {
  .custom_header_transfer {
    display: none !important;
  }
  /* .cfirst{
    display: flex;
      padding: 10px 0;
      &:before {
        color: #6C7A89;
        padding-right: 10px;
        content: attr(data-label);
        flex-basis: 25%;
        text-align: left;
      }
    } */
}
/* flight oneway page css */
@media (max-width: 575.98px){
  .custom-flight-oneway .box-result .list-search-result li .flight_name {
    position: unset;
    font-size: 16px !important;
    color: #000;
    align-items: self-start;
    width: 100%;
    justify-content: start;
    font-weight: 600;
    line-height: 20px;
  }
  .custom-flight-oneway .box-result .list-search-result li:nth-child(2){
    line-height: 55px;
  }
  .custom-flight-oneway .box-result .flight_details a {
    font-size: 13px;
  }
}
/* .search_form button{
  } */
  .customnew_hform button{
   height: 65px !important;
 }
 .customnew_hform .cus_loc_field{
  width: 29% !important;
 }
 .newhs{
  padding: 20px !important;
 }
 @media (max-width: 1199.98px){
  .hotel_search .customnew_hform .cus_loc_field, .hotel_search .customnew_hform .cus_checkinout_field, .search_field .cus_passenger_field{
    width: 25% !important;
   }
 }
 @media (max-width: 992.98px){
  .hotel_search .customnew_hform .cus_loc_field, .hotel_search .customnew_hform .cus_checkinout_field, .search_field .cus_passenger_field{
    width: 100% !important;
  }
  .hotel_search .customnew_hform form{
    flex-direction: column !important;
  }
  .hotel_search .customnew_hform form button{
    width: 100% !important;
  }
  .hotel_search .customnew_hform .cus_searchbtn_field{
    bottom: -2px;
  }
 }