/* myCssStart */

/* input::placeholder {
    color: #fff !important;
  } */


  input[type="date"],input[type="time"]{
   color-scheme: dark;
}

.field-a input , select, .customInputs{
   background-color: transparent;
   border: 0;
   color: #fff !important;
   padding: 0px 18px;
   transition: all .3s;
}
.field-a input:focus , select:focus, .select2:focus{
/* border: 2px solid white !important; */
   outline: none !important;
   background-color: #343434 !important;
   color: #090808 !important;
}

.field-a input::placeholder{
color: #555;
}

.field-a select option{
   color: #fff;
   background-color: #1e1e1e !important;
}
.del-btn_{
   background-color: transparent !important;
   border-radius: 0 !important;
   border: 0px !important;
   border-top-right-radius: 5px !important;
   border-bottom-right-radius: 5px !important;
   outline: none;
}
/* myCssEnd */
#holdabledata .form-control{
height: auto !important;
}
#holdabledata .input-group-addon .btn{
   height: 49px !important;
   background-color: #01597d !important;
   border-radius: 0 !important;
   border: none;
   padding: 15px 22px;
   display: flex;
}

.itemfield input{
   cursor: pointer !important;
}

.homePageWidget{
   background: #ffc00026;
    padding: 20px;
}
.homePageWidgetindex{
   background: #0000005d;
    padding: 20px;
}

.innerPageHeroWrapper .bannerForm{
   margin-top: 35px;
}

.bannerForm {
   padding: 25px 12px;
   position: relative;
   margin-top: 30px;
   margin-bottom: 30px;
   box-shadow: 0 0 10px #000;
   background: #0000005d;
}

.innerPagesWidget .bannerForm{
   border-radius: 5px;
   background: #f1f4f9c4;
   margin-top: 45px;
}

.modal-content .modal-body .card-body button{
   background-color: #386c81 !important;
   color: #fff !important;
   border-radius: 5px;
}
.bannerFormHeading{
   /* margin-top: -40px; */
   /* background: #04DBC0; */
   /* border-radius: 4px; */
   padding: 12px 0px;
   /* text-align: center; */
   margin-bottom: 8px;
   height: auto;
   
}
 .bannerFormHeading h3{
   color: white !important;
   font-weight: 700;
   margin-bottom: 0px !important;
   line-height: 100%;
   margin-top: 0 !important;
}
.bannerFormBody ul li {
   padding: 0 10px
}

.bannerForm .row [class*="col-"] {
   padding: 0 5px;
}

.innerPageBnner {
   position: relative;
   display: flex;
}
.innerPageBnner {
   width: 80% !important;
   margin: auto;
}

.bannerFormBody input {
   height: 36px !important
}

.bannerFormBody ul li button {
   height: 36px !important
}



@media (min-width:768px) {
   .innerPageBnner {
       height: 500px !important;
       padding: 0 !important;
   }
}
@media (max-width:768px) {
   .form-container {
       position: relative;
       width: 100%;
   
   }

   .my-header,
   .my-header-1 h1 {
       font-size: 4.2rem !important
   }

   .door-no-768 {
       position: absolute;
       top: 77px;
       width: 101%
   }

   .field-mini-768 {
       margin-top: 57px
   }

   .navbar-toggle {
       float: none
   }
   

   button#submit {
       width: 100% !important
   }
   .innerPageBnner {
       width: 100% !important;
   }
  
   .innerPageBnner {
       height: 305px !important;
       padding: 0px;
       margin-top: 0 !important;
   }
   .bannerFormBody ul li {
       float: none !important
   }
 .bannerFormHeading{
   width: 100% !important;
}
.bannerForm .cus-order-1{
order: -1;
}

  
}

/* .my-input {
   background: url(../contents/images/location-icon.jpg) 320px 10px no-repeat;
   background-size: 18px;
} */

.bokingform {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   padding-top: 0
}

.apps-icon ul {
   width: 100%;
   text-align: center
}

