/* Vodyrizam - UX/UI & Front End Developer
start ------ 01/07/2019 ============== */

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 1000px) {
  html {
    overflow-x: hidden !important;
  }
}

html {
  font-size: 100%;
}

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background: #eff3fa;
  font-family: 'Lato', Arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-size: 15px;
  overflow-x: hidden !important;
  line-height: 1.7;
  color: #212121;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

input[type="submit"],
button {
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* input[type="text"]:disabled {
  background: none;
  color: #888;
} */

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

a {
  color: #025BC5;
  transition: color .15s ease-in-out;
  -moz-transition: color .15s ease-in-out;
  -webkit-transition: color .15s ease-in-out;
  -o-transition: color .15s ease-in-out;
}

a:hover,
a:focus {
  color: #5499E4;
  text-decoration: none;
}

a:focus,
.btn.focus,
.btn:focus,
.btn:hover,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
  outline: none;
}

.btn--white:hover,
.btn--white:focus {
  color: #EEE;
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: none;
}

.sts-warning {
  color: #F5A623 !important;
}

.sts-danger {
  color: #eb0011 !important;
}

.sts-reserved {
  color: #009688 !important;
}

.sts-info {
  color: #5499E4 !important;
}

.booking-sts {
  display: inline-block;
  font-size: .7333rem;
  padding: 3px 17px;
  background: #009688 !important;
  text-align: center;
  border-radius: 12px;
  color: #FFF !important;
  font-weight: 700;
}

.booking-sts.sts-reserved {
  background: #009688 !important;
}

.sts-brandNew {
  width: 4px;
  height: 4px;
  background: #F5A623;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
}

.sts-listOrder {
  background: #F5A623;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  right: -5px;
  width: 7px;
  height: 7px;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-cap {
  text-transform: capitalize !important;
}

@keyframes pulse {
  0% {
    transform: scale(.1);
    opacity: 0;
  }

  50% {
    opacity: .4;
  }

  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}

.pulse {
  background-color: #F0E797;
  border-radius: 50%;
  position: absolute;
  margin: auto auto;
  top: 0;
  bottom: 0;
  left: -4px;
  right: 0;
  width: 15px;
  height: 15px;
}

.pulse:nth-child(1) {
  animation: pulse 2s infinite;
}

.pulse:nth-child(2) {
  animation: pulse 2s infinite .3s;
}

.pulse:nth-child(3) {
  animation: pulse 2s infinite .6s;
}

b,
strong {
  font-weight: 700;
}

.btn {
  border-radius: 4px;
  font-size: .9333rem;
}

.btn.active,
.btn:active {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFF;
  background: #2D519F;
  font-weight: 700;
}

.btn-primary {
  background: #2D519F;
  font-size: .8667rem;
  border-radius: 5px;
  border: transparent;
  font-weight: 900;
  -webkit-box-shadow: 0px 2px 8px -5px #4c4c4c;
  -moz-box-shadow: 0px 2px 8px -5px #4c4c4c;
  box-shadow: 0px 2px 8px -5px #4c4c4c;
  color: #FFF;
  padding: 6px 20px;
  text-transform: uppercase;
  outline: none;
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary.active,
.btn-primary:active,
.open>.dropdown-toggle.btn-primary,
.btn-primary:active:focus {
  color: inherit;
  background: #2D519F !important;
  color: #fff !important;
  -webkit-box-shadow: 0px 4px 12px -5px #4c4c4c;
  -moz-box-shadow: 0px 4px 12px -5px #4c4c4c;
  box-shadow: 0px 4px 12px -5px #4c4c4c;
  font-weight: 900;
}

.btn.btn-secondary {
  border: 2px solid #2D519F;
  color: #24253d;
  background: none;
  font-weight: 700;
  font-size: .8667rem;
  margin: 0 3px;
}

.\--primary-small {
  box-shadow: none;
  font-size: .8667rem;
  padding: 7px 15px;
}

.btn-primary i {
  margin-right: 6px;
  position: relative;
  font-weight: 700;
  font-size: .8667rem;
}

.btn-primary:hover {
  background: #c5e5ef;
  color: #2D519F;
}

.btn-option {
  padding: 10px;
  color: #025BC5;
  font-weight: 700;
  text-align: left;
  position: relative;
}

.btn-option:hover {
  color: #025BC5;
}

.btn-option:after {
  content: "\e985";
  font-family: 'rspicon';
  display: inline-block;
  font-size: 8px;
  font-weight: 700;
}

.btn-option.no-chevron:after {
  content: "";
}

#trainSearch .no-chevron {
  padding: 8px 10px;
  margin-right: 0;
  display: flex;
}

.btn-option span {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 700;
  padding: 0 5px;
  letter-spacing: .5px;
}

.btn-option .amount {
  width: auto;
}

.btn-option .ic-filter {
  font-size: .8rem;
  margin: 0 -15px;
}

.btn-language,
.btn-country,
.btn-currency {
  border: none;
  padding: 10px 15px;
  color: #00003C;
  font-weight: 700;
  font-size: .8rem;
  border-radius: 5px;
  text-transform: uppercase;
}

.btn-language span.caret,
.btn-country span.caret,
.btn-currency span.caret {
  margin-left: 10px;
  border-top: 6px solid #CCC;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}

.btn-language span:first-child:before {
  content: "Language : ";
  color: #999;
  font-weight: 400;
  text-transform: capitalize;
}

.btn-country span:first-child:before {
  content: "Country : ";
  color: #999;
  font-weight: 400;
  text-transform: capitalize;
}

.btn-currency span:first-child:before {
  content: "Currency : ";
  color: #999;
  font-weight: 400;
  text-transform: capitalize;
}

.btn-default:hover {
  color: #333;
  background-color: #EEE;
  border: none;
}

footer .btn-default {
  background: #FFF;
  color: #777;
}

footer .btn-default:hover {
  background: #FFF;
  color: #24253d;
}

.btn-search {
  padding: 12px 36px;
  width: 123px;
  background: #F5A623;
  color: #FFF;
  text-align: center;
  float: left;
  height: 43px;
  border-radius: 0 5px 5px 0;
  font-weight: 700;
  line-height: 1;
  font-size: .9333rem;
}

.btn-primary-text {
  color: #025BC5 !important;
}

.btn-red-text {
  color: #eb0011 !important;
}

.btn-default-text {
  color: #888 !important;
}

.option--white {
  border-color: #FFF;
  display: inline-block;
  color: #FFF;
  font-size: .9333rem;
  padding: 8px 7px;
  margin-bottom: 10px;
  margin-right: 15px;
}

.option--white:hover {
  color: #FFF;
}

.corporate__name {
  color: #F5A623;
  margin-bottom: 10px;
  letter-spacing: .5px;
  display: inline-block;
  top: -3px;
  position: relative;
  font-weight: 700;
}

/* wave */

.ocean {
  background: #3b21ff;
  height: 10%;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.wave {
  background: url(https://venkat369.github.io/development/wave.svg) repeat-x;
  position: absolute;
  top: -198px;
  width: 6400px;
  height: 198px;
  animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
  transform: translate3d(0, 0, 0);
}

.wave:nth-of-type(2) {
  top: -175px;
  animation: wave 7s cubic-bezier(0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;
  opacity: 1;
}

@keyframes wave {
  0% {
    margin-left: 0;
  }

  100% {
    margin-left: -1600px;
  }
}

@keyframes swell {

  0%,
  100% {
    transform: translate3d(0, -25px, 0);
  }

  50% {
    transform: translate3d(0, 5px, 0);
  }
}

#graphic {
  transform: rotate(15deg);
  transform: rotate(15deg);
  position: absolute;
  left: 47%;
  z-index: 0;
}

#graphic path {
  opacity: 0.75;
  animation: wave2 1.8s ease-in-out infinite alternate-reverse both;
  transform-origin: center center;
}

#graphic path:nth-child(1) {
  animation-delay: 0.08s;
}

#graphic path:nth-child(2) {
  animation-delay: 0.16s;
}

#graphic path:nth-child(3) {
  animation-delay: 0.24s;
}

#graphic path:nth-child(4) {
  animation-delay: 0.32s;
}

#graphic path:nth-child(5) {
  animation-delay: 0.4s;
}

#graphic path:nth-child(6) {
  animation-delay: 0.48s;
}

#graphic path:nth-child(7) {
  animation-delay: 0.56s;
}

#graphic path:nth-child(8) {
  animation-delay: 0.64s;
}

#graphic path:nth-child(9) {
  animation-delay: 0.72s;
}

#graphic path:nth-child(10) {
  animation-delay: 0.8s;
}

#graphic path:nth-child(11) {
  animation-delay: 0.88s;
}

#graphic path:nth-child(12) {
  animation-delay: 0.96s;
}

#graphic path:nth-child(13) {
  animation-delay: 1.04s;
}

#graphic path:nth-child(14) {
  animation-delay: 1.12s;
}

#graphic path:nth-child(15) {
  animation-delay: 1.2s;
}

#graphic path:nth-child(16) {
  animation-delay: 1.28s;
}

#graphic path:nth-child(17) {
  animation-delay: 1.36s;
}

@keyframes wave2 {
  0% {
    opacity: 0.75;
    transform: scale(0.97) translate(2px, 2px) rotateZ(2deg);
  }

  40% {
    opacity: 1;
  }

  100% {
    transform: scale(1.01) translate(2px, -2px) rotateZ(-2deg);
  }
}

.dropdown-menu .divider {
  margin: 10px 0;
}

/* ========================================================================================================================================
 Fonts
 ========================================================================================================================================= */

@font-face {
  font-family: 'rspicon';
  src: url('../../assets/fonts/rspicon.eot?pl3cu3');
  src: url('../../assets/fonts/rspicon.eot?pl3cu3#iefix') format('embedded-opentype'),
    url('../../assets/fonts/rspicon.ttf?pl3cu3') format('truetype'),
    url('../../assets/fonts/rspicon.woff?pl3cu3') format('woff'),
    url('../../assets/fonts/rspicon.svg?pl3cu3#rspicon') format('svg');
  font-weight: normal;
  font-style: normal;
}

i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'rspicon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 1.2rem;
  color: inherit;
  position: relative;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ic-announce-default:before {
  content: "\e905";
}

.ic-announce-loud:before {
  content: "\e906";
}

.ic-announce-mute:before {
  content: "\e907";
}

.ic-dropdown:before {
  content: "\e900";
}

.ic-transaction:before {
  content: "\e901";
}

.ic-small-menu:before {
  content: "\e902";
}

.ic-hamburger:before {
  content: "\e903";
}

.ic-gift:before {
  content: "\e904";
}

.ic-download:before {
  content: "\e908";
}

.ic-end-item-key:before {
  content: "\e909";
}

.ic-change-key:before {
  content: "\e90a";
}

.ic-cross-of-lorraine:before {
  content: "\e90b";
}

.ic-option-down:before {
  content: "\e90c";
}

.ic-option-up:before {
  content: "\e90d";
}

.ic-History:before {
  content: "\e90e";
}

.ic-reset:before {
  content: "\e90f";
}

.ic-refresh:before {
  content: "\e910";
}

.ic-Night:before {
  content: "\e911";
}

.ic-feedback:before {
  content: "\e912";
}

.ic-open-tab:before {
  content: "\e913";
}

.ic-all-menu:before {
  content: "\e914";
}

.ic-insurance:before {
  content: "\e915";
}

.ic-pulsa:before {
  content: "\e916";
}

.ic-day:before {
  content: "\e917";
}

.ic-evening:before {
  content: "\e918";
}

.ic-eye:before {
  content: "\e919";
}

.ic-eye-blocked:before {
  content: "\e91a";
}

.ic-morning:before {
  content: "\e91b";
}

.ic-night:before {
  content: "\e91c";
}

.ic-no-Image:before {
  content: "\e91d";
}

.ic-manage-trip:before {
  content: "\e91e";
}

.ic-explore:before {
  content: "\e91f";
}

.ic-search:before {
  content: "\e920";
}

.ic-loader:before {
  content: "\e921";
}

.ic-notification:before {
  content: "\e922";
}

.ic-filter:before {
  content: "\e923";
}

.ic-sort:before {
  content: "\e924";
}

.ic-flight-icon:before {
  content: "\e925";
}

.ic-flight-take-off:before {
  content: "\e926";
}

.ic-flight-landing:before {
  content: "\e927";
}

.ic-flight-ticket:before {
  content: "\e928";
}

.ic-train-depart:before {
  content: "\e929";
}

.ic-train-return:before {
  content: "\e92a";
}

.ic-train:before {
  content: "\e92b";
}

.ic-hotel:before {
  content: "\e92c";
}

.ic-tour:before {
  content: "\e92d";
}

.ic-promo:before {
  content: "\e92e";
}

.ic-discount:before {
  content: "\e92f";
}

.ic-price-tag:before {
  content: "\e930";
}

.ic-mybooking:before {
  content: "\e931";
}

.ic-cart:before {
  content: "\e932";
}

.ic-contact-center24:before {
  content: "\e933";
}

.ic-edit:before {
  content: "\e934";
}

.ic-no-room:before {
  content: "\e935";
}

.ic-login:before {
  content: "\e936";
}

.ic-logout:before {
  content: "\e937";
}

.ic-date-depart:before {
  content: "\e938";
}

.ic-checklist:before {
  content: "\e939";
}

.ic-send-email:before {
  content: "\e93a";
}

.ic-send-money:before {
  content: "\e93b";
}

.ic-no-result:before {
  content: "\e93c";
}

.ic-promo-ticket:before {
  content: "\e93d";
}

.ic-voucher:before {
  content: "\e93e";
}

.ic-percent:before {
  content: "\e93f";
}

.ic-news:before {
  content: "\e940";
}

.ic-date-return:before {
  content: "\e941";
}

.ic-date-checkin:before {
  content: "\e942";
}

.ic-vacation:before {
  content: "\e943";
}

.ic-family:before {
  content: "\e944";
}

.ic-adult:before {
  content: "\e945";
}

.ic-child:before {
  content: "\e946";
}

.ic-infant:before {
  content: "\e947";
}

.ic-time:before {
  content: "\e948";
}

.ic-expired-time:before {
  content: "\e949";
}

.ic-stop-watch:before {
  content: "\e94a";
}

.ic-no-trips-found:before {
  content: "\e94b";
}

.ic-swimming-pool:before {
  content: "\e94c";
}

.ic-date-checkout:before {
  content: "\e94d";
}

.ic-office:before {
  content: "\e94e";
}

.ic-bus:before {
  content: "\e94f";
}

.ic-chair:before {
  content: "\e950";
}

.ic-car:before {
  content: "\e951";
}

.ic-home:before {
  content: "\e952";
}

.ic-map:before {
  content: "\e953";
}

.ic-pointGPS:before {
  content: "\e954";
}

.ic-marker-maps:before {
  content: "\e955";
}

.ic-bed:before {
  content: "\e956";
}

.ic-meal:before {
  content: "\e957";
}

.ic-breakfast:before {
  content: "\e958";
}

.ic-date-picker:before {
  content: "\e959";
}

.ic-switch:before {
  content: "\e95a";
}

.ic-double-bed:before {
  content: "\e95b";
}

.ic-package-bundling:before {
  content: "\e95c";
}

.ic-no-smoking:before {
  content: "\e95d";
}

.ic-parkir:before {
  content: "\e95e";
}

.ic-selimut:before {
  content: "\e95f";
}

.ic-flight-hotel:before {
  content: "\e960";
}

.ic-home-stay:before {
  content: "\e961";
}

.ic-baggage:before {
  content: "\e962";
}

.ic-star:before {
  content: "\e963";
}

.ic-poin:before {
  content: "\e964";
}

.ic-booking-history:before {
  content: "\e965";
}

.ic-no-booking-history:before {
  content: "\e966";
}

.ic-copy:before {
  content: "\e967";
}

.ic-briefcase:before {
  content: "\e968";
}

.ic-personal:before {
  content: "\e969";
}

.ic-group:before {
  content: "\e96a";
}

.ic-multi-flight:before {
  content: "\e96b";
}

.ic-city:before {
  content: "\e96c";
}

.ic-tower:before {
  content: "\e96d";
}

.ic-businessmen:before {
  content: "\e96e";
}

.ic-history:before {
  content: "\e96f";
}

.ic-transfer-money:before {
  content: "\e970";
}

.ic-corporate-card:before {
  content: "\e971";
}

.ic-schedule:before {
  content: "\e972";
}

.ic-payment-failed:before {
  content: "\e973";
}

.ic-statistic:before {
  content: "\e974";
}

.ic-wallet:before {
  content: "\e975";
}

.ic-insuficiend-fund:before {
  content: "\e976";
}

.ic-fitness:before {
  content: "\e977";
}

.ic-invoice:before {
  content: "\e978";
}

.ic-transactional-report:before {
  content: "\e979";
}

.ic-ac:before {
  content: "\e97a";
}

.ic-cruise:before {
  content: "\e97b";
}

.ic-lock:before {
  content: "\e97c";
}

.ic-manual-entry:before {
  content: "\e97d";
}

.ic-price-calculator:before {
  content: "\e97e";
}

.ic-manage-access:before {
  content: "\e97f";
}

.ic-settings-horizontal:before {
  content: "\e980";
}

.ic-back:before {
  content: "\e981";
}

.ic-next:before {
  content: "\e982";
}

.ic-up:before {
  content: "\e983";
}

.ic-down:before {
  content: "\e984";
}

.ic-chevron-down:before {
  content: "\e985";
}

.ic-chevron-up:before {
  content: "\e986";
}

.ic-chevron-next:before {
  content: "\e987";
}

.ic-settings-vertical:before {
  content: "\e988";
}

.ic-data-master:before {
  content: "\e989";
}

.ic-chevron-prev:before {
  content: "\e98a";
}

.ic-chat:before {
  content: "\e98b";
}

.ic-check:before {
  content: "\e98c";
}

.ic-close:before {
  content: "\e98d";
}

.ic-Sort:before {
  content: "\e98e";
}

.ic-Switch-Vertical:before {
  content: "\e98f";
}

.ic-recreation:before {
  content: "\e990";
}

.ic-home2:before {
  content: "\e991";
}

.ic-home1:before {
  content: "\e992";
}

.ic-home3:before {
  content: "\e993";
}

.ic-office1:before {
  content: "\e994";
}

.ic-newspaper:before {
  content: "\e995";
}

.ic-pencil:before {
  content: "\e996";
}

.ic-pencil2:before {
  content: "\e997";
}

.ic-eyedropper:before {
  content: "\e998";
}

.ic-droplet:before {
  content: "\e999";
}

.ic-paint-format:before {
  content: "\e99a";
}

.ic-image:before {
  content: "\e99b";
}

.ic-images:before {
  content: "\e99c";
}

.ic-camera:before {
  content: "\e99d";
}

.ic-headphones:before {
  content: "\e99e";
}

.ic-music:before {
  content: "\e99f";
}

.ic-play:before {
  content: "\e9a0";
}

.ic-film:before {
  content: "\e9a1";
}

.ic-video-camera:before {
  content: "\e9a2";
}

.ic-dice:before {
  content: "\e9a3";
}

.ic-bullhorn:before {
  content: "\e9a4";
}

.ic-connection:before {
  content: "\e9a5";
}

.ic-podcast:before {
  content: "\e9a6";
}

.ic-feed:before {
  content: "\e9a7";
}

.ic-mic:before {
  content: "\e9a8";
}

.ic-book:before {
  content: "\e9a9";
}

.ic-books:before {
  content: "\e9aa";
}

.ic-library:before {
  content: "\e9ab";
}

.ic-file-text:before {
  content: "\e9ac";
}

.ic-profile:before {
  content: "\e9ad";
}

.ic-file-empty:before {
  content: "\e9ae";
}

.ic-files-empty:before {
  content: "\e9af";
}

.ic-file-text2:before {
  content: "\e9b0";
}

.ic-file-picture:before {
  content: "\e9b1";
}

.ic-file-music:before {
  content: "\e9b2";
}

.ic-file-play:before {
  content: "\e9b3";
}

.ic-file-video:before {
  content: "\e9b4";
}

.ic-file-zip:before {
  content: "\e9b5";
}

.ic-copy1:before {
  content: "\e9b6";
}

.ic-paste:before {
  content: "\e9b7";
}

.ic-stack:before {
  content: "\e9b8";
}

.ic-folder:before {
  content: "\e9b9";
}

.ic-folder-open:before {
  content: "\e9ba";
}

.ic-folder-plus:before {
  content: "\e9bb";
}

.ic-folder-minus:before {
  content: "\e9bc";
}

.ic-folder-download:before {
  content: "\e9bd";
}

.ic-folder-upload:before {
  content: "\e9be";
}

.ic-price-tag1:before {
  content: "\e9bf";
}

.ic-price-tags:before {
  content: "\e9c0";
}

.ic-barcode:before {
  content: "\e9c1";
}

.ic-qrcode:before {
  content: "\e9c2";
}

.ic-ticket:before {
  content: "\e9c3";
}

.ic-cart1:before {
  content: "\e9c4";
}

.ic-coin-dollar:before {
  content: "\e9c5";
}

.ic-credit-card:before {
  content: "\e9c6";
}

.ic-calculator:before {
  content: "\e9c7";
}

.ic-lifebuoy:before {
  content: "\e9c8";
}

.ic-phone:before {
  content: "\e9c9";
}

.ic-phone-hang-up:before {
  content: "\e9ca";
}

.ic-address-book:before {
  content: "\e9cb";
}

.ic-envelop:before {
  content: "\e9cc";
}

.ic-pushpin:before {
  content: "\e9cd";
}

.ic-location:before {
  content: "\e9ce";
}

.ic-location2:before {
  content: "\e9cf";
}

.ic-compass:before {
  content: "\e9d0";
}

.ic-compass2:before {
  content: "\e9d1";
}

.ic-map1:before {
  content: "\e9d2";
}

.ic-map2:before {
  content: "\e9d3";
}

.ic-history1:before {
  content: "\e9d4";
}

.ic-clock:before {
  content: "\e9d5";
}

.ic-clock2:before {
  content: "\e9d6";
}

.ic-alarm:before {
  content: "\e9d7";
}

.ic-bell:before {
  content: "\e9d8";
}

.ic-stopwatch:before {
  content: "\e9d9";
}

.ic-calendar:before {
  content: "\e9da";
}

.ic-printer:before {
  content: "\e9db";
}

.ic-keyboard:before {
  content: "\e9dc";
}

.ic-display:before {
  content: "\e9dd";
}

.ic-laptop:before {
  content: "\e9de";
}

.ic-mobile:before {
  content: "\e9df";
}

.ic-mobile2:before {
  content: "\e9e0";
}

.ic-drawer:before {
  content: "\e9e1";
}

.ic-drawer2:before {
  content: "\e9e2";
}

.ic-box-add:before {
  content: "\e9e3";
}

.ic-box-remove:before {
  content: "\e9e4";
}

.ic-download1:before {
  content: "\e9e5";
}

.ic-upload:before {
  content: "\e9e6";
}

.ic-floppy-disk:before {
  content: "\e9e7";
}

.ic-database:before {
  content: "\e9e8";
}

.ic-undo:before {
  content: "\e9e9";
}

.ic-redo:before {
  content: "\e9ea";
}

.ic-undo2:before {
  content: "\e9eb";
}

.ic-redo2:before {
  content: "\e9ec";
}

.ic-forward:before {
  content: "\e9ed";
}

.ic-reply:before {
  content: "\e9ee";
}

.ic-bubble:before {
  content: "\e9ef";
}

.ic-bubbles:before {
  content: "\e9f0";
}

.ic-bubbles2:before {
  content: "\e9f1";
}

.ic-bubble2:before {
  content: "\e9f2";
}

.ic-bubbles3:before {
  content: "\e9f3";
}

.ic-bubbles4:before {
  content: "\e9f4";
}

.ic-user:before {
  content: "\e9f5";
}

.ic-users:before {
  content: "\e9f6";
}

.ic-user-plus:before {
  content: "\e9f7";
}

.ic-user-minus:before {
  content: "\e9f8";
}

.ic-user-check:before {
  content: "\e9f9";
}

.ic-user-tie:before {
  content: "\e9fa";
}

.ic-quotes-left:before {
  content: "\e9fb";
}

.ic-quotes-right:before {
  content: "\e9fc";
}

.ic-hour-glass:before {
  content: "\e9fd";
}

.ic-spinner:before {
  content: "\e9fe";
}

.ic-spinner2:before {
  content: "\e9ff";
}

.ic-spinner3:before {
  content: "\ea00";
}

.ic-spinner4:before {
  content: "\ea01";
}

.ic-spinner5:before {
  content: "\ea02";
}

.ic-spinner6:before {
  content: "\ea03";
}

.ic-spinner7:before {
  content: "\ea04";
}

.ic-spinner8:before {
  content: "\ea05";
}

.ic-spinner9:before {
  content: "\ea06";
}

.ic-spinner10:before {
  content: "\ea07";
}

.ic-spinner11:before {
  content: "\ea08";
}

.ic-binoculars:before {
  content: "\ea09";
}

.ic-search1:before {
  content: "\ea0a";
}

.ic-zoom-in:before {
  content: "\ea0b";
}

.ic-zoom-out:before {
  content: "\ea0c";
}

.ic-enlarge:before {
  content: "\ea0d";
}

.ic-shrink:before {
  content: "\ea0e";
}

.ic-enlarge2:before {
  content: "\ea0f";
}

.ic-shrink2:before {
  content: "\ea10";
}

.ic-key:before {
  content: "\ea11";
}

.ic-key2:before {
  content: "\ea12";
}

.ic-lock1:before {
  content: "\ea13";
}

.ic-unlocked:before {
  content: "\ea14";
}

.ic-wrench:before {
  content: "\ea15";
}

.ic-equalizer:before {
  content: "\ea16";
}

.ic-equalizer2:before {
  content: "\ea17";
}

.ic-cog:before {
  content: "\ea18";
}

.ic-cogs:before {
  content: "\ea19";
}

.ic-magic-wand:before {
  content: "\ea1a";
}

.ic-aid-kit:before {
  content: "\ea1b";
}

.ic-bug:before {
  content: "\ea1c";
}

.ic-stats-bars:before {
  content: "\ea1d";
}

.ic-stats-bars2:before {
  content: "\ea1e";
}

.ic-trophy:before {
  content: "\ea1f";
}

.ic-gift1:before {
  content: "\ea20";
}

.ic-glass:before {
  content: "\ea21";
}

.ic-glass2:before {
  content: "\ea22";
}

.ic-mug:before {
  content: "\ea23";
}

.ic-spoon-knife:before {
  content: "\ea24";
}

.ic-rocket:before {
  content: "\ea25";
}

.ic-meter:before {
  content: "\ea26";
}

.ic-meter2:before {
  content: "\ea27";
}

.ic-hammer2:before {
  content: "\ea28";
}

.ic-fire:before {
  content: "\ea29";
}

.ic-lab:before {
  content: "\ea2a";
}

.ic-magnet:before {
  content: "\ea2b";
}

.ic-bin:before {
  content: "\ea2c";
}

.ic-bin2:before {
  content: "\ea2d";
}

.ic-briefcase1:before {
  content: "\ea2e";
}

.ic-airplane:before {
  content: "\ea2f";
}

.ic-truck:before {
  content: "\ea30";
}

.ic-road:before {
  content: "\ea31";
}

.ic-power:before {
  content: "\ea32";
}

.ic-switch1:before {
  content: "\ea33";
}

.ic-power-cord:before {
  content: "\ea34";
}

.ic-clipboard:before {
  content: "\ea35";
}

.ic-list-numbered:before {
  content: "\ea36";
}

.ic-list:before {
  content: "\ea37";
}

.ic-list2:before {
  content: "\ea38";
}

.ic-menu:before {
  content: "\ea39";
}

.ic-menu2:before {
  content: "\ea3a";
}

.ic-menu3:before {
  content: "\ea3b";
}

