/* datepicker css */

.ui-widget-content {
  border-radius: 0 !important;
}

.ui-datepicker {
  padding: 0;
}

.ui-datepicker-group {
  padding: 10px 15px;
}

.ui-widget-header {
  background: #fff;
  border: none;
  border-bottom: 1px solid #ffd101;
  border-radius: 0 !important;
  font-weight: 400;
}

.ui-datepicker th {
  text-transform: uppercase;
  font-size: 12px;
  color: #565656;
}

.ui-widget.ui-datepicker table td .ui-state-default {
  border: none;
  padding: 8px;
}

.ui-widget.ui-widget-content a.ui-state-highlight {
  background: #989898;
  color: #fff;
}

.ui-widget.ui-widget-content a {
  transition: 0.3s all ease-in-out;
}

.ui-widget.ui-widget-content a:hover {
  background: #1f3e93;
  color: #fff;
}

.search-button {
  background: #224191;
  text-align: center !important;
  color: #fff;
  text-transform: uppercase;
  height: 45px;
  float: right;
  /*line-height: 40px;*/
  width: 15%;
  vertical-align: center !important;
  border-color: white;
}

.search-button:hover,
.search-button:disabled {
  background: #224191;
  text-align: center !important;
  vertical-align: center !important;
  color: #fff;
  text-transform: uppercase;
  height: 45px;
  float: right;
  /* line-height: 40px; */
  width: 15%;
  border-color: white;
}

.search-button:disabled {
  text-transform: none !important;
}

.loading-search-999 {
  position: fixed;
  /* Sit on top of the page content */
  display: none;
  /* Hidden by default */
  width: 100%;
  /* Full width (cover the whole page) */
  height: 100%;
  /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(253, 253, 253, 1);
  /* Black background with opacity */
  z-index: 2;
  /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer;
  /* Add a pointer on hover */
}

.ui-widget.ui-widget-content {
  z-index: 999 !important;
}

.main-banner .error-search-container {
  top: 0;
  position: fixed;
  right: 15px;
  z-index: 15;
}

.main-banner .error-message-search {
  color: #ffffff !important;
  background: #dc3545;
  padding: 5px 20px 6px 20px;
}

.searchcard-inc ul li:before {
  content: "\2714\0020";
  color: #0e8813;
  width: 15px;
  display: inline-block;
  margin-left: -15px;
}

.searchcard-inc .scroll-include {
  float: left;
  height: 10rem;
  overflow-y: scroll;
}

.searchcard-tab .scroll-include {
  /*float: left;*/
  height: 146px;
  overflow-y: hidden;
}

/*scroll style for include*/
#style-2::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background-color: #f5f5f5;
}

#style-2::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
}

#style-2::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #224191;
}

.style-2::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  background-color: #f5f5f5;
}

.style-2::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
}

.style-2::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #224191;
}

/*end scroll style for include*/

.icon-why-choose-us {
  color: #fff;
  font-size: 40px;
  /*margin-right: 15px;*/
}

.icon-why-choose-us img {
  height: 50px;
  margin: 0 auto;
}

.info-list li p {
  text-align: justify;
  font-size: 14px;
  color: #212529;
  font-weight: 400;
}

.banner-slider {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
  -webkit-transition: opacity 1s ease;
}

.banner-slider.slick-initialized {
  visibility: visible;
  opacity: 1;
}

.package-list-title {
  font-family: "Myriad Pro", sans-serif;
  color: #224191;
  text-transform: uppercase;
  /* font-weight: 500; */
  font-size: 19px;
  opacity: 0.9;
}

.parent-section {
  padding: 3rem 0 !important;
}

.parent-section.choose-us {
  padding: 3rem 0 !important;
}

.btn-similar-package {
  color: #ffffff;
  border: 1px solid #224191;
  background: #224191;
  margin-top: 20px;
  padding: 5px 25px 5px 25px;
}

.btn-similar-package:hover {
  border: 1px solid #b27f00;
  background: #b27f00;
}

.main-bar {
  background: white;
}

.gradient-bar {
}

.header {
  position: fixed;
  width: 100%;
  top: 0px;
  z-index: 9999;
}

ul.search-barlist input {
  height: 45px;
}

.sticky-card {
  position: sticky;
  top: 4.75rem;
  z-index: 10;
}

fieldset ul {
  text-transform: none;
  margin-top: 0px;
}

ul.search-barlist li:last-child {
  height: 45px;
}

.searchcard-amt ul.amt-sec li:nth-child(3) {
  color: #000000;
  font-weight: 600;
}

.searchcard-amt ul.amt-sec li:nth-child(5) a {
  font-weight: 600;
  color: #224191;
  font-size: 14px;
}

.text-transform-none {
  text-transform: none !important;
}

#progressbar li:first-child:before {
  min-height: 38px;
  content: url(../images/icon/step-one-white.svg);
}

#progressbar li:nth-child(2):before {
  min-height: 38px;
  content: url(../images/icon/step-two.svg);
}