.apps-icon ul li {
   width: 7%
}

body .ui-autocomplete::-webkit-scrollbar-track {
   background: #347ff3;
}

body .ui-autocomplete {
   z-index: 9999999999;
   position: absolute;
   background: #fff;
   top: 100%;
   width: 100px;
   height: auto;
   margin: 30px;
   padding: 0;
   list-style-type: none
}

body .ui-autocomplete .ui-menu-item {
   list-style-type: none;
   width: 100%
}

body .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper {
   padding: 8px;
   background: url(../contents/images/pin.jpg) 5px 12px no-repeat;
   background-size: 20px;
   color: #000;
   padding-left: 35px;
}

.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
   font-weight: 700 !important;
   color: #fff !important;
   padding: 10px;
   cursor: pointer;
   background-color: #01597d !important;
}

.ui-autocomplete {
   max-height: 400px;
   overflow-y: scroll;
   overflow-x: hidden
}

.ui-helper-hidden {
   display: none
}

.ui-helper-hidden-accessible {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px
}

.field-img {
   background-color: #fff;
   padding: 15px;
   border-right: 1px solid #d3d3d3
}



.field input {
   width: 100%;
   /* border: 2px solid transparent !important;
   background-color: rgb(255 255 255) !important;
   color: #000 !important; */
   font-size: 16px !important;
   font-weight: 500 !important;
   /* padding: 10px; */
   height: 50px !important;
}

/* .field-mini img {
   width: 18px;
   height: 18px;
} */

.field-mini button {
   background-color: #01597d;
   outline: none;
   border: none;
   width: 70px;
   height: 100%;
}
.field-mini button:focus{
   outline: none;
}
.field-mini button:hover {
   cursor: pointer;
   transition: .4s
}

.field-mini {
   display: flex
}

.field-mini input {
   width: 100%;
   font-size: 16px !important;
   font-weight: 500 !important;
   cursor: default;
height: 50px !important;
}

#via{
   cursor: pointer;
}

.lin1 {
   width: 100%;
   float: left;
   display: flex;
   justify-content: center
}

.lin2 {
   width: 100%;
   float: left;
   display: flex;
   justify-content: space-between
}

.datefield input {
   width: 100%;
   /* border: none;
   background-color: rgb(255 255 255) !important;
   color: #000 !important; */
   font-size: 16px !important;
   font-weight: 500 !important;
   padding: 6px 18px;
   /* -webkit-appearance: none !important; */
   height: 50px !important;
}

.lin3 {
   width: 100%;
   float: left;
   display: flex;
   justify-content: center
}

.datefield {
   display: flex
}

.datefield img {
   background-color: #fff;
   padding: 15px
}

.timefield img {
   background-color: #fff;
   padding: 13px
}

.timefield {
   display: flex
}

.timefield input {
   width: 100%;
   /* border: none;
   background-color: rgb(255 255 255) !important;
   color: #000 !important; */
   font-size: 16px !important;
   font-weight: 500 !important;
   padding: 6px 18px;
   /* -webkit-appearance: none !important; */
   height: 50px !important;
}

/* .mini2 button {
   padding: 12px 15px;
} */

.mini2 button:hover {
   transition: none;
   cursor: auto
}

.field-mini select {
   width: 100%;
   /* border: none;
   background-color: rgb(255 255 255) !important;
   color: #000 !important; */
   font-size: 16px !important;
   font-weight: 500 !important;
   padding: 11px;
   height: 50px;
}

.form-container {
   padding: 20px 14px;
   border-radius: 20px;

}

.selectfield select {
   width: 100%;
   /* border: 2px solid #fff !important;
   background-color: rgb(255 255 255) !important;
   color: #000 !important; */
   font-size: 16px !important;
   font-weight: 500 !important;
   /* padding: 10.5px */
}

.submitbtn {
   width: 100%;
   float: left;
   text-align: center;
   margin-top: 8px;
   margin-bottom: 10px;
}