.ic-menu4:before {
  content: "\ea3c";
}

.ic-cloud:before {
  content: "\ea3d";
}

.ic-cloud-download:before {
  content: "\ea3e";
}

.ic-cloud-upload:before {
  content: "\ea3f";
}

.ic-cloud-check:before {
  content: "\ea40";
}

.ic-download2:before {
  content: "\ea41";
}

.ic-upload2:before {
  content: "\ea42";
}

.ic-download3:before {
  content: "\ea43";
}

.ic-upload3:before {
  content: "\ea44";
}

.ic-sphere:before {
  content: "\ea45";
}

.ic-earth:before {
  content: "\ea46";
}

.ic-link:before {
  content: "\ea47";
}

.ic-flag:before {
  content: "\ea48";
}

.ic-attachment:before {
  content: "\ea49";
}

.ic-eye1:before {
  content: "\ea4a";
}

.ic-eye-plus:before {
  content: "\ea4b";
}

.ic-eye-minus:before {
  content: "\ea4c";
}

.ic-eye-blocked1:before {
  content: "\ea4d";
}

.ic-bookmark:before {
  content: "\ea4e";
}

.ic-bookmarks:before {
  content: "\ea4f";
}

.ic-sun:before {
  content: "\ea50";
}

.ic-contrast:before {
  content: "\ea51";
}

.ic-brightness-contrast:before {
  content: "\ea52";
}

.ic-star-empty:before {
  content: "\ea53";
}

.ic-star-half:before {
  content: "\ea54";
}

.ic-star-full:before {
  content: "\ea55";
}

.ic-man:before {
  content: "\ea56";
}

.ic-woman:before {
  content: "\ea57";
}

.ic-man-woman:before {
  content: "\ea58";
}

.ic-point-up:before {
  content: "\ea59";
}

.ic-point-right:before {
  content: "\ea5a";
}

.ic-point-down:before {
  content: "\ea5b";
}

.ic-point-left:before {
  content: "\ea5c";
}

.ic-warning:before {
  content: "\ea5d";
}

.ic-notification1:before {
  content: "\ea5e";
}

.ic-plus:before {
  content: "\ea5f";
}

.ic-minus:before {
  content: "\ea60";
}

.ic-info:before {
  content: "\ea61";
}

.ic-cancel-circle:before {
  content: "\ea62";
}

.ic-blocked:before {
  content: "\ea63";
}

.ic-cross:before {
  content: "\ea64";
}

.ic-checkmark:before {
  content: "\ea65";
}

.ic-checkmark2:before {
  content: "\ea66";
}

.ic-spell-check:before {
  content: "\ea67";
}

.ic-enter:before {
  content: "\ea68";
}

.ic-exit:before {
  content: "\ea69";
}

.ic-play2:before {
  content: "\ea6a";
}

.ic-pause:before {
  content: "\ea6b";
}

.ic-stop:before {
  content: "\ea6c";
}

.ic-previous:before {
  content: "\ea6d";
}

.ic-next1:before {
  content: "\ea6e";
}

.ic-backward:before {
  content: "\ea6f";
}

.ic-forward2:before {
  content: "\ea70";
}

.ic-play3:before {
  content: "\ea71";
}

.ic-pause2:before {
  content: "\ea72";
}

.ic-stop2:before {
  content: "\ea73";
}

.ic-backward2:before {
  content: "\ea74";
}

.ic-forward3:before {
  content: "\ea75";
}

.ic-first:before {
  content: "\ea76";
}

.ic-last:before {
  content: "\ea77";
}

.ic-previous2:before {
  content: "\ea78";
}

.ic-next2:before {
  content: "\ea79";
}

.ic-eject:before {
  content: "\ea7a";
}

.ic-volume-high:before {
  content: "\ea7b";
}

.ic-volume-medium:before {
  content: "\ea7c";
}

.ic-volume-low:before {
  content: "\ea7d";
}

.ic-volume-mute:before {
  content: "\ea7e";
}

.ic-volume-mute2:before {
  content: "\ea7f";
}

.ic-volume-increase:before {
  content: "\ea80";
}

.ic-volume-decrease:before {
  content: "\ea81";
}

.ic-loop:before {
  content: "\ea82";
}

.ic-loop2:before {
  content: "\ea83";
}

.ic-infinite:before {
  content: "\ea84";
}

.ic-shuffle:before {
  content: "\ea85";
}

.ic-arrow-up-left2:before {
  content: "\ea86";
}

.ic-arrow-up2:before {
  content: "\ea87";
}

.ic-arrow-up-right2:before {
  content: "\ea88";
}

.ic-arrow-right2:before {
  content: "\ea89";
}

.ic-arrow-down-right2:before {
  content: "\ea8a";
}

.ic-arrow-down2:before {
  content: "\ea8b";
}

.ic-arrow-down-left2:before {
  content: "\ea8c";
}

.ic-arrow-left2:before {
  content: "\ea8d";
}

.ic-circle-up:before {
  content: "\ea8e";
}

.ic-circle-right:before {
  content: "\ea8f";
}

.ic-circle-down:before {
  content: "\ea90";
}

.ic-circle-left:before {
  content: "\ea91";
}

.ic-tab:before {
  content: "\ea92";
}

.ic-move-up:before {
  content: "\ea93";
}

.ic-move-down:before {
  content: "\ea94";
}

.ic-sort-alpha-asc:before {
  content: "\ea95";
}

.ic-sort-alpha-desc:before {
  content: "\ea96";
}

.ic-sort-amount-asc:before {
  content: "\ea97";
}

.ic-sort-amount-desc:before {
  content: "\ea98";
}

.ic-shift:before {
  content: "\ea99";
}

.ic-checkbox-checked:before {
  content: "\ea9a";
}

.ic-checkbox-unchecked:before {
  content: "\ea9b";
}

.ic-radio-checked:before {
  content: "\ea9c";
}

.ic-radio-checked2:before {
  content: "\ea9d";
}

.ic-radio-unchecked:before {
  content: "\ea9e";
}

.ic-scissors:before {
  content: "\ea9f";
}

.ic-filter1:before {
  content: "\eaa0";
}

.ic-text-height:before {
  content: "\eaa1";
}

.ic-text-width:before {
  content: "\eaa2";
}

.ic-font-size:before {
  content: "\eaa3";
}

.ic-bold:before {
  content: "\eaa4";
}

.ic-underline:before {
  content: "\eaa5";
}

.ic-italic:before {
  content: "\eaa6";
}

.ic-table:before {
  content: "\eaa7";
}

.ic-table2:before {
  content: "\eaa8";
}

.ic-paragraph-left:before {
  content: "\eaa9";
}

.ic-paragraph-center:before {
  content: "\eaaa";
}

.ic-paragraph-right:before {
  content: "\eaab";
}

.ic-paragraph-justify:before {
  content: "\eaac";
}

.ic-indent-increase:before {
  content: "\eaad";
}

.ic-indent-decrease:before {
  content: "\eaae";
}

.ic-share:before {
  content: "\eaaf";
}

.ic-new-tab:before {
  content: "\eab0";
}

.ic-embed:before {
  content: "\eab1";
}

.ic-embed2:before {
  content: "\eab2";
}

.ic-terminal:before {
  content: "\eab3";
}

.ic-share2:before {
  content: "\eab4";
}

.ic-mail:before {
  content: "\eab5";
}

.ic-mail2:before {
  content: "\eab6";
}

.ic-mail3:before {
  content: "\eab7";
}

.ic-mail4:before {
  content: "\eab8";
}

.ic-amazon:before {
  content: "\eab9";
}

.ic-google:before {
  content: "\eaba";
}

.ic-google2:before {
  content: "\eabb";
}

.ic-google3:before {
  content: "\eabc";
}

.ic-google-plus:before {
  content: "\eabd";
}

.ic-google-plus2:before {
  content: "\eabe";
}

.ic-google-plus3:before {
  content: "\eabf";
}

.ic-hangouts:before {
  content: "\eac0";
}

.ic-google-drive:before {
  content: "\eac1";
}

.ic-facebook:before {
  content: "\eac2";
}

.ic-facebook2:before {
  content: "\eac3";
}

.ic-instagram:before {
  content: "\eac4";
}

.ic-whatsapp:before {
  content: "\eac5";
}

.ic-spotify:before {
  content: "\eac6";
}

.ic-telegram:before {
  content: "\eac7";
}

.ic-twitter:before {
  content: "\eac8";
}

.ic-rss:before {
  content: "\eac9";
}

.ic-youtube:before {
  content: "\eaca";
}

.ic-flickr:before {
  content: "\eacb";
}

.ic-flickr2:before {
  content: "\eacc";
}

.ic-flickr3:before {
  content: "\eacd";
}

.ic-flickr4:before {
  content: "\eace";
}

.ic-trello:before {
  content: "\eacf";
}

.ic-tumblr:before {
  content: "\ead0";
}

.ic-tumblr2:before {
  content: "\ead1";
}

.ic-appleinc:before {
  content: "\ead2";
}

.ic-android:before {
  content: "\ead3";
}

.ic-linkedin:before {
  content: "\ead4";
}

.ic-linkedin2:before {
  content: "\ead5";
}

.ic-file-pdf:before {
  content: "\eadf";
}

.ic-file-openoffice:before {
  content: "\eae0";
}

.ic-file-word:before {
  content: "\eae1";
}

.ic-file-excel:before {
  content: "\eae2";
}

.ic-libreoffice:before {
  content: "\eae3";
}

/* Mulai nangkene
================================================*/

#wrapper>#header~div {
  min-height: calc(100vh - 89px);
}

.content-wrapper {
  min-height: 640px;
}

.content-box {
  padding: 30px 10px;
  overflow: hidden;
  background: #f9f9f9;
  border: 1px solid #f2f2f2;
  border-radius: 2px;
}

.container {
  padding: 0 15px;
}

.container-fluid {
  padding: 0 15px;
}

nav .container-fluid {
  padding: 8px 15px;
}

.container-fluid.fluid-wrapper {
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
}

.container-fluid.fluid-wrapper>.container {
  padding: 0;
}

.cRow {
  display: flex;
  align-items: center;
}

.cBet {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cRowen {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

.cRowen-col {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.cRow-start {
  display: flex;
  align-items: flex-start;
}

@media (min-width: 768px) {
  .container {
    width: 768px;
    padding: 0;
  }
}

@media (min-width: 992px) {
  .container {
    width: 1040px;
    padding: 0;
  }

  .container-small {
    width: 820px;
    padding: 0;
  }

  .container-fluid.fluid-wrapper>.container {
    padding: 0 15px;
  }
}

.container.big-container {
  width: 1170px;
}


/* Loader and Notif
-----------------------------------------*/
.notif__wrapper,
.loader__wrapper {
  position: absolute;
  z-index: 9;
  background: ghostwhite;
  top: 36px;
  bottom: 0;
  left: 14px;
  right: 0;
  justify-content: center;
  display: none;
  padding: 0 15px;
  align-items: center;
}

.loader__wrapper {
  display: flex;
}

.notif__wrapper {
  background: rgba(0, 0, 0, .8);
}

.notif__box {
  padding: 25px 20px;
  border-radius: 3px;
  background: #FFF;
  width: 220px;
  text-align: center;
}

.notif__box p {
  margin-bottom: 10px;
}

.spinner {
  margin: 0 auto;
  text-align: center;
}

.spinner>div {
  width: 14px;
  height: 14px;
  background-color: #00AEC6;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0)
  }

  40% {
    -webkit-transform: scale(1.0)
  }
}

@keyframes sk-bouncedelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/*Modal Box
-----------------------------------------*/

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .15s ease-out;
  -o-transition: -o-transform .15s ease-out;
  transition: transform .15s ease-out;
}

.modal-dark {
  background: rgba(0, 0, 0, .9) !important;
}

.main__search .modal-content,
.main__search .modal-content .search__box {
  box-shadow: none;
}

#modalExpand {
  top: 5px;
  left: 10px;
  right: 10px;
  bottom: 5px;
  overflow-y: scroll;
}

#modalExpand .modal-dialog {
  width: 100%;
  margin: 0 auto;
  height: auto;
}

#modalExpand .close {
  font-weight: 300;
  position: absolute;
  right: 20px;
  font-size: 1.2rem;
  color: #DDD;
  top: 12px;
  opacity: 1;
}

@media (min-width: 768px) {
  .modal-xs {
    width: 310px;
  }

  .modal-sm {
    width: 420px;
  }

  .modal-base {
    width: 500px;
  }

  .modal-md {
    width: 700px;
  }

  .modal-lg {
    width: 70%;
  }

  .modal-xl {
    width: 80%;
  }

  .modal-2xl {
    width: 90%;
  }

  .modal-3xl {
    width: 95%;
  }
}

.modal-backdrop {
  background-color: #FFF;
}

#sabreSeat.modal-body li h4.modal-title>.ic-chair~span {
  color: #e50000;
}

#sabreSeat .spinner>div {
  background-color: #e50000;
}

#amadeusSeat.modal-body li h4.modal-title>.ic-chair~span {
  color: #005eb8;
}

#amadeusSeat .spinner>div {
  background-color: #005eb8;
}

li h4.modal-title {
  margin-right: 20px;
  line-height: 1;
  margin-top: 5px;
  font-size: 1rem;
  font-weight: 700;
  color: #AAA;
}

li h4.modal-title>.ic-chair {
  font-size: 22px;
  top: 4px;
  position: relative;
}

li h4.modal-title>.ic-chair~span {
  margin-left: 10px;
  color: #00AEC6;
  font-weight: 700;
}

li .ic-next {
  font-size: 10px;
  font-weight: 700;
  top: -1px;
  position: relative;
}

.box__Legend {
  border-radius: 4px;
  border: 1px dashed #DDD;
  text-align: left;
  padding: 5px 15px 10px;
  margin: 0 0 0 15px;
  overflow: hidden;
  position: relative;
  z-index: 4;
}

.legend__List li {
  display: block;
  font-size: .8rem;
  position: relative;
  padding: 4px 0 0 30px;
  margin-bottom: 10px;
  line-height: 1.3;
}

.legend__List li:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: 0;
  border-radius: 3px 8px 8px 3px;
  line-height: 1;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'rspicon' !important;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 8px;
}

.legend__List li:first-of-type:before {
  content: "\e96e";
  color: #FFF;
  background: #2275b7;
  border-radius: 3px;
}

.legend__List li:nth-of-type(2):before {
  content: "";
  background: #BBB;
  border: none;
  border-radius: 3px;
  opacity: .4;
}

.legend__List li:nth-of-type(3):before {
  content: "";
  background: #2275b7;
}

.legend__List li:nth-of-type(4):before {
  content: "";
  background: #2275b7;
}

.legend__List li:nth-of-type(5):before {
  content: "\e96f";
  border: 1px solid #DDD;
  color: inherit;
  font-weight: 700;
  border-radius: 3px;
  color: #AAA;
}

.legend__List li:nth-of-type(6):before {
  content: "";
  background: #77BD1F;
}

.legend__List li:nth-of-type(7):before {
  content: "";
  background: #BBB;
}

.legend__List li:last-of-type:before {
  content: "";
  background: #FFF;
  border-radius: 0;
  border: 1px solid #DDD;
  border-bottom: 2px solid red;
}

.legend__List li:nth-of-type(3):after,
.legend__List li:nth-of-type(6):after,
.legend__List li:nth-of-type(7):after {
  content: "";
  width: 14px;
  height: 16px;
  background: #FFF;
  position: absolute;
  top: 4px;
  left: 0px;
  border-left: 1px solid #BBB;
  border-radius: 0 5px 5px 0;
}

.tab-content {
  padding-top: 0;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  border: 1px solid #4A4A4A;
  border-bottom-color: transparent;
}

.nav-tabs {
  border-color: #999;
}

.nav-tabs>li>a {
  font-weight: 700;
  font-size: .8667rem;
  padding: 10px 8px 12px;
  color: #999;
}

.nav-tabs>li>a:hover {
  border: 1px solid transparent;
  background: none;
}

.detail-info .nav-tabs>li>a {
  color: #C0C4CA;
  font-weight: 400;
  font-size: 1rem;
  padding: 15px;
  display: flex;
  align-items: center;
  border: 1px solid #C0C4CA;
  border-bottom-color: transparent;
  margin-right: -1px;
  border-radius: 0;
}

.detail-info .nav-tabs>li.active>a {
  font-weight: 700;
}

.detail-info .nav-tabs>li:first-child.active>a,
.detail-info .nav-tabs>li:first-child>a {
  border-radius: 4px 0 0 0;
}

.detail-info .nav-tabs>li:last-child.active>a,
.detail-info .nav-tabs>li:last-child>a {
  border-radius: 0 4px 0 0;
}

.detail-info .nav-tabs>li>a>i {
  margin-right: 10px;
  display: none;
}

.detail-info .nav-tabs>li.active>a,
.detail-info .nav-tabs>li.active>a:focus,
.detail-info .nav-tabs>li.active>a:hover {
  color: #4A4A4A;
  border-color: #4A4A4A;
  border-bottom-color: transparent;
  margin-right: 0;
}

.detail-info .nav-tabs>li.active>a>i,
.detail-info .nav-tabs>li.active>a:focus>i,
.detail-info .nav-tabs>li.active>a:hover>i {
  display: block;
  color: #025BC5;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
  /* color: #F5A623; */
  color: #212121;
  background: none;
  font-weight: 700;
}

.reservation-tab {
  display: flex;
  align-items: center;
}

.reservation-tab>li:last-child {
  margin-left: auto;
  font-size: .8667rem;
  order: 2;
  border-left: 1px solid rgba(2, 91, 197, .4);
}

.reservation-tab>li:last-child>a {
  color: #025BC5;
  display: flex;
  font-weight: 700;
}

.reservation-tab>li:last-child>a i {
  margin-left: 10px;
  font-size: 16px;
  font-weight: 700;
}

.reservation-tab>li.active {
  border-bottom: 3px solid #025BC5;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.reservation-tab>li.active>a {
  font-weight: 700;
}

.reservation-tab>li>a {
  font-weight: 400;
  color: #BBBDBF;
}

.reservation-tab>li>a>.badge {
  margin-left: 5px;
  border-radius: 50%;
  border: 2px solid #F5A623;
  width: 30px;
  height: 30px;
  line-height: 1.8;
  font-weight: 700;
  font-size: 12px;
  color: #939396;
  background: #FFF;
}

.badge {
  padding: 3px 0;
}

.reservation-table .tab-content {
  background: #FFF;
  width: 747px;
  margin-top: 10px;
  border-radius: 5px;
  padding: 5px 0 15px;
}

@media (min-width: 768px) {
  .navbar-toggle {
    display: block;
    margin: 3px 18px 0 5px;
    float: left;
    padding: 10px 0;
  }
}

.navbar-toggle .icon-bar {
  background: #FFFFFF;
}

.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 6px;
  width: 15px;
}

/*Search
-----------------------------------------*/

.search-wrapper {
  position: relative;
  margin: 62px auto 120px;
  display: block;
  width: 910px;
}

.main__search {
  width: 800px;
  margin: 0 auto;
  /* margin-top: 100px; */
  position: absolute;
  top: 73px;
  /* margin-bottom: 220px; */
  left: 50%;
  /* transform: translateX(-50%); */
  margin-left: -400px;

}

.main__search .tab-content {
  padding-top: 49px;
}

.search__box {
  position: relative;
  background: #FFF;
  padding: 15px 20px 20px;
  min-height: 155px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(36, 37, 61, .2);
  -moz-box-shadow: 0px 2px 8px 0px rgba(36, 37, 61, .2);
  box-shadow: 0px 2px 8px 0px rgba(36, 37, 61, .2);
}

.search__box .btn-primary {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -25px;
  min-width: 175px;
  padding: 12px 25px;
}

#add-flight {
  font-size: .8rem;
  font-weight: 700;
  border: 2px solid #F5A623;
  margin: 0 0 20px;
  padding: 6px 20px;
  background: none;
  color: #212121;
}

.btn--white {
  font-size: .9333rem;
  font-weight: 700;
  border: 3px solid #FFF;
  padding: 6px 22px;
  background: none;
  border-radius: 22px;
  color: #FFF;
}

.search__box .btn-primary:focus {
  background: #c5e5ef;
  color: #2D519F;
}

.search__box-inputBox,
.searchTrain__box-inputBox {
  padding: 4px 10px;
  border-radius: 5px;
  min-height: 50px;
  -webkit-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
  position: relative;
  background: #FFF;
}

.wrapping__search-row {
  position: relative;
  width: 100%;
  transition: width .15s ease-in-out;
  display: flex;
  align-items: center;
}

.wrapping__search-row:has(input:disabled) {
  background-color: #f0f0f0;
}


.search__box-inputBox.multi .wrapping__search-row {
  width: calc(100% - 48px);
}

.btn-removeX {
  padding: 6px 15px;
  color: #888;
}

.btn-removeX.hidden {
  transform: translateY(-100%);
}

.btn-removeX i {
  font-size: 1rem;
}

.search__box-inputBox .row,
.searchTrain__box-inputBox .row {
  margin-right: -10px;
  margin-left: -10px;
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

#searchFlight,
#searchTrain {
  margin-bottom: 20px;
}

.wrap__input-box {
  display: flex;
  border: 1px solid #CCC;
  height: 45px;
  align-items: center;
  padding: 20px 0;
  border-radius: 5px;
  margin-right: 0;
}

.wrap__input-box i {
  float: left;
  padding: 10px;
  color: #025BC5;
  font-size: 1.067rem;
  margin-right: 2px;
  color: #999;
}

.search--boxPhase-2 .wrap__input-box .col-sm-6 {
  border: none;
  margin-right: 0;
}

.search--boxPhase-2 .wrap__input-box {
  margin-right: 0;
}

.wrap__input-box>.btn>i {
  color: #4A4A4A;
  font-size: 25px;
  padding: 15px 4px;
}

.wrap__input-box>[class*="col-sm-"] {
  display: flex;
  align-items: center;
}

.wrap__input-box>.col-sm-6 {
  padding: 0 10px;
  border-radius: 5px;
}

.search__option-box {
  display: block;
  padding: 15px 0 0;
  overflow: hidden;
}

.more__option-box {
  display: flex;
  align-items: center;
  margin-bottom: 9px;
  padding: 12px 10px;
  justify-content: space-between;
  border-bottom: 1px dashed #888;
  background: #f5f5f5;
  border-radius: 5px 5px 0 0;
}

.more__option-box span {
  font-weight: 700;
  font-size: .82rem;
  color: #025BC5;
}

.more__option-box .input-group {
  margin-left: 10px;
}

.more__option-box .btn-option {
  color: #4A4A4A;
  display: flex;
  padding: 0;
  align-items: center;
  padding-right: 8px;
  margin-right: 5px;
}

.more__option-box .btn-option:last-child {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}

.divRight {
  border-right: 1px solid #CCC;
  border-radius: 0;
}

.divLeft {
  border-left: 1px solid #CCC;
  border-radius: 0;
}

.search--boxPhase-1 {
  width: 100%;
  border-radius: 5px;
}

#inline-search-inputBox .search--boxPhase-1 {
  width: 580px;
  border-radius: 5px;
  margin-right: 15px;
}

.search--boxPhase-2 {
  width: 100%;
  margin-right: 15px;
}

#inline-search-inputBox .search--boxPhase-2 {
  width: 310px;
  margin-right: 15px;
}

.search--boxPhase-3 {
  width: 550px;
  padding: 10px 0px 0;
  border-radius: 5px;
}

#inline-search-inputBox .search--boxPhase-3 {
  width: 162px;
  padding: 10px 0px 0;
  border-radius: 5px;
}

[class*="search--boxPhase-"] {
  padding: 0;
}

#searchRental .search--boxPhase-1 {
  width: 100%;
  margin-right: 15px;
}

#searchRental .search--boxPhase-2 {
  width: 100%;
  margin-right: 15px;
}

#searchRental .search--boxPhase-3 {
  width: 100%;
  margin-right: 15px;
}

#searchRental .searchBox__input {
  max-width: 100%;
}

#searchRental .wrap-radio>span.text {
  width: 161px;
  display: inline-block;
  position: absolute;
  top: 1px;
  left: 25px;
}

.rental-search-label-box {
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100%;
  height: 30px;
}

.rental-search-label-box .search-location-label,
.rental-search-label-box .rental-date-label,
.rental-search-label-box .rental-time-label {
  display: flex;
  justify-content: start;
  align-items: center;
}

.rental-search-label-box .search-location-label {
  width: 380px;
}

#search-rental-label-inline.rental-search-label-box .search-location-label {
  width: 250px;
}

.rental-search-label-box .rental-date-label {
  width: 380px;
}

#search-rental-label-inline.rental-search-label-box .rental-date-label {
  width: 250px;
  padding-left: 5px;
}

.rental-search-label-box .rental-time-label {
  width: 200px;
}

#search-rental-label-inline.rental-search-label-box .rental-time-label {
  width: 200px;
  padding-left: 8px;
}

.rental-search-label-box label {
  margin: 0 !important;
  display: flex;
  justify-content: start;
  align-items: center;
  font-weight: 400;
  font-size: .8667rem;
  color: #888;
}

.searchBox__input {
  border: none;
  display: block;
  width: 100%;
  padding: 6px 0;
  color: #4A4A4A;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  cursor: default;
  letter-spacing: .5px;
  background: none;
  max-width: 300px;
  text-overflow: ellipsis;
}

#inline-search-inputBox .searchBox__input {
  max-width: 158px;
}

.searchBox__input:hover {
  cursor: pointer;
}

.searchBox__input:focus {
  outline: none;
}

.box-date {
  -o-text-overflow: initial;
  text-overflow: initial;
}

.switch-But {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 30px;
  height: 28px;
  z-index: 11;
  cursor: pointer;
  text-align: center;
  -webkit-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
  background: #FFF;
  background: #f5f5f5;
  width: 34px;
  height: 32px;
  border: 1px solid #363636;
}

.switch-But i.onReverse {
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  left: 11px;
}

.switch-But i {
  color: #363636;
  font-weight: 700;
  padding: 0;
  position: relative;
  top: 6px;
  left: 6px;
  -webkit-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

/*Menu Item
-----------------------------------------*/

.menuItem {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.24);
  margin: 0;
  opacity: 0;
  padding: 4px 0;
  padding: 15px;
  pointer-events: none;
  position: absolute;
  transition-delay: 120ms;
  transition-duration: 180ms;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
  z-index: 1050;
  min-width: 200px;
  transform: scale3d(.8, .8, 1);
  transform-origin: left top;
  -webkit-transition: opacity 150ms cubic-bezier(0.8, 0.0, 0.6, 1) 0ms, transform 250ms cubic-bezier(0.8, 0.0, 0.6, 1) 0ms;
  transition: opacity 150ms cubic-bezier(0.8, 0.0, 0.6, 1) 0ms, transform 250ms cubic-bezier(0.8, 0.0, 0.6, 1) 0ms;
  visibility: hidden;
}

.menuItem-left {
  left: -8px;
  top: -14px;
}

.menuItem-right {
  right: 0;
  top: -14px;
}

.menuItem-big {
  min-width: 550px;
}

.menuItem.isOpen {
  -webkit-transition: opacity 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms;
  transition: opacity 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0.0, 0.2, 1) 0ms;
  transform: scale3d(1, 1, 1);
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}

ul.trip-type {
  list-style-type: none;
  padding-right: 10px;
}

ul.trip-type li {
  padding: 10px 0;
  position: relative;
  border-bottom: 1px solid #EEE;
}

ul.trip-type li:last-child {
  border-bottom: none;
}

ul.trip-type li.active:after {
  content: "\e98c";
  font-family: 'rspicon';
  position: absolute;
  right: -5px;
  top: 50%;
  margin-top: -10px;
}

ul.trip-type li>div {
  color: #4A4A4A;
  font-weight: 700;
  font-size: .9rem;
}

/*Input
-----------------------------------------*/

