@font-face {
  font-family: 'source-sans-regular'; 
  src: url("../scss/fonts/SourceSansPro-Regular.ttf") format("opentype"); 
  font-display: block;
}

@font-face {
  font-family: 'source-sans-light'; 
  src: url("../scss/fonts/source-sans-pro.light.ttf") format("opentype"); 
  font-display: block;
}

@font-face {
  font-family: 'source-sans-italic'; 
  src: url("../scss/fonts/source-sans-pro.light-italic.ttf") format("opentype"); 
  font-display: block;
}

@font-face {
  font-family: 'source-sans-semi-bold'; 
  src: url("../scss/fonts/source-sans-pro.semibold.ttf") format("opentype"); 
  font-display: block;
}

body{
  font-family: 'source-sans-regular';
  color: #474443;
  background: #f4f7f6 !important;
}

.fz-10{font-size: 10px;}
.fz-12{font-size: 12px;}
.fz-14{font-size: 14px;}
.fz-16{font-size: 16px;}
.fz-18{font-size: 18px;}
.fz-20{font-size: 20px;}
.fz-22{font-size: 22px;}

.icon-home{ background-image: url('../img/icons/ver2/home.png') }
.icon-home-grey{ background-image: url('../img/icons/ver2/home-grey.png') }

.icon-search{ background-image: url('../img/icons/ver2/search.png') }
.icon-search-grey{ background-image: url('../img/icons/ver2/search-grey.png') }

.icon-ppob{ background-image: url('../img/icons/ver2/ppob.png') }
.icon-ppob-blue{ background-image: url('../img/icons/ver2/ppob.png') }
.icon-ppob-grey{ background-image: url('../img/icons/ver2/ppob-grey.png') }
.icon-ppob-info-blue{ background-image: url('../img/icons/ver2/ppob-info-blue.png') }
.icon-ppob-info-grey{ background-image: url('../img/icons/ver2/ppob-info-grey.png') }
.icon-ppob-product-blue{ background-image: url('../img/icons/ver2/ppob-product-blue.png') }
.icon-ppob-product-grey{ background-image: url('../img/icons/ver2/ppob-product-grey.png') }
.icon-ppob-provider-blue{ background-image: url('../img/icons/ver2/ppob-product-blue.png') }
.icon-ppob-provider-grey{ background-image: url('../img/icons/ver2/ppob-product-grey.png') }
.icon-ppob-maintenance-blue{ background-image: url('../img/icons/ver2/ppob-maintenance-blue.png') }
.icon-ppob-maintenance-grey{ background-image: url('../img/icons/ver2/ppob-maintenance-grey.png') }
.icon-ppob-setting-blue{ background-image: url('../img/icons/ver2/ppob-setting-blue.png') }
.icon-ppob-setting-grey{ background-image: url('../img/icons/ver2/ppob-setting-grey.png') }
.icon-ppob-zone-blue{ background-image: url('../img/icons/ver2/ppob-zona.png') }
.icon-ppob-zone-grey{ background-image: url('../img/icons/ver2/ppob-grey.png') }

.icon-pdam-blue{ background-image: url('../img/icons/ver2/pdam-blue.png') }
.icon-pdam-grey{ background-image: url('../img/icons/ver2/pdam-grey.png') }

.icon-deposit{ background-image: url('../img/icons/ver2/deposit.png') }
.icon-deposit-grey{ background-image: url('../img/icons/ver2/deposit-grey.png') }

.icon-status-ticket{ background-image: url('../img/icons/ver2/status-ticket.png') }
.icon-status-ticket-grey{ background-image: url('../img/icons/ver2/status-ticket-grey.png') }

.icon-report{ background-image: url('../img/icons/ver2/report.png') }
.icon-report-blue{ background-image: url('../img/icons/ver2/report-blue.png') }
.icon-report-grey{ background-image: url('../img/icons/ver2/report-grey.png') }

.icon-promo{ background-image: url('../img/icons/ver2/promo.png') }
.icon-promo-blue{ background-image: url('../img/icons/ver2/promo-blue.png') }
.icon-promo-grey{ background-image: url('../img/icons/ver2/promo-grey.png') }

