/*
 * Title:   Custom Style File
 * Author:  http://themeforest.net/user/soaptheme 
 */
@media screen and (max-width: 767px) {
  .breadcrumbs {
    display: inline-flex !important;
  }
}

.ranger-marker {
  position: absolute;
  width: 9px;
  height: 17px;
  border-radius: 0;
}

.sort-by-section {
  padding-bottom: 10px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  border-radius: 6px;
}

.form-group .datePicker {
  border: 1px solid #ccc;
  color: #555;
  background-color: #fff;
}

.listing-style3.flight .details .details-wrapper .time .seat span {
  position: absolute;
  top: -4px;
  right: 5px;
  color: #000;
  font-size: 14px;
}

.listing-style3.flight .details .details-wrapper .time .seat img {
  width: 25px;
}

.listing-style3.flight .details .details-wrapper .time .bagg span {
  position: absolute;
  top: 35px;
  /* 	right: -55px; */
  left: 65px;
  color: #000;
  font-size: 10px;
}

.listing-style3.flight .details .details-wrapper .time .bagg i {
  top: 20px;
  font-size: 15px;
  width: 150px;
}

.location-name.location-name-70 {
  background-color: #b60015;
  padding: 0px 5px;
  color: white;
}

h5.advancedSearch {

 
  background: #3F51B5;
  color: white;
  font-size: 12px;
  text-transform: capitalize;
  padding: 10px;
  border-radius: 10px;
}


.TyepSearch {
  text-align: center;
}

.booking-details .timing label,
.booking-details .timing span {
  font-size: 12px;
}

.airport-detail {
  font-weight: bold;
  color: black;
}

#flight-details .flights .logo img {
  padding-bottom: 5px;
}

.entete {
  font-size: 12px;
  font-weight: bold;
  word-break: break-all;
  vertical-align: bottom;
  border-bottom: 2px solid var(--primary);
  color: black;
  padding: 5px;
}

.td-body {
  font-size: 14px;
  word-break: break-all;
  color: black;
  padding: 10px 5px;
}

.td-body img {
  max-height: 50px;
}

.td-body span {
  font-weight: bold;
}

.splitterow p {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0px;
}

.splitter {
  width: 45%;
  border-bottom: 1px solid #d1d1d1;
  margin: 0 5px;
}

.confirm-booking:disabled {
  cursor: not-allowed;
  background-color: #949494;
}

.back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;

  background: var(--primary) !important;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 12;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.back-to-top i {
  color: #fff;
  margin: 0;
  position: relative;
  left: 0px;
  top: 5px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.back-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}

.back-to-top:hover i {
  color: #fff;
  top: 0px;
}

.sortorder:after {
  content: '\25b2';
  //
  BLACK UP-POINTING TRIANGLE
}

.sortorder.reverse:after {
  content: '\25bc';
  //
  BLACK DOWN-POINTING TRIANGLE
}

/* Amor Custom width for dialog */
.ngdialog.ngdialog-theme-default.custom-width-750 .ngdialog-content {
  width: 750px;
}

.ngdialog.ngdialog-theme-default.custom-height-300 .ngdialog-content {
  height: 300px;
  width: 800px;

}

/* #header .main-header{ */
/* 	box-shadow: 5px 4px 12px rgba(0, 0, 0, .1); */
/* } */







.ngdialog.ngdialog-theme-default .ngdialog-content {

  border-radius: 10px !important;


}


.import-i:hover:before {
  position: absolute;
  content: 'Import PNR';
  height: 35px;
  width: 100;
  font-size: 10;
  background-size: 100%;
  background-color: #ffffffbd;
  display: block;
  padding: 5px 15px;
  border-radius: 15px;
  letter-spacing: 0.1em;
  top: -15px;
  left: -7px;


}


.ticket-i:hover:before {
  position: absolute;
  content: 'Ticket';
  height: 35px;
  width: 80;
  background-size: 100%;
  background-color: #ffffffbd;
  display: block;
  padding: 5px 15px;
  border-radius: 15px;
  letter-spacing: 0.1em;
  top: -19px;
  left: -10px;

}


.home-i:hover:before {
  position: absolute;
  content: 'Home';
  height: 35px;
  width: 80;
  background-size: 100%;
  background-color: #ffffffbd;
  display: block;
  padding: 5px 15px;
  border-radius: 15px;
  letter-spacing: 0.1em;
  top: -19px;
  left: -5px;

}


.profil-i:hover:before {
  position: absolute;
  content: 'Profile';
  height: 35px;
  width: 80;
  background-size: 100%;
  background-color: #ffffffbd;
  display: block;
  padding: 5px 15px;
  border-radius: 15px;
  letter-spacing: 0.1em;
  top: -15px;
  left: 30px;

}

.message-i:hover:before {
  position: absolute;
  content: 'Contact ';
  height: 35px;
  width: 80;

  display: block;


  letter-spacing: 0.1em;
  top: -15px;
  left: 0px;

}

.profil-i,
.message-i,
.home-i,
.import-i,
.news-i,
.log-i,
.support-i {
  color: var(--dark-blue);

  position: relative;
}

.news-i:hover:before {
  position: absolute;
  content: 'News';
  height: 35px;
  width: 80;
  background-size: 100%;
  background-color: #ffffffbd;
  display: block;
  padding: 5px 15px;
  border-radius: 15px;
  letter-spacing: 0.1em;
  top: -15px;
  left: 0px;

}

.support-i:hover:before {
  position: absolute;
  content: 'Support';
  height: 35px;
  width: 80;
  background-size: 100%;
  background-color: #ffffffbd;
  display: block;
  padding: 5px 15px;
  border-radius: 15px;
  letter-spacing: 0.1em;
  top: -15px;
  left: -15px;

}

.log-i:hover:before {
  position: absolute;
  content: 'Logout';
  height: 35px;
  width: 80;
  background-size: 100%;
  background-color: #ffffffbd;
  display: block;
  padding: 5px 15px;
  border-radius: 15px;
  letter-spacing: 0.1em;
  top: -19px;
  left: -10px;

}



.ngdialog.ngdialog-theme-default .ngdialog-content {
  -webkit-animation: ngdialog-flyin .5s;
  animation: ngdialog-flyin .5s;
  background: white !important;
  /* border-radius: 5px; */
  color: #444;
  font-family: 'Helvetica', sans-serif;
  font-size: 1.1em;
  line-height: 1.5em;
  margin: 0 auto;
  max-width: 100%;
  padding: 1em;
  position: relative;
  width: 450px;
  border-radius: 7px !important;
}


#header .topnav {
  height: 46px;
  text-transform: capitalize;
  padding: 5px;
  background: #152e40 !important;
  width: 100%;
}

:root {

  --appnav: #0a1048;
}


@font-face {
  font-family: "Poppins", sans-serif;
  src: url('../fonts/Poppins-Regular.ttf.ttf') format('ttf');

  * {
    font-family: 'Poppins', sans-serif;
  }




  .btn-hover:hover {

    border: none !important;
  }



  input::placeholder {
    font-size: 11px !important;
  }
}