.input-group .input--blue {
  border-radius: 3px !important;
  border-color: #025BC5;
  padding: 15px 6px;
  width: 105px;
  height: 35px;
  text-align: center;
}

.header__account--code {
  font-weight: 700;
  font-size: .8667rem;
  color: #025BC5;
  margin-right: 5px;
}

.account--code {
  display: block;
  font-weight: 700;
  margin-bottom: 0;
  font-size: .8rem;
  position: absolute;
  top: -10px;
  left: 6px;
  z-index: 5;
  background: #f7f7f7;
  padding: 1px 4px 4px;
  line-height: 1;
  border-radius: 3px;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  text-transform: none !important;
}

::-moz-placeholder {
  /* Firefox 19+ */
  text-transform: none !important;
}

:-ms-input-placeholder {
  /* IE 10+ */
  text-transform: none !important;
}

:-moz-placeholder {
  /* Firefox 18- */
  text-transform: none !important;
}

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

.input--blue::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #C0C4CA;
  font-size: .8667rem;
}

.input--blue::-moz-placeholder {
  /* Firefox 19+ */
  color: #C0C4CA;
  font-size: .8667rem;
}

.input--blue:-ms-input-placeholder {
  /* IE 10+ */
  color: #C0C4CA;
  font-size: .8667rem;
}

.input--blue:-moz-placeholder {
  /* Firefox 18- */
  color: #C0C4CA;
  font-size: .8667rem;
}

input.searchBox__input::-webkit-input-placeholder,
input[type="text"]:not(:disabled).searchBox__input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #4A4A4A;
  transition: color .15s ease-in-out;
}

input.searchBox__input::-moz-placeholder,
input[type="text"]:not(:disabled).searchBox__input::-moz-placeholder {
  /* Firefox 19+ */
  color: #4A4A4A;
  transition: color .15s ease-in-out;
}

input.searchBox__input:-ms-input-placeholder,
input[type="text"]:not(:disabled).searchBox__input:-ms-input-placeholder {
  /* IE 10+ */
  color: #4A4A4A;
  transition: color .15s ease-in-out;
}

input.searchBox__input:-moz-placeholder,
input[type="text"]:not(:disabled).searchBox__input:-moz-placeholder {
  /* Firefox 18- */
  color: #4A4A4A;
  transition: color .15s ease-in-out;
}

input[type="text"]:disabled.searchBox__input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  background: none;
  color: #DDD;
  transition: color .15s ease-in-out;
}

input[type="text"]:disabled.searchBox__input::-moz-placeholder {
  /* Firefox 19+ */
  background: none;
  color: #DDD;
  transition: color .15s ease-in-out;
}

input[type="text"]:disabled.searchBox__input:-ms-input-placeholder {
  /* IE 10+ */
  background: none;
  color: #DDD;
  transition: color .15s ease-in-out;
}

input[type="text"]:disabled.searchBox__input:-moz-placeholder {
  /* Firefox 18- */
  background: none;
  color: #DDD;
  transition: color .15s ease-in-out;
}

/*Toggle
-----------------------------------------*/

.toggle-wrapper {
  position: absolute;
  top: -38px;
  left: 0;
  text-align: right;
  cursor: pointer;
  user-select: none;
  width: 145px;
}

.toggle-wrapper>div {
  float: left;
  color: #FFF;
  font-weight: 700;
  font-size: .82rem;
}

.toggle-box {
  position: relative;
  float: left;
  line-height: 1;
  margin-left: 0;
}

.toggle-box~div {
  display: block;
  color: #025BC5;
  text-align: left;
  position: absolute;
  width: 119px;
  left: 50px;
  font-size: 1rem;
  top: -3px;
}

.toggle-back,
.toggle-back .knob {
  -moz-transition: all .15s ease-in;
  -webkit-transition: all .15s ease-in;
  -o-transition: all .15s ease-in;
  transition: all .15s ease-in;
}

/* .toggle-back {
  box-shadow: inset 1px 1px 9px -3px rgba(4, 4, 4, 0.08), 1px 2px 6px -2px rgba(0, 0, 0, 0.01);
} */

.toggle-back {
  height: 23px;
  width: 38px;
  display: inline-block;
  background-color: #DDD;
  margin: 0px 2px;
  margin-bottom: 5px;
  border-radius: 30px;
  cursor: pointer;
}

.toggle-back .knob {
  width: 18px;
  height: 18px;
  display: inline-block;
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(107, 106, 106, 0.7), 0 2px 1px rgba(107, 106, 106, 0.3);
  border-radius: 26px;
  margin: 0;
  left: 5px;
  position: absolute;
  top: 2px;
}

.toggle-box.active .toggle-back {
  background: #2D519F;
}

.toggle-box.active .toggle-back .knob {
  margin-left: 14px;
}

/*Airlines
-----------------------------------------*/

.airlines {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.3;
  overflow: hidden;
  padding-bottom: 5px;
}

.airlines-logo {
  width: 60px;
  height: 60px;
  background: #FFF;
  border-radius: 4px;
  float: left;
}

.airlines-logo img {
  width: 100%;
  object-fit: contain;
}

.carrier-class {
  color: #939396;
  font-size: .8667rem;
  font-weight: 700;
}

.carrier-class span {
  margin: 0 5px;
}

.transit {
  padding: 5px 20px;
  border: 1px solid #80ADE2;
  border-radius: 0 30px 30px 0;
  border-left: 0;
  margin: 0 auto 30px;
  width: 84%;
  overflow: hidden;
  font-weight: 700;
  user-select: none;
  font-size: .8rem;
}

.transit i {
  top: 2px;
  margin-right: 8px;
  color: #63b5f7;
}

.transit span {
  color: #939396;
}

.transit span:first-of-type {
  margin: 0 5px;
}

.segment {
  user-select: none;
}

.airlines-box {
  float: left;
  white-space: nowrap;
}

.airlines-name {
  float: left;
  margin-right: 3px;
  font-size: .8667rem;
}

.airlines-code {
  color: #939396;
  font-size: .8667rem;
}

.airlines-code:before {
  content: "(";
}

.airlines-code:after {
  content: ")";
}

.operating-carier {
  padding-top: 3px;
}

.airlines_Schedule {
  padding-top: 5px;
}

.time__Schedule {
  font-weight: 700;
  font-size: .8571rem;
}

.time__Schedule:before {
  content: "[ ";
  color: #eb0011;
}

.time__Schedule:after {
  content: " ]";
  color: #eb0011;
}

/* Table
-----------------------------------------*/

.table {
  margin: 15px 0 0;
  border-bottom: 1px solid #DDD;
  background: #ffffff;
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
  padding: 2px 0 0;
  border: none;
  font-size: .85rem;
  font-weight: 400;
}

.table-condensed>tbody>tr>td:first-of-type {
  color: #666;
  font-weight: normal;
}

.table-condensed>tbody>tr>td:first-of-type:after {
  content: ":";
  float: right;
}

.table>thead>tr>th {
  vertical-align: bottom;
  border-color: #CCC;
  border-width: 2px;
  color: #f4f4f9;
  font-size: .9333rem;
  padding: 15px 5px;
  font-weight: 700;
  border: none;
  background: #363636;
}

.table-sticky>thead>tr>th {
  position: sticky;
  top: 60px;
  z-index: 12;
}

.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {
  padding: 15px 10px;
}

.table.table-amount {
  border-bottom: none;
}

.table.table-amount>thead>tr>th {
  text-transform: uppercase;
  vertical-align: middle;
  font-size: 1.067rem;
}

.table.table-amount>thead>tr>th:last-child {
  text-align: right;
}

.table.table-amount>tbody>tr>td {
  padding: 15px 10px 0;
  border-top: none;
  color: #4c4c4c !important;
  font-size: .9333rem;
  vertical-align: top;
}

.table.table-amount>tbody>tr>td:first-child {
  font-weight: 700;
}


.table.table-amount>tbody>tr>td:last-child {
  color: #666 !important;
}

.table-reservation .table>thead>tr>th:first-child {
  padding-left: 10px;
}

.table-list {
  list-style-type: none;
}

.table-list li {
  margin-bottom: 10px;
  color: #4c4c4c;
  font-size: .8667rem;
  font-weight: 400;
}

.table-list li span {
  color: #5499E4;
  font-size: .9333rem;
  margin-left: 8px;
}

.table-list li span.value {
  color: #666;
  float: right;
}

.table-list li:before {
  content: "-";
  margin-right: 10px;
}

.passenger-flight-info {
  border-top: 1px solid #999;
  padding: 10px 0;
}

.passenger__flight-number {
  text-align: right;
  font-weight: 700;
}

.passenger-flight-info h4,
.admin-section-wrapper h4 {
  margin-bottom: 15px;
  font-size: 1.067rem;
  font-weight: 700;
}

.passenger-flight-info h6 {
  color: #E54A57;
  margin-top: 15px;
  font-size: .8667rem;
  border-top: 1px dashed #999;
  padding-top: 15px;
  font-weight: 700;
}

.passenger-notes {
  color: #4c4c4c;
  font-size: .9333rem;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 15px;
}

#table-history .table>thead>tr>th {
  text-align: left;
}

#table-history .table>thead>tr>th:first-child {
  padding-left: 10px;
}

#table-history .table>thead>tr>th:last-child>span {
  display: block;
  color: #C0C4CA;
  cursor: pointer;
  padding: 0 5px;
}

#table-history .table>thead>tr>th:last-child>span>i {
  padding-left: 10px;
  font-size: 1rem;
}

#table-passenger .table>thead>tr>th {
  font-weight: 400;
  color: #939396;
  line-height: 1;
  vertical-align: middle;
  text-align: center;
}

#table-passenger .table>tbody>tr>td {
  border-top: none;
  border-bottom: 1px solid #F5F5F5;
}

#table-passenger .table>thead>tr>th:first-child {
  text-align: center;
}

#table-passenger .table>tbody>tr>td:first-child {
  text-align: center;
  color: #4A4A4A;
  font-weight: 700;
  width: 40px;
  padding: 0;
}

#table-passenger .table>tbody>tr {
  cursor: pointer;
}

#table-passenger .table>thead>tr>th:nth-child(2) {
  padding-left: 10px;
}

#table-passenger .table>thead>tr>th:nth-child(2),
#table-passenger .table>thead>tr>th:nth-child(3),
#table-passenger .table>thead>tr>th:nth-child(4),
#table-passenger .table>thead>tr>th:nth-child(5) {
  text-align: left;
}

#table-passenger .table>thead>tr>th:nth-child(3) {
  width: 82px;
}

#table-passenger .table>tbody>tr>td:nth-child(2) {
  color: #C0C4CA;
  width: 80px;
  font-weight: 300;
  padding: 0 10px;
}

#table-passenger .table>tbody>tr>td:nth-child(3) {
  color: #C0C4CA;
  width: 50px;
  font-weight: 700;
}

#table-passenger .table>thead>tr>th:nth-child(4),
#table-passenger .table>thead>tr>th:nth-child(5) {
  width: 240px;
}

#table-passenger .table>tbody>tr>td:nth-child(4),
#table-passenger .table>tbody>tr>td:nth-child(5) {
  color: #212529;
  font-weight: 700;
  letter-spacing: .5px;
}

#table-passenger .table>thead>tr>th:nth-child(6),
#table-passenger .table>tbody>tr>td:nth-child(6) {
  text-align: center;
}

#table-passenger .table>tbody>tr>th:nth-child(7) {
  width: 400px;
  text-align: center;
}

#table-passenger .table>thead>tr>th:nth-child(7),
#table-passenger .table>tbody>tr>td:nth-child(7) {
  width: 400px;
  font-weight: 700;
  text-align: center;
  color: #025BC5;
}

#table-passenger .table>tbody>tr>td:nth-child(7) span {
  margin: 0 5px;
  color: #E0E0E1;
}

#table-passenger .table>tbody>tr>td>span.isRequest {
  color: #777;
  font-weight: 700;
}

#table-passenger .table>tbody>tr>td:last-child {
  width: 20px;
  color: #025BC5;
  padding: 0 5px;
}

#table-passenger .table>tbody>tr>td:nth-child(8) {
  width: 90px;
  font-weight: 700;
  color: #4A4A4A;
  text-align: center;
}

#table-passenger .table>tbody>tr>td:last-child>i {
  font-size: .5rem;
}

#table-passenger .table>tbody>tr[aria-expanded="true"]>td:last-child>i.ic-chevron-down:before {
  content: "\e986";
}

#table-passenger .row.detail--row {
  padding: 15px 5px;
  margin: 10px 0;
  margin-left: 30px;
  border-radius: 5px;
  background: #f9f9f9;
  border: 1px solid #EEE;
  color: #666;
  text-align: left;
}

.table>thead>tr>th:last-child {
  text-align: center;
}

.reservation-button .btn {
  border-radius: 5px;
  height: 42px;
  padding: 8px 18px;
}

.reservation-button .btn.btn-primary {
  width: 100%;
  text-transform: uppercase;
}

.reservation-button .btn .caret {
  margin-left: 10px;
  border-top: 6px dashed;
  border-top: 4px solid\9;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}

.reservation-button .dropdown:first-child .btn {
  /* background: #F5A623; */
  background: #2D519F;
  border: none;
  text-transform: uppercase;
  font-weight: 900;
  -webkit-box-shadow: 0px 4px 8px -5px #4c4c4c;
  -moz-box-shadow: 0px 4px 8px -5px #4c4c4c;
  box-shadow: 0px 4px 8px -5px #4c4c4c;
  width: 300px;
}

.reservation-button .dropdown:last-child .btn span {
  color: #999;
}

.table-reservation .table>thead:first-child>tr:first-child>th:last-child,
#activeReservation .table>thead:first-child>tr:first-child>th:last-child {
  color: #eb0011;
  font-weight: 900;
  font-size: 1rem;
  text-transform: uppercase;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td {
  padding: 5px 10px;
  vertical-align: middle;
  border-top: 1px solid #EEE;
  font-size: .8667rem;
}

.table-reservation .table>tbody>tr>td {
  color: #212529;
  width: 160px;
}

.table-reservation .table>tbody>tr>td:first-child {
  width: 220px;
  padding-left: 10px;
}

#table-history .table>tbody>tr>td {
  padding: 15px 0;
  color: #C0C4CA;
  border: none;
}

#table-history .table>tbody>tr>td:first-child {
  width: 125px;
  padding: 0 10px;
  color: #C0C4CA;
}

.table-reservation #table-history .table>tbody>tr>td:last-child {
  padding-right: 10px;
}

.table-reservation .table>tbody>tr>td:nth-child(2)>a {
  color: #025BC5;
  width: 160px;
}

#table-history .table>tbody>tr>td:nth-child(2) {
  width: 100px;
  color: #4A4A4A;
}

#table-history .table>tbody>tr>td:nth-child(3) {
  width: 200px;
}

.table-reservation .table>tbody>tr>td:nth-child(5) {
  width: 80px;
  color: #BBBDBF;
}

.table>tbody>tr>td.empty-value {
  color: #BBBDBF;
}

#table-history .table>tbody>tr>td:nth-child(4) {
  width: 140px;
  color: #025BC5;
  font-weight: 700;
}

#table-history .table>tbody>tr>td:last-child {
  width: 200px;
  text-align: left;
  color: #4A4A4A;
  font-weight: 700;
  line-height: 1.7;
}

.table-reservation .table>tbody>tr>td:last-child {
  text-align: center;
  position: relative;
}

.table>tbody>tr>td>a {
  display: block;
  font-weight: 700;
  color: #212529;
}

.table>tbody>tr>td:last-child>a:after {
  font-family: 'rspicon';
  font-weight: 700;
  content: "\e987";
  font-size: .7333rem;
  padding: 0 0 0 8px;
  right: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #025BC5;
}

.table-detail {
  padding: 25px 15px;
}

.table-detail .table>tbody>tr>td {
  border-top: none;
  padding: 6px 0;
  font-weight: normal;
  font-size: 1rem;
}

.table-detail .table>tbody>tr>td:first-child {
  width: 200px;
  color: #939396;
  letter-spacing: .5px;
}

.table-detail .table>tbody>tr>td:last-child {
  color: #4A4A4A;
  font-weight: 700;
  font-size: 1rem;
  font-size: 1rem;
  padding-left: 10px;
  position: relative;
}

.table-detail .table>tbody {
  display: table-caption;
}

.table-detail .table>tbody:after {
  content: "";
  border-bottom: 1px dashed #C8C8CA;
  margin: 25px 0;
  display: block;
}

.table-detail .table>tbody>tr>td:last-child:before {
  content: ":";
  font-weight: 400;
  position: absolute;
  left: 0;
}

.table-detail .table>tbody+tbody {
  border-top: none;
}

.table-detail .table>tbody+tbody:after {
  content: "";
  border: none;
  margin: 0;
}

.table-responsive .table>tbody>tr>td span.utc-style {
  color: #939396 !important;
  display: block;
  font-weight: 700;
  font-size: 12.5px;
}

.table-responsive .table>tbody>tr>td span.text-small {
  color: #939396 !important;
  display: block;
  font-weight: 700;
  font-size: 12.5px;
}

.table-responsive .table>tbody>tr>td strong.time-utc {
  display: flex !important;
  align-items: end;
  gap: 3px;
}


.depart__clocks {
  color: #eb0011;
  font-weight: 400;
}

.depart__clocks:before {
  content: ",";
  padding: 0 3px;
  color: #666;
}

.dropdown-menu>li>a {
  display: block;
  padding: 8px 10px;
  clear: both;
  font-weight: 400;
  line-height: 1.6;
  color: #666 !important;
  white-space: normal;
  position: relative;
}

.dropdown-profileMenu>li:last-child>a {
  font-weight: 700;
  color: #DDD;
}

.dropdown-allMenu {
  top: 56px;
  left: 50%;
  transform: translateX(-50%);
  width: 240px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 15px 5px 20px;
}

.dropdown-cartMenu {
  top: 51px;
  transform: translateX(-50%);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 35px 25px;
  width: 210px;
}

.dropdown-cartMenu .newCaret {
  top: -1px;
  left: 59%;
  margin-left: 0 !important;
}

.dropdown-profileMenu {
  top: 49px;
  transform: translateX(-80%);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 20px 15px;
  width: 260px;
  margin-top: 1px;
  text-align: left !important;
}

.dropdown-profileMenu .newCaret {
  right: 20px;
  left: auto;
  -webkit-box-shadow: -1px -1px 0px rgba(0, 0, 0, .15);
  -moz-box-shadow: -1px -1px 0px rgba(0, 0, 0, .15);
  box-shadow: -1px -1px 0px rgba(0, 0, 0, .15);
}

.dropdown-currency {
  top: 49px;
  transform: translateX(-80%);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 20px 15px;
  width: 650px;
  margin-top: 1px;
  text-align: left !important;
}

.dropdown-language {
  top: 49px;
  transform: translateX(-80%);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 20px 15px;
  width: 550px;
  margin-top: 1px;
  text-align: left !important;
}

.dropdown-currency .newCaret {
  right: 80px;
  left: auto;
  -webkit-box-shadow: -1px -1px 0px rgba(0, 0, 0, .15);
  -moz-box-shadow: -1px -1px 0px rgba(0, 0, 0, .15);
  box-shadow: -1px -1px 0px rgba(0, 0, 0, .15);
}

.dropdown-language .newCaret {
  right: 60px;
  left: auto;
  -webkit-box-shadow: -1px -1px 0px rgba(0, 0, 0, .15);
  -moz-box-shadow: -1px -1px 0px rgba(0, 0, 0, .15);
  box-shadow: -1px -1px 0px rgba(0, 0, 0, .15);
}