#progressbar li:nth-child(2).active:before {
  content: url(../images/icon/step-two-white.svg);
}

#progressbar li:nth-child(3):before {
  min-height: 38px;
  content: url(../images/icon/step-three.svg);
}

#progressbar li:nth-child(3).active:before {
  content: url(../images/icon/step-three-white.svg);
}

#progressbar li:nth-child(4):before {
  min-height: 38px;
  content: url(../images/icon/step-four.svg);
}

#progressbar li:nth-child(4).active:before {
  content: url(../images/icon/step-four-white.svg);
}

.btn-send-query {
  border: 1px solid #b27f00;
  color: #b27f00 !important;
  background: #ffffff !important;
}

li.travellers:before,
li.confirmation:before {
  padding: 11px 12px 11px 11px !important;
}

.room {
  margin-top: 25px;
}

label.form-check-label {
  margin-top: 21px;
}

.booking-content-two .room-delete button {
  color: #f44336;
  /*margin-top: 21px;*/
}

.booking-room {
  margin-bottom: 0px;
  border: 1px solid #ced4da;
  width: 100%;
  /*margin-top: 15px;*/
}

.btn-add-more-room {
  font-weight: 600;
  color: #224191;
}

.traveller-title {
  font-weight: 600;
  font-size: 15px;
  text-transform: uppercase;
  color: #224191;
  margin-bottom: 0px;
  border-bottom: 1px solid #b27f00;
  padding-bottom: 10px;
}