.submitbtn button {
   color: #fff;
   line-height: 1;
   background: transparent;
   padding: 0;
   display: inline-block;
   font-weight: 600;
   text-decoration: none !important;
   transition: all 0.3s;
   width: 100%;
   border: none;
   height: 50px;
   margin: 0;
   border: 1px solid #fff;
}

.form-home .submitbtn button{
   width: 100%;
   padding-right: 0;
   padding-left: 0;
}
.submitbtn button{
 font-size: 14px;
}
.submitbtn button:hover {
   background-color: #fff;
   color: #01597d;
   font-size: 14px;
}

.modal {
   background-color: rgba(0, 0, 0, .6);
   z-index: 9999;
}



.card-body {
   display: flex;
   flex-wrap: wrap;
   justify-content: center
}

.card-body button {
   width: 100%;
   color: #000 !important;
   margin: 8px;
   padding: 10px;
   font-size: 16px;
}

/* .card-body button:hover{
   color: #01597d !important;
} */

.luggage-btns {
   width: 100%;
   font-size: 17px;
   font-weight: 600;
   background-color: #01597d;
   color: #fff;
}

#holdabledata .input-group {
   height: 50px;
   display: flex;
   align-items: center;
   background-color: #fff;
   color: #555;
   border: none !important;
   border-radius: 0;
   overflow: hidden;
   margin-top: 10px !important;
   float: left !important;
}

#holdabledata .form-control {
   font-size: 16px !important;
   font-weight: 500 !important;
   background-color: transparent;
   border: 0;
   color: #555 !important;
   padding: 0px 18px;
   border-radius: 0;
   border-right: none;
   margin-top: -4px;
}

.input-grp-btns {
   background-color: #fff
}

#holdabledata .input-group-addon {
   padding: 0 !important;
   background-color: transparent !important;
   border: 0 !important
}

.accordion button {
   outline: 0 !important;
   white-space: normal
}

.times-dialog {
   margin: 200px auto
}

.modal-header .close {
   margin-top: 0;
   background: #01597d;
   border-radius: 50%;
   margin-right: 0;
   display: flex;
}

.modal-header .close img{
   width: 12px;
   height: 12px;
}

.btn-default {
   font-weight: 700 !important
}

.modal-header {
   min-height: 16.43px;
   padding: 15px;
   border-bottom: none;
}

.modal-title {
   color: #000;
   font-size: 22px
}

.custom-btn-2 {
   padding: 10px 20px;
   font-weight: 600;
   background-color: #01597d;
   color: #fff;
   border: 1px solid transparent;
   transition: all .3s;
}

.custom-btn-2:hover{
   background-color: #fff;
   border-color: #01597d;
   color: #111;
}

.appStoreLinks2 img {
   width: 150px
}

.appStoreLinks2 {
   margin-bottom: 20px;
   text-align: center
}

.wait-label{
   margin-top: 11px;
   color: #000;
   font-weight: 700;
}

@media screen and (min-width:320px) and (max-width:767px) {
   .lin1 {
       display: flex;
       justify-content: center;
       flex-direction: column
   }

   .lin2 {
       display: flex;
       justify-content: center;
       flex-direction: column
   }

   .lin3 {
       display: flex;
       justify-content: center;
       flex-direction: column
   }

   .field {
       width: 100%
   }

   .field-mini {
       width: 100%;
       margin: 0 0 8px
   }

   .datefield {
       width: 100%;
       margin: 0 0 8px
   }

   .timefield {
       width: 100%;
       margin: 0 0 8px
   }

   .selectfield {
       width: 100%;
       margin-bottom: 8px
   }

   .submitbtn button {
       width: 100%
   }

   .apps-icon ul li {
       width: 22%
   }

   .bokingform {
       padding-bottom: 50px
   }

   .bannerForm {
       height: auto
   }
}

.loading-div {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 9999999;
   background-color: #fff;
   display: none;
   transition: all .3s ease-in-out
}

.inner-loading-div {
   text-align: center;
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   width: 100%
}