ul .popular-currencies,
ul .label-select-language {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

ul .wrapper-item-currency {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: auto;
  gap: 5px;
}

ul .wrapper-item-currency .item-currency {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 500;
  border-radius: 3px;
  padding: 5px 5px;
  color: #757575;
}

ul .wrapper-item-currency .item-currency span {
  font-size: 11px;
  font-weight: 500;
  color: #000;
}

ul .wrapper-item-currency .item-currency:hover,
ul .wrapper-item-currency .item-currency:hover span {
  background: #2D519F;
  color: #FFFFFF;
}

ul .wrapper-item-language {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: auto;
  gap: 5px;
}

ul .wrapper-item-language .item-language {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 500;
  border-radius: 3px;
  padding: 5px 5px;
  color: #757575;
}

ul .wrapper-item-language .item-language span {
  font-size: 11px;
  font-weight: 500;
  color: #000;
}

ul .wrapper-item-language .item-language:hover {
  background: #DDD;
}

.head__info-welcome {
  font-weight: 700;
}

.head__info-welcome span {
  color: #5499E4;
  font-weight: 400;
}


.head__info-profile {
  padding: 10px 0 5px;
  line-height: 1.6;
  color: #24253d;
}

.head__info-profile span {
  color: #888;
}

.dropdown-profileMenu i {
  margin-right: 10px;
}

.dropdown-cartMenu img {
  display: block;
  margin-bottom: 20px;
  width: 140px;
  margin: 10px auto 30px;
}

.dropdown-cartMenu p {
  line-height: 1.3;
}

.dropdown-allMenu>li {
  line-height: 1;
  list-style: none;
  margin: 0 5px 10px;
  transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  background: #fff;
  width: 104px;
  max-height: 85px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 5px;
  float: left;
}

.dropdown-allMenu>li>a {
  white-space: normal;
  text-align: center;
  font-size: .7333rem;
  line-height: 1.4;
  padding: 5px 10px;
}

.dropdown-allMenu>li>a>img {
  display: block;
  margin: 0 auto 5px;
}

/* Seat
-----------------------------------------*/
.seat-header {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  color: #555;
  padding: 3px;
  border-bottom: 2px solid ghostwhite;
  user-select: none;
}

.seat-row {
  margin-right: 10px;
  z-index: 2;
  position: relative;
  margin-top: -10px;
}

.exit>.seat-header {
  background: #FFF;
  border-bottom: 2px solid red;
  color: #eb0011;
}

.exit .seat-facility {
  visibility: hidden;
}

.seat-facility {
  margin-bottom: 10px;
  font-size: 12px;
}

.Seat {
  width: 36px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #2275b7;
  position: relative;
  transition: all .1s linear;
  -moz-transition: all .1s linear;
  -webkit-transition: all .1s linear;
  -o-transition: all .1s linear;
}

.Seat:hover {
  cursor: pointer;
}

.Seat:before {
  content: "";
  position: absolute;
  font-family: 'rspicon' !important;
}

.Seat.available {
  border-radius: 6px 26px 26px 6px;
}

.Seat.available:before {
  content: "";
  width: 27px;
  height: 26px;
  background: #FFF;
  left: -1px;
  z-index: 1;
  border-radius: 0 8px 8px 0;
  border-left: 1px solid #EEE;
}

.Seat.Blocked {
  border: 1px solid #DDD;
  background: #FFF;
  user-select: none;
  border-radius: 6px;
}

.Seat.Blocked:before,
.Seat.Selected:before {
  content: "\e96f";
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'rspicon' !important;
  /* speak: none; */
  font-weight: 700;
  text-transform: none;
  line-height: 1;
  font-size: 8px;
  left: 0;
  border: none;
  position: relative;
  color: #BBB;
}

.Seat.Selected,
.Seat.Purchased.Selected,
.Seat.Paid.Selected {
  background: #2275b7;
  user-select: none;
  border-radius: 4px;
}

.Seat.Selected:before {
  content: "\e96e";
  color: #FFF;
  background: none;
  font-size: 10px;
}

.Seat.Occupied {
  background: #BBB;
  opacity: .3;
  border-radius: 6px;
}

.Seat.Purchased {
  background: #BBB;
}

.Seat.Free {
  background: #77BD1F;
}

.Seat.Occupied:before,
.Seat.Paid:before {
  background: none;
}

.Seat.Blocked:hover,
.Seat.Occupied:hover {
  cursor: not-allowed;
  user-select: none;
}

.Seat.Blocked>.value_Seat,
.Seat.Occupied>.value_Seat,
.Seat.Purchased>.value_Seat,
.Seat.Paid>.value_Seat,
.Seat.Selected>.value_Seat {
  display: none;
}

.wrapper-seat-map {
  overflow-y: hidden;
  min-height: 490px;
  padding: 10px 15px;
  position: relative;
  background: ghostwhite;
}

.airlines__Seat-width:after {
  content: "";
  position: fixed;
  right: 15px;
  width: 20px;
  top: 65px;
  bottom: 0;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 15%, rgba(255, 255, 255, 0.28) 28%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(15%, rgba(255, 255, 255, 0.15)), color-stop(28%, rgba(255, 255, 255, 0.28)), color-stop(100%, rgba(255, 255, 255, 1)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 15%, rgba(255, 255, 255, 0.28) 28%, rgba(255, 255, 255, 1) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 15%, rgba(255, 255, 255, 0.28) 28%, rgba(255, 255, 255, 1) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 15%, rgba(255, 255, 255, 0.28) 28%, rgba(255, 255, 255, 1) 100%);
  z-index: 4;
}

.small__Label {
  font-size: .7333rem;
  margin-bottom: 0;
  line-height: 1.6;
  color: #BBB;
}

.Aisle {
  visibility: hidden;
}

.value_Seat {
  z-index: 2;
  position: relative;
  left: -5px;
  color: #777;
  text-transform: uppercase;
  user-select: none;
}

.airlines__Seat-width {
  min-width: 1200px;
}

.airlines__Seat-width:before {
  content: "";
  height: 35px;
  background: #BBB;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-width: 1230px;
}

.passenger__Box-header {
  color: #2275b7;
  padding-bottom: 3px;
  font-size: .8667rem;
}

.passenger__Box {
  border-top: 1px solid #DDD;
  padding-top: 5px;
}

.passenger__Box label {
  text-align: left !important;
  background: #FFF;
  color: #212121;
  border: none;
  padding: 0 0 0 10px;
  margin: 6px 0;
}

.passenger__Box label span {
  font-weight: 400;
  color: #666;
}

.passenger__Box label.active span {
  font-weight: 700;
}

.divider--dash-left {
  border-left: 1px dashed #DDD;
}

.passenger__Box .btn-primary.active,
.passenger__Box .btn-primary.focus,
.passenger__Box .btn-primary:active,
.passenger__Box .btn-primary:focus,
.passenger__Box .btn-primary:hover,
.open>.dropdown-toggle.passenger__Box .btn-primary {
  background: none;
  box-shadow: none;
  color: #212121;
  box-shadow: inset 2px 0 0 #BBB;
}

.passenger__Box .btn-primary:hover {
  box-shadow: inset 3px 0 0 #EEE;
}

.btn__more-option {
  font-weight: 700;
  padding: 10px 0;
  float: right;
}

.btn__more-option i {
  font-size: .6667rem;
  color: #025BC5;
  font-weight: 700;
}

.btn--circle {
  background: #f7f7f7;
  border-radius: 50%;
  padding: 5px 8px;
  border: 1px solid #DDD;
  margin-top: 4px;
  margin-left: 5px;
}

.btn--circle.hasSelected {
  background: none;
}

/*Distance
-----------------------------------------*/
.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-18 {
  margin-top: 18px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mbz {
  margin-bottom: 0 !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mz {
  margin: 0 !important;
}

.pz {
  padding: 0 !important;
}

.plz {
  padding-left: 0 !important;
}

.pbz {
  padding-bottom: 0 !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.prz {
  padding-right: 0 !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pl-45 {
  padding-left: 45px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.bz {
  border: none !important;
}

.ptz {
  padding-top: 0 !important;
}

.py-2 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.mtz {
  margin-top: 0 !important;
}

.pos-rel {
  position: relative;
}

#searchTransportation .pos-rel {
  width: 100%;
}

#searchTransportation #inline-search-inputBox .pos-rel {
  width: auto;
}

.w40 {
  width: 40% !important;
}

.w60 {
  width: 60% !important;
}

.strong {
  font-weight: 900 !important;
}

/* Navbar
-----------------------------------------*/
.navbar {
  border-radius: 0;
  border: none;
  margin-bottom: 0;
  height: 61px;
}

.navbar-nav.nav-menu {
  margin-right: -30px;
}

.nav-menu li.activation {
  background: #ccc;
}

.navbar-fixed-top {
  border: none;
  background: #2D519F;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
  box-shadow: 0 0 5px rgba(0, 0, 0, .15);
  height: 61px;
}

.navbar-nav>li:hover {
  cursor: pointer;
}

.navbar-nav>li>a {
  color: #777;
  padding: 10px 15px;
}

.nav.right-menu .open>a {
  background: none;
  border: none;
}

.nav.right-menu .open>a>i {
  color: #4A4A4A;
}

.nav.right-menu li>a:hover>i.ic-all-menu,
.nav.right-menu li>a:hover>i.ic-cart {
  color: #4A4A4A;
}

.nav>li>a:focus,
.nav>li>a:hover {
  text-decoration: none;
  background: none;
}

.navbar-fixed-top .navbar-collapse {
  padding: 0;
}

.nav-menu li>a {
  color: #393839;
  padding: 25px 20px;
}

.left-menu {
  background-color: #ffffff;
  z-index: 9990;
  will-change: visibility;
  visibility: hidden;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .28);
  box-shadow: 0 0 16px rgba(0, 0, 0, .28);
  width: 310px;
  -webkit-transform: translateX(-310px);
  transform: translateX(-310px);
  justify-content: space-between;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  overflow-x: hidden;
  opacity: 0;
}

.left-menu.isActive {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  -webkit-transition: transform .25s cubic-bezier(0.4, 0.0, 0.2, 1), visibility 0s linear 0s;
  transition: transform .25s cubic-bezier(0.4, 0.0, 0.2, 1), visibility 0s linear 0s;
  opacity: 1;
}

.header__left-menu {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 14px 0;
  margin: 0;
}

.header__left-menu img {
  display: block;
  max-width: 140px;
  height: auto;
}

.left-menu--list {
  list-style-type: none;
  margin: 0;
  color: inherit;
}

.left-menu--list.bottom {
  background: #2D519F;
  padding: 10px 0;
}

.left-menu--list.bottom li>a {
  font-size: .9333rem;
}

.left-menu--list.bottom .sts-brandNew {
  background: none;
  border-radius: 6px;
  position: absolute;
  top: 5px;
  padding: 0px 2px;
  font-size: .7333rem;
  width: auto;
  height: auto;
  transform: translateX(7px);
  color: #eb0011;
  font-style: italic;
  font-weight: 900;
}

.left-menu--list li {
  padding: 0;
  font-size: 1rem;
  clear: both;
}

.left-menu--list li>ul li {
  padding: 0;
  font-size: .9333rem;
  border-left: 1px solid #AAA;
}

.left-menu--list li:hover,
.left-menu--list li:focus {
  cursor: pointer;
  background: #2D519F !important;
}

.left-menu--list li:hover i,
.left-menu--list li:focus i,
.left-menu--list li:hover span,
.left-menu--list li:focus span {
  color: #f4f4f9;
}

.left-menu--list.bottom li {
  font-weight: 700;
}

.left-menu--list li>a {
  padding: 12px 25px;
  display: block;
  position: relative;
  color: #393839 !important;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
}

.left-menu--list li.help-center>a {
  color: #D5E5EF !important;
}

.left-menu--list li>a:hover {
  color: #ffffff !important;
}

.left-menu--list .dropdown-menu li>a:hover,
.left-menu--list .dropdown-menu li>a:focus {
  border-left: 2px solid #2D519F;
  margin-left: -2px;
  background: none !important;
  color: #ffffff !important;
}

.left-menu--list .dropdown-menu li>a.isActive {
  border-left: 2px solid #2D519F;
  margin-left: -2px;
  background: none !important;
  color: #2D519F !important;
  font-weight: 700;
}

.left-menu--list .dropdown-menu li>a.isActive:hover {
  color: #f4f4f9 !important;
}

.left-menu--list li i {
  display: inline-block;
  width: 20px;
  text-align: center;
  color: #025BC5;
  margin-right: 20px;
  font-size: 1.067rem;
  color: #AAA;
}

.left-menu--list li .caret {
  margin-top: 10px;
  color: #AAA;
  float: right;
  border-top: 6px dashed;
  border-top: 6px solid\9;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}

.left-menu--list li.open,
.left-menu--list li.open-menu {
  background: #2D519F !important;
}

.left-menu--list li.nav-parent.open-menu>a,
.left-menu--list li.nav-parent.open>a {
  color: #ffffff !important;
}

.left-menu--list li.open-menu i,
.left-menu--list li.open i {
  color: #f4f4f9;
}

.left-menu--list li.open .caret,
.left-menu--list li.open-menu .caret {
  border-bottom: 6px dashed;
  border-bottom: 6px solid\9;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-top: 0;
  color: #f4f4f9;
}

.left-menu--list li.open>.dropdown-menu,
.left-menu--list li.open-menu>.dropdown-menu {
  display: block;
  position: relative;
  width: 100%;
  border: none;
  box-shadow: none;
  border-radius: 0;
  margin: 0;
  padding: 0 0 0 35px;
  text-align: left;
  background: #FFFFFF;
}

.nav-master li>a {
  padding-left: 34px;
}

.right-menu {
  margin-right: 5px;
}

.right-menu i {
  font-size: 1.2rem;
  color: #A0A0A0;
}

.right-menu i.ic-home {
  color: #F5A623
}

.right-menu i.ic-search.isActive {
  color: #4A4A4A;
  color: #F5A623;
}

.right-menu i.ic-search.isActive:before {
  content: "\e952";
}

.main-menu,
.other-menu {
  position: absolute;
  text-align: center;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  display: flex;
  justify-content: center;
  z-index: 3;
}

.main-menu i {
  font-size: 1.2rem;
  margin-bottom: 7px;
  display: block;
  position: relative;
  color: #999;
}

.main-menu i~span {
  position: relative;
  font-weight: 700;
}

.main-menu li.active>a>i {
  color: #025BC5;
}

.main-menu li>a {
  text-align: center;
  font-size: .8667rem;
  font-weight: 400;
  padding: 10px;
}

@media (min-width: 1200px) {
  .main-menu li>a {
    padding: 10px 15px;
  }
}

.manageSearch {
  width: 643px;
  z-index: 9;
  padding: 6px 0 8px;
  display: flex;
  justify-content: center;
}

.advancedSearch {
  position: absolute;
  top: 105%;
  padding: 15px;
  background: #FFF;
  left: 0;
  right: 0;
  height: 300px;
  -webkit-box-shadow: 0px 2px 8px 0px #A0A0A0;
  -moz-box-shadow: 0px 2px 8px 0px #A0A0A0;
  box-shadow: 0px 4px 8px 0px #A0A0A0;
  border-radius: 0 0 5px 5px;
  margin: 0 -178px;
  border-top: solid 2px #F5A623;
}

.backto-Main {
  float: left;
  position: relative;
  z-index: 10;
  white-space: nowrap;
  color: #F5A623;
  border: none;
  background: none;
  margin-right: 20px;
  font-size: .7333rem;
  font-weight: 700;
}

.backto-Main:focus {
  box-shadow: none;
  outline: none;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  display: none;
}

.wrapper-search {
  position: relative;
  border-collapse: separate;
  border: 1px solid #DDD;
  border-radius: 5px;
  background: #F9F9F9;
  height: 45px;
  width: 520px;
  display: flex;
  align-items: center;
}

.wrapper-search>i {
  float: left;
  color: #939396;
  padding: 0 15px;
}

.wrapper-search>input {
  border: none;
  box-shadow: none;
  height: 38px;
  padding: 8px 0;
  background: none;
  border-radius: 0;
  width: 455px;
}

.wrapper-search>input:focus {
  box-shadow: none;
}

.advancedOption {
  display: flex;
  color: #939396;
  cursor: pointer;
  padding: 15px;
}

.advancedOption i {
  font-size: .6rem;
}

.navbar-brand {
  height: 44px;
  margin: 0 !important;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.navbar-brand img {
  height: 100%;
  object-fit: contain;
  max-width: 155px;
}

.profile {
  background: #EFF0F4;
  border-radius: 5px;
  margin: 4px 5px 5px 15px;
  width: 35px;
  text-align: center;
  height: 35px;
  outline: 1px solid #FFFFFF;
  outline-offset: 4px;
}

.profile>a {
  padding: 7px !important;
  font-size: .8667rem;
}

.profile span {
  font-weight: 700;
  display: block;
  letter-spacing: .5px;
  font-size: .8rem;
}

.profile.multi-currency,
.profile.multi-language {
  background: #f5fcfd;
  border-radius: 5px;
  padding: 3px 10px;
  border: 1px solid #EFF0F4;
  margin: auto;
  width: auto;
  text-align: center;
  height: auto;
  outline: none;
  outline-offset: unset;
}

.profile.multi-currency:hover,
.profile.multi-language:hover {
  background: #2D519F;
}

.profile.multi-currency:hover>a,
.profile.multi-currency:hover>a * {
  color: #FFF !important;
}

.multi-currency span,
.multi-language .selected-language {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

.multi-currency span.arrow-dropdown,
.multi-currency .selected-language .arrow-dropdown {
  color: #AAA;
  border-top: 6px dashed;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}

.arrow-dropdown {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

li.gotoProduct>a {
  line-height: 1.3;
  font-weight: 700;
  padding: 0 6px;
}

.gotoProduct a span.logo-goto {
  width: 30px;
  height: 30px;
  float: left;
  margin-right: 10px;
  margin-left: -5px;
}

.gotoProduct a span img {
  width: 100%;
  object-fit: cover;
}

li.gotoProduct a span {
  font-weight: 300;
}

.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.3;
  text-decoration: none;
}

.jumbotron {
  height: 230px;
}

.jumbotron.jumbo-bg {
  background: #f9f9f9 url(https://maverick-global-assets.s3-ap-southeast-1.amazonaws.com/images/Car-rental.png) no-repeat center;
  background-size: cover;
  border-radius: 0 0 15px 15px;
}

.jumbotron.jumbo-sm {
  background: url(https://maverick-global-assets.s3-ap-southeast-1.amazonaws.com/images/slide-banner/bg-car.png) no-repeat right bottom;
  background-size: cover;
  margin: 0 auto;
  width: 100%;
}

.reservation-tab {
  background: #FFF;
  width: 747px;
  border: 1px solid #B7BBC0;
  border-radius: 5px;
  overflow: hidden;
}

/* Middle-content
-----------------------------------------*/

.middle-content {
  /* margin: 40px 0; */
  margin: 0;
  min-height: 200px;
}

.middle-content .col-sm-9 {
  padding-left: 0;
}

.middle-content .col-sm-3 {
  padding-right: 0;
  padding-left: 20px;
}

/* Right Side
-----------------------------------------*/

.right-side {
  background-image: linear-gradient(-40deg, rgba(255, 255, 255, 0.00) 0%, rgba(165, 196, 234, 0.36) 16%, #025BC5 70%);
  background-color: #025BC5;
  border-radius: 5px;
  padding: 20px;
  color: #FFF;
  -webkit-box-shadow: 0px 2px 8px 0px #A0A0A0;
  -moz-box-shadow: 0px 2px 8px 0px #A0A0A0;
  box-shadow: 0px 2px 8px 0px #A0A0A0;
  position: relative;
  overflow: hidden;
}

.right__side-header {
  padding-bottom: 13px;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
  overflow: hidden;
}

.right__side-header>[class*="col-sm-"] {
  padding: 0;
}

.right__side-content {
  padding: 14px 0;
  overflow: hidden;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
}

.right__side-content ul {
  list-style-type: none;
  overflow: hidden;
  margin-bottom: 0;
}

ul.booking__status>li>a {
  color: #FFF;
  font-size: .8667rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  transition: color .1s ease-in-out;
  -moz-transition: color .1s ease-in-out;
  -webkit-transition: color .1s ease-in-out;
  -o-transition: color .1s ease-in-out;
}

ul.booking__status>li>a:hover {
  background: #FFF;
  border-radius: 4px;
  color: #025BC5;
}

ul.booking__status>li:first-child>a {
  font-size: 1rem;
}

ul.booking__status>li:first-child>a>span:first-child {
  font-weight: 700;
  font-size: 1.667rem;
}

ul.booking__status>li>a>span:first-child {
  font-weight: 700;
  font-size: 1.2rem;
}

ul.booking__status>li>a>span:first-child {
  text-align: center;
}

ul.booking__status>li>a>span:last-child:after {
  font-family: 'rspicon';
  font-weight: 700;
  content: "\e987";
  font-size: .7333rem;
  padding: 0 0 0 8px;
  opacity: 0;
}

ul.booking__status>li>a:hover>span:last-child:after {
  opacity: 1;
}

ul.booking__status .col-sm-3 {
  padding-left: 0;
}

ul.booking__status .col-sm-9 {
  padding-left: 10px;
  padding-right: 10px;
  text-align: right;
}

.breadcrumb {
  margin-bottom: 12px;
  background: none;
  padding: 15px 0 0;
}

.breadcrumb>li {
  font-weight: 400;
  font-size: .9333rem;
  color: #939396;
}

.breadcrumb>li>a {
  color: #AAA;
  font-weight: 700;
}

.breadcrumb>li>i {
  color: #025BC5;
  margin-right: 8px;
  top: 1px;
}

.breadcrumb>li+li:before {
  font-family: 'rspicon';
  content: "\e987";
  position: relative;
  top: 2px;
  margin: 0 15px 0 20px;
  color: #B2BBC6;
}

.step-number {
  background: #025BC5;
  width: 33px;
  height: 32px;
  border-radius: 50%;
  padding: 3px 5px;
  margin-right: 10px;
  color: #FFF;
  text-align: center;
  font-weight: 700;
  display: inline-block;
}

.breadcrumb-item.isCompleted .step-number {
  background: #009688 !important;
}

.breadcrumb-item.isCompleted .step-number i {
  font-size: .7333rem;
  font-weight: 700;
}

.breadcrumb-item.isCompleted a {
  font-weight: 700;
  color: #009688 !important;
}

.breadcrumb-item.active .step-number {
  background: #F5F5F5;
  color: #B2BBC6;
}

ul.monthly__status>li>a {
  color: #FFF;
  font-size: .8125rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  transition: color .1s ease-in-out;
  -moz-transition: color .1s ease-in-out;
  -webkit-transition: color .1s ease-in-out;
  -o-transition: color .1s ease-in-out;
  list-style-type: none;
}

ul.monthly__status>li>a>span:first-child {
  font-weight: 700;
  font-size: 1.2rem;
}

ul.monthly__status>li:last-child>a {
  float: right;
  margin-top: 25px;
  font-size: .667rem;
}

ul.monthly__status>li:last-child>a:after {
  font-family: 'rspicon';
  font-weight: 700;
  content: "\e987";
  padding: 0 0 0 8px;
}

ul.monthly__status .col-sm-4 {
  padding: 0;
  text-align: left;
}

.right__side-footer {
  padding: 14px 0 0;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.header-icon {
  color: #FFF;
  display: block;
  border-radius: 50%;
  border: 2px solid #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  margin-right: 17px;
}

.header-icon i {
  font-size: 1rem;
}

.title-header {
  font-size: .8667rem;
  font-weight: 300;
  line-height: 1.4;
  padding-left: 5px;
}

.date-performance {
  font-weight: 700;
  font-size: .8667rem;
  padding-left: 5px;
}

/* Reservation info
-----------------------------------------*/

.reservation-info {
  margin: 73px 0;
  min-height: calc(100vh - 294px)
}

.reservation-info .dropdown {
  display: inline-block
}

.header--reservation-info {
  margin: 50px 0 15px;
  display: inline-block;
  position: relative;
  width: 100%
}

.label-group {
  display: block
}

.label-group .label {
  color: #A0A0A0;
  font-weight: 400;
  font-size: .9333rem;
  line-height: 1.2;
  display: inline-block;
  min-width: 155px;
  padding: 0;
  text-align: left
}

.label-group .label-title {
  color: #212529;
  display: inline-block;
  font-weight: 700;
  font-size: .9333rem
}

.label-group .label-title:before {
  content: ":";
  color: #A0A0A0;
  margin: 0 15px 0 6px;
}

.header--reservation-detail {
  padding: 15px 0 30px;
}

.header--reservation-detail h4 {
  font-weight: 700;
  font-size: 1.2rem;
}

.header--reservation-box {
  padding-top: 20px;
}

.header--reservation-box .table-legend {
  border-bottom: none;
}

.header--reservation-box~.label-group {
  padding-left: 0;
  margin-bottom: 5px;
}

.body--reservation-detail .label-title {
  display: block;
  font-size: .9333rem;
  color: #555;
  word-wrap: break-word;
}

.body--reservation-detail .label-title:before {
  content: "";
  margin: 0 !important;
}

.body--reservation-detail .label-title ul {
  margin-left: 12px !important;
}

.body--reservation-detail {
  padding: 15px 0;
  border-top: 1px solid #CCC;
}

.body--reservation-detail.additional-table {
  border-top: 1px dashed #CCC;
}

.body--reservation-detail h4 {
  font-weight: 700;
  margin: 0 0 25px;
  color: #666;
  border-bottom: 1px solid #ccc;
  padding: 2px 0 15px;
  font-size: 1.067rem;
}

.body--reservation-detail .label-group .label {
  display: block;
  text-align: inherit;
  font-size: .8rem;
}

.body--reservation-detail .label-group {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 15px;
}

.detail-info .nav-tabs {
  border-color: transparent;
  position: relative;
  z-index: 2;
  top: 1px;
}

.tab-reservation {
  padding-top: 0;
  border: 1px solid #4A4A4A;
  padding: 5px 15px 15px;
  border-radius: 0 5px 5px 5px;
}

.detail-info {
  padding: 0 15px;
}

/* Remark
-----------------------------------------*/

.remarkbox {
  margin: 5px 0;
  font-weight: 700;
  line-height: 1.4;
  overflow: hidden;
  color: #4A4A4A;
}

.remark__header {
  font-weight: 700;
  float: left;
  margin-right: 10px;
  color: #025BC5;
}

.remark__header span {
  color: #C0C4CA;
  font-weight: 400;
  display: block;
  font-size: .7333rem;
}

.ff-box {
  color: #025BC5;
}

.ff-code {
  color: #4A4A4A;
  margin-top: 8px;
  letter-spacing: .5px;
}

.detail__airlines {
  float: left;
  line-height: 1.7;
}

.logoA {
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 12px;
}

.logoA img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.airlines__name {
  font-weight: 700;
  font-size: .8667rem;
  color: #C0C4CA;
  letter-spacing: 0.57px;
}

.airlines__code {
  font-weight: 700;
  font-size: .7333rem;
}

.airlines__class {
  font-weight: 700;
  color: #939396;
  font-size: .7333rem;
  display: flex;
  letter-spacing: .5px;
}

.airlines__class span {
  position: relative;
  margin: 0 5px;
  padding-left: 10px;
  display: flex;
  align-items: center;
}

.airlines__transit {
  font-size: .667rem;
  font-weight: 700;
  color: #C0C4CA;
  display: flex;
  align-items: center;
  padding-left: 10px;
  position: relative;
}

.airlines__transit:before,
.airlines__class span:before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #C0C4CA;
  position: absolute;
  left: 0;
}

.seatmap__value {
  font-weight: 700;
  font-size: .8667rem;
  color: #025BC5;
  letter-spacing: 0.5px;
}

.status__seat {
  font-weight: normal;
  font-size: .7333rem;
  color: #939396;
  letter-spacing: 0.49px;
}

.flight-route {
  font-weight: 700;
}

.ssr-box {
  color: #025BC5;
}

.ssr {
  font-size: .7333rem;
  color: #4A4A4A;
  margin-bottom: 5px;
}

.ssr:first-child {
  margin-top: 10px;
}

.ssr i {
  font-size: .9333rem;
  color: rgba(2, 91, 197, .5);
  margin-right: 5px;
  float: left;
  width: 20px;
}

.ssr p {
  margin-bottom: 5px;
}

/* Carousel
-----------------------------------------*/

#mainBanner {
  margin-bottom: 25px;
}

.carousel-inner {
  border-radius: 5px;
  height: 154px;
  width: 746px;
  -webkit-box-shadow: 0px 2px 8px 0px #A0A0A0;
  -moz-box-shadow: 0px 2px 8px 0px #A0A0A0;
  box-shadow: 0px 2px 8px 0px #A0A0A0;
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
  border-radius: 5px;
}

.carousel.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity
}

.carousel.carousel-fade .carousel-inner .active {
  opacity: 1
}

.carousel.carousel-fade .carousel-inner .active.left,
.carousel.carousel-fade .carousel-inner .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0)
}

.carousel.carousel-fade .carousel-inner .next.left,
.carousel.carousel-fade .carousel-inner .prev.right {
  opacity: 1
}

.carousel.carousel-fade .carousel-control {
  z-index: 3
}

.carousel-control.left,
.carousel-control.right {
  background: 0 0
}

.carousel-control {
  width: 8%
}

@media all and (transform-3d),
(-webkit-transform-3d) {

  .carousel-fade .carousel-inner>.item.active.left,
  .carousel-fade .carousel-inner>.item.active.right,
  .carousel-fade .carousel-inner>.item.next,
  .carousel-fade .carousel-inner>.item.prev {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }

  .carousel-fade .carousel-inner>.item.active,
  .carousel-fade .carousel-inner>.item.next.left,
  .carousel-fade .carousel-inner>.item.prev.right {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.carousel-indicators {
  position: absolute;
  bottom: 0;
  left: auto;
  z-index: 15;
  width: auto;
  padding-left: 0;
  margin-left: 0;
  text-align: center;
  list-style: none;
  right: 5px;
}

.carousel-indicators li {
  width: 6px;
  height: 6px;
}

.carousel-indicators .active {
  margin: -2px 1px;
}

.wrap-slider img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}

/* Footer
-----------------------------------------*/

#footer .container {
  width: 1050px;
}

footer {
  background: #2D519F;
  padding: 25px 0 20px;
  color: #ffffff;
  font-size: .8rem;
}

ul.region-language {
  list-style-type: none;
}

ul.region-language li {
  list-style-type: none;
  display: inline-block;
  margin-right: 10px;
}

.copyright {
  margin-top: 10px;
  margin-left: 15px;
}

.copyright a {
  color: #c5e5ef;
}

.copyright p.title {
  color: #24253d;
  font-size: .8667rem;
  margin-bottom: 2px;
}

.copyright p {
  font-size: .8rem;
}

footer a {
  color: #4A4A4A;
  font-weight: 700;
}

.option__box-footer {
  margin: 0 -15px;
}

.navbar-brand-footer {
  max-width: 140px;
  height: 40px;
  margin-right: 25px;
}

.navbar-brand-footer img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.right-footer {
  padding: 0 0 10px;
  font-size: .8667rem;
  overflow: hidden;
}

.right-footer>[class*="col-sm-"] {
  padding-right: 0;
}

.right-footer a {
  font-weight: 700;
  color: #666;
}

.right-footer li {
  list-style-type: none;
  line-height: 1;
}

.right-footer li:nth-child(2) {
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

/* Input--passenger
-----------------------------------------*/
span.total-pax {
  padding-right: 0;
  color: #4A4A4A;
}

.searchBox--Passenger {
  overflow: hidden;
  padding-left: 20px;
  padding-right: 0;
}

.searchBox--Passenger label {
  text-align: left;
}

.all--passenger {
  position: relative;
  display: block;
  height: 33px;
  z-index: 3;
  cursor: pointer;
  font-weight: 700;
  color: #333;
  padding: 0;
}

.all--passenger .col-md-4 {
  padding: 0;
  width: 32%;
}

.adult--passenger,
.adult--stay,
.child--passenger,
.child--stay,
.infant--passenger,
.room--stay {
  width: 55px;
  height: 23px;
  margin-top: 2px;
}

.adult--passenger>i,
.adult--stay>i,
.child--passenger>i,
.child--stay>i,
.infant--passenger>i,
.room--stay>i {
  float: left;
  font-size: 1.2rem;
  top: 3px;
  color: #025BC5;
}

.room--stay>i {
  margin-right: 4px;
}

.adult--passenger span,
.adult--stay span,
.child--passenger span,
.child--stay span,
.infant--passenger span {
  font-weight: 700;
  padding-left: 7px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.newCaret {
  position: absolute !important;
  width: 15px;
  height: 15px;
  top: -1px;
  left: 50%;
  background-color: white;
  -webkit-transform: rotate(47deg) translateX(-50%);
  -ms-transform: rotate(47deg) translateX(-50%);
  transform: rotate(47deg) translateX(-50%);
  -webkit-box-shadow: -1px -1px 0px rgba(72, 72, 72, 0.2);
  -moz-box-shadow: -1px -1px 0px rgba(72, 72, 72, 0.2);
  box-shadow: -1px -1px 0px rgba(72, 72, 72, 0.2);
}

.input--guest {
  width: 26%;
  padding: 17px 19px;
  border: 1px solid #ccc;
  margin: 20px 0;
  position: absolute;
  right: 25px;
  top: 43px;
  background: #fff;
  border-radius: 5px;
  z-index: 10;
  outline: 0;
  -webkit-box-shadow: 0 1px 3px 0 #dce0e0;
  -moz-box-shadow: 0 1px 3px 0 #dce0e0;
  box-shadow: 0 1px 3px 0 #dce0e0;
}

.input--passenger {
  margin: 0 0 20px;
  z-index: 10;
  outline: 0;
}

.search--list {
  width: 100%;
  left: 0;
  position: absolute;
  top: 86px;
  background: #fff;
  border-radius: 3px;
  padding: 15px 0;
  z-index: 10;
  display: none;
  -webkit-box-shadow: 0 1px 3px 0 #dce0e0;
  -moz-box-shadow: 0 1px 3px 0 #dce0e0;
  box-shadow: 0 1px 3px 0 #dce0e0;
}

.header-label {
  margin: 5px 0 10px;
  font-weight: 700;
  border-bottom: 1px solid #B2BBC6;
  padding: 10px 0 15px;
  font-size: 1rem;
}

.input--passenger-close {
  display: block;
  position: relative;
  padding: 10px 20px 15px;
  border-top: 1px solid #BBB;
  overflow: hidden;
}

.input--passenger-close a {
  color: #F5A623;
  font-weight: 700;
  margin-bottom: 0;
  font-size: 1rem;
}

.input--passenger>.pax-type {
  margin-bottom: 5px;
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3px 5px;
}

.pax-type i {
  margin-right: 8px;
  font-size: 1.6rem;
  line-height: 1;
  position: relative;
  top: -3px;
}

.input--passenger>.pax-type input {
  outline: none;
  pointer-events: none;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.input--passenger>.pax-type label {
  font-weight: 700;
  text-align: left;
  line-height: 1.3;
  color: #333;
}

.input--passenger>.pax-type label>span {
  display: block;
  font-weight: 300;
  font-size: .8rem;
  padding: 0;
}

.pax-type div:last-child {
  display: flex;
  align-items: start;
  justify-content: flex-end;
}

.qtyplus.max,
.qtyminus.min {
  opacity: .25;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input.qty {
  border: none;
  width: 25%;
  text-align: center;
  font-weight: 700;
}

.btn-default.qtyplus,
.btn-default.qtyminus {
  padding: 3px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: none;
  position: relative;
  top: -2px;
  border: 1px solid #025BC5;
  color: #025BC5;
  font-weight: 700;
}

.btn-default {
  font-weight: 700;
  background: none;
  border: none;
}

.btn-flat {
  font-weight: 900;
  color: #F5A623;
  font-size: .8667rem;
  padding-bottom: 15px;
  text-align: center;
}

.btn-group-toggle .btn {
  padding: 6px 25px;
}

.btn-group .btn-default {
  font-weight: 700;
  background: #FFF;
  border: 1px solid #2D519F;
  color: #363636;
}

.btn-selectDate {
  height: 40px;
  text-align: center;
  padding: 0 !important;
}

#jobBrowserDateRange-wrapper input {
  text-align: center;
  font-weight: 700;
  font-size: .9333rem;
  padding-top: 0;
}

#jobBrowserDateRange-wrapper .field.has-value input {
  background-color: #025BC5 !important;
  border-radius: 0 4px 4px 0 !important;
  color: #FFF !important;
}

#jobBrowserDateRange-input::-moz-placeholder {
  /* Firefox 19+ */
  color: #333;
  font-size: .9333rem;
}

#jobBrowserDateRange-input:-ms-input-placeholder {
  /* IE 10+ */
  color: #333;
  font-size: .9333rem;
}

#jobBrowserDateRange-input:-moz-placeholder {
  /* Firefox 18- */
  color: #333;
  font-size: .9333rem;
}

#jobBrowserDateRange-input::placeholder {
  color: #333;
  font-size: .9333rem;
}

#jobBrowserDateRange-input~.field-label {
  opacity: 0;
}