.icon-market{ background-image: url('../img/icons/ver2/market.png') }
.icon-market-grey{ background-image: url('../img/icons/ver2/market-grey.png') }
.icon-market-blue{ background-image: url('../img/icons/ver2/market-blue.png') }
.icon-market-merk-blue{ background-image: url('../img/icons/ver2/market-merk-blue.png') }
.icon-market-merk-grey{ background-image: url('../img/icons/ver2/market-merk-grey.png') }
.icon-market-kategori-blue{ background-image: url('../img/icons/ver2/market-kategori-blue.png') }
.icon-market-kategori-grey{ background-image: url('../img/icons/ver2/market-kategori-grey.png') }
.icon-market-produk-blue{ background-image: url('../img/icons/ver2/market-produk-blue.png') }
.icon-market-produk-grey{ background-image: url('../img/icons/ver2/market-produk-grey.png') }

.icon-suggest{ background-image: url('../img/icons/ver2/suggest.png') }
.icon-suggest-grey{ background-image: url('../img/icons/ver2/suggest-grey.png') }

.icon-calendar-go{
  background-image: url('../img/icons/TGL-PERGI.png');
}
.icon-calendar-back{
  background-image: url('../img/icons/TGL-BALIK.png');
}
.icon-plane-takingoff{
  background-image: url('../img/icons/DARI.png');
}
.icon-plane-landing{
  background-image: url('../img/icons/KE.png');
}
.icon-agent{ background-image: url('../img/icons/ver2/agent.png') }
.icon-agent-blue{ background-image: url('../img/icons/ver2/agent-blue.png') }
.icon-agent-grey{ background-image: url('../img/icons/ver2/agent-grey.png') }

.icon-plane-blue{ background-image: url('../img/icons/ver2/plane-blue.png') }
.icon-plane-grey{ background-image: url('../img/icons/ver2/plane-grey.png') }

.icon-flight-blue{ background-image: url('../img/icons/ver2/flight-blue.png') }

.icon-cabin-blue{ background-image: url('../img/icons/ver2/cabin-blue.png') }

.icon-price-blue{ background-image: url('../img/icons/ver2/price-blue.png') }

.icon-transit-blue{ background-image: url('../img/icons/ver2/transit-blue.png') }

.icon-hotel{ background-image: url('../img/icons/ver2/hotel-blue.png') }
.icon-hotel-blue{ background-image: url('../img/icons/ver2/hotel-blue.png') }
.icon-hotel-grey{ background-image: url('../img/icons/ver2/hotel-grey.png') }

.icon-train{ background-image: url('../img/icons/ver2/train-blue.png') }
.icon-train-blue{ background-image: url('../img/icons/ver2/train-blue.png') }
.icon-train-grey{ background-image: url('../img/icons/ver2/train-grey.png') }

.icon-event-blue{ background-image: url('../img/icons/ver2/event-blue.png') }
.icon-event-grey{ background-image: url('../img/icons/ver2/event-grey.png') }

.icon-contact{ background-image: url('../img/icons/ver2/contact-blue.png') }
.icon-contact-grey{ background-image: url('../img/icons/ver2/contact-grey.png') }

.icon-email-blue{ background-image: url('../img/icons/ver2/email-blue.png') }
.icon-email-grey{ background-image: url('../img/icons/ver2/email-grey.png') }

.icon-topup-blue{ background-image: url('../img/icons/ver2/topup-blue.png') }
.icon-topup-grey{ background-image: url('../img/icons/ver2/topup-grey.png') }

.icon-va-blue{ background-image: url('../img/icons/ver2/va-blue.png') }
.icon-va-grey{ background-image: url('../img/icons/ver2/va-grey.png') }

.icon-bank-blue{ background-image: url('../img/icons/ver2/bank-blue.png') }
.icon-bank-grey{ background-image: url('../img/icons/ver2/bank-grey.png') }

.icon-statistic{ background-image: url('../img/icons/ver2/statistic.png') }

.icon-report2{ background-image: url('../img/icons/ver2/report2.png') }

.icon-log-error-blue{ background-image: url('../img/icons/ver2/log-error-blue.png') }
.icon-log-error-grey{ background-image: url('../img/icons/ver2/log-error-grey.png') }