.loading-imgs-div {
   width: fit-content;
   position: relative;
   margin: 0 auto
}

.loaderAnimateWrap{
   position: relative;
   width: 50px;
   height: 50px;
   border-radius: 50%;
}

.loaderAnimateWrap:before{
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-radius: 100%;
   border: 5px solid #000;
   animation-name: cus_fade_anim;
   animation-duration: 1s;
   animation-timing-function: ease-in-out;
   animation-iteration-count: infinite;
}

.loaderAnimateWrap:after{
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-radius: 100%;
   border: 5px solid transparent;
   border-top-color: #01597d;
   animation-name: rotate_anim;
   animation-duration: 1s;
   animation-timing-function: ease-in-out;
   animation-iteration-count: infinite;
}

@keyframes rotate_anim {
   0% {
       transform: rotate(0)
   }

   100% {
       transform: rotate(360deg)
   }
}

@keyframes cus_fade_anim {
   0% {
       opacity: 1;
   }

   50% {
       opacity: 0.5;
   }

   100% {
       opacity: 1;
   }
}

.field-a, .customInputs {
   margin: 8px 0;
   overflow: hidden;
   transition: all 0.3s ease-in-out;
   background: #fff;
   border: none;
   border-radius: 0;
   height: 50px;
   display: flex;
   align-items: center;
}

/* .cusField{
   background: transparent;
   border-radius: 0;
   border: none;
   box-shadow: none;
} */

.select2.select2-container.select2-container--default{
   background-color: transparent;
   border-radius: 26px;
   border: none !important;
   height: 100% !important;
   transition: all 0.5s;
}

.modal-content{
   background: #fff;
   border: none;
}

#myModalvias .modal-content{
   text-align: center;
}

.modal-footer{
   border: none;
}

.table td, .table th{
   color: #000;
   padding: 12px 0px;
   vertical-align: middle;
   border: none !important;
}

.via-labels{
   display: none;
}

.table .form-control {
   border-radius: 5px 0 0 5px !important;
   height: 45px;
   border-color: #01597d;
   box-shadow: none;
}

.table td [id*="dlt-via_"] {
   padding: 0 10px;
   background: #01597d;
   color: #fff;
   border-radius: 0 5px 5px 0;
   height: 45px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.card-header{
   background: transparent;
   border: none;
}

.modal .card{
   background-color: transparent;
   border: none;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
   background-color: #01597d !important;
}
.select2-results__options{
  background-color: black !important;
}

@media (max-width: 1200px) {
   /* .bannerContent {
       top: 180px !important;
   } */
}

@media (max-width:425px) {
   .lin1 .col-lg-4.col-md-6.col-sm-12.m-top-60 {
       margin-top: 60px;
   }

   .lin2 .col-lg-4.col-md-6.col-sm-12.m-top-89 {
       position: absolute;
       top: 80px;
       width: 100%;
   }
      

   .bannerFormHeading h3 {
       font-size: 20px !important;
   }

   .submitbtn {
       margin-top: 5px !important;
   }

   .field-a {
       margin: 5px 0 !important;
   }

  


}

@media (max-width: 480px) {
   .bannerFormHeading.pad-t-50 {
       padding-top: 10px !important;
   }
}

@media (max-width: 768px) {
   .innerPageBnner {
       height: 100% !important;

   }

  
}

.select2{
   width: 100% !important;
}
.cusField{
   background-color: transparent !important;
}
.select2-container--default .select2-selection--single{
   outline: none;
   background: #fff !important;
   border: none !important;
   border-radius: 0px !important;
   display: flex !important;
   align-items: center;
   height: 50px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
   height: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder{
   color: #555 !important;
   font-weight: 500;
   transition: all 0.3s;
}

.select2-selection__rendered{
   text-align: left;
}

.select2-search__field:focus-visible{
   outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
   color: #555 !important;
   padding-left: 18px !important;
}

.select2-dropdown{
   border: none !important;
   /* top: -1px; */
   background-color: #1F2229;
   border-radius: 0 !important;
}
.select2-results__option{
   color: #fff;
}

.select2-selection__rendered{
   text-align: left;
   padding-left: 18px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
   border-color: #49274a transparent transparent transparent !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
   border-color: transparent transparent #49274a transparent !important;
   border-width: 0 4px 5px 4px !important;
}

.cus-hold-able-wrapper {
   order: 11;
   padding: 0 !important;
}

#holdabledata {
   width: 100%;
   margin: auto;
}

@media screen and (max-width: 992px){
   .cus-hold-able-wrapper {
       order: unset;
   }
}

@media screen and (max-width: 480px) {
   .field-a input, select, .customInputs, #holdabledata .form-control{
       padding: 0px 8px !important;
       color: #555 !important;
   }
   .select2-container--default .select2-selection--single .select2-selection__rendered{
       padding-left: 8px !important;
   }
}