.btn-group label {
  display: block;
  margin-top: 0;
  background: #FFF;
  border: 1px solid #2D519F;
  font-weight: 700;
}

.btn-group .btn-default.btn-active {
  color: #FFF;
  background: #2D519F;
}

/* Radio Button
-----------------------------------------*/

.btn-group-radio {
  padding: 10px 15px 0;
  display: inline-block;
}

.wrap-radio .blur {
  color: #CCC;
}

.wrap-radio {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 18px;
  border-radius: 3px;
  margin-right: 15px;
  margin-bottom: 0;
  padding-left: 25px;
  line-height: 1;
  float: left;
}

.wrap-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  left: 0;
  top: 0;
}

.bullet-mark {
  position: absolute;
  top: -1px;
  left: 0;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  border: 1px solid #ccc;
}

.wrap-radio input:checked~.bullet-mark {
  background-color: #FFF;
  border: 2px solid rgba(54, 54, 54, .5);
}

.bullet-mark:after {
  content: "";
  position: absolute;
  display: none;
}

.wrap-radio input:checked~.bullet-mark:after {
  display: block;
}

.wrap-radio .bullet-mark:after {
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #363636;
}

/* Checkbox
-----------------------------------------*/

.wrap-check {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 22px;
  height: 18px;
  border: 1px solid #025BC5;
  border-radius: 3px;
  margin-right: 10px;
  margin-top: 4px;
}

.wrap-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.new-check {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
}

.new-check:after {
  content: "";
  position: absolute;
  display: none;
}

.wrap-check input:checked~.new-check:after {
  display: block;
}

.wrap-check .new-check:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #F5A623;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Flight-search-result
-----------------------------------------*/

.h-separator {
  border-bottom: 1px solid #ddd;
  margin: 10px 0;
}

ul.f-list {
  margin: 15px 0 50px;
}

ul.f-list>li {
  list-style-type: none;
  margin: 0 auto -1px;
  border: 1px solid #c0c4ca;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  width: 100%;
}

ul.f-list>li.isSelected {
  border-color: #888;
  box-shadow: 0 1px 2px rgba(60, 64, 67, 0.2), 0 1px 9px 1px rgba(60, 64, 67, 0.3);
  margin: 15px auto;
  width: 100%;
}

ul.f-list>li.isSelected .header-box {
  border-bottom: 1px solid #BBB;
  margin-bottom: 10px;
}

ul.menu-flist {
  overflow: hidden;
  padding: 0 10px;
}

ul.menu-flist>li {
  float: left;
  margin-right: 15px;
  border: none;
  list-style-type: none;
  user-select: none;
}

ul.menu-flist>li>a {
  display: block;
  color: #DDD;
  font-size: 0.9333rem;
}

ul.menu-flist>li>a.isActive {
  color: #025BC5;
  font-weight: 700;
}

.header-box {
  display: flex;
  flex-direction: row;
  padding: 10px 0 10px 15px;
  cursor: pointer;
  height: 75px;
  position: relative;
  align-items: center;
}

.header-box p {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.wrapper-flight-info {
  display: none;
  padding: 0 15px;
}

.wrapper-flight-info.isExpand {
  display: block;
}

.content-expand {
  width: 100%;
  padding: 20px 0;
  border-top: 1px solid #ddd;
  margin-top: 10px;
  display: inline-block;
  position: relative;
  background: #fff;
  margin-bottom: 20px;
}

.content-expand.isActive {
  display: block;
}

.content-expand2 .col-sm-12 {
  position: relative;
  margin-bottom: 10px;
}

.form-group-custom {
  position: relative !important;
}

.inflight {
  display: block;
  color: #025BC5 !important;
  text-decoration: underline;
  margin: 10px 0 5px;
}

.info-box {
  position: absolute;
  min-width: 180px;
  right: 15%;
  bottom: 28px;
  background: #fff;
  display: none;
  padding: 20px 20px 25px;
  font-size: .9333rem;
  border-radius: 3px;
  z-index: 10;
  border: 1px solid #dce0e0;
  box-shadow: 0 1px 3px 0 #dce0e0;
  min-height: 100px;
}

*[class*="gdsbaggage"]~.info-box {
  width: 210px;
}

.info-box-header {
  font-size: 1.067rem;
  line-height: 1.2;
  margin-bottom: 10px;
}

.info-box ol {
  padding: 0 15px;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}

.info-box ol>li.nullInflight {
  list-style-type: none;
  margin-left: -15px;
}

.show-info {
  display: block;
}

.airlines-logo {
  width: 40px;
  height: 40px;
}

.airlines-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.flight-time {
  font-weight: 700;
}

[class*='airlines__info'] {
  margin-left: 15px;
  min-width: 100px;
}

[class*='airlines'] {
  font-weight: 700;
  font-size: 0.9333rem;
  line-height: 1.5;

}

.airlines-name {
  font-weight: 400;
  font-size: .8667rem;
}

.airlines__info-2 {
  width: 180px;
}

.airlines__info-4 {
  min-width: 80px;
}

.airlines__info-5 {
  width: 160px;
  display: flex;
}

.airlines__info-5 i {
  width: 22px;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #DDD;
}

.airlines__info-6 {
  min-width: auto;
  font-size: .8rem;
  margin-left: 5px;
}

.airlines__info-6 i {
  color: #CCC;
  font-size: 1.3rem;
  top: 5px;
  position: relative;
  margin-right: 3px;
}

.airlines__info-7 {
  line-height: 1;
  width: 208px;
  text-align: right;
  flex: 1;
}

.airlines__info-select {
  position: absolute;
  left: 49px;
  top: 2px;
  bottom: 2px;
  background: #FFF;
  right: 195px;
  display: none;
  padding: 15px 10px;
}

.depart__day-time {
  letter-spacing: .5px;
}

.departure,
.arrive {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.3;
  padding-left: 30px;
  position: relative;
}

.departure {
  border-left: 1px dashed #DDD;
}

.departure:before {
  content: '';
  background-color: #fff;
  border: 3px solid #C0C4CA;
  height: 15px;
  width: 15px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: -8px;
}

.arrive:before {
  content: '';
  position: absolute;
  left: 50%;
  border-radius: 50% 50% 50% 0;
  border: 4px solid #fff;
  width: 15px;
  height: 15px;
  transform: rotate(-45deg);
  background-color: #AAA;
  border: 1px solid #AAA;
  position: absolute;
  left: -7px;
}

.arrive::after {
  position: absolute;
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  top: 9px;
  left: -3px;
  margin-top: -5px;
  background-color: #FFF;
}

.from {
  line-height: 1;
  margin-bottom: 5px;
  color: #939396;
}

.airport-name,
.station-name {
  font-size: .8667rem;
  color: #212121;
  font-weight: 700;
  margin-bottom: 2px;
}

.station-name {
  font-weight: 400;
  color: #939396;
  color: #666;
}

.duration__segment-flight {
  border: 1px solid #80ADE2;
  border-radius: 3px;
  display: inline-block;
  padding: 3px 10px;
  font-size: .7333rem;
  margin-top: 6px;
  margin-bottom: 12px;
  border-radius: 15px;
  text-align: center;
}

.duration__segment-flight i {
  margin-right: 3px;
  font-size: .7333rem;
}

.duration__segment-flight span img {
  width: 12px;
  margin-right: 4px;
  position: relative;
  top: 1px;
}

.trip-info {
  padding: 25px 0 0;
  overflow: hidden;
}

.time__depart {
  text-align: right;
  line-height: 1;
}

.time_Is {
  font-weight: 700;
  font-size: 0.900rem;
  /* font-size: 1.067rem; */
  margin-bottom: 7px;
}

.date_Is {
  color: #939396;
  font-size: .7rem;
  font-weight: 700;
  margin-bottom: 7px;
}

.checkpoint {
  position: absolute;
  top: 0;
  bottom: -62px;
  left: 66px;
  float: left;
  border-left: 1px solid #C0C4CA;
}

.nextDepartDate .checkpoint .dot-arrive,
.checkpoint .dot-depart {
  position: absolute;
  left: -7px;
  height: 13px;
  width: 13px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #C0C4CA;
}

.checkpoint .dot-arrive {
  position: absolute;
  left: -7px;
  bottom: 0;
  height: 13px;
  width: 13px;
  border: 1px solid #C0C4CA;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
}

.nextDepartDate .checkpoint .dot-depart {
  background-color: #fff;
  border: 1px solid #C0C4CA;
}

.facility {
  border-left: 1px solid #E0E0E1;
  padding: 0 30px 20px;
  min-height: 235px;
}

.aircraft {
  margin-bottom: 15px;
  font-weight: 700;
}

.aircraft span {
  color: #888;
  font-size: .8667rem;
  display: block;
  font-weight: 400;
}

.facility ul {
  list-style-type: none;
}

.facility ul>li {
  margin-bottom: 4px;
}

.facility ul>li>a {
  color: #212121;
  font-size: .8rem;
}

.facility ul>li>i {
  color: #63b5f7;
  width: 24px;
  display: inline-block;
  font-size: 1rem;
}

.facility ul>li>a span {
  padding-left: 3px;
}

.depart__day-time span {
  margin: 0 5px;
  font-size: .6rem;
}

.flight-route {
  font-weight: 400;
  font-size: .8667rem;
}

.flight-route.big-text {
  font-size: 1.067rem;
  font-weight: 700;
  margin-bottom: 2px;
  text-transform: capitalize;
}

.flight-route.big-text span {
  margin: 0 5px;
}

.--grey50 {
  color: #999 !important;
}

.--grey45 {
  color: #888 !important;
}

.--grey25 {
  color: #666 !important;
}

.--blue {
  color: #025BC5 !important;
}

.--blue25 {
  color: #2E86AB !important;
}

.--blue35 {
  color: #5499E4 !important;
}

.--yellow {
  color: #cfbd00 !important;
}

/* #2E86A */

.--green {
  color: #2b9a8e !important;
}

.--green35 {
  color: #009688 !important;
}

.--green-accept-amendment {
  color: #2D519F !important;
}

.--orange75 {
  color: #F5A623 !important;
}

.--red {
  color: #eb0011 !important;
}

.--white {
  color: #fff !important;
}

.class-info {
  flex-direction: column;
  margin-left: 7px;
  font-size: 0.9333rem;
  line-height: 1.5;
}

.subclass:before {
  content: 'Subclass:';
  display: inline-block;
  margin-right: 3px;
}

.available {
  color: #025BC5;
  font-size: .8667rem;
  line-height: 1.3;
}

.available:before {
  content: 'Available seat:';
  display: inline-block;
  margin-right: 3px;
}

.fare-type {
  font-size: 0.6rem;
  padding: 1px 5px 2px;
  border-radius: 15px;
  border: 1px solid #009688;
  display: inline-block;
}

.fare-type.corporate {
  color: #009688;
}

.fare-type.market,
.fare-type.promo {
  display: none;
}

.fare-type.private {
  color: #fd4d5a;
  border-color: #e20b1b;
}

.fare-type.promo~.price {
  color: #fd4d5a
}

.price {
  font-weight: 700;
  font-size: 1rem;
  margin: 5px 0 2px;
}

.price .price:before {
  content: 'Rp ';
  display: inline-block;
}

.supplier {
  height: 8px;
  display: inline-block;
}

.supplier.travelport {
  height: 13px;
}

.supplier.sabre {
  height: 9px;
}

.supplier img {
  height: 100%;
  width: auto;
  object-fit: cover;
}

.button.collapse-down {
  display: flex;
  align-items: center;
  padding: 0 15px;
}

.button.collapse-down i {
  color: #f5a623;
  font-size: 0.6667rem;
  -webkit-transition: -webkit-transform .15s ease-in-out;
  -ms-transition: -ms-transform .15s ease-in-out;
  transition: transform .15s ease-in-out;
}

li.isSelected .button.collapse-down i {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  opacity: .5;
}

.transit-info {
  font-weight: 400;
}

.search__result-header {
  color: #fff;
  line-height: 1.7;
}

.flight-option {
  font-size: 0.8667rem;
  font-weight: 300;
  letter-spacing: .5px;
}

.get-passenger-info {
  color: #2D519F;
  font-weight: 700;
  font-size: 1rem;
}

.get-passenger-info>div {
  display: inline-block;
}

.get-passenger-info span {
  margin: 0 5px;
}

.change-search {
  color: #fff;
  width: 145px;
  border: 2px solid #fff;
  border-radius: 5px;
  text-align: center;
  padding: 7px 0;
}

.second-header {
  height: 45px;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;
}

/* Jumbotron */

.jumbotron.jumbo-sm {
  height: 114px;
  margin-bottom: 0;
  padding: 1.2rem 0;
  margin-top: 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(54, 54, 54);
  background: linear-gradient(117deg, rgba(54, 54, 54, 1) 60%, rgba(79, 184, 72, 1) 100%) !important;
}

.breadcrumb-flight {
  border-bottom: 1px solid #E0E0E1;
}

.filter-box {
  padding: 10px 0;
}

.filter-box:after {
  content: "";
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
  /* IE6-9 */
  height: 40px;
  position: absolute;
  left: 0;
  right: 0;
}

.filter-box .btn-option {
  border: 1px solid #DDD;
  border-radius: 27px;
  padding: 5px 15px;
  margin-right: 5px;
  font-size: .8rem;
}

.filter-box .btn-option:after {
  font-size: 6px;
  top: -1px;
  position: relative;
}

.flight__step {
  font-weight: 700;
  font-size: 1rem;
  display: flex;
  align-items: center;
}

.flight__step i {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
  margin-right: 10px;
}

.flight__step .\--next {
  font-size: .9333rem;
  color: #C0C4CA;
  display: inline-block;
  padding: 15px 25px;
  font-weight: 400;
  position: relative;
}

.flight__step .\--next:first-child:after {
  content: "";
  transform: skew(25deg);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-left: 1px solid #E0E0E1;
  border-right: 1px solid #E0E0E1;
}

/* Vodyrizam - UX/UI & Front End Developer
for ------ 02/06/2020 ============== */

.section-header-info {
  /* margin: 86px auto 20px; */
  margin: 86px auto 10px;
  position: relative;
}

.section-header-info h3 {
  margin: 10px 0 20px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #4A4A4A;
}

.content-header-info,
.mini-form {
  background: #ffffff;
  border-radius: 0 16px 8px 8px;
  position: relative;
  overflow: hidden;
  display: table;
  width: 100%;
  padding: 15px;
  border-left: 3px solid #2D519F;
  margin: 10px 0 15px;
}

.content-header-info:after {
  content: "";
  width: 100px;
  height: 100px;
  background: #ffffff;
  margin-right: 10px;
  border-radius: 50%;
  position: absolute;
  text-align: center;
  top: -42px;
  right: -44px;
  border: 5px solid #D5F6F940;
}

.mini-form {
  padding: 8px 0 30px;
  overflow: initial;
  margin-bottom: 40px;
  border: 2px solid #e7e7e7;
  background: #ffffff;
}

.mini-form .tab-content {
  padding: 0 20px;
}

.mini-form .btn-primary,
.mini-form .btn-default {
  margin-left: 0 !important;
  margin-top: 10px;
  padding: 10px 20px;
}

.content-header-info .breadcrumb>li>a {
  font-weight: 400;
}

.content-header-info .col-sm-3 {
  padding-right: 0;
}

.section-header-info .btn {
  padding: 8.5px 20px;
}

.content-header-info .btn {
  border: transparent;
  min-height: 42px;
}

.section-header-info .btn-flat {
  border: 2px solid #2D519F;
  background: #FFF;
  color: #24253d;
}

.tab-pane .btn-flat {
  padding: 4px 12px;
  font-weight: 700;
}

.section-header-info .btn-primary span {
  font-weight: 900;
  padding-right: 5px;
  font-size: 1.067rem;
}

.btn-primary.header-abso {
  position: absolute;
  z-index: 2;
  bottom: -15px;
  margin-left: 15px;
  padding: 10px 20px;
}

.content-header-info h2 {
  font-size: 1.067rem;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 3px;
  color: #4A4A4A;
}

.content-header-info h2 span i {
  position: absolute;
  right: 2px;
  top: -2px;
  z-index: 2;
  color: #AAA;
}

.content-header-info p {
  margin-bottom: 0;
  color: #888;
  font-size: .8667rem;
}

.content-header-img {
  background: url(https://maverick-global-assets.s3-ap-southeast-1.amazonaws.com/images/slide-banner/bg-car.png) no-repeat center;
  background-size: cover;
  width: 240px;
  display: table-cell;
  min-height: 200px;
}

.modal-wrapper .content-header-img {
  width: 30%;
  background-position: center;
  border-radius: 0 8px 8px 0;
}

.modal-detail .content-header-img {
  width: 15%;
  border-radius: 8px 0 0 8px;
}

.modal-detail .cars-image {
  margin: 10px auto 20px;
  max-width: 200px;
  max-height: 145px;
}

.setMain-pict {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  color: #009688;
  margin-top: 10px;
}

.setMain-pict i {
  font-weight: 700;
  color: #009688;
  margin-right: 5px;
  font-size: 1rem;
}

.modal-detail .plate-number~p {
  color: #999;
  font-size: .8667rem;
  margin: 7px 0 0;
}

.table-hover>tbody>tr:hover>td .button-action-wrapper {
  visibility: visible;
}

.table-modal-detail .button-action-wrapper {
  visibility: visible;
}

.button-action-wrapper>button span.sts-done {
  visibility: visible;
  color: #F5A623;
  font-weight: 700;
}

.button-action-wrapper {
  visibility: visible;
}

.button-action-wrapper button {
  border: none;
  background: #f5fcfd;
  color: #025BC5;
  font-weight: 700;
}

.button-action-wrapper button:nth-of-type(2) {
  color: #eb0011;
}

.button-action-wrapper i {
  font-size: .8667rem;
}

.button-actions {
  display: flex;
  justify-content: end;
  gap: 5px;
}

.button-actions.justify-center {
  justify-content: center;
}

.button-actions button {
  border: none;
  background: #f5fcfd;
  color: #025BC5;
  font-weight: 700;
}

.table-p30 {
  padding: 0 30px;
}

.table-p15 {
  padding: 0 15px;
}

.table-p10 {
  padding: 0 10px;
}

.status-coloumn {
  width: 80px;
}

/* Modal Box
---------------------------------------------------------- */

.modal {
  background-color: rgba(255, 255, 255, 0.9);
}

.modal-dialog {
  margin: 40px auto;
}

.modal-dialog.main__search {
  margin: 73px auto 0 !important;
  position: relative;
  left: 0;
}

.modal-header {
  padding: 15px 15px 15px 25px;
  background: #f7f7f7;
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid #5499E4;
}

.modal-header.modal-new,
.modal-header.modal-buy,
.modal-header.modal-sell {
  padding: 20px 15px 10px 25px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header.modal-new:before {
  content: "New";
  position: absolute;
  top: -7px;
  left: -1px;
  background: #025BC5;
  min-width: 65px;
  height: 22px;
  text-align: center;
  font-size: .667rem;
  color: #FFF;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 20px 0 20px 0;
  padding: 2px 18px;
}

.modal-header.modal-buy:before {
  content: "Buy";
  position: absolute;
  top: -7px;
  left: -1px;
  background: #025BC5;
  min-width: 65px;
  height: 22px;
  text-align: center;
  font-size: .667rem;
  color: #FFF;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 20px 0 20px 0;
  padding: 2px 18px;
}

.modal-header.modal-sell:before {
  content: "Sell";
  position: absolute;
  top: -7px;
  left: -1px;
  background: #025BC5;
  min-width: 65px;
  height: 22px;
  text-align: center;
  font-size: .667rem;
  color: #FFF;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 20px 0 20px 0;
  padding: 2px 18px;
}

.modal-header.modal-amend {
  padding: 20px 15px 10px 25px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header.modal-amend:before {
  content: "Amend";
  position: absolute;
  top: -7px;
  left: -1px;
  background: #025BC5;
  min-width: 65px;
  height: 22px;
  text-align: center;
  font-size: .667rem;
  color: #FFF;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 20px 0 20px 0;
  padding: 2px 18px;
}

.modal-header.modal-complete-trip {
  padding: 20px 15px 10px 15px;
  border-bottom: 1px solid #e5e5e5;
  background: #2F2F2F;
}

.modal-header.modal-complete-trip:before {
  content: "Complete Job";
  position: absolute;
  top: -7px;
  left: -1px;
  background: #FFFFFF;
  border: 1px solid #61AA49;
  min-width: 65px;
  height: 22px;
  text-align: center;
  font-size: .667rem;
  color: #61AA49;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 20px 0 20px 0;
  padding: 2px 18px;
}

.modal-header.modal-complete-trip .close {
  width: 50px;
  height: 50px;
  background: #DDDD;
  border-radius: 0 8px 0 32px;
  position: absolute;
  right: -1px;
  top: -16px;
  padding: 0px 20px;
  opacity: .4;
  margin-top: -6px;
  outline: none;
}

.modal-header.update {
  background: #363636;
}

.modal-header.update:before {
  content: "Edit Details";
  background: #FFF;
  color: #2D519F;
  border: 1px solid #2D519F;
}

.modal-header .close {
  width: 50px;
  height: 50px;
  background: #DDDD;
  border-radius: 0 8px 0 32px;
  position: absolute;
  right: -1px;
  top: -9px;
  padding: 0px 20px;
  opacity: .4;
  margin-top: -6px;
  outline: none;
}

.modal-header .close i {
  top: -4px;
}

.modal-header.modal-new .close,
.modal-header.modal-buy .close,
.modal-header.modal-sell .close {
  background: none;
  right: 4px;
  top: -14px;
}

.modal-header.modal-amend .close {
  background: none;
  right: 4px;
  top: -14px;
}

.modal-header .close:hover {
  opacity: .6;
}

.modal-header.update .close {
  color: #FFF;
  opacity: .6;
}

.modal-footer {
  padding: 15px 0 0;
  text-align: right;
  margin-top: 30px;
  display: flex;
  justify-content: flex-end;
}

.modal-header h4 {
  font-weight: 700;
  font-size: 1.067rem;
  color: #2D519F;
}

.modal-header.modal-complete-trip h4 {
  margin-top: 20px;
  line-height: 0;
}

.modal-header span {
  font-weight: 700;
  font-size: 14px;
  color: #999;
  line-height: 0;
}

.modal-header h6 {
  color: #888;
  font-size: .8667rem;
}

.modal-header.update h4 {
  color: #FFF;
}

.modal-header.update h6 {
  color: #025BC5;
  color: #DDD;
  font-size: .8rem;
}

.modal-footer .btn-default {
  color: #888;
  background: #FFF;
  color: #363636;
  border: 1px solid #363636;
}

.modal-body {
  padding: 0;
}

.modal-body>.modal-container {
  padding: 20px 15px;
}

.modal-content {
  border: none;
  -webkit-box-shadow: 0px 2px 8px -2px #A0A0A0;
  -moz-box-shadow: 0px 2px 8px -2px #A0A0A0;
  box-shadow: 0px 2px 8px -2px #A0A0A0;
  border-radius: 8px;
}

.modal-wrapper {
  position: relative;
  display: table;
  width: 100%;
}

.modal-content-body {
  padding: 0px 10px 20px;
  margin-top: 20px;
}

.modal-content-body .btn-group-radio {
  padding: 15px 0 0;
}

.modal-content-body label {
  color: #777;
  display: block;
  font-size: .8667rem;
}

.modal-content-body h4 {
  font-weight: 700;
  color: #025BC5;
}

.modal-content-body h6 {
  color: #888;
  font-size: .8667rem;
  margin-bottom: 30px;
  line-height: 1.6;
}

.modal-content-body .divider-right,
.modal-content-body .divider-left {
  border-color: #CCC;
  margin: 0 -.5px;
}

.small-info {
  color: #5499E4;
  font-size: .8rem;
  padding: 5px 0 0;
}


.breadcrumb>.active {
  color: #BBB;
}

.breadcrumb>li+li:before {
  margin: 0 10px 0 5px;
}

.label-info-currency {
  color: #5499E4;
}

.collapse-row {
  color: #F5A623;
  text-align: center;
  -moz-transition: all .15s ease-in-out;
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

.collapse-row:hover {
  cursor: pointer;
}

.collapse-row[aria-expanded=true] {
  transform: rotate(-180deg);
}

.collapse-row[aria-expanded=true] {
  transform: rotate(180deg);
}

.collapse-row i {
  font-size: .6667rem;
}

.table-accordion .table>tbody>tr>td:nth-child(odd) {
  padding: 0;
}

.table-accordion .table>tbody>tr.detail-row>td,
.table-manage .table>tbody>tr.detail-row>td {
  padding: 10px;
}

.table-accordion .table>tbody>tr.detail-row>td,
.table-manage .table>tbody>tr.detail-row>td {
  padding: 10px;
}

.table-accordion .table>tbody>tr.detail-row>td strong,
.table-manage .table>tbody>tr.detail-row>td strong {
  display: block;
}

.table-accordion .table>tbody>tr.detail-row>td,
.table-manage .table>tbody>tr.detail-row>td {
  padding: 16px 10px;
}

.table-manage .table>tbody>tr.detail-row>td>a {
  color: #F5A623;
}

.table-manage .table>tbody>tr.detail-row>td>a:after {
  content: "";
}

.table-visible {
  overflow: visible !important;
}

.table span.button-sort {
  float: right;
  width: 22px;
  right: 10px;
  position: relative;
  display: block;
  text-align: center;
  height: 21px;
  color: #AAA;
}

.table span.button-sort:hover {
  cursor: pointer;
  color: #f4f4f9;
}

.table span.button-sort i {
  font-size: .8667rem;
  top: 1px;
  display: inline-block;
  font-weight: 900;
}

.table span.button-sort.sort-active i {
  color: #025BC5;
}

.table-manage i {
  font-size: 1rem;
  font-weight: 700;
}

.table-manage i.ic-flight-icon,
.table-manage i.ic-time,
.table-manage i.ic-flight-departure-icon {
  font-weight: 400;
  font-size: .7333rem;
  background: #5499E4;
  padding: 5px;
  border-radius: 50%;
  text-align: center;
  color: #FFF;
}

i.ic-flight-icon::before {
  position: relative;
  display: inline-block;
  top: -2px;
  left: -2px;
  transform: rotate(90deg);
}

.table-manage i.ic-flight-departure-icon,
i.ic-flight-departure-icon {
  background: #2D519F !important;
}

i.ic-car-alt {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #363636 !important;
  border-radius: 50%;
  color: #FFF;
  width: 22px;
  height: 22px;
  margin: 0 auto;
}

i.ic-car-alt svg {
  width: 13px;
  height: 20px;
}

.table-manage i.ic-time {
  background: #999;
}

.table-detail {
  margin: 15px 0;
}

.table-detail>thead:first-child>tr:first-child>th {
  color: #5499E4;
  font-size: .8667rem;
}

.table-cars-rate .table {
  border-top: 1px solid #CCC;
  border-bottom: none;
}

.table-cars-rate .table>thead>tr>th>span {
  display: block;
  font-size: .7333rem;
  color: #888;
  font-weight: 400;
  margin-top: 3px;
}

.table-cars-rate .table>tbody>tr>td {
  padding: 12px;
  border-left: 1px solid #EEE;
}

.table-cars-rate .table>tbody>tr:nth-child(even) {
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

.table-cars-rate .table>tbody>tr:last-child {
  border-bottom: none;
}

.table-cars-rate .table>tbody>tr>td:first-child {
  padding-left: 5px;
  font-size: .9333rem;
  color: #24253d;
  font-weight: 700;
}

.table-cars-rate .table>tbody>tr>td:last-child {
  padding-right: 5px;
  font-weight: 700;
  font-size: 1rem;
}

.table-cars-rate .table>tbody>tr>td:last-child>span {
  margin-left: 15px;
}

.table-cars-rate .table>tbody>tr>td>i.ic-check {
  font-weight: 700;
  font-size: 1rem;
  color: #009688;
}

.table-cars-rate .table>tbody>tr>td>i.ic-close {
  font-weight: 700;
  font-size: .8rem;
  color: #E54A57;
}

.table-accordion .table>tbody>tr>td,
.table-manage .table>tbody>tr>td {
  padding: 10px 0;
}

.table-accordion .table>tbody>tr>td strong,
.table-vehicles .table>tbody>tr>td span {
  display: block;
}

.table-vehicles .table>tbody>tr>td {
  padding: 12px 5px !important;
  vertical-align: top;
}

.table-vehicles .checkbox {
  margin: 0;
}

.max-capacity:before {
  content: "Max Capacity :";
  font-weight: 700;
  color: #888;
  font-size: .8667rem;
}

.row-big-menu,
.row-mini-menu {
  position: absolute;
  padding: 4px 2px 4px 4px;
  background: #FFF;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  border-radius: 5px;
  display: none;
  border: 3px solid #4c4c4c;
  z-index: 10;
  white-space: nowrap;
  min-width: 165px;
}

.row-big-menu ul,
.row-mini-menu ul {
  text-decoration: none;
  list-style-type: none;
  margin-bottom: 0;
}

.row-big-menu ul>li,
.row-mini-menu ul>li {
  display: inline-block;
  border-right: 1px solid #EEE;
  padding: 0 6px 0 3px;
}

.row-big-menu ul>li:last-child,
.row-mini-menu ul>li:last-child {
  border: none;
}

.row-big-menu ul>li .btn-default {
  color: #4c4c4c;
}

.action i {
  color: #F5A623 !important;
  font-size: .8667rem;
}

.table-hover>tbody>tr:hover>td .row-big-menu,
.table-hover>tbody>tr:hover>td .row-mini-menu {
  display: block;
}

th.number {
  width: 40px;
  text-align: center;
  color: #999 !important;
}

th.number .checkbox {
  margin: 0;
}

.table-detail>thead:first-child>tr:first-child>th:first-child {
  color: #5499E4;
  width: 50px;
}

div[id^="accordion-row"] {
  background: #f2f2f2;
  padding-right: 15px;
  border-top: 1px solid #5499E4;
}

.btn-group-checkbox {
  padding: 0;
}

.btn-group-checkbox .checkbox {
  display: inline-block;
  margin-right: 10px;
}

.logo-table img {
  height: 30px;
}

.logo-provider {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 250px;
  margin-bottom: 10px;
  width: 100%;
  border-radius: 4px;
  /* overflow: hidden; */
}

.logo-provider img {
  /* height: 230px;
  width: 100%; */
  min-height: 70%;
  min-width: 50%;
  max-height: 100%;
  max-width: 100%;
  border-radius: 10px;
  object-fit: contain;
}

.btn-upload-wrapper {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.btn.btn-upload {
  width: 100%;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #2D519F;
  font-weight: 700;
  margin: 0 0 20px;
  background: none;
  border-radius: 28px;
  border: 2px solid #2D519F;
}

.btn-upload-wrapper input[type=file] {
  font-size: 18px;
  position: absolute;
  left: 0px;
  top: 0;
  opacity: 0;
  /* bottom: 0; */
  height: 43px;
  cursor: pointer;
}

.btn-upload i {
  margin-right: 10px;
  font-weight: 900;
  font-size: .8rem;
}

textarea.form-control {
  resize: vertical;
}

.form-control {
  min-height: 38px !important;
}

.form-control:focus {
  border-color: #2D519F;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(79, 184, 72, .25);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(79, 184, 72, .25);
}

.form-control-repricing {
  height: 30px !important;
  border: 1px solid #ddd;
  text-indent: 5px;
  border-radius: 5px;
}

.form-control-repricing:focus,
.form-control-repricing:active {
  outline: none;
  border-color: #2D519F !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(79, 184, 72, .25);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(79, 184, 72, .25);
}

.gmap-wrapper {
  width: 100%;
  height: 580px;
}

.gmap-wrapper img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

#btn-map,
.btn-map,
#pickUpCoverageRate,
#dropOffCoverageRate {
  color: #2D519F;
  padding: 0;
  margin: 10px 0 15px;
  background: #D5F6F980;
  width: 100%;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 28px;
}

#btn-map i,
#pickUpCoverageRate i,
#dropOffCoverageRate i {
  margin-right: 10px;
  font-size: .9333rem;
  color: #2D519F;
}

.search__option-box label {
  font-weight: 400;
  font-size: .8667rem;
  color: #888;
}

.depart-point {
  padding-left: 5px !important;
}

.depart-point:before,
.drop-point:before {
  content: "From";
  display: inline-block;
  margin-right: 7px;
  font-weight: 700;
  color: #2E86AB;
  ;
}

.drop-point:before {
  content: "To";
}

.sts {
  font-weight: 700;
  border-radius: 3px;

  color: #025BC5;
}

.sts-onhold {
  color: #777;
}

.checkbox label,
.radio label {
  vertical-align: middle;
  line-height: 1.4;
  user-select: none;
  color: #777;
}

/* List Auto complete
----------------------------*/

.list-autoComplete,
.rentTime-box {
  -webkit-box-shadow: 0px 4px 10px -4px #4c4c4c;
  -moz-box-shadow: 0px 4px 10px -4px #4c4c4c;
  box-shadow: 0px 4px 10px -4px #4c4c4c;
  position: absolute;
  background: #FFF;
  top: 100%;
  margin-top: 3px;
  left: 0;
  z-index: 10;
  overflow-y: auto;
  border-radius: 0 0 5px 5px;
  display: none;
  border: 1px solid #CCC;
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  max-height: 350px;
}

.list-autoComplete {
  width: 350px;
}

.form-group-custom .list-autoComplete {
  width: 463px;
}

.rentTime-box {
  display: block;
}

.rentTime-box {
  height: 330px;
  width: 200px;
  padding: 20px 8px;
  left: auto;
  overflow: hidden;
}

.rentTime-box h5 {
  border-bottom: 1px solid #025BC5;
  padding-bottom: 15px;
  color: #888;
}

.rentTime-box h5 span {
  color: #2D519F;
  font-weight: 700;
  float: right;
  font-size: 1rem;
}

.rentTime-box h5.small {
  border-bottom: none;
  padding: 0;
  margin: 0;
  color: #24253d;
}

.rentTime-box .list-time-footer {
  position: absolute;
  padding: 0 20px;
  bottom: 0;
  background: #f9f9f9;
  left: 0;
  right: 0;
  height: 60px;
}

.list-time {
  overflow-y: scroll;
  height: 190px;
  position: relative;
}

.list-time>h5 {
  text-align: center;
  border-bottom: none;
}

[class*="picktime-"] {
  padding: 5px 0;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-weight: 700;
  list-style-type: none;
  text-align: center;
}

[class*="picktime-"]>li>a {
  display: block;
  list-style-type: none;
  text-align: center;
  color: #24253d;
}

[class*="picktime-"]>li>a:hover {
  background: #EEE;
}

[class*="picktime-"]>li>a.selected {
  background: #2D519F;
  color: #FFF;
}

.list-autoComplete.isOpen,
.rentTime-box.isOpen,
.geolocationAirport.isOpen,
.popularCity.isOpen {
  display: block;
}

.list-autoComplete ul {
  list-style-type: none;
  padding: 5px 0 15px;
}

.list-autoComplete li {
  padding: 5px 13px;
  color: #888;
  font-size: .8667rem;
}

.list-autoComplete li.list-result-autocomplete {
  display: flex;
}

.list-autoComplete li:hover {
  background: #f7f7f7;
  cursor: pointer;
}

.list-autoComplete li i {
  padding: 5px 10px;
  color: #999;
  display: inline-block;
}

.list-autoComplete~small {
  position: absolute;
  top: 130%;
  left: 25px;
}

.geolocationAirport,
.popularCity {
  -webkit-box-shadow: 0px 4px 10px -4px #4c4c4c;
  -moz-box-shadow: 0px 4px 10px -4px #4c4c4c;
  box-shadow: 0px 4px 10px -4px #4c4c4c;
  min-height: 200px;
  width: 375px;
  position: absolute;
  background: #FFF;
  top: 100%;
  margin-top: 3px;
  left: 0;
  z-index: 10;
  overflow-y: auto;
  border-radius: 0 0 5px 5px;
  border: 1px solid #CCC;
  transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  max-height: 300px;
  display: none;
}

.geolocationAirport,
.pickup-popular,
.pickup-autoComplete {
  left: -10px;
}

ul.geolocationAirport-list,
ul.popular-list {
  list-style-type: none;
}

ul.geolocationAirport-list li,
ul.popular-list li {
  padding: 5px 28px;
  color: #4A4A4A;
  display: block;
  cursor: pointer;
  font-weight: 700;
}

ul.geolocationAirport-list li {
  padding: 5px 13px;
}

ul.geolocationAirport-list li:hover,
ul.popular-list li:hover {
  background: #f5f5f5;
}

ul.geolocationAirport-list li>span,
ul.popular-list li>span {
  padding: 2px 0;
  color: #888;
  display: block;
  font-size: .8rem;
  font-weight: 400;
  line-height: 1.5;
}

ul.geolocationAirport-list li>span {
  padding-left: 41px;
}

.geolocationAirport header,
.popularCity header {
  color: #025BC5;
  font-weight: 700;
  padding: 10px 20px;
  border-bottom: 1px solid #d9d9d9;
}

.point-of-view {
  color: #24253d;
  font-weight: 700;
}

.point-of-view~span {
  padding-left: 41px;
  display: block;
  line-height: 1.5;
}

.point-of-view~span.address-list-autocomplete {
  padding-left: 0;
}

.rentTime-box .btn-primary {
  position: absolute;
  transform: none;
  bottom: 25px;
  min-width: 110px;
  padding: 8px 25px;
  color: #FFF;
  font-weight: 700;
  right: 20px;
  left: auto;
}

/* Filter Box Right
----------------------------*/

.form-group {
  margin-bottom: 20px;
}

.form-group>label {
  color: #777;
  font-size: .8667rem;
}

.form-group>label~span.label-desc {
  display: block;
  margin-bottom: 8px;
  margin-top: -4px;
  color: #777;
  font-weight: 400;
  font-size: .8rem;
}

span.label-desc.label-important {
  color: #eb0011 !important;
}

span.label-desc.label-trusted {
  color: #5499E4 !important;
}

.filter-box--left {
  display: flex;
  flex-direction: column;
  padding: 10px 15px;
  cursor: pointer;
  position: relative;
  margin: 25px 0;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  width: 100%;
}

.filter-box--left .form-group {
  margin-bottom: 10px;
}

.filter-box--left .btn-group-checkbox .checkbox {
  width: 100%;
}

.filter-box--left .btn-group-checkbox .checkbox input[type=checkbox] {
  margin-left: -25px;
}

.filter-box--left .btn-group-radio {
  padding: 10px;
  display: block;
}

.filter-box--left .btn-group-radio .wrap-radio {
  width: 100%;
  margin-bottom: 20px;
  font-weight: 400;
}

.filter-box--header {
  padding: 10px 0 30px;
  font-weight: 700;
  font-size: 1.067rem;
  color: #888;
}

.filter-box--header i {
  font-weight: 700;
  color: #888;
  margin-right: 8px;
  font-size: .8667rem;
}

.filter-box--header .reset-button {
  float: right;
  font-size: 1rem;
  color: #2E86AB;
}

.car-result ul {
  margin: 15px 0 15px;
}

.car-result-header {
  padding: 0 0 5px 15px;
  margin-top: 25px;
  font-size: 1rem;
}

.dropandpickup {
  border: 1px solid #DDD;
  padding: 10px 15px;
  border-radius: 5px;
  margin-bottom: 10px;
  overflow: hidden;
}

ul.c-list>li {
  list-style-type: none;
  border: 1px solid #c0c4ca;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 10px;
}

ul.c-list>li:hover {
  border-color: #666;
  outline: 2px solid #666;
}

.header-box.cars {
  height: auto;
  padding: 20px;
  align-items: flex-start;
}

.header-box.cars>.col-sm-3 {
  padding-right: 0;
}

.cars-image {
  /* width: 170px;
  height: auto;
  max-width: 100%; */
  /* max-width: 165px; */
  /* max-width: 150px; */
  max-width: 135px;
  max-height: 106px;
  border-radius: 4px;
  margin: 0 auto;
  display: block;
}

.choose-rate .cars-image {
  margin: 20px auto;
}

.choose-rate .header-box.cars {
  padding: 20px 25px;
}

[class*='provider-'] {
  font-weight: 400;
  color: #555;
}

.provider-name {
  text-transform: capitalize;
}

.provider-box {
  margin: 0 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  padding: 12px 0;
}

.provider-box .btn-primary {
  -webkit-box-shadow: 0px 2px 8px -5px #4c4c4c;
  -moz-box-shadow: 0px 2px 8px -5px #4c4c4c;
  box-shadow: 0px 2px 8px -5px #4c4c4c;
}

.provider-box .btn-primary:active {
  background: #c5e5ef !important;
  color: #2D519F !important;
}

.provider-img {
  float: left;
  height: 50px;
  margin-right: 15px;
  max-width: 50px;
}

.provider-img img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.btn-info {
  color: #5499E4;
  background: none;
  padding: 2px 0 3px;
  border: none;
  line-height: 1;
  vertical-align: top;
  font-size: .8rem;
  font-weight: 700;
}

.btn-info:hover {
  background: none;
  color: #025BC5;
}

.btn-info.focus,
.btn-info:focus,
.btn-info:active,
.btn-info:active:hover {
  color: #5499E4;
  background: none;
  border: none;
}

.free-cancelation {
  color: #009688;
  font-weight: 700;
  font-size: .7333rem;
}

.free-cancelation:before {
  content: "\e970";
  font-family: 'rspicon';
  display: inline-block;
  font-weight: 400;
  vertical-align: baseline;
  text-align: center;
  margin-right: 6px;
  font-size: 1rem;
}

.free-cancelation:after {
  content: "REFUNDABLE";
}

.brand-box {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.cars-brand {
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 4px;
}

.type-car {
  border: 1px solid #5499E4;
  border-radius: 15px;
  display: inline-block;
  padding: 0 10px;
  font-size: .6667rem;
  letter-spacing: .5px;
  color: #777;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.model-car span {
  display: inline-block;
  padding: 0 10px;
  font-size: .7333rem;
  letter-spacing: .5px;
  color: #FFF;
  margin-bottom: 8px;
  margin-top: 5px;
  background: #999;
  font-weight: 700;
  border-radius: 3px;
}

.model-car:after {
  content: "or similar";
  margin-left: 7px;
  color: #888;
  font-size: .8667rem;
}

.label-price {
  color: #888;
  font-size: .8rem;
}

.price-value {
  font-size: 1.067rem;
  font-weight: 700;
  padding-bottom: 5px;
}

.reschedule {
  background: #025BC5;
  color: #FFF;
  font-weight: 700;
  padding: 0 12px;
  border-radius: 17px 5px 5px 17px;
  position: relative;
  right: -45px;
  width: 135px;
  top: -6px;
  font-size: .7333rem;
}

.reschedule:before {
  content: "\e90e";
  font-family: 'rspicon';
  display: inline-block;
  font-weight: 400;
  margin-right: 5px;
  vertical-align: middle;
  text-align: center;
  margin-right: 8px;
  font-size: 1.2rem;
}

.reschedule:after {
  content: "RESCHEDULE";
  font-size: .7333rem;
}

[class*="capacity-"] {
  color: #777;
  font-size: .8rem;
  line-height: 2;

  display: inline-block;
  margin: 0 10px 0 3px;
}

[class*="capacity-"]:before {
  content: "";
  font-family: 'rspicon';
  display: inline-block;
  width: 20px;
  text-align: center;
  margin-right: 2px;
  color: #2E86AB;
  font-weight: 700;
}

.capacity-seat:before {
  content: "\e969";
}

.capacity-baggage:before {
  content: "\e968";
}

.capacity-large-baggage:before {
  content: "\e962";
}

.dropCollapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f1f1f1;
}

.group-filter {
  padding-bottom: 10px;
}

.car-specification .form-group {
  border-bottom: 1px solid #d9d9d9;
}

.car-specification .form-group:last-child {
  border-bottom: none;
}

.group-filter .btn-group-checkbox {
  padding-left: 10px;
  padding-top: 5px;
  cursor: auto;
}

.group-filter header .btn {
  text-align: left;
  padding: 5px 0;
  background: none;
  font-weight: 700;
  font-size: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.group-filter header i {
  font-size: .8667rem;
  float: right;
  color: #777;
}

.navbar-step .breadcrumb {
  padding: 0;
}

/* .cars__info-3 .btn-primary {
  margin-top: 20px;
} */

[class*="transmission-"] {
  color: #777;
  font-size: .8rem;
  line-height: 2;
  margin-top: 2px;
}

.transmission-automatic:before {
  content: "A";
  display: inline-block;
  width: 20px;
  text-align: center;
  margin-right: 6px;
  color: #5499E4;
  font-weight: 700;
  font-style: italic;
}

.transmission-manual:before {
  content: "M";
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  margin-right: 3px;
  color: #5499E4;
  font-weight: 700;
  border-radius: 50%;
  border: 1px solid #5499E4;
  font-size: .6667rem;
  line-height: 1.6;
}

.modal-body #form-contact {
  margin-bottom: 20px !important;
}

#form-contact {
  margin-top: 20px;
}

#form-contact .form-group>label {
  display: block;
}

#form-contact label.title {
  float: left;
  padding-top: 5px;
  margin-right: 15px;
}

#form-contact header {
  font-size: 1.2rem;
  font-weight: 700;
  padding-bottom: 25px;
}

#form-contact header span {
  display: block;
  font-size: .8667rem;
  color: #eb0011;
  font-weight: 400;
}