.icon-vendor-blue{ background-image: url('../img/icons/ver2/vendor-blue.png') }
.icon-vendor-grey{ background-image: url('../img/icons/ver2/vendor-grey.png') }

.icon-setting{ background-image: url('../img/icons/ver2/setting.png') }
.icon-setting-blue{ background-image: url('../img/icons/ver2/setting-blue.png') }
.icon-setting-grey{ background-image: url('../img/icons/ver2/setting-grey.png') }

.icon-blog-blue{ background-image: url('../img/icons/ver2/blog-blue.png') }
.icon-blog-grey{ background-image: url('../img/icons/ver2/blog-grey.png') }

.icon-faq-blue{ background-image: url('../img/icons/ver2/faq-blue.png') }
.icon-faq-grey{ background-image: url('../img/icons/ver2/faq-grey.png') }

.icon-point{ background-image: url('../img/icons/ver2/point.png') }

.icon-slideshow-blue{ background-image: url('../img/icons/ver2/slideshow-blue.png') }
.icon-slideshow-grey{ background-image: url('../img/icons/ver2/slideshow-grey.png') }

.icon-media-blue{ background-image: url('../img/icons/ver2/media-blue.png') }
.icon-media-grey{ background-image: url('../img/icons/ver2/media-grey.png') }

.icon-page-blue{ background-image: url('../img/icons/ver2/page-blue.png') }
.icon-page-grey{ background-image: url('../img/icons/ver2/page-grey.png') }

.icon-info-blue{ background-image: url('../img/icons/ver2/info-blue.png') }
.icon-info-grey{ background-image: url('../img/icons/ver2/info-grey.png') }

.icon-web-setting{ background-image: url('../img/icons/ver2/web-setting.png') }

.icon-saldo-blue{ background-image: url('../img/icons/ver2/saldo-blue.png') }
.icon-saldo-grey{ background-image: url('../img/icons/ver2/saldo-grey.png') }

.icon-correction-blue{ background-image: url('../img/icons/ver2/correction-blue.png') }
.icon-correction-grey{ background-image: url('../img/icons/ver2/correction-grey.png') }

.icon-sync-blue{ background-image: url('../img/icons/ver2/sync-blue.png') }
.icon-sync-grey{ background-image: url('../img/icons/ver2/sync-grey.png') }

.icon-term-n-cond-blue{ background-image: url('../img/icons/ver2/term-n-cond-blue.png') }
.icon-term-n-cond-grey{ background-image: url('../img/icons/ver2/term-n-cond-grey.png') }

.icon-sticky-note-blue{ background-image: url('../img/icons/ver2/sticky-note-blue.png') }
.icon-sticky-note-grey{ background-image: url('../img/icons/ver2/sticky-note-grey.png') }

.icon-others-blue{ background-image: url('../img/icons/ver2/others-blue.png') }
.icon-others-grey{ background-image: url('../img/icons/ver2/others-grey.png') }

.icon-gen-info-blue{ background-image: url('../img/icons/ver2/gen-info-blue.png') }
.icon-gen-info-grey{ background-image: url('../img/icons/ver2/gen-info-grey.png') }

.icon-alert-blue{ background-image: url('../img/icons/ver2/alert-blue.png') }
.icon-alert-grey{ background-image: url('../img/icons/ver2/alert-grey.png') }

.icon-admin-blue{ background-image: url('../img/icons/ver2/admin-blue.png') }
.icon-admin-grey{ background-image: url('../img/icons/ver2/admin-grey.png') }

.icon-comission-blue{ background-image: url('../img/icons/ver2/comission-blue.png') }
.icon-comission-grey{ background-image: url('../img/icons/ver2/comission-grey.png') }

.icon-discount-blue{ background-image: url('../img/icons/ver2/discount-blue.png') }
.icon-discount-grey{ background-image: url('../img/icons/ver2/discount-grey.png') }

.icon-phone-credit{ background-image: url('../img/icons/ver2/phone-credit.png') }
.icon-phone-credit-grey{ background-image: url('../img/icons/ver2/phone-credit-grey.png') }