@media screen and (max-width: 576px) {
   .bannerForm{
       padding: 10px 15px !important; 
       /* margin: 0 -15px; */
   }
   .field input,
   .select2-container--default .select2-selection--single .select2-selection__placeholder,
   .field-a input,
   select,
   .customInputs,
   .field-mini select,
   .selectfield select,
   #holdabledata .form-control{
       font-size: 12px !important;
   }
   .modal-dialog {
       width: 100% !important;
       height: 100%;
       max-height: 100%;
       min-height: 100%;
       margin: 0;
   }
   .modal-content{
       height: -webkit-fill-available;
       border-radius: 0;
   }
   .modal-body{
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
   }
   .modal-body .accordion{
       max-height: 500px;
       width: 100%;
   }
}






/* Aiport icon Css */

.airportList{
   width: 12%;
   height: 100%;
 }
 
 .airportList .airportListModal{
   border: none;
   outline: none;
   background-color: #01597d;
   color: #fff;
   border-radius: 0;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
   padding: 0;
   width: 100%;
   height: 100%;
 }
 .field-a input:focus, select:focus, .select2:focus {
   background-color: #fff !important;
   color: #555 !important;
 }
 .field-a input, select, .select2 {
   background-color: #fff !important;
   color: #555 !important;
 }
 .airportList .airportListModal:hover,
 .airportList .airportListModal:focus{
   border: none !important;
   outline: none !important;
   background-color: #01597d !important;
   color: #fff !important;
 }
 
 .airportList .airportListModal img{
   width: 30px;
   height: 30px;
   box-shadow: none;
 }
 
 .airportlistModalCustom .modal-dialog{
   max-width: 320px;
 }
 
 .airportlistModalCustom .airportNames button{
   width: 100%;
   background: #1F2229;
   color: #fff;
   border-radius: 5px;
   margin-bottom: 8px;
 }
 
 .airportlistModalCustom .airportNames button:last-child{
   margin-bottom: 0;
 }
 
 .close-luggage img{
   width: 15px;
   height: 15px;
 }
 .select2.select2-container.select2-container--default{
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
 .select2{
   width: 88% !important;
 }
 
 @media screen and (max-width: 576px) {
   .airportlistModalCustom .modal-dialog{
      max-width: 100%;
   }
   .airportList{
      width: 14%;
   }
   .select2{
      width: 86% !important;
   }
   .modal-content{
     height: 100%;
   }
 }

 /* Aiport icon Css */

 /* css add for modal */

#airportListModal1,#airportListModal2,#myModalvias,#myModalitem,#moreModalitem{
   padding: 0px !important;
}
#modalstyle{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  height: 100% !important;
}

#savebtn{
padding-top: 10px !important;
padding-bottom: 10px !important;
}
#modalwidth{
   width: 390px !important;
}

#journeytype{
   height: 100% !important;
   height: 45px !important;
}
#aeroplaneone{
height: 35px !important;
}


@media screen and (min-width: 768px) and (max-width: 990px) {
   #tablet {
       display: none;
   }
}