#form-contact .btn-group-radio {
  padding: 15px 0;
}

#form-contact .passenger-information header {
  font-weight: 700;
}

#form-contact .passenger-information header span {
  color: #025BC5;
}

#form-contact .btn-primary {
  padding: 10px 25px;
}

.passenger-information {
  padding: 15px 20px;
  border: 1px solid #AAA;
  border-radius: 8px;
  margin: 20px 0 5px;
}

.reservation-summary--small {
  border-radius: 8px;
  padding: 20px 25px;
  border: 4px solid #DDD;
  margin-top: 15px;
}

.reservation-summary--small~.btn-primary {
  width: 100%;
  margin-top: 15px;
  padding: 10px 25px;
}

.reservation-summary--small .provider-img {
  max-width: 120px;
  height: 58px;
  margin: 0 15px 15px;
}

.reservation-summary--small .provider-img img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.reservation-summary--small .cars-image {
  margin: 0 auto 10px;
}

.operation {
  display: inline-block;
  color: #FFF;
  padding: 3px 12px;
  border-radius: 18px;
  min-width: 110px;
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
  font-size: .7333rem;
  font-weight: 700;
  margin-bottom: 7px;
  background: #999;
  text-transform: uppercase;
}

.self-drive:before {
  content: "Self Drive";
}

.with-driver {
  background: #DDD;
  color: #24253d;
}

.with-driver:before {
  content: "Chauffeur";
}

.price-summary {
  padding: 15px 0 0;
  border-top: 1px solid #d5d5d5;
  margin: 15px 0 0;
}

.reservation-summary--small .reschedule {
  color: #025BC5;
  background: none;
  padding: 0;
  margin-bottom: 0;
  border-radius: 0;
  text-transform: capitalize;
  left: 0;
  width: auto;
  top: 0;
  position: relative;
}

.postick {
  position: sticky;
  top: 60px;
  z-index: 6;
}

[class*="location-"] {
  display: block;
  font-weight: 700;
  min-height: 44px;
  line-height: 1.3;
  margin-bottom: 5px;
  /* overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-weight: 700;
  line-height: 1.3; */
}

.reservation-summary--small [class*="location-"] {
  min-height: 63px;
}

.location-pick-up:before {
  content: "Pick-up Location";
  display: block;
  font-weight: 400;
  color: #999;
  height: 25px;
}

.reservation-summary--small .location-pick-up:before {
  content: "Pick-up Area";
}

.reservation-summary--small .location-pick-up.rental:before {
  content: "Pick-up";
}

.location-drop-off:before {
  content: "Drop-off";
  display: block;
  font-weight: 400;
  color: #999;
  height: 25px;
}

.location-drop-off.rental:before {
  content: "Final Drop-off";
  display: block;
  font-weight: 400;
  color: #999;
  height: 25px;
}

.divider-top {
  border-top: 1px solid #d9d9d9;
}

.divider-right {
  border-right: 1px solid #d9d9d9;
}

.divider-bottom {
  border-bottom: 1px solid #d9d9d9;
}

.divider-left {
  border-left: 1px solid #d9d9d9;
}

.rent-date {
  color: #777;
  font-weight: 700;
}

.rent-date i {
  font-size: .8667rem;
  margin-right: 2px;
  color: #777;
}

.rent-time {
  color: #009688;
  font-weight: 700;
}

.rent-time .utc-zone {
  color: #939396;
  font-weight: 600;
}

.rent-time i {
  font-size: .8667rem;
  margin-right: 2px;
  color: #777;
}

.rent-time.overlimit {
  color: #eb0011;
}

.overlimit-info {
  padding: 8px;
  background: #eee;
  border-radius: 5px;
  position: relative;
  margin: 10px 0 0;
}

.rentTime-box .overlimit-info {
  padding: 6px 0;
  width: 225px;
  text-align: left;
  background: none;
  margin: 0;
}

.info-icon {
  padding: 1px 6px;
  background: #009688 !important;
  color: #fff !important;
  border-radius: 50%;
  font-weight: 900;
  position: absolute;
  left: 10px;
  width: 21px;
  text-align: center;
  top: 7px;
}

.info-icon-outline {
  color: #009688 !important;
  background: none !important;
  border: 1px solid #009688;
}

.info-icon-danger {
  color: #eb0011 !important;
  background: none !important;
  border: 1px solid #eb0011;
}

.info-icon:before {
  content: "i";
}

.--question-mark:before {
  content: "?";
}

.--pentung-mark:before {
  content: "!";
}

.text-info {
  font-weight: 400;
  color: #24253d;
  font-size: .8rem;
  text-align: left;
  padding-left: 30px;
  line-height: 1.5;
}

.reservation-summary--small .dropandpickup {
  border-radius: 0;
  padding: 0 0 15px;
  border: none;
  border-bottom: 1px solid #CCC;
  margin-bottom: 30px;
}

#reservation-summary.reservation-summary--small .dropandpickup {
  border-bottom: none;
  margin-bottom: 0;
}

.reservation-summary--small [class*="location-"]~a {
  margin-bottom: 12px;
  display: block;
  font-size: .8rem;
}

.reservation-summary--small .overlimit-info {
  margin-bottom: 15px;
  margin-top: 0;
}

.reservation-summary--small .label-price {
  color: #24253d;
}

.reservation-summary--small .price-value {
  color: #F5A623;
  font-size: 1.15rem;
  font-weight: 700;
}

.reservation-summary--small .text-info {
  text-align: left;
  padding-left: 30px;
  line-height: 1.5;
}

.reservation-summary--small .info-icon {
  position: absolute;
  left: 8px;
  width: 23px;
  text-align: center;
  top: 7px;
  height: 23px;
}

.reservation-summary--small .provider-box {
  padding-top: 5px;
  text-align: center;
  margin: 0 0 10px;
  border-top: none;
  border-bottom: 1px solid #d5d5d5;
  padding-bottom: 15px;
}

.provider-box.no-border {
  padding-bottom: 0;
  border: none;
}

.reservation-summary--small [class*='divider-'] {
  border-color: #EEE;
}

.reservation-complete {
  margin: 73px 0;
  padding-top: 60px;
  min-height: calc(100vh - 294px)
}

.reservation-complete header {
  font-weight: 700;
  font-size: 1.6rem;
  margin-bottom: 40px;
}

.reservation-complete header span {
  display: block;
  font-size: 1rem;
  font-weight: 400;
  color: #777;
}

.reservation-complete img {
  width: 290px;
}

.reservation-complete p {
  color: #888;
  padding: 20px 0 35px;
}

.reservation-complete a {
  font-weight: 700;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  z-index: 3;
  color: #fff;
  font-weight: 700;
  cursor: default;
  background-color: #363636 !important;
  border-color: #363636 !important;
}

.pagination>li>a,
.pagination>li>span {
  color: #2D519F;
}

.box-location {
  padding: 20px 25px 25px;
  background: #f7f7f7;
  margin: 15px 0;
  border-radius: 8px;
  position: relative;
  margin-left: 20px;
}

.hook {
  border: 2px solid #f2f2f2;
  position: absolute;
  left: -15px;
  z-index: 10;
  display: block;
  width: 15px;
  height: 66%;
  border-right: none;
  top: 163px;
}

.box-location .nav.nav-tabs {
  margin-right: 6px;
}

.box-location header {
  font-size: 1.067rem !important;
  color: #24253d;
  padding-bottom: 15px !important;
}

.box-location header span {
  color: #025BC5 !important;
}

.box-location header i {
  color: #888;
  margin-right: 7px;
}

.box-location header .checkbox {
  color: #333;
  font-size: .9333rem;
  margin: 5px 0 10px;
}

.box-location header .checkbox>label {
  font-weight: 700;
}

.box-location_content {
  padding: 20px;
  border: 1px solid #4A4A4A;
  border-top: none;
  border-radius: 0 8px 8px 8px;
  background: #FFF;
}

.box-location_content .form-group {
  margin-bottom: 0;
}

.panel {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.panel-group .panel {
  border-radius: 22px;
}

.panel-default>.panel-heading {
  border-radius: 22px;
  background: #FFF;
  padding: 12px 15px;
}

.panel-title>a {
  font-size: 1.067rem;
  font-weight: 700;
  color: #025BC5;
}

.dropdown-menu {
  right: 0;
  text-align: center;
  font-size: .9333rem;
}

.grand-total {
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-top: 15px;
  background: #FFF;
  padding-bottom: 15px;
  border-top: none;
}

.reservation-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 15px auto 5px;
  padding-top: 15px;
  border-top: 1px solid #DDD;
}

.includes-info {
  font-size: .8667rem;
  color: #888;
  display: flex;
  font-weight: 500;
  /* justify-content: flex-end; */
  margin-top: 3px;
  align-items: center;
}

.includes-info.flex-left {
  justify-content: flex-start;
}

.includes-info i {
  margin-right: 5px;
  font-size: .7333rem;
  font-weight: 700;
}

.includes-info-rental {
  font-size: .8667rem;
  color: #888;
  display: flex;
  flex-direction: column;
  font-weight: 500;
  margin-top: 3px;
}

.modal-confirmation {
  padding: 10px 30px;
}

.modal-confirmation header {
  font-size: 1.333rem;
  font-weight: 700;
  margin-bottom: 10px;
}

.modal-confirmation .modal-footer {
  display: flex;
  justify-content: center;
  border-top: none;
  padding-bottom: 25px;
  margin-top: 20px;
}