.icon-pln-prepaid{ background-image: url('../img/icons/ver2/pln-prepaid.png') }
.icon-pln-prepaid-grey{ background-image: url('../img/icons/ver2/pln-prepaid-grey.png') }

.icon-bpjs{ background-image: url('../img/icons/ver2/bpjs.png') }
.icon-bpjs-grey{ background-image: url('../img/icons/ver2/bpjs-grey.png') }

.icon-voucher-game{ background-image: url('../img/icons/ver2/voucher-game.png') }
.icon-voucher-game-grey{ background-image: url('../img/icons/ver2/voucher-game-grey.png') }

.icon-telkom-postpaid{ background-image: url('../img/icons/ver2/telkom-postpaid.png') }
.icon-telkom-postpaid-grey{ background-image: url('../img/icons/ver2/telkom-postpaid-grey.png') }


.icon-email{
  background-image: url('../img/icons/email.png');
}

.icons{ height: 64px; width: 64px; padding: 5px; display: inline-block; background-image: url('../img/sprites-feature.png'); background-repeat: no-repeat;}
.icons-service-circle{  background-position: 0px 0px;}
.icons-booking-circle{  background-position: -64px 0px;}
.icons-email-circle{  background-position: -134px 0px;}
.icons-trx-circle{  background-position: -200px 0px;}
.icons-login-circle{  background-position: -266px 0px;}
.icons-invoice-circle{  background-position: -336px 0px;}
.icons-cost-circle{  background-position: -400px 0px;}
.icons-airline-circle{  background-position: -469px 0px;}
.icons-refund-circle{  background-position: -535px 0px;}
.icons-promo-circle{  background-position: -602px 0px;}
.icons-payment-circle{  background-position: -669px 0px;}
.icons-contact-circle{  background-position: -737px 0px;}

.img-logo-airline{ height: 94px; width: 94px; padding: 5px; display: inline-block; background-image: url('../img/logo-maskapai.png'); background-repeat: no-repeat; } 
.logo-garuda{ background-position: -20px 10px; transform: rotateY(180deg); } 
.logo-lion{ background-position: -156px 8px; } 
.logo-nam{ background-position: -160px -76px; } 
.logo-citilink{ background-position: -423px 10px; } 
.logo-air-asia{ background-position: -284px 10px; } 
.logo-sriwijaya{ background-position: -560px 10px; } 
.logo-batik-air{ background-position: -684px 8px; width: 110px; } 
.logo-wings-air{ background-position: -20px -72px; } 
.logo-transnusa{ background-position: -418px -76px; width: 110px; } 
.logo-malindo{ background-position: -558px -76px;  } 
.logo-thailion{ background-position: -686px -76px; width: 110px;} 

.img-logo-bank{ height: 94px; width: 94px; padding: 5px; display: inline-block; background-image: url('../img/logo-bank.png'); background-repeat: no-repeat; } 
.logo-bca{ background-position: -19px 5px; } 
.logo-bni{ background-position: -155px 5px; }
.logo-mandiri{ background-position: -287px 5px; }
.logo-bri{ background-position: -425px 5px; }
.logo-visa{ background-position: -695px 5px; }
.logo-danamon{ background-position: -552px 5px; }
.logo-cimb{ background-position: -12px -78px; width: 110px; }
.logo-doku{ background-position: -156px -76px; }
.logo-mastercard{ background-position: -290px -76px; }
.logo-atm-bersama{ background-position: -424px -76px; } 
.logo-prima{ background-position: -558px -76px; } 
.logo-epay-bri{ background-position: -694px -78px;  }