.btn_space {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.count-holder {
  margin-left: 15px;
}

.child-float {
  float: left;
}

.package-price-heading {
  color: #b27f00;
  font-weight: 600;
}

.package-price-heading p {
  text-align: right;
}

.dynamic-child-infant {
  color: #666;
  text-align: center;
}

.itinerary-desc h4 {
  color: #224191;
  font-weight: 600;
}

ul.itinerary-list li:last-child {
  border-left: none;
}

.dynamic-child-infant .width-child {
  flex: 0 0 21%;
}

/*social icons*/
.circle {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  text-align: center;
  background: #dbe0ec;
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: top;
}

.social-media a:hover i {
  color: #fff;
}

.social-media a {
  margin-left: 10px;
  color: #0a6dbd;
}

.social-media {
  text-align: left;
}

.social-media i {
  color: #3e5db3;
  font-size: 14px;
  text-align: center;
  margin-top: 6px;
}

.social-media .facebook:hover {
  background: #014a96;
}

.social-media .twitter:hover {
  background: #53d3ee;
}

.social-media .instagram:hover {
  background: #f09433;
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

.social-media .youtube:hover {
  background: #ec2327;
}

.social-media a:hover {
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.searchcard {
  font-size: 15px;
}

.contact-info .c-card {
  min-height: 170px;
}

.destination-list-img {
  position: relative;
  margin-top: 10px;
}

.destination-list-img p {
  position: absolute;
  bottom: 25px;
  left: 35px;
  color: #fff;
  font-family: "Myriad Pro", sans-serif;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

#change_country img {
  width: 16px !important;
}

.hotel-content-detail .star-hotel i {
  font-size: 14px;
  vertical-align: middle;
  margin-top: 2px;
  color: #b27f00;
}

.why-choose .slick-slide p {
  text-align: left;
  margin-top: 20px;
}

.amenities ul li::before {
  content: none;
}

.package-detail-tabs .resp-tab-content {
  padding-top: 10px;
  padding-bottom: 20px;
  background: #f2f3f3;
}

.overview-bottom {
  padding-bottom: 20px;
}

p.dest-desc {
  color: #212529;
}

.searchcard.itinerary-desc,
ul.itinerarydetail-list {
  text-align: justify;
}

.todo_title a {
  font-size: 17px !important;
}

.btnPayLaterTitle {
  max-width: 33%;
  margin-top: -6px;
}

.btnPayLaterBooking {
  max-width: 31%;
  margin-top: -6px;
}

.btnPayLaterSide {
  max-width: 100%;
}

.continue-button {
  float: right;
}

.searchcard-active {
  box-shadow: rgb(218, 182, 182) 0px 1px 1px inset, rgb(0, 0, 0) 0px 0px 8px;
}

/* new css for covid-19 starts here */

.covid-19 {
  background-color: #e01933;
  color: #fff;
  top: 0;
  position: sticky;
  z-index: 9999;
}

.corona {
  padding: 10px 0;
  font-size: 15px;
}

.corona a i {
  margin: 0 15px;
}

.corona a i:first-child {
  margin-left: 0;
}

.corona a i:last-child {
  margin-right: 0;
}

/* new changes css start here */

.gradient-bar {
  /*top: 42px;*/
}

.main-bar {
  /*top: 65px;*/
}

.home-nav-active {
  background-color: #224191;
  color: #fff !important;
}

.transportation-ul li {
  width: 25% !important;
  border-bottom: 1px solid #ced4da;
}

.transportation-ul li.transportation-required {
  border-bottom: 1px solid #e01933;
}

.transportation-ul input{
  font-size: 15px;
}

ul.resp-tabs-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  border-bottom: 0.25px solid #7C7C7C;
}

ul.package-info-tabs {
  display: grid;
  grid-template-columns: auto auto;
}

ul.resp-tabs-list.hor_1 {
  border-bottom: none;
}

ul.resp-tabs-list > li {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1 1 8em;
  width: 100%;
  /*max-width: 190px;*/
}

/*ul.resp-tabs-list > li:last-child {*/
/*  flex: 1 1 13em;*/
/*  justify-content: flex-end;*/
/*  max-width: none;*/
/*  flex-wrap: wrap;*/
/*}*/

ul.transportation-ul {
  display: flex;
  flex-wrap: wrap;
}

.modal {
  z-index: 99999;
}

.transportation-map-search {
  height:38px;
  box-shadow:#999 0px 2px 1px;
  border:0;
  padding:10px;
  margin-top:10px;
  font-size: 1rem;
}

.transportation-img {
  max-height: 200px;
}

.modal {
  z-index: 9999 !important;
}

/* NEW CSS from Bhuwan */

.hotel_partners_head {
  margin: 16px 0;
}

.hotel_partners_head h5{
  color: #224191;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 19px;
}

.hotel_partners_block {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.hotel_partners_block .hotel_partners_content {
  margin: 0 20px 20px;
}

.hotel_partners_block .hotel_partners_content:first-child {
  margin-left: 0;
}

.hotel_partners_block .hotel_partners_content :last-child{
  margin-right: 0;
}

.hotel_partners_content img {
  width: 150px;
  filter: grayscale(1);
  opacity: 0.8;
  transition: 0.5s all ease-in-out;
}

.hotel_partners_content a:hover img {
  filter: grayscale(0);
  opacity: 1;
}
.dropdownmenu{
  /*width: 200px !important;*/
  font-size: 12px;
  height: 80vh;
  overflow-y: auto ;
  min-width: 16rem;
}

.dropdown #country-flag {
  width: 1rem;
  position: relative;
  bottom: 2px;
}


/* CSS for Customer Dashboard */
/* The sidebar menu */
.sidenav {
  height: 100%; /* Full-height: remove this if you want "auto" height */
  width: 160px; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  /*z-index: 1; !* Stay on top *!*/
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #ededed;
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 150px;
}

/* The navigation menu links */
.sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 15px;
  color: #818181;
  display: block;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}

/* Style page content */
.main {
  margin-left: 160px; /* Same as the width of the sidebar */
  padding: 0px 10px;
}

.main h2 {
  color: #C68D25;
}

/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.tableBottomPagination {
  display: flex;
  justify-content: center;
}

/*.pagination {*/
/*  list-style: none;*/
/*  margin: 0;*/
/*  padding: 0;*/
/*  display: flex;*/
/*}*/

/*.pagination li {*/
/*  margin: 1px;*/
/*  padding: 10px;*/
/*  border-style: solid;*/
/*  border-width: thin;*/
/*}*/

/*.pagination li.active {*/
/*  background-color: antiquewhite !important;*/
/*}*/

.badge-primary {
  background-color: #B28020 !important;
  font-size: 10px;
}

.card-text .pkg-title {
  color: #B28020 !important;
}

.card-body .pkg-details {
  height: 18rem !important;
  color: red !important;
}

.card-body a:hover {
  color: whitesmoke !important;
}

.room-delete {
  /*margin-top: 30px;*/
}

.faq-img-container img {
  height: 25vh;
  width: auto;
}

.flight-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0 !important;
}

.upper-flight-tab {
  background-color: #224191;
  color: #fff !important;
  border-bottom: 1px solid #7C7C7C;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  cursor: default;
}

.lower-flight-tab {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
  border-right: 1px solid #7C7C7C;
  border-left: 1px solid #7C7C7C;
}

.home-nav-blue {
  background-color: #224191;
  color: #fff !important;
}

.home-nav-blue:hover {
  color: #C68D00 !important;
}

.home-nav-button-gold {
  background-color: #C68D00;
  color: #fff !important;
}

.inner-flight-tab-left {
  padding: 10px;
  width: 50%;
  border-right: 1px solid #7C7C7C;
}

.inner-flight-tab-left:hover {
  background-color: #224191;
  color: #fff !important;
}

.inner-flight-tab-right {
  padding: 10px;
  width: 50%;
  flex-grow: 1;
}

.inner-flight-tab-right:hover {
  background-color: #224191;
  color: #fff !important;
}

.home-nav-transportation-checkbox {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: 100%;
  background-color: #fff;
  color: #224191;
}

.home-nav-transportation-text {
  width: 30%;
}

.home-nav-transportation {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  margin: 0 !important;
}

@media screen and (max-width: 770px) {
  .inner-flight-tab-left {
    width: 40%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .inner-flight-tab-right {
    width: 60%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .home-nav-transportation {
    padding: 10px !important;
    border-top: 1px solid #7C7C7C;
  }
}