.delete-icon,
.confirm-icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 5px solid #eb0011;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px auto 20px;
}

.delete-icon i,
.confirm-icon i {
  font-size: 2rem;
  color: #eb0011;
  font-weight: 700;
}

.confirm-icon {
  border-color: #009688;
}

.confirm-icon i {
  color: #009688;
}

.btn-danger {
  background-color: #eb0011;
  border-color: #eb0011;
  font-weight: 700;
}

.btn-remove {
  padding: 8px 6px;
  color: #eb0011;
  background: none;
}

.btn-remove i {
  font-size: .8667rem;
  font-weight: 700;
}

.modal-footer .btn {
  min-width: 106px;
  padding: 10px 20px;
}

.plate-number {
  border-radius: 3px;
  background: #000;
  padding: 3px 12px;
  display: inline-block;
  color: #FFF;
  font-weight: 700;
  font-size: .8rem;
  letter-spacing: 1px;
}

.provider_location {
  padding: 3px 0 9px;
  color: #666;
}

.provider_location i {
  font-size: .8rem;
  margin-right: 5px;
  color: #025BC5;
}

.table-modal-detail {
  margin-bottom: 20px;
}

.table-modal-detail .table {
  border-bottom: none;
}

span.text-edited {
  color: #888;
  font-size: .8667rem;
}

span.text-edited:before {
  content: "(edit)";
  color: #eb0011 !important;
  font-weight: 400;
}

/* Google Maps
----------------------------------*/
#map {
  height: 100%;
  width: 100%;
}

.pac-card {
  margin: 10px auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  -webkit-box-shadow: 0px 4px 12px 0px #A0A0A0;
  -moz-box-shadow: 0px 4px 12px 0px #A0A0A0;
  box-shadow: 0px 4px 12px 0px #A0A0A0;
  background-color: #fff;
  z-index: 0;
  position: absolute;
  top: 0px;
  left: 50% !important;
  transform: translateX(-50%);
}

#pac-input {
  font-size: 1rem;
  font-weight: 400;
  padding: 0 15px;
  text-overflow: ellipsis;
  width: 480px;
  height: 38px;
  border: none;
  border-radius: 5px;
}

#gmap-custom-control {
  position: absolute;
  top: 104%;
  left: 50%;
  transform: translateX(-50%);
}

#gmap-custom-control .btn-default {
  color: #888;
  margin-right: 20px;
}

/* Date Picker
--------------------------------------*/
.date-time-picker,
.date-time-picker input,
.date-time-picker label,
.date-time-picker p,
.date-time-picker span {
  font-family: 'Lato', Arial, sans-serif !important;
}

.date-time-picker .time-picker-overlay {
  background: transparent !important;
}

.datetimepicker .datepicker {
  -webkit-box-shadow: 0px 2px 8px 0px #A0A0A0 !important;
  -moz-box-shadow: 0px 2px 8px 0px #A0A0A0 !important;
  box-shadow: 0px 2px 8px 0px #A0A0A0 !important;
  border-radius: 8px !important;
}

.datetimepicker .datepicker {
  left: 50%;
  transform: translateX(-55%);
}

.field-input {
  -webkit-transition-duration: .15s !important;
  transition-duration: .15s !important;
  position: relative !important;
  width: 100% !important;
  min-height: 38px !important;
  height: 38px !important;
}

.wrapping__search-row .field-input {
  cursor: pointer;
  background-color: #fff;
  padding-left: 0 !important;
  padding-right: 0 !important;
  -webkit-appearance: none;
  outline: none;
  border: none !important;
  font-size: .9333rem !important;
  font-weight: 700 !important;
  color: #4A4A4A !important;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.modal-content-body .field-input {
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
}

input:focus.field-input {
  border: none;
}

.search__box .custom-button.round {
  display: none !important;
}

.datepicker-container {
  padding: 10px 25px 25px !important;
}

/* 404 Page
--------------------------------------*/
.page-not-found {
  padding: 150px 0 120px;
}

.big-text {
  font-size: 6rem;
  font-weight: 700;
}

.pnf-content {
  padding: 0 30px;
}

.pnf-content h1 {
  color: #025BC5;
  margin: 0 0 20px;
  font-weight: 700;
}

.pnf-content p {
  font-size: 1.067rem;
  margin-bottom: 30px;
  line-height: 1.9;
  color: #777;
}

select {
  background-color: white;
  border: thin solid blue;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select.v-select {
  background-image: linear-gradient(45deg, transparent 50%, #025BC5 50%), linear-gradient(135deg, #025BC5 50%, transparent 50%), linear-gradient(to right, #d9d9d9, #d9d9d9);
  background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.7em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}

select.v-select:focus {
  background-image: linear-gradient(45deg, #777 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #777 50%), linear-gradient(to right, #d9d9d9, #d9d9d9);
  background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.7em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
  border-color: #025BC5;
  outline: 0;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.v-select,
.v-select * {
  box-sizing: border-box;
}

/* HACK: treat normal textbox as readonly */
.readonly {
  background-color: #eee;
}

/* loader
======================================*/
.loader-list {
  border: 1px solid #EEE;
  border-radius: 8px;
  transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  width: 100%;
  margin-bottom: 10px;
  padding: 20px;
}

.loader-list--image {
  height: 120px;
  width: 190px;
  /* margin-bottom: 15px; */
  border-radius: 4px;
}

.loader-list--lines.big-title {
  height: 30px;
  width: 120px;
  display: block;
}

.loader-list--lines {
  height: 10px;
  margin-top: 10px;
  width: 260px;
  display: block;
}

.loader-list--lines.\--full {
  width: 100%;
  height: 100%;
  margin-top: 0 ! important;
}

.loader-list--lines.\--small {
  width: 220px;
}

.loader-list--lines.--label-input {
  width: 200px;
  height: 20px;
  border-radius: 10px;
}

.loader-list--lines.--input {
  width: 100%;
  height: 40px;
  border-radius: 10px;
}

.loader-list--circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.shine {
  background: #f6f7f8;
  background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-repeat: no-repeat;
  background-size: 800px 120px;
  position: relative;
  -webkit-animation-duration: 1.2s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear;
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeholderShimmer;
  animation-timing-function: linear;
}

@-webkit-keyframes placeholderShimmer {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

@keyframes placeholderShimmer {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

.loading-container .loading-backdrop {
  background-color: #FFF !important;
  opacity: 0.9 !important;
}

.loading-container .loading {
  box-shadow: none !important;
  background-color: transparent !important;
}

.loading-label {
  font-size: 1.2rem;
  color: #888;
  font-weight: 700;
}

.box__loader {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20%;
  box-sizing: border-box;
  background-color: inherit;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}

.loader--dot {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background-color: #2D519F;
  position: relative;
  -webkit-animation: 1.2s scaleDown ease-in-out infinite;
  animation: 1.2s scaleDown ease-in-out infinite;
}

.loader--dot.dot-white {
  background-color: #FFF;
}

.loader--dot:nth-child(2) {
  margin: 0 10px;
  -webkit-animation: 1.2s scaleDown ease-in-out infinite .15555s;
  animation: 1.2s scaleDown ease-in-out infinite .15555s;
}

.loader--dot:nth-child(3) {
  -webkit-animation: 1.2s scaleDown ease-in-out infinite .300000s;
  animation: 1.2s scaleDown ease-in-out infinite .300000s;
}

@-webkit-keyframes scaleDown {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleDown {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.terms-wrapper {
  padding: 20px 25px 30px;
}

.btn-back {
  position: sticky;
  top: 65px;
  margin-left: -45px;
  color: #025BC5 !important;
}

.btn-back i {
  font-weight: 900;
}

.terms-wrapper h3 {
  margin-bottom: 50px;
  color: #24253d;
}

.terms-wrapper span {
  display: block;
  color: #939396;
  font-size: .8667rem;
  margin-top: 15px;
}

.terms-wrapper h4 {
  margin: 30px 0 15px;
  font-weight: 700;
  color: #666;
  font-size: 1rem;
  overflow: hidden;
}

.terms-wrapper h5 {
  text-align: center;
  margin: 50px 0 20px;
  font-weight: 700;
}

.terms-wrapper p {
  color: #939396;
}

.terms-body {
  padding: 20px;
}

.terms-list {
  padding: 10px 0;
  overflow: hidden;
  border-bottom: 1px solid #EEE;
}

.terms-list:last-child {
  border-bottom: none;
}

.terms-list h5 {
  display: block;
  font-size: .8667rem;
  margin: 5px 0;
}

.terms-list h5 span {
  display: block;
  font-weight: 700;
  padding: 8px 0;
  font-size: 1rem;
  color: #009688 !important;
}

.icon-terms {
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  float: left;
  margin-right: 10px;
}

.cancel-box {
  display: flex;
  justify-content: space-around;
  border-top: 1px solid #EEE;
  padding: 10px 0 0;
  margin-top: 15px;
  text-align: center;
}

.btn-cancel {
  font-weight: 700;
  font-size: 1rem;
  background: none;
  color: #999;
  padding: 0 20px;
}

.grad1 {
  position: absolute;
  top: 0;
  bottom: 1px;
  right: 0;
  display: block;
  width: 100px;
  pointer-events: none;
  content: "";
  background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 95%, #fff);
}

/* yak mulai lagi setelah jet lag gambar trus ngoding */

.sts_job-open,
.sts_job-under-review,
.sts_job-run,
.sts_job-done,
.sts_job-closed,
.sts_job-aborted,
.sts_job-rescue_operation,
.sts_job-scheduled,
.sts_job-inprogress,
.sts_job-completed {
  background: #F5A623;
  border-radius: 12px;
  padding: 3px 12px;
  font-weight: 700;
  font-size: .6667rem;
  color: #FFF;
  text-transform: uppercase;
  display: inline-block;
}

.sts_job-open {
  color: #FFF;
}

.sts_job-open:before {
  content: "Available";
  text-align: center;
}

.sts_job-under-review:before {
  content: "under review";
  text-align: center;
}

.sts_job-under-review {
  text-wrap: nowrap;
}

.sts_job-run {
  background: #2b9a8e;
}

.sts_job-run:before {
  content: "Accepted";
  text-align: center;
}

.sts_job-done {
  background: #025BC5;
}

.sts_job-done:before {
  content: "Completed";
  text-align: center;
}

.sts_job-aborted {
  background: #eb0011;
}

.sts_job-aborted:before {
  content: "Rejected";
  text-align: center;
}

.sts_job-rescue_operation {
  background: #eb0011;
}

.sts_job-rescue_operation:before {
  content: "rescued";
  text-align: center;
}

.sts_job-closed {
  background: none;
  border-radius: 0;
  color: #025BC5;
}

.sts_job-closed:before {
  content: "closed";
  text-align: center;
}

.sts_job-scheduled {
  color: #FFF;
}

.sts_job-scheduled::before {
  content: "Scheduled";
}

.sts_job-inprogress::before {
  content: "In Progress";
}

.scheduled-rejected::before {
  content: "Rejected" !important;
}

.scheduled-rejected {
  background: #eb0011 !important;
}

.sts_job-inprogress {
  background: #2b9a8e;
}

.sts_job-completed {
  background: #025BC5;
}

.sts_job-completed:before {
  content: "Completed";
  text-align: center;
}

.last_state {
  font-size: .8rem;
  margin: 4px 0 0;
  display: block;
  font-weight: 700;
  color: #2b9a8e;
  text-transform: capitalize;
}

.last_state i {
  font-size: .8rem;
  font-weight: 900;
  margin-right: 3px;
}

.--confirmed {
  color: #5499E4;
}

.--declined {
  color: #eb0011;
  text-decoration: line-through;
}

.tabs-inquiry {
  margin: 30px 0 0;
  border-color: #DDD;
  top: 61px;
  background: #f7f7f7;
  z-index: 15;
  border-radius: 0 0 12px 12px;
  padding: 0 15px;
  user-select: none;
}

.tabs-inquiry.sticky {
  position: -webkit-sticky;
  position: sticky;
}

.tabs-inquiry>li.active>a,
.tabs-inquiry>li.active>a:focus,
.tabs-inquiry>li.active>a:hover,
.tabs-mini-form>li.active>a,
.tabs-mini-form>li.active>a:focus,
.tabs-mini-form>li.active>a:hover {
  border: none !important;
  border-bottom: 3px solid #2D519F !important;
  font-weight: 700;
  background: none !important;
}

.tabs-inquiry>li>a,
.tabs-mini-form>li>a {
  font-size: .9333rem;
  font-weight: 400;
}

.tabs-mini-form>li>a:hover {
  border-bottom: 1px solid #ddd;
}

.nav-tabs.tabs-mini-form {
  background: none;
}

.nav-tabs.nav-tab-modal {
  border-bottom: 0;
  margin: 0 -25px 25px;
  width: auto;
}

.qty-jobs {
  color: #FFF;
  font-weight: 700;
  padding: 5px 7px;
  margin-right: 5px;
  border-radius: 32px;
  text-align: center;
  color: #999;
  display: inline-block;
  min-width: 32px;
}

.tabs-inquiry>li.active>a>span {
  background: #363636;
  color: #FFF;
}

.table-legend {
  border-bottom: 1px solid #DDD;
  display: inline-block;
  margin-bottom: 15px;
}

.table-legend ul {
  list-style-type: none;
}

.table-legend ul>li {
  list-style-type: none;
  display: inline-block;
  margin-right: 20px;
  font-size: .8667rem;
}

.table-legend ul>li:last-child {
  margin-right: 0;
}

.table-legend ul>li>i {
  margin-right: 7px;
  font-size: .7333rem;
  background: #5499E4;
  padding: 5px;
  border-radius: 50%;
  text-align: center;
  color: #FFF;
}

.table-legend ul>li>i.ic-time {
  background: #999;
}

.small_form {
  margin: 0;
}

.event-calendar-header {
  padding: 20px 10px 8px;
  border-top: 1px solid #DDD;
  margin-top: 15px;
}

.event-calendar-header button,
.event-calendar-header button:focus {
  background: none;
}

.event-calendar-header .ic-small-menu {
  color: #999;
}

.annual-type {
  color: #eb0011;
}

.event-calendar-header h3 {
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 8px;
}

.event-calendar-header h3~p {
  color: #999;
  font-size: .8rem;
}

.table.table-event-calendar>thead>tr>th:nth-child(2) {
  width: 80px;
}

p.info-text {
  color: #999;
  position: relative;
  padding-left: 25px;
}

p.info-text:before {
  content: "i";
  font-weight: 700;
  background: #FFF;
  color: #FFF;
  width: 18px;
  height: 18px;
  position: absolute;
  text-align: center;
  left: 0;
  border-radius: 50%;
  color: #5499E4;
  border: 1px solid #5499E4;
  line-height: 1.3;
  font-weight: 700;
}

.header-pickperiod {
  font-size: 1.067rem;
  font-weight: 700;
  padding: 20px 0 25px;
  text-align: left;
}

.header-pickperiod span {
  font-size: .8rem;
  font-weight: 400;
  display: block;
  color: #888;
  margin-top: 5px;
}

.breadcrumb.outside-form {
  padding: 0 0 20px;
}

.search-mode-box {
  padding: 0 20px 6px;
  display: inline-block;
  position: absolute;
  z-index: 5;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.search-mode {
  background: #fff;
  min-width: 304px;
  padding: 6px 20px 10px;
  clip-path: polygon(0 0, 100% 0, 85% 100%, 15% 100%);
}

.search-mode-info {
  font-size: .7333rem;
  color: #999;
  margin: 4px auto;
  text-align: center;
  display: block;
}

.polygon-rad {
  width: 216px;
  height: 21px;
  background: #FFF;
  display: block;
  position: absolute;
  left: 50%;
  z-index: 4;
  transform: translateX(-50%);
  top: 54px;
  border-radius: 20px;
}

.ncheck {
  display: block;
  position: relative;
  margin-bottom: 3px;
  cursor: pointer;
  font-size: .9333rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  color: #555;
}

.ncheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: relative;
  top: 5px;
  height: 20px;
  width: 20px;
  background-color: #FFF;
  border-radius: 3px;
  display: inline-block;
  margin-right: 6px;
  border: 1px solid #025BC5;
}

.ncheck:hover input~.checkmark {
  background-color: #f7f7f7;
}

.ncheck input:checked~.checkmark {
  background-color: #025BC5;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.ncheck input:checked~.checkmark:after {
  display: block;
}

.ncheck .checkmark:after {
  content: "";
  left: 6px;
  top: 1px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.map-capture {
  height: 160px;
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  margin-top: 0;
  background-image: url('../images/maps.png');
  object-fit: cover;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 100%;
}

.map-capture img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.divider-top-blue {
  border-top: 1px solid #5499E4;
}

.ti-tags>.ti-tag {
  background-color: #025BC5 !important;
}

.table-fix td {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dataTables_length select {
  width: 85px;
  display: inline-block;
  margin: 0px 5px;
  vertical-align: middle;
}

.dataTables_filter {
  position: relative;
}

.dataTables_filter input {
  display: inline-block;
  width: 520px;
  position: relative;
  border-collapse: separate;
  border: 1px solid #CCC;
  border-radius: 5px;
  padding-left: 43px;
  box-shadow: none;
  /* background: transparent; */
}

.dataTables_filter i {
  color: #CCC;
  padding: 0 15px;
  position: absolute;
  left: 0;
  z-index: 2;
  font-size: 1.2rem;
  top: 9px;
}

.dataTables_info {
  padding-top: 0.85em;
  white-space: nowrap;
  color: #2D519F !important;
}

.uppercase {
  text-transform: uppercase;
}

.equiv-deposit {
  font-size: 13px;
  color: #999;
  padding-top: 3px;
}

.required:after {
  content: " *";
  color: #eb0011;
}

.logout {
  font-weight: 400;
  color: #333
}

.bsz {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.fit-select {
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 40px;
}

.borderless-jobBrowserDateRange {
  border: none !important;
}

#vueform>.tab-content {
  padding-top: 15px;
}

.vue-tags-input {
  max-width: none !important;
}

.word-count {
  padding-top: 5px;
}

.vs__selected {
  margin: 0 6px !important;
}

.vs__search,
.vs__search:focus {
  margin: 4px 0 !important;
}

.vs__open-indicator {
  fill: #231F20 !important;
  margin-right: 7px;
  transform: scale(.75) !important;
}

.vs--open .vs__open-indicator {
  transform: rotate(180deg) scale(.75) !important;
}

.vs__dropdown-menu {
  right: 0;
  font-weight: 700;
  color: #eb0011;
  border-top: 1px solid #EEE !important;
}

.vs__dropdown-option {
  padding: 10px 15px !important;
  border-bottom: 1px solid #EEE;
}

.vs--single.vs--open .vs__selected {
  top: 4px;
}

.v-select .vs__selected-options {
  flex-wrap: nowrap;
  white-space: nowrap;
  overflow: hidden;
}

.v-select .option-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.v-select .option-wrapper p {
  color: #9ca3af;
}

.v-select .vs__dropdown-option--highlight .option-wrapper p {
  color: #F0F0DB;
}

.v-select .option-wrapper i {
  background: #ffffff;
  color: #005eb8;
  border-radius: 50%;
  padding: 5px;
}

#selected-style.v-select .vs__selected-options {
  width: 500px !important;
}

.v-search-select [role="listbox"] {
  min-width: min-content;
}

.v-search-select .vs__search::placeholder,
.v-search-select .vs__dropdown-toggle,
.v-search-select .vs__dropdown-menu {
  font-size: 14px;
}

.v-search-select .vs__search::placeholder,
.v-search-select .vs__dropdown-toggle {
  height: 38px;
  background: #ffffff;
}

#airport-trr-select.airport-trr-select .vs__dropdown-toggle {
  height: 45px;
}

.v-search-select .vs__search::placeholder {
  color: #777;
}

.vs__dropdown-toggle {
  padding: 4px 0 !important;
}

.vs__actions {
  display: flex;
  align-items: center;
  padding: 0px 4px 0 10px !important;
  border-left: 1px solid #d9d9d9;
}

.drawing-mgr--control {
  font-size: .9333rem;
  background-color: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  margin: 0 0 20px 10px;
}

.drawing-mgr--control.save {
  background: #2D519F;
}

.drawing-mgr--control.save:hover {
  background: #c5e5ef;
  color: #2D519F;
}

/* time-stamp
------------------------------------ */
.time-stamp,
.end-time-stamp {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.3;
  padding-left: 30px;
  padding-bottom: 20px;
  position: relative;
  min-height: 68px;
}

.time-stamp {
  /* margin-top: 0; */
  border-left: 1px dashed #DDD;
}

.end-time-stamp {
  border-left: none;
}

.time-stamp:before,
.end-time-stamp:before {
  content: '';
  background-color: #fff;
  border: 3px solid #C0C4CA;
  height: 18px;
  width: 18px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: -9px;
}

.dropped:before {
  content: '';
  position: absolute;
  left: 50%;
  border-radius: 50% 50% 50% 0;
  border: 4px solid #fff;
  width: 18px;
  height: 18px;
  transform: rotate(-45deg);
  background-color: #E54A57;
  border: 1px solid #E54A57;
  position: absolute;
  left: -10px;
}

.dropped::after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 9px;
  left: -6px;
  margin-top: -5px;
  background-color: #FFF;
}

.stamp-status {
  line-height: 1;
  margin-bottom: 5px;
  color: #025BC5;
}

.stamp-desc {
  font-size: .9333rem;
  color: #212121;
  font-weight: 400;
  margin-bottom: 2px;
  line-height: 1.7;
  overflow: hidden;
  text-overflow: ellipsis;
}

.reservation-button .btn-nobg {
  font-weight: 900;
  color: #999;
  background: none;
  font-size: 1rem;
  text-transform: uppercase;
  height: 25px;
  padding: 0 18px;
}

.btn-nobg:hover {
  color: #24253d;
}

.new-line {
  display: block;
}

.btn-group-newline .wrap-radio {
  float: none;
  height: 35px;
}

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

.summary-error {
  color: #eb0011 !important;
  font-weight: 700;
  font-size: 15px;
  padding-bottom: 10px;
}

.field-error {
  border: 1px solid #eb0011 !important;
  border-radius: 4px;
}

.alert.error {
  padding: 10px 30px !important;
  margin-bottom: 0 !important;
  border: 1px solid transparent;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100vw;
  color: #eb0011;
  font-weight: 700;
  background: #f7f7f7;
  border-radius: 0px !important;
}

.input-uploader {
  max-width: 215px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Payment
================================================ */
.image-success,
.image-failed,
.image-process {
  background: url(../images/payment_success.svg);
  background-repeat: no-repeat !important;
  height: 313px;
  margin-top: 30px;
  background-size: contain !important;
  background-position: center !important;
}

.image-failed {
  background: url(../images/payment_failed.svg);
}

.image-process {
  background: url(../images/payment_process.svg);
}

.value-box {
  font-size: 1.29rem;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.currency {
  margin-left: 10px;
  font-size: .86rem;
}

.img-visa,
.img-master {
  background: url(../images/visa.png);
  background-repeat: no-repeat !important;
  width: 56px;
  height: 34px;
  margin-right: 15px;
  background-size: contain !important;
  background-position: center !important;
}

.img-master {
  background: url(../images/master_card.png);
}

.img-watch {
  /* list-style-image: url(../images/watch1.png); */
  margin: 0;
  padding: 5px 0 5px 40px;
  list-style: none;
  background-image: url(../images/watch1.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 25px;
}

.img-time {
  /* list-style-image: url(../images/time1.png); */
  margin: 0;
  padding: 5px 0 5px 40px;
  list-style: none;
  background-image: url(../images/time1.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 25px;
}

.img-meet {
  /* list-style-image: url(../images/meet1.png); */
  margin: 0;
  padding: 8px 0 8px 40px;
  list-style: none;
  background-image: url(../images/meet1.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 25px;
}

.img-no-traspontation {
  width: 150px;
  height: 150px;
  background-image: url(../images/keys.svg);
  background-repeat: no-repeat;
  /* background-position: left center; */
  background-size: 150px;
}

.button-group {
  margin: 30px 0 40px;
}

.view-detail-link {
  color: #2D519F !important;
}

html {
  /* used for form validation */
  scroll-padding-top: 100px;
}

.text-filter {
  color: #777;
}

.d-flex {
  display: flex;
}

.d-inline-flex {
  display: inline-flex;
}

.d-block {
  display: block;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.v-align-middle {
  vertical-align: middle !important;
}

.align-self-middle {
  align-self: center !important;
}

.font-weight-normal {
  font-weight: 500 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-2 {
  margin-left: 2px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

input[type=checkbox].control-checkbox:focus,
input[type=radio].control-radio:focus {
  box-shadow: 0 0 2px #999;
  outline: 0;
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {

  input[type='checkbox'].control-checkbox,
  input[type='radio'].control-radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    display: inline-block;
    background: white;
    cursor: pointer;
    height: 18px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    border: 1px solid #DDD;
    -webkit-transition: background .3s, border-color .3s, box-shadow .2s;
    transition: background .3s, border-color .3s, box-shadow .2s;
    border-radius: 3px;
  }

  input[type='checkbox'].control-checkbox:after,
  input[type='radio'].control-radio:after {
    content: '';
    display: block;
    position: absolute;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.3s ease;
    transition: opacity 0.2s, -webkit-transform 0.3s ease;
    transition: transform 0.3s ease, opacity 0.2s;
    transition: transform 0.3s ease, opacity 0.2s, -webkit-transform 0.3s ease;
  }

  input[type='checkbox'].control-checkbox:checked,
  input[type='radio'].control-radio:checked {
    background: #2D519F;
    border: 2px solid #2D519F;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.6s cubic-bezier(.2, .85, .32, 1.2);
    transition: opacity 0.3s, -webkit-transform 0.6s cubic-bezier(.2, .85, .32, 1.2);
    transition: transform 0.6s cubic-bezier(.2, .85, .32, 1.2), opacity 0.3s;
    transition: transform 0.6s cubic-bezier(.2, .85, .32, 1.2), opacity 0.3s, -webkit-transform 0.6s cubic-bezier(.2, .85, .32, 1.2);
  }

  input[type='checkbox'].control-checkbox:disabled,
  input[type='radio'].control-radio:disabled {
    cursor: not-allowed;
    border: 2px solid #ccc;
    opacity: .9;
  }

  input[type='checkbox'].control-checkbox:disabled:checked,
  input[type='radio'].control-radio:disabled:checked {
    background: #eee;
    color: #555;
  }

  input[type='checkbox'].control-checkbox:not(.switch):disabled:after {
    top: 2px;
    left: 5px;
    width: 5px;
    height: 9px;
    border: 2px solid #777;
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }

  input[type='checkbox'].control-checkbox:disabled+label,
  input[type='radio'].control-radio:disabled+label {
    cursor: not-allowed;
  }

  input[type='checkbox'].control-checkbox:hover:not(:checked):not(:disabled),
  input[type='radio'].control-radio:hover:not(:checked):not(:disabled) {
    border: 2px solid #ccc;
  }

  input[type='checkbox'].control-checkbox:not(.switch),
  input[type='radio'].control-radio:not(.switch) {
    width: 18px;
  }

  input[type='checkbox'].control-checkbox:not(.switch):after,
  input[type='radio'].control-radio:not(.switch):after {
    opacity: 0;
  }

  input[type='checkbox'].control-checkbox:not(.switch):checked:after,
  input[type='radio'].control-radio:not(.switch):checked:after {
    opacity: 1;
  }

  input[type='checkbox'].control-checkbox:not(.switch):after {
    top: 1px;
    left: 4px;
    width: 5px;
    height: 9px;
    border: 2px solid white;
    border-top: 0;
    border-left: 0;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }

  input[type='checkbox'].control-checkbox:not(.switch):checked:after {
    -webkit-transform: rotate(43deg);
    transform: rotate(43deg);
  }

  input[type='checkbox'].switch {
    width: 38px;
    border-radius: 11px;
  }

  input[type='checkbox'].switch:after {
    top: 2px;
    left: 2px;
    background: #BBC1E1;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  input[type='checkbox'].switch:checked:after {
    background: white;
    -webkit-transform: translateX(15px);
    transform: translateX(15px);
  }

  input[type='checkbox'].switch:disabled:not(:checked):after {
    opacity: .6;
  }

  input[type='radio'].control-radio {
    border-radius: 50%;
  }

  input[type='radio'].control-radio:after {
    background: white;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    opacity: 0;
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    top: -2.5px;
    left: -2.5px;
  }

  input[type='radio'].control-radio:disabled:after {
    background: #777;
  }

  input[type='radio'].control-radio:checked:after,
  input[type='radio'].control-radio:checked:disabled:after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

.datepicker-container .datepicker-days .datepicker-day .datepicker-day-effect {
  background: #363636 !important;
}

.datepicker-container .datepicker-days .datepicker-day .datepicker-today {
  background-color: transparent !important;
  border: 1px solid #CCC !important;
}

.time-picker-column-item-effect {
  background: #363636 !important;
}

.help-tip {
  position: relative;
  background: #eee;
  color: #888;
  padding: 1px 4px;
  font-size: 9px;
  border-radius: 100%;
  font-weight: bold;
  border: 1px solid #888;
  vertical-align: top;
}

.line-height-1p5 {
  line-height: 1.5 !important;
}

.history-group {
  display: flex;
}

.history-label {
  min-width: 80px;
}

.history-value {
  min-width: 20px;
}

.history-value::before {
  content: ":";
  margin: 0 10px 0 6px;
}

.history-font {
  font-size: .9333rem;
  color: #212121;
  font-weight: 400;
  margin-bottom: 2px;
  line-height: 1.7;
  overflow: hidden;
  text-overflow: ellipsis;
}

.h-color-label {
  color: #939396;
  font-weight: bold;
  font-size: .9333rem;
}

.table-list-history {
  list-style-type: none;
}

.table-list-history li {
  margin-bottom: 2px;
  color: #212121;
  font-size: .9333rem;
  font-weight: 400;
}

.table-list-history li span {
  color: #5499E4;
  font-size: .9333rem;
  margin-left: 8px;
}

.table-list-history li span.value {
  color: #666;
  float: right;
}

.table-list-history li:before {
  content: "-";
  margin-right: 10px;
}

.null-vehicle-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 500px;
}

.null-vehicle-wrapper h3.text-style {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 18px;
  color: #CACACA;
}

.null-vehicle-wrapper span,
.null-vehicle-wrapper p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  color: #CACACA;
  margin-top: 5px;
}

.null-vehicle-wrapper a {
  color: #025BC5;
}

.admin-notes {
  display: block;
  font-size: .9333rem;
  color: #555;
  word-wrap: break-word;
  font-weight: 500;
}

table tr th.v-align-top,
table tr td.v-align-top {
  vertical-align: top !important;
}

span.text-10 {
  font-size: 10px !important;
}

span.text-12 {
  font-size: 13px !important;
}

.flex-column {
  display: flex !important;
  flex-direction: column !important;
}

.d-flex {
  display: flex !important;
}

.justify-end {
  justify-content: flex-end !important;
}

.justify-center {
  justify-content: center !important;
}

.justify-between {
  justify-content: space-between !important;
}

.justify-evenly {
  justify-content: space-evenly !important;
}

.justify-around {
  justify-content: space-around !important;
}

.items-center {
  align-items: center !important;
}

.gap-3 {
  gap: 3px;
}

.gap-5 {
  gap: 5px;
}

.gap-20 {
  gap: 20px;
}

span.local-currency {
  font-size: 10px;
}

span.cars-brand-equivalent {
  font-size: 15px;
  font-weight: 400;
  color: #999;
}

.complete-trip-wrapper {
  width: 100%;
}

.complete-trip-wrapper>h4 {
  color: #61AA49;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  padding-bottom: 15px;
  border-bottom: 1px solid #EBEBEB;
}

.complete-trip-wrapper>.pax-name {
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 17px;
  color: #1E1E1E;
}

.complete-trip-wrapper>.service-type ul>li {
  list-style: none;
  font-size: 12px;
  margin-top: 7px;
}

.complete-trip-wrapper>.service-type ul>li>i {
  margin-right: 7px;
  font-size: 10px;
  background: #5499E4;
  padding: 5px;
  border-radius: 50%;
  text-align: center;
  color: #FFF;
}

.complete-trip-wrapper>.service-type ul>li>i.ic-time {
  background: #999;
}

.complete-trip-wrapper>.reservation-location {
  display: flex;
  width: 100%;
  min-height: 170px;
  border: 1.5px solid #EBEBEB;
  border-radius: 8px;
  padding: 5px 5px;
  ;
}

.complete-trip-wrapper>.reservation-location>.pickup-wrapper,
.complete-trip-wrapper>.reservation-location>.dropoff-wrapper {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.reservation-location>.dropoff-wrapper {
  border-left: 1px solid #EBEBEB;
}

.pickup-wrapper>.area>span,
.dropoff-wrapper>.area>span {
  display: block;
  font-weight: 600;
  font-size: 13px;
  color: #999;
  height: 25px;
}

.pickup-wrapper>div.date-time,
.dropoff-wrapper>div.date-time {
  margin-top: auto;
}

.pickup-wrapper>.area>div.location,
.dropoff-wrapper>.area>div.location {
  display: block;
  font-weight: 700;
}

.complete-trip-wrapper>ul>li {
  list-style: none;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
}

.complete-trip-wrapper>ul>li::before {
  content: "-";
  padding-right: 10px;
}

.complete-trip-wrapper>ul>li>span {
  color: #5499E4;
}

.complete-trip-wrapper .warning-alert-upload {
  width: 100%;
  display: flex;
  align-items: center;
  background: #F1F1F1;
  border-radius: 6px;
  padding: 10px 20px 10px 0;
}

.warning-alert-upload>div.img-warning {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15%;
}

.img__box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 200px;
}

.img__box>img {
  min-width: 60%;
  max-width: 100%;
  min-height: auto;
  max-height: 100%;
  object-fit: contain;
  border-radius: 10px;
}

.warning-alert-upload>span {
  width: 85%;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #1E1E1E;
}

button.btn.btn-complete-job {
  width: 100%;
  height: 45px;
  background: #61AA49;
  border-radius: 6px;
  color: #fff;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  margin-top: 100px;
}

button.btn.btn-complete-job:hover {
  background: #3e8627;
}

.wrapper-airport-transfer {
  padding: 20px 0;
}

/* .button-add-wrapper {
  display: flex;
  justify-content: end;
} */

.button-add-wrapper button {
  padding: 5px 20px;
  background: transparent;
  border-radius: 10px;
  border: 1px solid #2D519F;
  color: #2D519F;
  font-size: 12px;
  font-weight: 700;
}

.noted__wrapper {
  border: 4px solid #DDD;
  border-radius: 5px;
  padding: 10px;
  margin-top: 25px;
}

.hourly__duration {
  font-size: .8667rem;
  font-weight: 400;
  color: #4c4c4c;
}

.hourly__duration:before {
  content: "-";
  margin-right: 10px;
}

table.table-admin-notes {
  border: none;
  width: 100%;
}

.table-admin-notes tr {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
}

.table-admin-notes td.label {
  width: 35% !important;
}

.table-admin-notes td.colon-label {
  width: 3%;
}

.table-admin-notes td.label,
.table-admin-notes td.colon-label {
  color: #A0A0A0;
  font-weight: 600;
  font-size: .9333rem;
  display: inline-block;
  padding: 0;
  text-align: left;
}

.table-admin-notes .label-value {
  width: 65%;
  color: #212529;
  display: inline-block;
  font-weight: 700;
  font-size: .9333rem;
  text-wrap: wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.multiselect__tag {
  background: #2E86AB !important;
  line-height: 1.5 !important;
}

i.multiselect__tag-icon {
  line-height: 20px !important;
}

.multiselect__tag-icon:hover:after {
  opacity: 0.8 !important;
}

.multiselect__tag-icon:after {
  color: #fff !important;
}

.multiselect__tag-icon:hover {
  background: none !important;
}

.multiselect__option--highlight,
.multiselect__option--highlight:after {
  background: #2D519F !important;
}

.multiselect__option--selected,
.multiselect__option--selected:after {
  background: #dc3545 !important;
  color: #fff !important;
}

.service-category-multiselect .multiselect__option--disabled {
  text-align: center !important;
  color: #777 !important;
  font-weight: 700 !important;
}

th .estimated-subtitle {
  text-transform: none;
  font-size: 10px;
  font-style: italic;
  font-weight: normal;
}

button.btn-select-all,
button.btn-clear-all {
  background: transparent;
  padding: 2px 10px;
  font-size: 10px;
  font-weight: bold;
  border-radius: 5px;
  transition: all 0.5s ease-in;
}

button.btn-select-all {
  border: 1px solid #2D519F;
  color: #2D519F;
}

button.btn-clear-all {
  border: 1px solid #eb0011;
  color: #eb0011;
}

button.btn-select-all:hover {
  background: #2D519F;
  color: #fff;
}

button.btn-clear-all:hover {
  background: #eb0011;
  color: #fff;
}

.repricing-page {
  margin: 73px 0;
  min-height: calc(100vh - 294px)
}

input#repricing-date-time-input.field-input,
input#repricing-time-input.field-input {
  border: none !important;
  outline: none !important;
}

.repricing_box_date_time .date_time_box .date-time-picker .flex-fixed {
  position: relative !important;
  z-index: 100 !important;
}

.modal-body.repricing-modal {
  padding: 15px 20px 30px;
}

.modal-body.repricing-modal h4.modal-title {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
}

.wrapper-pax-no-show {
  width: 100%;
}

.wrapper-pax-no-show:last-child {
  margin-top: 35px;
}

.wrapper-pax-no-show .preview-image {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 200px;
  padding: 0 15px;
  background: #f5f5f5;
  border-radius: 5px;
  overflow: hidden;
}

.wrapper-pax-no-show .preview-image img {
  width: max-content;
  height: 100%;
  object-fit: contain;
}

.wrapper-pax-no-show .title-category {
  font-size: 16px;
  font-weight: 600;
}

.wrapper-pax-no-show .images-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 5px;
  margin-top: 10px;
}

.wrapper-pax-no-show .images-list .image-item {
  width: 100%;
  height: 70px;
  border-radius: 5px;
  object-fit: cover;
  overflow: hidden;
  cursor: pointer;
}

.wrapper-pax-no-show .images-list .image-item.active {
  border: 2px solid #2D519F;
}

.is-focused #mutation-start-service-input.field-input {
  border-color: #2D519F !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(79, 184, 72, .25) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(79, 184, 72, .25) !important;
}

#mutation-start-service-input.field-input {
  padding-left: 43px !important;
}

.upload-signage-box {
  width: 60%;
}

.preview-signage-image {
  position: relative;
  width: 30%;
  height: 70px;
  border-radius: 5px;
  overflow: hidden;
  border: 0.1px solid #AAA;
  text-align: center;
}

.preview-signage-image .signage-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.preview-signage-image .iframe-signage-image {
  width: 100%;
  height: 100%;
  border: none;
  scrollbar-width: none;
}

.upload-signage-label {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100%;
  height: 38px;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
}

.upload-signage-label .file-accept-text {
  margin-left: 10px;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#upload-signage.form-control {
  display: none;
}

.upload-signage-label div.btn-browse {
  height: 100%;
  background: #ccc;
  border-radius: 0 4px 4px 0;
  color: #777;
}

small.form-text {
  color: #777;
}

p.form-text {
  font-size: 13px;
  color: #777;
}

button.btn-delete-preview-img {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  font-size: 10px;
  top: 5px;
  right: 5px;
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background: #eb0011;
  color: #fff;
  border: none;
}

button.btn-delete-preview-img:hover {
  transform: scale(1.1);
}

.maps-image-wrapper {
  position: relative;
  width: 100%;
  height: 500px;
  border: 0.5px solid #2D519F;
  border-radius: 5px;
  overflow: hidden;
}

.maps-image-wrapper img,
.maps-image-wrapper #map-container {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.maps-image-wrapper img.right {
  transform: rotate(90deg);
}

.maps-image-wrapper img.bottom {
  transform: rotate(180deg);
}

.maps-image-wrapper img.left {
  transform: rotate(270deg);
}

.btn-rotate {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  background: #2D519F;
  right: 20px;
  bottom: 20px;
  border: none;
  border-radius: 5px;
}

.btn-rotate:hover {
  background: #3b9a35;
}

.btn-rotate svg,
.btn-download-evidence svg {
  color: #fff;
  height: 30px;
  width: 30px;
  padding: 5px;
}

.btn-download-evidence {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  background: #2D519F;
  right: 60px;
  bottom: 20px;
  border: none;
  border-radius: 5px;
}

.black-wrapper {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 75px;
  background: rgba(0, 0, 0, 0.4);
}

.address-wrapper {
  display: flex;
  flex-direction: column;
  width: 85%;
  height: 95%;
  margin-left: 20px;
  font-size: 10px;
  color: #fff;
  overflow: hidden;
}

.address-wrapper span {
  line-height: 14px;
}

.maps-image-list-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 10px;
  margin-top: 20px;
  overflow: hidden;
}

.maps-image-list-wrapper .maps-image-list {
  display: flex;
  flex-direction: column;
}

.maps-image-list-wrapper .maps-image-list .maps-image {
  width: 90px;
  height: 100px;
  border: 0.5px solid #2D519F;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
  overflow: hidden;
}

.maps-image-list-wrapper .maps-image-list .btn-view {
  width: 90px;
  padding: 3px 0;
  background: #2D519F;
  color: #fff;
  border-radius: 0 0 5px 5px;
  border: none;
  margin-top: 3px;
}

.maps-image-list-wrapper .maps-image-list .btn-view:hover {
  background: #3b9a35;
}

.inline-form {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
}

.inline-form>label {
  color: #777;
  font-size: .8667rem;
}

.inline-form input.form-control {
  width: 30% !important;
}

.company-box {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 40px;
  gap: 10px;
  cursor: pointer;
  padding: 3px;
  margin-top: 15px;
}

.company-box:hover {
  border-radius: 4px;
  font-weight: 600;
  background: #EFEFEF;
}

#provider-modal .company-box:hover {
  border: 1px solid #2D519F;
  border-radius: 4px;
  background: none;
}

#provider-modal .company-box.active-list {
  border: 1px solid #2D519F;
  border-radius: 4px;
  background: #EFEFEF;
}

#provider-modal .company-box.active-list .building-icon svg,
#provider-modal .company-box.active-list .company-text {
  color: #2D519F;
  font-weight: 700;
}

.company-box:hover .building-icon svg,
.company-box:hover .company-text {
  color: #000;
}

.building-icon svg {
  width: 25px;
  color: #BBB;
}

.building-icon img {
  width: 50px;
  height: 50px;
}

.company-box .company-text {
  color: #777;
  font-size: 14px;
}

.none-display {
  display: none;
}

.display {
  display: block;
}

.button-action-wrapper-new {
  display: inline-flex;
  gap: 2px;
}

.btn.btn-delete,
.btn.btn-edit,
.btn.btn-plus {
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn.btn-plus {
  border: 1px solid #2D519F;
}

.btn.btn-plus:hover {
  background: #2D519F;
}

.btn.btn-delete {
  border: 1px solid #eb0011;
}

.btn.btn-delete:hover {
  background: #eb0011;
}

.btn.btn-edit {
  border: 1px solid #5499E4;
}

.btn.btn-edit:hover {
  background: #5499E4;
}

.btn.btn-delete svg,
.btn.btn-edit svg,
.btn.btn-plus svg {
  width: 15px;
  height: 15px;
}

.btn.btn-delete svg {
  color: #eb0011;
}

.btn.btn-edit svg {
  color: #5499E4;
}

.btn.btn-plus svg {
  color: #2D519F;
}

.btn.btn-delete:hover svg,
.btn.btn-edit:hover svg,
.btn.btn-plus:hover svg {
  color: #fff;
}

table tr.collapse-table {
  display: none;
  overflow: hidden;
  transition: all .5s;
}

table tr.active-table {
  background: #f7f7f7;
  height: auto !important;
  overflow: hidden;
  transition: all .5s;
}

.label-group .label.flight-info-label {
  min-width: 150px;
}

#filter-search.dataTables_filter input {
  width: 100% !important;
  background: #ffffff;
}

.dataTables_length {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  width: 100%;
}

button.sort-button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 39px;
  width: 50px;
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #ccc;
  /* color: #2D519F; */
  font-weight: 700;
  background: transparent;
  position: relative;
  top: -2px;
}

button.sort-button:hover {
  border: none;
  color: #fff;
  background: #2D519F;
}

button.search-button,
button.clear-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  height: 39px;
  padding: 0 20px;
  border: none;
  border-radius: 5px;
  color: #fff;
  background: #2D519F;
  font-weight: 700;
}

button.clear-button {
  background: #eb0011 !important;
}

.sort-button svg,
.search-button svg,
.clear-button svg {
  width: 20px;
}

.wrapper-number-table {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px
}

span.arrow-table {
  display: flex;
  justify-content: center;
  align-items: center;
}

span.rotate-arrow {
  transform: rotate(90deg);
}

span.arrow-table svg {
  height: 20px;
  width: 20px;
}

.tags-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  width: 100%;
  padding: 5px 0;
}

.tags-wrapper .tags-item {
  padding: 3px 8px;
  border-radius: 5px;
}

.badge.badge-tagging {
  /* color: #2E86AB;
  background: transparent;
  border: 1px solid #2E86AB; */
  padding: 6px 15px;
}

.badge.badge-tagging:not(:first-child) {
  margin-left: 5px;
}

.badge.badge-tag {
  padding: 6px 15px;
  margin-top: 3px;
}

.clr-picker {
  z-index: 1100 !important;
}

.form-color {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.form-color .color-field {
  width: 85%;
  border: none !important;
}

.form-color span.color {
  width: 15%;
  height: 38px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.row-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}

.search-form-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 80%;
  padding: 10px 20px;
  border-radius: 5px;
  border: 1px solid #dddddd;
  gap: 10px;
  margin: 0 auto;
  margin-bottom: 10px;
}

.search-row-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.search-label-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
}

.search-label-wrapper .dropoff-location-label {
  position: absolute;
  left: 500px;
}

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

.pick-up-date-time-wrapper,
.drop-off-date-time-wrapper,
.pick-up-location-wrapper,
.drop-off-location-wrapper {
  position: relative;
  width: 50%;
}

.pick-up-location-wrapper>.form-control,
.drop-off-location-wrapper>.form-control {
  font-weight: 400;
}

.py-20 {
  padding: 20px 0;
}

.signage-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  min-height: 80px;
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 6px;
  background: #fff !important;
  color: #000;
  margin-top: -21px;
  margin-left: 6px;
  text-align: center;
  border: 0.5px solid #ddd;
}

.signage-image-preview {
  width: 150px;
  height: 80px;
  border-radius: 6px;
  margin-top: 5px;
}

.iframe-signage-image-preview {
  width: 150px;
  height: 80px;
  border-radius: 6px;
  margin-top: 5px;
  border: none;
}

#edit-signage {
  visibility: hidden;
}