.ui-datepicker { font-family: 'source-sans-regular'; height: auto; margin: 5px auto 0; padding: 25px;} 
.ui-datepicker-calendar thead tr th span{font-weight: normal;}
.ui-datepicker-calendar tbody tr td a,
.ui-datepicker-calendar tbody tr td span{text-align: center;}
.ui-datepicker-header {background: #FFF; color: #006ed0; line-height: 30px; border: 0; font-weight: normal; }   
.ui-datepicker-week-end span[title=Sunday],
.ui-datepicker-calendar tr td:first-child .ui-state-default{ color: #dc3545; } 
.ui-datepicker-today .ui-state-highlight, 
.ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight{color: #006ed0; background: #FFF; } 
.ui-datepicker-calendar .ui-state-active, 
.ui-datepicker-calendar .ui-state-default {  border: 0;background: #FFF; } 
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, 
.ui-button:active, 
.ui-button.ui-state-active:hover{ background: #f19031; border-radius: 5px; }

.slide-range .ui-widget-header{  background: #006ed0 !important;}
.slide-range  .ui-slider .ui-slider-handle{width: 1em !important; height: 1em !important;}
.slide-range  .ui-slider-horizontal{height:.5em !important;}
.slide-range .ui-slider-handle{ border-radius:50% 50% !important; background-color:#f19031 !important;}

.modal-backdrop{    background-color: rgb(143, 141, 141) !important; opacity: .3 !important;}


tr.align-middle td, tr.align-middle th{vertical-align: middle !important;}


.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: spinner-grow .75s linear infinite;
  animation: spinner-grow .75s linear infinite;
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: .25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border .75s linear infinite;
  animation: spinner-border .75s linear infinite;
}

.spinner-grow-sm {  width: 1rem;  height: 1rem;}
@keyframes spinner-grow {
  0% {    transform: scale(0);  }
  50% {    opacity: 1;  }
}
@keyframes spinner-border {  to { transform: rotate(360deg); }}

.contentloader{position: relative; min-height: 6rem;}
.contentloader .loader{position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2; background: #FFF; opacity: .6;}
.contentloader .loader .spinner-grow{  width: 1.5rem ;  height: 1.5rem;}
.contentloader .progress-bar.bg-grey{height: 100%; background-color: #b8bdc3;}
#formSearch .card-header{display:block !important;}
#formSearch .card-tools{position:static  !important; text-align: center; margin-top:1rem;}
#formSearch .form-control, #formSearch .input-group-text, 
.forminline form .form-control,.forminline form .input-group-text{height: calc(1.8125rem + 2px);padding: .25rem .5rem;font-size: .875rem;line-height: 1.5;}
#formSearch .form-group.col-sm-6.depart, #formSearch .form-group.col-sm-6.arrive{flex: 0 0 100% !important; max-width: 100%;}
.processing-loader, .progress-loader{position: fixed; top:0px; bottom: 0px; right: 0px; left: 0px; z-index: 2000; align-items : center;
  justify-content: center; display: flex;}
#formSearch  .passenger-elm{    width: 100% !important; flex: 0 0 100%; max-width: 100%;   }

.processing-loader:before, .progress-loader:before{position: fixed; top:0px; bottom: 0px; right: 0px; left: 0px; background-color: rgb(143, 141, 141) !important; opacity: .3 !important; display: block; width: 100%; height: 100%; content: ""; z-index: 50;}
.processing-loader .inner{z-index: 100; }
.processing-loader .loader{width: 7rem; height: 7rem; border-width: .5rem}
.progress-loader{z-index: 2000;}
.progress-loader .inner{z-index: 2001; max-width: 500px; width: 100%;}

.dropdown-notif-wrap{    border-radius: 0px 0px;  margin-top: 0;  border-top: 0px; width: 500px;     padding-bottom: 1rem;  }
.dropdown-notif-wrap .dropdown-item{white-space: normal;}

.fancybox-bg{opacity: 0.2 !important;}
@media (min-width: 992px) { 
  .forminline form{  display: flex;     flex-wrap: wrap;     margin-right: -15px;  margin-left: -15px; }
  .forminline form .elm-form{display: block; margin: 0; padding-left: 15px; padding-right:15px;}
  .forminline .advance .card{margin-top:0px !important; flex-direction: row !important;}
  .forminline .advance .card .card-title{padding-left:2rem !important; padding-right: 2rem !important;}
  .forminline .advance .card .card-body{padding-left: 15px !important; }
  .forminline .advance{align-self: flex-end!important;}
  .forminline .button{align-self: flex-end!important;}
  .forminline .button .btn{padding-left: 3rem !important; padding-right:3rem !important;}
}

@media (max-width: 767.98px) { 
  .dropdown-notif-wrap{      position: fixed; right: 15px;   left: auto; max-width: 90%;       top: 48px;   }
}