.btn-edit-signage,
.btn-download-signage,
.btn-delete-signage {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
  left: 160px;
  top: 5px;
  width: 110px;
  height: 20px;
  background: #2D519F;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
  font-size: 12px;
  gap: 5px;
  padding: 5px;
}

.btn-download-signage {
  top: 30px;
  background: #5499e4;
  color: #fff;
}

.btn-delete-signage {
  top: 55px;
  background: #eb0011;
  color: #fff;
}

.btn-edit-signage svg,
.btn-download-signage svg,
.btn-delete-signage svg {
  color: #fff;
  width: 20px;
  height: 20px;
}

.close-btn {
  position: absolute;
  top: -10px;
  right: -10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding: 5px 5px;
  border: none;
}

.close-btn:hover {
  background: #cfcccc;
}

.close-btn svg {
  width: 20px;
  height: 20px;
  color: #4A4A4A;
}

/* .close-btn:hover svg {
  color: #fff;
} */

.w-full {
  width: 100% !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.test-account-label {
  display: flex;
  justify-content: center;
  padding: 10px 20px;
  background: #5499E4;
  color: #fff;
  position: absolute;
  left: 45%;
  width: 180px;
  font-weight: 700;
}

.d-none {
  display: none !important;
}

.admin-section-wrapper {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 25px;
}

.admin-section-wrapper .table-admin-notes td.label {
  width: 180px;
}

.admin-section-wrapper .table-admin-notes td.colon-label {
  width: 20px;
}

.ql-toolbar.ql-snow+.ql-container.ql-snow {
  min-height: 400px !important;
  border-radius: 0 0 4px 4px !important;
}

.ql-toolbar.ql-snow {
  border-radius: 4px 4px 0 0 !important;
}

.modal-preview-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 15px;
}

h4.title-preview {
  font-size: 22px;
  font-weight: 700;
  color: #2D519F;
}

.green-job {
  display: flex;
  /* justify-content: center; */
  align-items: center;
  padding: 5px 15px;
  /* background: #2D519F;
  color: #fff; */
  background: rgba(79, 184, 72, 0.2);
  color: #2b9a8e;
  font-weight: 700;
  border-radius: 5px;
  text-wrap: nowrap;
  gap: 5px;
}

.yellow-job {
  display: flex;
  /* justify-content: center; */
  align-items: center;
  padding: 5px 15px;
  /* background: #F5A623;
  color: #fff; */
  background: rgba(245, 166, 35, 0.2);
  color: #F5A623;
  font-weight: 700;
  border-radius: 5px;
  text-wrap: nowrap;
  gap: 5px;
}

.red-job {
  display: flex;
  /* justify-content: center; */
  align-items: center;
  padding: 5px 15px;
  /* background: #eb0011;
  color: #fff; */
  background: rgba(235, 0, 17, 0.2);
  color: #eb0011;
  font-weight: 700;
  border-radius: 5px;
  text-wrap: nowrap;
  gap: 5px;
}

.default-job {
  display: flex;
  /* justify-content: center; */
  align-items: center;
  padding: 5px 15px;
  font-weight: 700;
  border-radius: 5px;
  text-wrap: nowrap;
  gap: 5px;
}

.w-max-content {
  width: max-content !important;
}

.w-min-content {
  width: min-content !important;
}

th.single-line-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

svg.warning-icon {
  height: 70px;
  width: 70px;
  color: rgb(255, 193, 7);
}

.no-wrap {
  text-wrap: nowrap;
}

.btn-subscribe-provider {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #EEE;
  padding: 4px 6px;
}

.btn-subscribe-provider svg {
  color: #2D519F !important;
  width: 20px;
  height: 20px;
}

.subscribers-list-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  height: auto;
}

.subscribers-item {
  display: flex;
  gap: 5px;
  align-items: center;
  margin-top: 10px;
}

.subscribers-item svg {
  color: #2D519F !important;
  width: 20px;
  height: 20px;
}

.subscribers-item .subscribers-name {
  color: #888;
  font-size: .8667rem;
  font-weight: 700;
}

.btn.btn-default.btn-add {
  color: #2D519F;
}

/* Switch */
.custom-switch {
  width: 46px;
  height: 24px;
  background-color: #ddd;
  border-radius: 50px;
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  transition: background-color 0.3s ease;
}

.custom-switch::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
  transition: 0.3s ease;
}

.custom-switch:checked {
  background-color: #2D519F;
}

.custom-switch:checked::before {
  transform: translateX(22px);
}

.custom-switch.success:checked {
  background-color: #198754;
}

.custom-switch.danger:checked {
  background-color: #dc3545;
}

.custom-switch.warning:checked {
  background-color: #ffc107;
}

.text-sm {
  font-size: 11px;
}

.table--gd th {
  white-space: nowrap;
}

.tab-pane-title {
  font-weight: 900;
  font-size: 18px;
}

.tab-pane-section-container {
  display: flex;
  gap: 10px;
  align-items: center;
}

.tab-pane-section-container .tab-pane-number-section {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #00003C;
  color: #fff;
  font-weight: 900;
  font-size: 16px;
  width: 30px;
  height: 30px;
}

.tab-pane-title-section {
  font-weight: 900;
  font-size: 15px;
}

.form-field-container {
  width: 100%;
  height: auto;
  padding: 15px 10px;
  background: #f7f7f7;
  border-radius: 10px;
  border: 1px solid gainsboro;
  margin-top: 10px;
}

.bg-white {
  background: #ffffff;
}

#box-helper {
  border: 1px solid red !important;
}


.accordion .card-header {
  width: 100%;
}

.accordion .btn-accordion-header {
  width: 100%;
  height: 70px;
  font-weight: 900;
  font-size: 18px;
}

#collapsePrimaryDocuments.collapse {
  border: 1px solid #EFEFEF;
}

.accordion .card-body {
  display: flex;
  flex-direction: column;
  padding: 10px;
}

.document-list {
  width: 100%;
  padding: 20px 10px;
  border-bottom: 1px solid #EFEFEF;
}

.document-list:hover {
  background: #EFEFEF;
}

.document-list .document-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.document-list .document-header .document-title-box {
  display: flex;
  flex-direction: column;
}

.document-list .document-header .document-title-box span.document-title,
.document-list .document-header .document-score-box span {
  font-weight: 800;
  font-size: 15px;
}

.document-list .document-header .document-title-box span.document-info {
  font-weight: normal;
  font-size: 13px;
  font-style: italic;
}

.document-list .document-header .document-score-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.document-list .document-body {
  width: 100%;
  height: auto;
  margin-top: 20px;
}

.reservation-code-wrapper i {
  font-size: 10px;
}

.reservation-code {
  color: #2E86AB !important;
  font-weight: 700 !important;
}

.reservation-code:hover {
  text-decoration: underline !important;
}

.tooltip-wrapper {
  position: relative;
}

.tooltip-wrapper::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: -36px;
  left: 50%;
  transform: translate(-50%, -20%);
  background: #000;
  color: #fff;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 999;
}

.tooltip-wrapper::before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translate(-50%, -20%);
  border: 10px solid transparent;
  border-bottom-color: #000;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.tooltip-wrapper:hover::after,
.tooltip-wrapper:hover::before {
  opacity: 1;
}

.provider-list--info {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 6px;
  padding-top: 5px;
}

.provider-list--info .badge {
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 600;
  width: 250px;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
  line-height: 1.4;
}

.provider-list--info .badge span {
  display: inline;
  font-weight: 700;
}

.provider-list--info .provider-reject {
  background: #fee2e1;
  color: #991b1b;
}

.provider-list--info .provider-pending {
  background: #d8dceb;
  color: #3e5199;
}

.provider-list--info .provider-accept {
  background: #cbfbf1;
  color: #105e59;
}

.provider-list--info .provider-waiting {
  background: #f9fafc;
  color: #1f2837;
}

.reservation__info {
  padding: 10px;
  border-radius: 5px;
  font-size: 13px;
  background: #f5fcfd;
}

.reservation__info .row {
  margin-bottom: 4px;
}

.reservation__info .info-label {
  color: #666;
  font-weight: 400;
  margin-right: 4px;
  font-size: 14px;
}

.reservation__info .info-value {
  font-weight: 600;
  color: #333;
}

.modal-fixed .modal-content-body {
  max-height: calc(100vh - 180px);
  overflow-y: auto;
}

.modal-fixed .modal-content-body table thead th {
  position: sticky;
  top: 0;
  z-index: 1000;
}

.border-top {
  border-top: 1px solid #e8e8e8;
}

input#startTime-input.field-input,
input#endTime-input.field-input {
  padding-right: 0;
}

#startTime-wrapper .custom-button.round,
#endTime-wrapper .custom-button.round {
  position: absolute;
  right: 5px;
}

#endTime-wrapper .field-clear-button {
  display: none !important;
}

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

.hidden {
  display: none !important;
}

.font-bold {
  font-weight: 700 !important;
}