html{scroll-behavior: smooth;}

body{
  color: #383838;
    font-family: 'Roboto', sans-serif;
}

a {
    text-decoration: none;
    transition: all 0.2s ease 0s;
}
a:hover{
  text-decoration: none;
}

b{font-weight: 500;}

ul {padding-left: 0px;}
ul li {list-style: none;}


textarea { resize:none;width: 100%; }

/**/
.content-login{background-color: #f5aa34}
.content-login .container{  padding: 30px 0px;}
.content-login .title-primary{margin-bottom: 0px;}
.content-login .col-form-login{padding: 0px;}

.content-login .col-form-login .content{width: 750px;margin: 0px auto;}

.content-login .col-form-login .tab-content{padding: 15px;background-color: #fff;}
.content-login .col-form-login .nav-tabs{background-color: #004290; border-bottom: 1px solid #004290;}
.content-login .col-form-login .nav-tabs li a{color: #fff;padding: 13px 27px; font-size: 16px;}
.content-login .col-form-login .nav-tabs li.active a{color: #383838}

.content-login .col-form-login .nav-tabs > li > a{border-radius: 0px;margin-right: 0px;}
.content-login .col-form-login .nav-tabs > li > a:hover{border: 1px solid transparent; color: #383838}
.content-login .col-form-login .nav-tabs > li.active > a, 
.content-login .col-form-login .nav-tabs > li.active > a:hover, 
.content-login .col-form-login .nav-tabs > li.active > a:focus{border: 1px solid transparent}

.content-login .col-form-login table{width: 720px;}

.list-order .left ul li{width: 90%;background-color: #004290;}
.list-order .left .nav-pills > li + li{margin-left: 0px;}
.list-order .left .nav-pills > li > a{border-radius: 0px;color: #fff;padding: 15px;}
.list-order .left .nav-pills > li > a span{float: right;}
.list-order .left .nav-pills > li > a span i{font-size: 20px;}
.list-order .left .nav-pills > li > a:hover,
.list-order .left .nav-pills > li.active > a, 
.list-order .left .nav-pills > li.active > a:hover, 
.list-order .left .nav-pills > li.active > a:focus {background-color:#FE8825; }

.list-order .table-order{border: 1px solid #ccc; width: 100%;}
.list-order .table-order .table-title{background-color:#004290;color: #fff;}
.list-order .table-order .table-title td{padding: 15px;margin-bottom: 5px;}
.list-order .table-order tr td{padding: 15px;border-bottom: 1px solid #ccc; }
.list-order .table-order tr:last-child td{border-bottom: none;}
.list-order .table-order .btn{width: 100%; color: #fff; background-color:#188300;}
.list-order .table-order .btn.btn-print{background-color:#FE8825; }
.list-order .table-order .btn.btn-confrm{background-color:#188300; }

.detail-body{display: table;}
.detail-body table{margin-top: 20px;width: 100%;}
.detail-body table .title-block td{background-color: #efefef;padding: 15px;font-weight: 500;}
.detail-body table tr td{padding: 7px 15px;}

.alert-form{border-color: #188300;border-radius: 0;color: #fff;padding: 8px 15px;}
.alert-form.success {background-color: #188300}
.alert-form.error {background-color: #c20000}
/**/

.content-dwidaya {padding: 88px 0px 70px;}
.container {padding: 10px 0px; width: 970px;}

.content-primary .title {font-size: 18px; margin-bottom: 15px;}
.content-primary .title h1{margin: 0px;font-size: 26px;}
.content-primary .title h4{margin: 0px;font-size: 26px;}
.content-primary .title h5{margin-bottom: 0px;margin-top: 3px;font-weight:400;line-height: 1.42857;}
.content-primary .title.title-primary {text-align: center;}

.content-primary .container{padding: 25px 0px;}

.col-content {padding-top: 65px;padding-bottom: 40px;}
.col-nopadding {padding: 0px}

.alert {border: 1px solid transparent;border-radius: 0;margin-bottom: 15px; padding: 10px;font-size: 12px;}
.alert-error{color: #fff; background-color:#c20000;border-color: #c20000; }
.alert-success{color: #fff; background-color:#188300;border-color: #188300; }

.btn-primary{background-color:#FE8825;border-color: #FE8825; width: 100%;}
.btn-primary:hover {background-color:#f5aa34;border-color: #f5aa34; }

.btn-secondary{background-color:#0C4487;border-color: #0C4487;color: #fff;}
.btn-secondary:hover {background-color:#0154a4 !important;border-color: #0154a4 !important; color: #fff !important}

.btn-a{color: #337ab7;background-color: #fff}
.btn-a:hover{color: #ff8f31;}

.succes-text{color: #188300;}
.price-text{color: #c20000;}
.blue-text{color: #013580}

.banner-dwidaya{margin-bottom: 70px;}

.alert-error-dwidaya{background-color: #c20000; color: #fff;}
.alert-error-dwidaya-text{color: #c20000;margin-bottom: 10px;font-weight: 500;font-size: 15px;}
.error-form{border: 1px solid #c20000 !important}

.breadcrumb-dwidaya .breadcrumb {margin-top: 15px;padding: 8px 0;margin-bottom: 5px;background-color: #fff;}
.breadcrumb-dwidaya .breadcrumb > li + li::before {color: #555;padding: 0 5px;content:"\f105"; font-family: "FontAwesome";font-size: 14px;font-weight: 500;}
.breadcrumb-dwidaya .breadcrumb li:first-child{font-weight: 500;}
.breadcrumb-dwidaya .breadcrumb li a{color: #555}
.breadcrumb-dwidaya .breadcrumb > .active {color: #337ab7;}

/*-----------------------------------------------------------------------------
    Form Dwidayatour
-----------------------------------------------------------------------------*/
/*.col-select{margin-bottom: 10px;}*/

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 100%;}
.bootstrap-select .bs-caret {display: none;}
.btn-group.open .dropdown-toggle{box-shadow: none;}

.form-group .bootstrap-select button{padding-left: 30px;background-color: #fff !important;}
.form-group.passengerClass .bootstrap-select button{background: url('../images/icon/icon-inside-field.png') no-repeat top left; background-size:auto 630px; margin:0px auto;background-position: 0px 6px;}
.form-group.passenger1 .bootstrap-select button{background: url('../images/icon/icon-inside-field.png') no-repeat top left; background-size:auto 601px; margin:0px auto;background-position: 0px -320px;}
.form-group.passenger2 .bootstrap-select button{background: url('../images/icon/icon-inside-field.png') no-repeat top left; background-size:auto 600px; margin:0px auto;background-position: 0px -345px;}
.form-group.passenger3 .bootstrap-select button{background: url('../images/icon/icon-inside-field.png') no-repeat top left; background-size:auto 560px; margin:0px auto;background-position: 0px -343px;}
.form-group.room .bootstrap-select button{background: url('../images/icon/icon-inside-field.png') no-repeat top left; background-size:auto 601px; margin:0px auto;background-position: 0px -245px;}
.form-group.region .bootstrap-select button{background: url('../images/icon/icon-inside-field.png') no-repeat top left; background-size:auto 601px; margin:0px auto;background-position:0px -219px}
.form-group.country .bootstrap-select button{background: url('../images/icon/icon-inside-field.png') no-repeat top left; background-size:auto 601px; margin:0px auto;background-position: 0px -394px;}
.form-group.pin .bootstrap-select button{background: url('../images/icon/icon-inside-field.png') no-repeat top left; background-size:auto 601px; margin:0px auto;background-position: 0px -494px;}
.form-group.duration .bootstrap-select button{background: url('../images/icon/icon-inside-field.png') no-repeat top left; background-size:auto 630px; margin:0px auto;background-position: 0px -546px;}
.form-group.typeVisa .bootstrap-select button{background: url('../images/icon/icon-inside-field.png') no-repeat top left; background-size:auto 630px; margin:0px auto;background-position: 0px -47px;}
.form-group.passport .bootstrap-select button{background: url('../images/icon/icon-inside-field.png') no-repeat top left; background-size:auto 601px; margin:0px auto;background-position: 0px -545px;}
.form-group.pin_atr .bootstrap-select button{background: url('../images/icon/icon-inside-field.png') no-repeat top left; background-size:auto 601px; margin:0px auto;background-position: 0px -494px;}


.form-control {padding: 6px 12px 6px 15px;}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

label {font-weight: 500;}
.form-group {margin-bottom: 10px;}
.form-control{border-radius: 3px;}
.select_mate:focus, .form-control:focus {border-color: #FE8825 !important;box-shadow: none;}
.form-control.error{border-color:  #c20000;}



/*Autocomplete*/

.bs-example {
  font-family: sans-serif;
  position: relative;
  margin: 100px;
}
.typeahead, .tt-query, .tt-hint {
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  height: 34px;
  line-height: 17px;
  outline: medium none;
  padding: 6px 6px 6px 30px;
  width: 308px;
}
.include-image > img {height: 100%; width:100%;}
.include-movie > video {height: 100%; width:100%;}

.typeahead {
  background-color: #FFFFFF;
}
.typeahead:focus {
  border: 1px solid #ff8f31;
}
.tt-query {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.tt-hint {
  color: #999999;
}
.tt-menu {
  background-color: #FFFFFF;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-top: 2px;
  width: 100%;
}
.tt-suggestion {
  padding: 3px 15px;
}
.tt-suggestion:hover {
  cursor: pointer;
  background-color: #eee;
}
.tt-suggestion p {
  margin: 0;
}

/*INPUT NUMBER*/
.quantity {
  position: relative;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

input[type=number]
{
  -moz-appearance: textfield;
}

.quantity input {
  width: 65px;
  height: 42px;
  line-height: 1.65;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  padding-left: 20px;
  border: 1px solid #eee;
  border-radius: 3px;
}

.quantity input:focus {
  outline: 0;
}

.quantity-nav {
  float: left;
  position: relative;
  height: 42px;
}

.quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #eee;
  width: 20px;
  text-align: center;
  color: #333;
  font-size: 13px;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
  line-height: 1.7;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.quantity-button.quantity-up {
  position: absolute;
  height: 50%;
  top: 0;
  border-bottom: 1px solid #eee;
}

.quantity-button.quantity-down {
  position: absolute;
  bottom: -1px;
  height: 50%;
}

/*-----------------------------------------------------------------------------
    Header - Menu
-----------------------------------------------------------------------------*/
.nav-dwidaya .navbar {margin-bottom: 0px; border-radius: 0px;}
.nav-dwidaya .navbar-default {border-color: transparent;}

.nav-dwidaya .main-nav {background-color: #ffffff;padding:0px;border-bottom:2px solid #ff8f31;}
.nav-dwidaya .main-nav .container{padding: 0px;}

.product-dwidaya .menu-product-dwidaya{padding-left: 0px;display: table; margin: 0px;}
.product-dwidaya .menu-product-dwidaya li{float: left;padding: 22px 12px 19px;-webkit-transition: width 2s; /* Safari */ transition: width 2s;}
.product-dwidaya .menu-product-dwidaya li a{text-decoration: none;font-size: 16px;}
.product-dwidaya .menu-product-dwidaya li:hover a{color: #f58833;}

.logo-dwidaya{padding: 30px 0;}
.logo-dwidaya .logo-dwidayatravel {width: 160px;}
.product-dwidaya .menu-product-dwidaya li a{font-size: 16px;}
.product-dwidaya .menu-product-dwidaya li {padding: 33px 12px 31px;}

.dropdown-content {left: 0;top: 42px;}
.dropdown-content a {font-size: 12px !important;}
.icon-user{left: 10px;position: absolute;top: 7px;width: 30px;}

.any-answer{text-align: right;padding: 18px 15px 0 0;}
.any-answer small{font-size: 90%;}
.any-answer .important{font-weight: 500;font-size: 22px; color: #ff8f31}

.menu-login-dwidaya a{text-decoration: none;font-size: 16px;}

.flags-language {width: 15px;}

.menu-product-dwidaya .dropdown-menu-dwidaya {border-radius: 0px;box-shadow: none;margin: 1px 0px 0px;border: 1px solid #ECECEC;}

.scrollDown nav {transition: top 0.2s ease-in-out 0s;top: -6px;}
.scrollDown  .logo-dwidaya{padding: 18px 0 6px;}
.scrollDown  .logo-dwidaya .logo-dwidayatravel{width: 145px;}
.scrollDown  .product-dwidaya .menu-product-dwidaya li{padding: 19px 12px 12px;}
.scrollDown  .menu-login-dwidaya a{font-size: 14px;}
.scrollDown  .dropdown-content {left: 0;top: 54px;}
.scrollDown  .dropdown-content a {font-size: 12px !important;}
.scrollDown  .icon-user {left: 10px;position: absolute;top: 7px;width: 30px;}
.scrollDown  .any-answer{display: none;}

.scrollDown .step-checkout-dwidaya li {padding: 18px 12px 5px;}

.dropbtn {
    border: none;
    cursor: pointer;
}

.dropdown-nav-dwidaya {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    border: 1px solid #ff8f31;
    left: 0;
    top: 87px;
    border-top: 2px solid #ff8f31;
}

.dropdown-content a {
    color: black;
    padding: 7px 16px;
    text-decoration: none;
    display: block;
    font-size: 14px !important;
}

.dropdown-content a:last-child {border-bottom: none;}
.dropdown-content a:hover {background-color: #f58833; color: #fff !important;font-weight:normal !important;}

.dropdown-nav-dwidaya:hover .dropdown-content {display: block;}

    /*User*/
.menu-login-dwidaya .dropdown-content { left: -40px;}
.menu-login-dwidaya.register .dropdown-content {width: 250px;left: -135px;border-color:#337ab7;border-width:2px;padding: 15px;}
.menu-login-dwidaya.register .dropdown-content .form-group {margin-bottom: 5px;}
.menu-login-dwidaya.register .dropdown-content a.link-register {display: inline-table; padding: 0px;color: #337ab7;font-size: 12px;}
.menu-login-dwidaya.register .dropdown-content a:hover.link-register {background-color: #fff; color: #fe8825 !important}
.menu-login-dwidaya.register .medium-text {font-size: 12px; color:  #bcbcbc; padding-top: 5px;}

    /*Blog*/
.nav-dwidaya.nav-blog .main-nav {background-color: #013580;padding:0px;border-bottom:2px solid #013580;}
.nav-dwidaya.nav-blog .product-dwidaya .menu-product-dwidaya li {padding: 33px 25px 31px;}
.nav-dwidaya.nav-blog .product-dwidaya .menu-product-dwidaya li a{color: #fff;}
.nav-dwidaya.nav-blog .product-dwidaya .menu-product-dwidaya li a:hover{color: #ff8f31 }
.nav-dwidaya.nav-blog.scrollDown  .product-dwidaya .menu-product-dwidaya li{padding: 19px 25px 12px !important;}
.nav-dwidaya.nav-blog .logo-dwidaya {padding: 31px 0;}
.nav-dwidaya.nav-blog.scrollDown .logo-dwidaya {padding: 18px 0 6px;}
.nav-dwidaya.nav-blog .logo-dwidaya .logo-dwidayatravel {width: 193px;}
.nav-dwidaya.nav-blog.scrollDown .logo-dwidaya .logo-dwidayatravel {width: 175px;}
.nav-dwidaya.nav-blog .dropdown-content {border: 1px solid #013580;border-top: 2px solid #013580;}
.nav-dwidaya.nav-blog .dropdown-content a {color: #013580 !important;}
.nav-dwidaya.nav-blog .dropdown-content a:hover {color: #fff !important;background-color: #013580!important}



/*-----------------------------------------------------------------------------
    Slider
-----------------------------------------------------------------------------*/

/* Flickity Template*/
.carousel {
  background: #FAFAFA;
}

.carousel-cell {
  width: 100%;
  height: 344px;
  margin-right: 10px;
  background: #8C8;
  border-radius: 5px;
  counter-increment: carousel-cell;
}

/* cell number */
.carousel-cell:before {
  display: block;
  text-align: center;
  content: counter(carousel-cell);
  line-height: 200px;
  font-size: 80px;
  color: white;
}

.carousel-nav .carousel-cell {
  height: 80px;
  width: 100px;
}

.carousel-nav .carousel-cell:before {
  font-size: 50px;
  line-height: 80px;
}

.carousel-nav .carousel-cell.is-nav-selected {
  background: #ED2;
}

/* Dwidaya Slider Primary*/
.slider-gallery .flickity-page-dots {bottom: 70px;}
.slider-gallery.slider-primary .flickity-page-dots {bottom: 20px;}

.slider-gallery .flickity-page-dots .dot {
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    margin: 0 8px;
    opacity: 1;
    width: 15px;
}
.slider-gallery .flickity-page-dots .dot.is-selected {background:  #ff8f31;}

.slider-gallery .flickity-prev-next-button.previous {left: 177px;}
.slider-gallery .flickity-prev-next-button.next {right: 177px;}
.slider-gallery .flickity-prev-next-button.previous, .slider-gallery .flickity-prev-next-button.next {display: none;}
.slider-gallery:hover .flickity-prev-next-button.previous, .slider-gallery:hover .flickity-prev-next-button.next {display: block;}

.slider-gallery .flickity-prev-next-button {width: 71px;height: 71px;background: transparent;}
.slider-gallery .flickity-prev-next-button:hover {background: transparent;}
.slider-gallery .flickity-prev-next-button:disabled {opacity: 1;}
/* arrow color */
.slider-gallery .flickity-prev-next-button .arrow {fill: white;}
.slider-gallery .flickity-prev-next-button.no-svg {color: white;}


.gallery-cell{
  width: 100%;
  height: 400px;
}


/* Dwidaya Slider*/
.slider-dwidaya .flickity-page-dots {bottom: 15px;}
.slider-dwidaya .flickity-page-dots .dot {
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 12px;
    margin: 0 8px;
    opacity: 1;
    width: 12px;
}
.slider-dwidaya .flickity-page-dots .dot.is-selected {background:  #ff8f31;}

.dwidaya-cell{
  width: 100%;
  height: 232px;
}


/*-----------------------------------------------------------------------------
    Footer
-----------------------------------------------------------------------------*/
.alert-dwidaya{padding-top: 5px;}
.alert-dwidaya .success{color: #39b54a}
.alert-dwidaya .error{color: #f6191f}

.footer-dwidaya-top {background-color: #004290;font-size: 12px;}
.footer-dwidaya-top .container{padding: 20px 0px;}
.footer-dwidaya-top h4{color: #fff; margin-bottom: 5px;font-size: 14px;}
.footer-dwidaya-top .list-footer li a{color: #94C6FC;}
.footer-dwidaya-top .list-footer li a:hover {color: #fff !important;}
.no-tlf-dwidaya{color: #FE8825;font-size: 23px;font-weight: 600;margin-bottom: 0px;}

.subscribe-footer{background-color: #0154A4;padding: 20px 15px;margin: 5px 0px; }
.subscribe-footer .title{font-size: 14px;color: #FE8825;font-weight: 500;}
.subscribe-footer .sub-title{color: #94C6FC;margin-bottom: 10px;}
.subscribe-footer .form-group {margin-bottom: 0px;}
.subscribe-footer .form-control{border-radius: 0px;}
.subscribe-footer .form-control:focus {border-color: #FE8825;box-shadow: none;}
.subscribe-footer .btn-primary {border-radius: 0 5px 5px 0;}

.footer-dwidaya a{text-decoration: none;}
.footer-dwidaya .list-footer li {float: left !important;}

.footer-bottom {margin-top: 15px;padding: 0px}
.footer-bottom .left {padding: 0px;}
.footer-bottom .left p {margin: 0px; font-size: 11px;}
.footer-bottom .left .list-footer {padding-left: 0px;}
.footer-bottom .left .list-footer a li {color: #fff; font-size: 12px;}
.footer-bottom .left .list-footer li {margin:0px 5px 12px 0px; font-weight: 700; padding: 5px 10px;font-size: 16px;border-radius: 20px; }
.footer-bottom .right {text-align: right;}
.footer-bottom .right h4 {font-size: 13px;margin-top: 0px;margin-bottom: 5px;}

.sosmed {text-decoration: none;transition: all 0.5s ease 0s;}
.facebook-icon {background-color:#4862A3;}
.twitter-icon {background-color:#1B95E0;}
.youtube-icon {background-color:#E12B28;}
.linkedin-icon {background-color:#0177B5;}
.pinterest-icon {background-color:#CD2129;}
.gplus-icon {background-color:#D85332;}
.instagram-icon {background-color: #D422AE;color:#fff;}


.list-filght-visa .item{text-align: center;}
.list-filght-visa a .item{color: #383838}


/*-----------------------------------------------------------------------------
    SEO
-----------------------------------------------------------------------------*/

.seo-dwidaya{background-color: #013580; }
.seo-dwidaya .container{padding: 25px 0px;}
.seo-dwidaya h4{color: #fff;font-size:16px;margin-top: 0px; }
.seo-dwidaya .list-footer {font-size: 12px;}
.seo-dwidaya .list-footer li a{color: #94C6FC;}
.seo-dwidaya .list-footer li a:hover {color: #fff !important;}


/*-----------------------------------------------------------------------------
        Download App Footer
-----------------------------------------------------------------------------*/

.download-app{background-color: #efefef;}
.download-app .container{padding: 25px 0px 0px;}
.download-app .icon-download img{padding: 15px 10px 15px 0;width: 160px;}
.download-app .btn-primary {border-radius: 0 5px 5px 0;}


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

.modal-header{border-bottom: none;}
.modal-footer{border-top: none;}
.modal-title {font-size: 21px;}


/*Modal Login*/
.modal-dialog .modal-content {border-radius: 4px;box-shadow: none;border: none;}

.modal-dialog-login {margin: 100px auto 30px;}
.modal-dialog-login .modal-content{background-color: #efefef;}
.modal-dialog-login .modal-content .tab-content{background-color: #fff;display: table; width: 100%;}
.modal-dialog-login .modal-content .tab-content {padding: 15px;}
.modal-dialog-login .modal-content .tab-content h3 {margin:0px 0px 10px;}
.modal-dialog-login .modal-content .tab-content p {margin: 0px;}
.modal-dialog-login .modal-content .tab-content table{width: 80%;}
.modal-dialog-login .modal-content .tab-content tr td:first-child{text-align: right;padding-right: 10px;}
.modal-dialog-login .modal-content .tab-content .btn{margin-top: 10px;}


.modal-dialog-login .modal-content .nav-tabs {border-bottom: none;}
.modal-dialog-login .modal-content .nav-tabs > li > a{border-radius: 0px;color: #9c9c9c; font-weight: 500;padding: 15px;}
.modal-dialog-login .modal-content .nav-tabs > li > a:hover {border-color:transparent;}
.modal-dialog-login .modal-content .nav-tabs > li.active > a,
.modal-dialog-login .modal-content .nav-tabs > li.active > a:hover,
.modal-dialog-login .modal-content .nav-tabs > li.active > a:focus
    {border-color: transparent;color: #383838;}

.two-text input[type=checkbox] + label:before { font-size: 16px;}
.two-text label{font-size: 12px;font-weight: 400;}
.two-text .right{ text-align: right; }
.two-text .btn{padding: 0px;margin-top: 0px !important;}

.login-success {text-align: center;padding: 20px 0px;}
.login-success img {width: 150px;margin-bottom: 15px;}
.login-success h4{font-size: 18px;}
.login-success.forgot-password h4{font-size: 25px;}

.col-backTO-login {padding: 18px 23px 0;}

/*Modal Login*/
.modal-dialog-alert {margin: 125px auto 30px;}
.modal-dialog-alert h4{font-size: 24px;margin-bottom: 5px;}
.modal-dialog-alert .content{display: table;width: 100%;text-align: center;}
.modal-dialog-alert .content img{width: 180px;margin-top: 15px;margin-bottom: 10px;}
.modal-dialog-alert .progress {height: 10px;margin-bottom: 25px;margin-top: 25px;}
.modal-dialog-alert .btn-primary{width: 190px;margin-top: 10px;padding: 12px;}
.modal-dialog-alert .case-flught-price {border: 1px solid #013580; color: #013580; font-size: 85%; padding: 10px; margin: 5px 0px 0px;}
.modal-dialog-alert .panel-body{background-color: #013580; color: #fff;padding: 10px; font-size: 85%;}
.modal-dialog-alert .passanger-data {background-color: #efefef; padding: 12px;margin-top: 10px;}
.modal-dialog-alert .passanger-data .fa-circle{font-size: 8px;margin: 0px 5px;}
.modal-dialog-alert .passanger-data h3{font-size: 16px;margin-top: 0px;}
.modal-dialog-alert .passanger-data ul{margin-bottom: 20px;}
.modal-dialog-alert .passanger-data ul:last-child{margin-bottom: 0px;}

/* --------------------------------------------------------------------------
   Check Box and Radio Button
   --------------------------------------------------------------------------*/

/*** custom checkboxes ***/
input[type=checkbox] { display:none; } /* to hide the checkbox itself */
input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}

input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
input[type=checkbox] + label:before { letter-spacing: 6px; } /* space between checkbox and label */

input[type=checkbox]:checked + label:before { content: "\f14a"; } /* checked icon */
input[type=checkbox]:checked + label:before { letter-spacing: 5px; color: #337ab7;} /* allow space for check mark */


/*** custom radio button ***/
input[type=radio].with-font {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

input[type=radio].with-font ~ label:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f1db";
    letter-spacing: 10px;
    font-size: 1.2em;
    width: 1.4em;
}

input[type=radio].with-font:checked ~ label:before {
    content: "\f00c";
    font-size: 1.2em;
    letter-spacing: 5px;
}

/* --------------------------------------------------------------------------
    Partner Kami
   --------------------------------------------------------------------------*/
.list-flight-partner{padding: 0px;}
.list-flight-partner .col-xs-7{float: left;width: 14.2857%}


/* --------------------------------------------------------------------------
    Overlay
   --------------------------------------------------------------------------*/
.list-destination .col-xs-4{padding:0px 7px 15px;}
.list-destination .item{
  background-color: #337ab7;
  padding: 0px;
}

.image {
  display: block;
  width: 100%;
  height: 300px;
}

.title-overlay{
 position: absolute;
  bottom: 15px;
  left: 15px;
  right: 0;
  color: #fff;
  line-height: 1.3;
}

.title-overlay .headline{font-size: 23px;}
.title-overlay .headline span{font-size: 18px;}

.item:hover .title-overlay {display:none;}

.overlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background: rgba(25, 25, 25, .5);
  /*
  background-color: black;
  opacity: .5;
  */
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;

}

.item:hover .overlay {
  bottom: 0;
  height: 100%;
}

.content-overlay {  white-space: nowrap;   color: white;  opacity: 1;  font-size: 20px;  position: absolute;  overflow: hidden;  top: 50%;  left: 50%;  width: 100%;  transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%);}


.content-overlay .title{text-align: center;font-size: 27px;margin-bottom: 20px;}
.content-overlay a {color: #fff}
.content-overlay a:hover .two-text{background-color:#ff8f31; }
.content-overlay a:hover .two-text .price{color:#fff}
.content-overlay .two-text{font-size: 14px;padding: 10px 15px;border: 1px solid #fff; border-radius: 4px;margin: 10px 15px;display: block;height: 41px;}
.content-overlay .two-text .price{color: #ecc529;font-weight: 500;}

.list-destination.tour .content-overlay{text-align: center;}
.list-destination.tour .title{font-size: 27px;margin-bottom: 2px;padding: 0px 10px;}
.list-destination.tour .sub-title{font-size: 14px;margin-bottom: 20px;}
.list-destination.tour .sub-title span{color: #ffd71f;}
.list-destination.tour .btn-primary {width: 120px;padding: 10px 12px}

/* --------------------------------------------------------------------------
    Point Value
   --------------------------------------------------------------------------*/
.point-value .item{text-align: center;margin-bottom: 20px;}
.point-value .item .title{margin-bottom: 5px; font-weight: 500;}
.point-value .item img{width: 100px;margin-bottom: 5px;}


/* --------------------------------------------------------------------------
    Form Search
   --------------------------------------------------------------------------*/
.form-search-dwidaya .container{border:2px solid #013580;background-color: #fff;position: relative;margin: -47px auto 70px;padding: 0px;}
.form-search-dwidaya .nav-tabs{background-color:  #013580;border-bottom: 1px solid  #013580}
.form-search-dwidaya .nav-tabs > li > a {
    border: 1px solid transparent;
    border-radius: 0;
    line-height: 1.42857;
    margin-right: 0px;
    color: #94C6FC;
    font-size: 16px;
    font-weight: 500;
}
.form-search-dwidaya .nav-tabs > li > a:hover {background-color: #ff8f31;color: #fff;}
.form-search-dwidaya .nav-tabs > li.active > a, .form-search-dwidaya .nav-tabs > li.active > a:focus {background-color: #ff8f31;color: #fff;border-color: transparent;}
.form-search-dwidaya .nav-tabs > li.active > a:hover {background-color: #f5aa34;border-color: transparent;}

.col-content{padding: 0px 15px 20px;}

/*
.input-form-dwidaya .form-control {padding: 6px 6px 6px 29px;background-color: #fff;}
*/

.input-form-dwidaya .col-input{padding: 0px 5px;}
.input-form-dwidaya .col-input:first-child{padding-left: 0px;}
.input-form-dwidaya .col-input:last-child{padding-right: 0px;}

.input-form-dwidaya .col-input .col-date:first-child .form-control{border-right: none;}
.input-form-dwidaya .col-input .col-date:first-child .form-control:focus{border-right: 1px solid #fe8825 !important}


.input-form-dwidaya label{width: 100%;color:#013580; }
.input-form-dwidaya .btn-primary{font-size: 17px;font-weight: 500;margin-top: 25px;padding: 3px 0;}

.col-flight .item:first-child, .col-flight .item:last-child{width: 45.7%}
.col-flight .item .flightFrom {border-radius: 3px 0px 0px 3px;}
.col-flight .item .flightTo {border-radius: 0px 3px 3px 0px;}
.col-flight .col-icon{border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-top: 25px;height: 34px;}

.col-passenger .item{padding:0px 5px;}
.col-passenger .item:first-child{padding-left: 0px;}
.col-passenger .item:last-child{padding-right: 0px;}

.col-passenger .item:first-child label span{left: 0px;}
.col-passenger .item label span{font-size: 10px; color: #9c9c9c; position: absolute; width: 60px; left: 7px; top: 60px;}

.col-date input{padding: 6px 12px 6px 30px;}
.col-date .left{border-radius: 3px 0px 0px 3px;}
.col-date .right{border-radius: 0px 3px 3px 0px;}


/** TICKET **/

.flight-radio ul li{float: left;margin-right: 20px;}

.ticket-form ul li label{font-weight: normal;}
.ticket-form input.with-font[type="radio"] ~ label::before {width: 1.2em;}
.ticket-form input[type=radio].with-font ~ label:before {content: "\f10c";}
.ticket-form input[type=radio].with-font:checked ~ label:before {content: "\f192";}

.col-select label {}
.col-select label:after {
    content:"\f078";
    font-family: "FontAwesome";
    font-size: 11px;
    color:#aaa;
    right:10px; top:34px;
    padding:0 0 1px;
    position:absolute;
    pointer-events:none;
    z-index: 5;
}


.input-hotel{width: 296px;}



/* --------------------------------------------------------------------------
   Carrer
   --------------------------------------------------------------------------*/
.career-dwidaya{background-color:#efefef;}
.career-dwidaya h3{color: #0c4487;margin-top: 0px; margin-bottom: 20px;font-size: 26px;}
.career-dwidaya h4{font-size: 17px;font-weight: 500;}
.career-dwidaya h5{margin-top: 0px; font-weight: 600;}

.career-dwidaya .panel-group .panel + .panel {margin-top: 0px;}
.career-dwidaya .panel-body {background-color: #efefef;}
.career-dwidaya .fancy-collapse-panel .panel-heading a {border-bottom: none;border-top: 1px solid #ddd;background-color: #efefef;}

.career-form .btn{margin-top: 10px;}
.career-form input[type="file"] {display: block;height: auto;}

/* --------------------------------------------------------------------------
   List
   --------------------------------------------------------------------------*/
.list-circle li{padding-left: 15px;}
.list-circle li:before {
  content: "\f111"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
 font-size: 6px;
    margin-left: -17px;
    position: relative;
    top: -1px;
    width: 17px;
}


/* --------------------------------------------------------------------------
   Alert Page
   --------------------------------------------------------------------------*/
.page-alert .content-dwidaya{padding: 0px;}
.page-alert .container{padding: 0px;}
.page-alert .iconAlert{height: 315px;margin-bottom: 20px;}
.page-alert .logo{width: 150px;margin: 30px 0px 100px;}
.page-alert .content-alert {margin-bottom: 20px; color: #fff;}
.page-alert .content-alert h1{margin: 0px 0px 10px;font-size: 30px;}
.page-alert .content-alert span{color: #f58634;font-weight: 500;}
.page-alert .btn{padding: 6px 35px;margin-bottom: 30px;}
.page-alert .content-primary {text-align: center;}
.page-alert {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bg-404{
    background: -webkit-radial-gradient(circle, #f5aa34, #f58634) no-repeat center center fixed; /* For Safari 5.1 to 6.0 */
    background: -o-radial-gradient(circle, #f5aa34, #f58634) no-repeat center center fixed; /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(circle, #f5aa34, #f58634) no-repeat center center fixed; /* For Fx 3.6 to 15 */
    background: radial-gradient(circle, #f5aa34, #f58634) no-repeat center center fixed;  /* Standard syntax (must be last) */
}

.bg-maintanance{
    background: -webkit-radial-gradient(circle, #0154a4, #004290, #013580) no-repeat center center fixed; /* For Safari 5.1 to 6.0 */
    background: -o-radial-gradient(circle, #0154a4, #004290, #013580) no-repeat center center fixed; /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(circle, #0154a4, #004290, #013580) no-repeat center center fixed; /* For Fx 3.6 to 15 */
    background: radial-gradient(circle, #0154a4, #004290, #013580) no-repeat center center fixed;  /* Standard syntax (must be last) */
}

/* --------------------------------------------------------------------------
   Banner Cover
   --------------------------------------------------------------------------*/

.bgCover-dwidaya{
    background: no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;
}

/* --------------------------------------------------------------------------
   Page
   --------------------------------------------------------------------------*/
/*Contact Us*/
.banner-contact{text-align: center;color: #fff;}
.banner-contact .title{margin-bottom: 0px;}
.banner-contact .title h4{font-size: 20px;}
.banner-contact .col-input{margin: 0px auto;position: relative;width: 628px;}
.banner-contact .col-input .form-control{font-size: 16px; height: 40px;font-weight: 500;background-color: #fff;}
.banner-contact .col-select label::after {font-size: 15px;}
.banner-contact .container{height: 420px;margin: 0px auto;padding: 159px 0 0;}

.title-contact{text-align: center;margin-top: 70px;}
.list-contact{margin-top: 40px;}
.list-contact b{font-size: 16px;}
.list-contact .item{margin-bottom: 20px;}


/*About Us*/
.about-dwidaya .btn{margin-top: 20px; width: 300px; padding: 10px 12px;}

/* --------------------------------------------------------------------------
   Promo Page
   --------------------------------------------------------------------------*/

.filter-promo {background-color: #efefef;margin: 50px 0px 15px; padding: 15px 20px;}
.filter-promo ul li{float: left;margin-right: 30px;}
.filter-promo ul li a{color: #383838}
.filter-promo ul li a:hover{color: #ff8f31}
.filter-promo ul li span{font-weight: 600;}

.list-promo .item{padding: 0px 5px 10px;}
.list-promo .item .content-promo{ height:401px; border:1px solid #ccc;text-align: center;padding: 0px 0px 10px;}
.list-promo .item .content-promo h3{font-size: 18px;}
.list-promo .item .content-promo .text-promo{margin-bottom: 10px;height: 40px;}
.list-promo .item .content-promo .priode{margin-bottom: 10px; font-weight: 600;}

.pagination-primary {text-align: center;}
.pagination > li > a{color: #383838}
.pagination > li > a, .pagination > li > span{padding: 6px 15px;}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #fff;
    border-color: #ddd;
    color: #ff8f31;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #fff;
    border-color: #ddd;
    color: #ff8f31;
}

/*Detail Promo*/
.col-terms-promo .item{text-align: center;margin-top: 30px;}
.col-terms-promo .item h3{margin-top: 0px;margin-bottom: 5px;font-size: 18px;}
.col-terms-promo .item .kode-promo {margin: 0px auto; width: 300px; background-color:#94c6fc;padding: 10px 15px;border: 1px dashed #013580;}
.col-terms-promo .item .kode-promo h3{font-size: 27px;}

/* --------------------------------------------------------------------------
   Collapse
   --------------------------------------------------------------------------*/

/* FANCY COLLAPSE PANEL STYLES */
.panel-default{
  border:transparent;
  box-shadow:none;
}

.fancy-collapse-panel .panel-default > .panel-heading {
padding: 0;

}
.fancy-collapse-panel .panel-heading a {
padding: 12px 42px 12px 15px;
background-color: #fff;
display: inline-block;
width: 100%;
position: relative;
text-decoration: none;
border-bottom: 1px solid #ddd;
}

.fancy-collapse-panel .panel-heading a:after {
font-family: "FontAwesome";
content: "\f077";
position: absolute;
right: 20px;
font-size: 20px;
font-weight: 400;
top: 50%;
line-height: 1;
margin-top: -10px;
color: #0c4487;
font-size: 16px;
}

.fancy-collapse-panel .panel-heading a.collapsed:after {
content: "\f078";
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: transparent;
}

.panel-body {
  background-color: #ddd;
}

/* --------------------------------------------------------------------------
   Term content
   --------------------------------------------------------------------------*/

.term-content h5{font-size: 18px;}
.term-content h6{font-size: 15px;}
.term-content .col-content p:last-child{margin-bottom: 0px;}


/* --------------------------------------------------------------------------
   Blog
   --------------------------------------------------------------------------*/
.content-blog .left {padding: 0px 60px 0px 0px;}
.content-blog .right {padding: 0px;}
.pagination :before, .col-article:last-of-type {padding: 0px; border-bottom: 0px solid #ccc !important; margin-bottom: 30px;}

.list-article .col-article{padding: 0px; border-bottom: 1px solid #ccc; margin-bottom: 30px;}
.list-article .col-article .item{margin-bottom: 20px;padding: 0px;}
.list-article .col-article .item h2{margin-top: 0px;}
.list-article .col-article .item .sub-title{padding-bottom: 15px !important;}
.list-article .col-article .item .sub-title ul li{float: left;margin-right: 15px;color: #9c9c9c;}
.list-article .col-article .item.read-more{text-align: right;color: #337ab7}


.list-headline .col-hedline{padding: 0px;margin-bottom: 45px;}
.list-headline .col-hedline .title-headline h2{margin-top: 0px;margin-bottom: 20px;}
.list-headline .col-hedline .col-list .item {padding: 0px;border-bottom: 1px solid #ccc;margin-bottom: 15px;}
.list-headline .col-hedline .col-list .item a h3{margin-top: 0px; font-size: 18px;margin-bottom: 5px;line-height: 1.42857;color: #383838}
.list-headline .col-hedline .col-list .item a:hover h3{color: #337ab7;}
.list-headline .col-hedline .col-list .item img{margin-bottom: 10px;}
.list-headline .col-hedline .item .sub-title {padding: 0px 0px 15px 0px}
.list-headline .col-hedline .col-list .item .sub-title ul li{float: left;margin-right: 15px;color: #9c9c9c;}


/* --------------------------------------------------------------------------
   Result Dwidaya
   --------------------------------------------------------------------------*/
.content-result .container{padding: 30px 0px 0px;}
.progressbar-dwidaya {background-color: #efefef;}
.progressbar-dwidaya span{text-transform: uppercase;font-weight: 500;}
.progressbar-dwidaya .progress {margin-bottom: 0px;height: 8px;box-shadow: none;margin-top: 5px;background-color: #ccc;}

/*head*/
.result-head{background-color: #013580;color: #fff;}
.result-head {padding: 15px 0px;}
.result-head .title h1{margin-top: 0px;margin-bottom: 5px;}
.result-head .title .fa-circle {font-size: 5px;position: relative;margin: 0px 5px;}
.result-head .title .fa-exchange {margin: 0px 5px;}
.result-head .change{text-align: right; color:#f5aa34;}
.result-head .fancy-collapse-panel .panel-heading a {background-color: #013580;border-bottom:none;color: #f5aa34;padding: 12px 25px 12px 15px;}
.result-head .fancy-collapse-panel .panel-heading a::after {color: #f5aa34;margin-top: -8px; right: 1px;}
.result-head .panel-body{padding: 0px;background-color: #013580; color: #383838;}
.result-head .panel-body label{color: #fff;}
.result-head .panel-body h3{display: none;}
.result-head .panel-body .col-content{padding: 0px;margin-top: 15px;}
.result-head .panel-body .col-content .row-content{padding: 0px;}

/*select Return*/
.select-return{background-color: #0088b2;}
.title-select-return{color: #fff;}
.col-select-return .left{padding: 0px;height: 120px;}
.col-select-return .right{background-color: #efefef;text-align: center;height: 120px;padding: 7px 15px}
.col-select-return .right .final-price{font-size: 20px;}
.col-select-return .right .btn{margin-top: 5px;margin-bottom: 2px;}
.col-select-return .right.repeat{padding: 20px 15px;color: #013580}
.col-select-return .right .fa-repeat {font-size: 12px;}
.col-select-return .right .repeat-link{font-size: 13px;}
.col-select-return .col-item {background-color: #fff;padding: 0px;border-right: 1px solid #ccc}
.col-select-return .col-item .block-select{text-align: center;}
.col-select-return .col-item .title{background-color:#013580; color: #fff; padding: 7px 15px;}
.col-select-return .col-item .item{padding: 13px 15px; font-size: 13px;}
.col-select-return .col-item .item .detail-airline{padding: 0px 0px 5px;}
.col-select-return .col-item .item .detail-duration{font-size: 85%;}
.col-select-return .col-item .item .detail-duration .time{font-weight: 500;}
.col-select-return .col-item .item .detail-duration .col-center{position: absolute;left: 44px;top: 10px; color: #ccc; }
.col-select-return .col-item .item .detail-duration .col-important{font-size: 13px;}
.col-select-return .col-item .item .detail-price{text-align: right;position: relative; bottom: -23px;}
.col-select-return .col-item .item .detail-price .starting-price{font-size: 90%;position: absolute;right: 0px;}
.col-select-return .col-item .item .detail-price .final-price{font-size: 17px;line-height: 20px; font-weight: 500;position: relative;bottom: -15px;}

/*Tiket*/
.result-head .panel-body .typeahead, .result-head .panel-body .tt-query, .result-head .panel-body .tt-hint {width: 320px;}
.result-head .panel-body .col-flight .item:first-child, .result-head .panel-body .col-flight .item:last-child {width: 45.8%;}
.result-head .panel-body .col-icon{background-color: #fff;width:8.4%}
.result-head .panel-body .icon-inside-field.flight {background-position: 0 -44px;}

.flight-list .col-flight-list:first-child{padding-right: 10px;}
.flight-list .col-flight-list:last-child{padding-left: 10px;}

.flight-list .col-flight-list .title {background-color: #013580; color: #fff;padding: 10px 15px;}
.flight-list .col-flight-list .title h4{margin-top: 0px; margin-bottom: 5px;}
.flight-list .col-flight-list .title .sub-title{font-size: 11px;}

.flight-list .col-flight-list .short-filter{border: 1px solid #ccc;padding: 10px 0px;}
.flight-list .col-flight-list .short-filter .short-by{padding-left: 5px;}
.flight-list .col-flight-list .short-filter .short-by .item{text-align: center;padding: 5px 9px;float: left;}
.flight-list .col-flight-list .short-filter .short-by .item:first-child{text-align: left;}
.icon-sort{color: #ccc;padding-left: 1px;}
.flight-list .col-flight-list .short-filter .filter-by{text-align: center;}
.flight-list .col-flight-list .short-filter .filter-by .panel-group {margin-bottom: 0px;}
.flight-list .col-flight-list .short-filter .filter-by .fancy-collapse-panel .panel-heading a {border-bottom: none;padding: 0px;background-color:#0088B2; border: 1px solid #0088B2;border-radius: 3px;color: #fff;padding: 5px;font-size: 14px; text-transform: uppercase;}
.flight-list .col-flight-list .short-filter .filter-by .fancy-collapse-panel .panel-heading a.collapsed::after {content:none;}
.flight-list .col-flight-list .short-filter .filter-by .fancy-collapse-panel .panel-heading a::after {content: none;}
.flight-list .col-flight-list .panel-body{background-color: #efefef; border: 1px solid #ccc; border-top: none;}

/*one way*/
.flight-list .col-flight-list.oneWay .short-filter .short-by .item {padding: 5px 70px;}
.flight-list .col-flight-list.oneWay .result-list .col-list .col-result .left{width: 78%;}
.flight-list .col-flight-list.oneWay .result-list .col-list .col-result .right{width: 22%;padding: 26px 10px 0;}
.flight-list .col-flight-list.oneWay .result-list .col-list .col-result .final-price {font-size: 21px;}
.flight-list .col-flight-list.oneWay .result-list .col-list .col-result .img-airline {width: 110px;}
.flight-list .col-flight-list.oneWay .result-list .col-list .col-result .left .col-important {font-size: 21px;padding-top: 10px;}
.flight-list .col-flight-list.oneWay .result-list .col-list .col-result .left h5{margin-top: 19px;}
/*
.flight-list .col-flight-list.oneWay .result-list .col-list .col-result .left .list-improvm{width: 120px; margin: 0px auto}
*/

.flight-list .col-flight-list.oneWay .result-list .col-list .col-result .improvm{text-align: left;}
.flight-list .col-flight-list.oneWay .result-list .col-list .col-result .flight-duration .col-center {font-size: 21px;right: 145px;top: 10px;}
.flight-list .col-flight-list.oneWay .result-list .col-list .col-result .last-child .panel-title {font-size: 14px;}
.flight-list .col-flight-list.oneWay .result-list .col-list .col-result .last-child .fancy-collapse-panel .panel-heading a {padding:0px 20px 11px 4px;}
.flight-list .col-flight-list.oneWay .result-list .col-list .col-result .last-child .fancy-collapse-panel .panel-heading a::after {right: 18px;top: 33%;}

.flight-list .col-flight-list.oneWay .detail-dest{font-size: 18px; font-weight: 500;padding-bottom: 22px;}
.flight-list .col-flight-list.oneWay .detail-dest div:last-child{text-align: right;}
.flight-list .col-flight-list.oneWay .detail-dest-img{text-align: center;margin-bottom: 22px;}
.flight-list .col-flight-list.oneWay .detail-dest-img div:first-child .img-responsive{max-width: 106% !important;}
.flight-list .col-flight-list.oneWay .time-dest .col-right{text-align: right;}

.filter-list .item{padding: 0px;}
.filter-list .item:last-child{border-top: 1px solid #ccc;margin-top: 5px; padding-top: 15px;}
.filter-list .item:last-child .left{padding: 6px 0px;}
.filter-list .item:last-child .right{padding-right: 0px;}
.filter-list .item:last-child .right a{width: 100%;}
.filter-list .item h4{margin-top: 0px; margin-bottom: 7px;font-size: 14px;}
.filter-list .item label{font-weight: normal;font-size: 13px;}
.filter-list .item input[type=checkbox]:checked + label:before { letter-spacing: 5px; color: #ff8f31;} /* allow space for check mark */

.result-list {border-right: 1px solid #ccc;border-left: 1px solid #ccc;margin-top: 5px;}
.result-list .col-list{border-top: 1px solid #ccc; padding: 0px;}
.result-list .col-list:last-child{border-bottom: 1px solid #ccc;}
.result-list .col-list .col-result{padding: 0px; text-align: center;}
.result-list .col-list .col-result small {font-size: 85%;}
.result-list .col-list .col-result .final-price{font-size: 16px;font-weight: 500;padding-bottom: 5px;}
.result-list .col-list .col-result .starting-price{line-height: 14px;}
.result-list .col-list .col-result .btn {width: 120px;}
.result-list .col-list .col-result .img-airline{width: 78px;}
.result-list .col-list .col-result .flight-duration .col-center{position: absolute; top :3px; color: #ccc;right: 92px;font-size: 16px;}
.result-list .col-list .col-result .left{width: 65%;border-right: 1px solid #ccc;padding: 10px 0px;}
.result-list .col-list .col-result .left .last-child{padding: 10px 0px 0px;}
.result-list .col-list .col-result .left .col-important{font-size: 16px;font-weight: 600;padding-top: 4px;}
.result-list .col-list .col-result .right{width: 35%;padding: 21px 10px 0px;}

.col-list .tooltip-note-dwidaya > .toooltip-content::before, .col-list .tooltip-note-dwidaya > .toooltip-content::after {left: 89%;}
.col-list .tooltip-note-dwidaya > .toooltip-content {font-size: 11px;left: -135px;min-width: 163px;}

/*detail link*/
.result-list .col-list .col-result .last-child .panel-group{margin-bottom: 0px;}
.result-list .col-list .col-result .last-child .panel-title{font-size: 85%;font-weight: normal;}
.result-list .col-list .col-result .last-child .panel-title a{border-bottom: 0px;color: #0c4487;}
.result-list .col-list .col-result .last-child .fancy-collapse-panel .panel-heading a:after {right: 7px;top: 39%;font-size: 18px; font-weight: normal;content: "\f106";}
.result-list .col-list .col-result .last-child .fancy-collapse-panel .panel-heading a.collapsed:after {content: "\f107";}
.result-list .col-list .col-result .last-child .fancy-collapse-panel .panel-heading a {padding: 5px 42px 12px 15px;}
/*detail body*/
.result-list .col-list .detail{padding: 0px;}
.result-list .col-list .detail .panel-body{border: none;padding: 0px;}
.result-list .col-list .detail .panel-body .detail-list{border-top: 1px solid #ccc;padding: 10px 15px;}
.result-list .col-list .detail .detail-title{font-size: 85%;padding: 0px;color: #013580;margin-bottom: 10px;}
.result-list .col-list .detail .transit-detail {font-size: 85%;padding: 5px;color: #383838;background-color: #ccc;text-align: center;}
.result-list .col-list .detail .detail-title .fa-circle {font-size: 6px;margin: 0px 5px;}
.result-list .col-list .detail .detail-content .left .item:first-child{text-align: right;}
.result-list .col-list .detail .detail-content .left .item .time-dept div:first-child, .result-list .col-list .detail .detail-content .left .item .time-arrv div:first-child{font-size: 16px;font-weight: 500;}
.result-list .col-list .detail .detail-content .left .item .time-dept, .result-list .col-list .detail .detail-content .left .item .time-arrv {font-size: 85%;}
.result-list .col-list .detail .detail-content .left .item .time-arrv{margin-top: 52px;}
.result-list .col-list .detail .detail-content .left .icon{padding: 5px 0px 0px 0px;text-align: center;}
.result-list .col-list .detail .detail-content .left .item:last-child{font-size: 16px; font-weight: 500;color: #9c9c9c;font-size: 85%;}
.result-list .col-list .detail .detail-content .left .item:last-child div:first-child{margin-bottom: 26px;color: #383838; font-size: 16px;}
.result-list .col-list .detail .detail-content .left .item:last-child div:last-child{margin-top: 26px;color: #383838; font-size: 16px;}
.result-list .col-list .detail .detail-content .right {text-align: center;font-size: 85%;}
.result-list .col-list .detail .detail-content .right .name-img{margin-top: 5px;}
.result-list .col-list .detail .detail-content .right .class-flight {border: 1px solid #ccc;border-radius: 3px;margin: 5px auto 10px;width: 85px;}
.result-list .col-list .detail .detail-content .right .improvm{width: 80px; margin: 0px auto;}

.starting-price{text-decoration: line-through;color: #9c9c9c}
.final-price{color: #cd0000;}
.final-price span{font-size: 80%;}

/*
TOOLTIP
sumber : http://cssdeck.com/labs/pure-css-arrow-with-border-tooltip/
*/
.tooltip-note-dwidaya {
    position:relative;
    cursor: pointer;
    display: inline-block;
    text-transform: initial;
    font-weight: 300;
}

.tooltip-note-dwidaya > .toooltip-content {
    text-align: center;
    line-height: 150%;
    color: black;
    background: #FFF6C0;
    border: 1px solid #dfd9b5;
    border-radius: 3px;
    position: absolute;
    min-width: 100px;
    left: -42px;
    padding: 10px;
    top: 150%;
    visibility:hidden;
    opacity:0;
    z-index: 2;
    font-size: 11px;
    -webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -ms-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}

.tooltip-note-dwidaya > .toooltip-content:before, .tooltip-note-dwidaya > .toooltip-content:after {
    content: "";
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: 100%;
    left: 50%;
    margin-left: -10px;
}

.tooltip-note-dwidaya > .toooltip-content:before {
    border-bottom: 9px solid #dfd9b5;
    margin-bottom: 0;
}

.tooltip-note-dwidaya > .toooltip-content:after{
    border-bottom: 10px solid #FFF6C0;
    margin-bottom: -2px;
    z-index: 1;
}

.tooltip-note-dwidaya:hover > .toooltip-content {
    visibility: visible;
    opacity: 1;
}

/*Hotel*/
.result-head.hotel .panel-body .typeahead, .result-head.hotel .panel-body .tt-query, .result-head.hotel .panel-body .tt-hint {width: 305px !important}
.result-head.hotel .icon-inside-field.pin {background-color: #fff;}

.hotel-list .result-list {margin-top: 0px;}
.hotel-list .result-list .col-list .col-result .left{width: 72%;height: 135px;padding: 0px;text-align: left;}
.hotel-list .result-list .col-list .col-result .right{width: 28%;}
.hotel-list .result-list .col-list .col-result .right {padding: 17px 10px 0;}
.hotel-list .result-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 135px;
    overflow: hidden;
    width: 100%;
  }
.hotel-list .hotel-name{font-size: 18px; color: #ff8f31;margin-top: 10px;}

.hotel-rate .fa-star{color: #f5aa34;margin-bottom: 0px;}
.hotel-price-rate label{font-weight: normal;}

.hotel-filter input[type="checkbox"]:checked + label::before {color: #ff8f31;}
.hotel-filter ul{margin-bottom: 0px;}

.hotel-filter .selecionado_opcion {padding: 6px 0 6px 10px;}
.hotel-filter .item {margin-bottom: 30px;}

.pagination-right{text-align: right;}
.modal-body .result-map{height: 300px; background-color: #d0d0d0;margin-bottom: 15px;}

/*TCP*/
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {right: 205px;}

.col-result-tcp .tcp-filter{background-color:#efefef; margin-bottom: 10px;}
.col-result-tcp .filter-list li{float: left;margin-right: 15px;padding:10px 0px;}
.col-result-tcp .filter-list li:first-child{font-weight: 500;}
.col-result-tcp .col-filter-by {background-color: #ccc;padding:0px;text-align: center;font-weight: 500;height: auto;}
.col-result-tcp .col-filter-by .btn{background-color: #ccc;padding: 9px 12px;}
.col-result-tcp .col-filter-by .bootstrap-select > .dropdown-toggle.bs-placeholder,
.col-result-tcp .col-filter-by .bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.col-result-tcp .col-filter-by .bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.col-result-tcp .col-filter-by .bootstrap-select > .dropdown-toggle.bs-placeholder:active {color: transparent;}
.col-result-tcp .col-filter-by .dropdown-menu {right: 0;left: -144px;}
.col-result-tcp .col-filter-by .bootstrap-select.btn-group .dropdown-menu li a.opt {padding-left: 3.25em;}
.col-result-tcp .col-filter-by .btn-default {color: transparent;}
.col-result-tcp .col-filter-by .btn-default:active:hover,
.col-result-tcp .col-filter-by .btn-default.active:hover,
.col-result-tcp .col-filter-by .open > .dropdown-toggle.btn-default:hover,
.col-result-tcp .col-filter-by .btn-default:active:focus,
.col-result-tcp .col-filter-by .btn-default.active:focus,
.col-result-tcp .col-filter-by .open > .dropdown-toggle.btn-default:focus,
.col-result-tcp .col-filter-by .btn-default.focus:active,
.col-result-tcp .col-filter-by .btn-default.active.focus,
.col-result-tcp .col-filter-by .open > .dropdown-toggle.btn-default.focus {color: transparent;}
.col-result-tcp .col-filter-by .btn{background: url('../images/icon/filter.png') no-repeat center center;background-size: auto 14px;position: relative;}

.result-tcp{padding: 0px 10px;}
.result-tcp .col-tcp{padding: 5px;}
.result-tcp .col-tcp .content-tcp {border: 1px solid #ccc;}
.result-tcp .col-tcp .content-tcp .img-tcp{padding: 0px;}
.result-tcp .col-tcp .content-tcp .img-tcp img{width: }
.img-tcp .result-img{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 149px;
    overflow: hidden;
    width: 100%;
}
.result-tcp .title-tcp {padding: 10px; height: 80px;}
.result-tcp .title-tcp .place{margin-top: 5px;}
.result-tcp .title-tcp h3{margin-top: 0px;font-size: 17px;margin-bottom: 0px;}
.result-tcp .title-tcp h3 span{font-weight: 300;}
.result-tcp .price-tcp {padding: 0px 10px 10px 10px;}
.result-tcp .price-tcp .final-price{font-size: 18px;font-weight: 500;}

.result-tcp .submit-tcp{padding: 0px 10px 10px 10px;}
.result-tcp .overlay {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background: rgba(25, 25, 25, 1);
  overflow: hidden;
  width: 100%;
  height:0;
  transition: .5s ease;
}
.result-tcp .content-overlay .title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px;
    text-align: center;
}
.result-tcp .chedule-list .item a{border: 1px solid #fff;border-radius: 20px;padding: 4px 0px;}
.result-tcp .chedule-list .item a:hover{background-color: #0088b2;border: 1px solid #0088b2;}
.result-tcp .chedule-list .item {font-size: 12px;text-align: center;padding: 3px;}
/* --------------------------------------------------------------------------
   Detail
   --------------------------------------------------------------------------*/

/*TCP*/
.head-tcp .container{padding: 0px;}
.head-tcp h1{font-size: 24px;margin-top: 0px;margin-bottom: 5px;}
.head-tcp .left{background-color: #004290;color: #fff}
.head-tcp .left ul li{float: left; padding: 5px 20px 5px 0;margin-bottom: 10px;font-size: 12px; color: #f5aa34}
.head-tcp .left .item:first-child{padding: 20px 15px;height: 255px;}
.head-tcp .left .item:first-child b a{color: #fff;}
.head-tcp .left .item:first-child b a:hover{color: #f5aa34}
.head-tcp .left .item:last-child{background-color: #013580;padding:15px;}
.head-tcp .left .item:last-child h3{margin-top: 0px; margin-bottom: 0px;font-size: 18px;}

.head-tcp .left .item:last-child .btn{padding: 9px 12px;font-weight: 500; }
.head-tcp .hotel-rate{margin-bottom: 5px;}

.text-orange{color: #f5aa34}

.head-tcp .rigth .tcp-cell{background-position: center center;background-repeat: no-repeat;background-size: cover;height: 325px;overflow: hidden;width: 100%;}
.head-tcp .rigth .flickity-page-dots {bottom: 35px;}
.head-tcp .rigth .flickity-prev-next-button {background: transparent;height: 50px;width: 50px;display: none;}
.head-tcp .rigth:hover .flickity-prev-next-button {display: block;}
.head-tcp .rigth .flickity-prev-next-button .arrow {fill: #fff;}
.flickity-page-dots .dot {background: #fff;opacity:1;}
.flickity-page-dots .dot.is-selected {background:#f5aa34;}

.detail-tcp .container{margin-top: 25px;}
.detail-tcp .menu-detai-tcp{text-transform: uppercase;}
.detail-tcp .nav-tabs {background-color:#efefef;border-bottom: none; }
.detail-tcp .nav-tabs > li > a{color: #383838;padding: 20px;}
.detail-tcp .nav-tabs > li > a:hover {border-color: #efefef #efefef transparent;color: #013580}
.detail-tcp .nav-tabs > li.active > a,
.detail-tcp .nav-tabs > li.active > a:hover,
.detail-tcp .nav-tabs > li.active > a:focus {border-color: #efefef #efefef transparent;}
.detail-tcp .col-detail-tcp{border: 1px solid #efefef;padding: 0px;}


.detail-tcp .tab-content{padding: 20px 15px}
.detail-tcp .tab-content h3{margin-top: 0px;font-size: 16px;color: #013580}
.detail-tcp .tab-content .item{margin-bottom: 20px;}

.detail-tcp .tab-content .itinerary-tcp .item .date{border-top: 2px solid #f5aa34; border-bottom: 2px solid #f5aa34; width: 50px;text-align: center;padding-top: 5px;}
.detail-tcp .tab-content .itinerary-tcp .item .date div:first-child{text-transform: uppercase;}
.detail-tcp .tab-content .itinerary-tcp .item .date div:last-child{font-size: 25px;font-weight: 500;}













.detail-tcp .tab-content .tnc-tcp {margin-bottom: 20px;}
.detail-tcp .tab-content .tnc-tcp  h3{text-transform: uppercase;}



.detail-tcp .tab-content .order-tcp h3{color: #383838; font-size: 21px;}
.detail-tcp .tab-content .order-tcp .hotel-tcp{border: 1px solid #efefef;padding: 15px 0px}
.detail-tcp .tab-content .order-tcp .hotel-tcp .btn{padding: 8px 30px;}
.detail-tcp .tab-content .order-tcp .hotel-name{font-size: 16px;}

.detail-tcp .tab-content .order-tcp .room-tcp .room-select {padding: 0px;}
.detail-tcp .tab-content .order-tcp .room-tcp .room-select .item{border: 1px solid #efefef;padding: 15px;margin-bottom: 10px;}
.detail-tcp .tab-content .order-tcp .room-tcp .room-select .item h4{margin-top: 0px;}
.detail-tcp .tab-content .order-tcp .room-tcp .room-select .item span {float: right;color: #9c9c9c}
.detail-tcp .tab-content .order-tcp .room-tcp .room-select .item  label{margin-top: 10px; font-weight: normal;}
.detail-tcp .tab-content .order-tcp .room-tcp .room-select .item .passg{padding: 0px;}
.detail-tcp .tab-content .order-tcp .room-tcp .room-select .item .passg label{float: left;margin-right: 7px;}
.detail-tcp .tab-content .order-tcp .room-tcp .room-select .item .passg .bootstrap-select.form-control:not([class*="col-"]) {width: 50%;}
.detail-tcp .tab-content .order-tcp .room-tcp .room-select .item .passg label:after {right: 26px;top: 9px;}
.detail-tcp .tab-content .order-tcp .room-tcp .room-select .item .passg .child:after{right: 44px !important;}
.detail-tcp .tab-content .order-tcp .room-tcp .room-select .btn-add a{width: 100%;border:1px solid #013580; border-radius: 3px; text-align: center;padding: 10px;}

.detail-tcp .tab-content .order-tcp .room-tcp .room-select .col-select label::after {content: none;}
.detail-tcp .tab-content .order-tcp .room-tcp .right{padding-left: 0px;}
.detail-tcp .tab-content .order-tcp .room-tcp .detail-price-room{background-color: #efefef;padding: 15px;}
.detail-tcp .tab-content .order-tcp .room-tcp .detail-price-room h4{margin-bottom: 15px;font-size: 18px; color: #013580;margin-top: 0px;text-transform: uppercase;}
.detail-tcp .tab-content .order-tcp .room-tcp .detail-price-room .list-detail .list{border-bottom: 1px solid #e5e5e5;margin-bottom: 7px;padding-bottom: 7px;}
.detail-tcp .tab-content .order-tcp .room-tcp .detail-price-room .list-detail .list div:last-child{text-align: right;}
.detail-tcp .tab-content .order-tcp .room-tcp .detail-price-room .list-detail .list-total{margin-bottom: 20px;}
.detail-tcp .tab-content .order-tcp .room-tcp .detail-price-room .list-detail .list-total .final-price{font-size: 16px;font-weight: 500;}
.detail-tcp .tab-content .order-tcp .room-tcp .detail-price-room .list-detail .list-total div:last-child{text-align: right;}

.select-table{height: 250px; overflow-y: auto;}
.select-table .table span{position: relative;top: 7px;}

.paging_invisible, .filter_invisible {
    display: none;
}


/* --------------------------------------------------------------------------
   Detail
   --------------------------------------------------------------------------*/

/*TCP*/
.head-tcp .container{padding: 0px;}
.head-tcp h1{font-size: 24px;margin-top: 0px;margin-bottom: 5px;}
.head-tcp .left{background-color: #004290;color: #fff}
.head-tcp .left ul li{float: left; padding: 5px 20px 5px 0;margin-bottom: 10px;font-size: 16px; color: #f5aa34}
.head-tcp .left .item:first-child{padding: 20px 15px;height: 255px;}
.head-tcp .left .item:first-child b a{color: #fff;}
.head-tcp .left .item:first-child b a:hover{color: #f5aa34}
.head-tcp .left .item:last-child{background-color: #013580;padding:15px;}
.head-tcp .left .item:last-child h3{margin-top: 0px; margin-bottom: 0px;font-size: 18px;}
.head-tcp .left .item:last-child .btn{padding: 9px 12px;font-weight: 500; }
.head-tcp .hotel-rate{margin-bottom: 5px;}

.text-orange{color: #f5aa34}

.head-tcp .rigth .tcp-cell{background-position: center center;background-repeat: no-repeat;background-size: cover;height: 325px;overflow: hidden;width: 100%;}
.head-tcp .rigth .flickity-page-dots {bottom: 35px;}
.head-tcp .rigth .flickity-prev-next-button {background: transparent;height: 50px;width: 50px;display: none;}
.head-tcp .rigth:hover .flickity-prev-next-button {display: block;}
.head-tcp .rigth .flickity-prev-next-button .arrow {fill: #fff;}
.flickity-page-dots .dot {background: #fff;opacity:1;}
.flickity-page-dots .dot.is-selected {background:#f5aa34;}

.detail-tcp .container{margin-top: 25px;}
.detail-tcp .menu-detai-tcp{text-transform: uppercase;}
.detail-tcp .nav-tabs {background-color:#efefef;border-bottom: none; }
.detail-tcp .nav-tabs > li > a{color: #383838;padding: 20px;}
.detail-tcp .nav-tabs > li > a:hover {border-color: #efefef #efefef transparent;color: #013580}
.detail-tcp .nav-tabs > li.active > a,
.detail-tcp .nav-tabs > li.active > a:hover,
.detail-tcp .nav-tabs > li.active > a:focus {border-color: #efefef #efefef transparent;}
.detail-tcp .col-detail-tcp{border: 1px solid #efefef;padding: 0px;}

.detail-tcp .tab-content{padding: 20px 15px}
.detail-tcp .tab-content h3{margin-top: 0px;font-size: 16px;color: #013580}
.detail-tcp .tab-content .item{margin-bottom: 20px;}

.detail-tcp .tab-content .itinerary-tcp .item .date{border-top: 2px solid #f5aa34; border-bottom: 2px solid #f5aa34; width: 50px;text-align: center;padding-top: 5px;}
.detail-tcp .tab-content .itinerary-tcp .item .date div:first-child{text-transform: uppercase;}
.detail-tcp .tab-content .itinerary-tcp .item .date div:last-child{font-size: 25px;font-weight: 500;}

.detail-tcp .tab-content .tnc-tcp {margin-bottom: 20px;}
.detail-tcp .tab-content .tnc-tcp  h3{text-transform: uppercase;}

.detail-tcp .tab-content .order-tcp h3{color: #383838; font-size: 21px;}
.detail-tcp .tab-content .order-tcp .hotel-tcp{border: 1px solid #efefef;padding: 15px 0px}
.detail-tcp .tab-content .order-tcp .hotel-tcp .btn{padding: 8px 30px;}
.detail-tcp .tab-content .order-tcp .hotel-name{font-size: 16px;}

.detail-tcp .tab-content .order-tcp .room-tcp .room-select {padding: 0px;}
.detail-tcp .tab-content .order-tcp .room-tcp .room-select .item{border: 1px solid #efefef;padding: 15px;margin-bottom: 10px;}
.detail-tcp .tab-content .order-tcp .room-tcp .room-select .item h4{margin-top: 0px;}
.detail-tcp .tab-content .order-tcp .room-tcp .room-select .item  label{margin-top: 5px; font-weight: normal;}
.detail-tcp .tab-content .order-tcp .room-tcp .room-select .item .passg{padding: 0px;}
.detail-tcp .tab-content .order-tcp .room-tcp .room-select .item .passg label{float: left;margin-right: 7px;}
.detail-tcp .tab-content .order-tcp .room-tcp .room-select .item .passg .bootstrap-select.form-control:not([class*="col-"]) {width: 50%;}
.detail-tcp .tab-content .order-tcp .room-tcp .room-select .item .passg label:after {right: 26px;top: 9px;}
.detail-tcp .tab-content .order-tcp .room-tcp .room-select .item .passg .child:after{right: 44px !important;}
.detail-tcp .tab-content .order-tcp .room-tcp .room-select .btn-add a{width: 100%;border:1px solid #013580; border-radius: 3px; text-align: center;padding: 10px;}

.detail-tcp .tab-content .order-tcp .room-tcp .right{padding-left: 0px;}
.detail-tcp .tab-content .order-tcp .room-tcp .detail-price-room{background-color: #efefef;padding: 15px;}
.detail-tcp .tab-content .order-tcp .room-tcp .detail-price-room h4{margin-bottom: 15px;font-size: 18px; color: #013580;margin-top: 0px;text-transform: uppercase;}
.detail-tcp .tab-content .order-tcp .room-tcp .detail-price-room .list-detail .list{border-bottom: 1px solid #e5e5e5;margin-bottom: 7px;padding-bottom: 7px;}
.detail-tcp .tab-content .order-tcp .room-tcp .detail-price-room .list-detail .list div:last-child{text-align: right;}
.detail-tcp .tab-content .order-tcp .room-tcp .detail-price-room .list-detail .list-total{margin-bottom: 20px;}
.detail-tcp .tab-content .order-tcp .room-tcp .detail-price-room .list-detail .list-total .final-price{font-size: 16px;font-weight: 500;}
.detail-tcp .tab-content .order-tcp .room-tcp .detail-price-room .list-detail .list-total div:last-child{text-align: right;}

.select-table{height: 250px; overflow-y: auto;}
.select-table .table span{position: relative;top: 7px;}

/* Hotel */
.list-Facility{padding: 0px 15px 15px 30px;}

.content-detail-doct .location {padding-bottom: 10px;}
.content-detail-doct .location h3{font-size: 18px; margin-top: 0px;}
.content-detail-doct .location .place{font-weight: 500;}
.content-detail-doct .location .distance{color: #f5aa34; text-align: right;}
.content-detail-doct .location .popular-place{margin-bottom: 15px;}

.content-detail-doct .location .right{padding: 0px 15px 10px 35px;}
.content-detail-doct .location .right .map-hotel{background-color: #d0d0d0; margin-top: 10px; height: 222px;}

.detail-document .select-hotel-room{border: 1px solid #ccc; padding: 0px;}
.select-hotel-room .item{padding: 10px 30px;}
.select-hotel-room .info-room{background-color:#efefef; }
.select-hotel-room .change-date .btn-primary{background-color:#0088b2; margin-top: 25px; border-color: #0088b2; }
.select-hotel-room .change-date .col-btn{padding-right: 0px;}
.select-hotel-room .list-room .room {border-top: 1px solid #ccc; padding: 10px 30px;}
.select-hotel-room .list-room .room  .result-img{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 125px;
    overflow: hidden;
    width: 100%;
}
.select-hotel-room .list-room .room .descrip h3{margin-top: 0px; color: #013580; font-size: 18px; font-weight: 500; }
.select-hotel-room .list-room .room .descrip .fa-user{color: #f5aa34;}
.select-hotel-room .list-room .room .descrip label{font-weight: normal;text-align: center;width: 100%;}

.text-green{color: #188300}
.faccility-room{margin-top: 5px;font-size: 85%;}

.select-hotel-room .list-room .room .final-price{font-size:20px; margin-bottom: 8px; font-weight: 500;}
.select-hotel-room .list-room .room .btn-primary{margin-bottom: 5px;}
.select-hotel-room .list-room .room .tooltip-note-dwidaya > .toooltip-content{left:0px;right: -26px;}
.select-hotel-room .list-room .room .tooltip-note-dwidaya > .toooltip-content::before,
.select-hotel-room .list-room .room .tooltip-note-dwidaya > .toooltip-content::after{left: 10%;}
.select-hotel-room .list-room .room.see-all {text-align: center;font-size: 16px; font-weight: 500;}

/*Dokument*/
.head-documnet .container {background-color: #004290;color: #fff;padding: 20px 0px;}
.head-documnet h1{margin-top: 0px;margin-bottom: 5px;font-size: 24px;}
.head-documnet .sub-head{color: #f5aa34;}
.head-documnet .sub-head .fa-circle{font-size: 5px;margin: 0 5px;position: relative;}
.head-documnet .col-price{text-align: right;}
.head-documnet .col-price .price{font-size: 20px;}
.head-documnet .col-price .btn{padding: 12px;font-size: 15px;}

.detail-document .container{padding-top: 40px;padding-bottom: 10px;}
.detail-document .title{background-color: #004290 ;text-align: left !important;color: #fff; text-transform: uppercase;padding: 15px;margin-bottom:0px;}
.detail-document .title h4{font-size: 16px !important;}
.content-detail-doct{border: 1px solid #ccc;padding-top: 10px;}


.price-table{margin-bottom: 0px;}
.price-table thead tr th {text-align: center ;}
.price-table thead tr th:first-child{text-align: left;}
.price-table tbody tr td{text-align: center; padding: 15px 8px 8px;}
.price-table tbody tr td span{padding-top: 20px;}
.price-table tbody tr td:first-child{text-align: left;}
.total-table{width: 100%}
.total-table tbody tr td{padding:0px !important;}
.total-table tr td:last-child{text-align: right;}
.price-table .selecionado_opcion {padding: 6px 0px;}
.price-table .col-select {height: 17px;left: 70px;position: relative;top: -36px;width: 126px;}
.price-table .col-select label::after {right: 24px;}
.price-table .col-select label{text-align: left !important;}
.price-table .col-select span{padding-top: 0px;}
.total-price {font-weight: 500; text-transform: uppercase;font-size: 16px;}
.total-price td {border-top: 2px solid #ccc !important;}
.total-price tr td{border-top: none !important;}
.total-price .final-price span {font-size: 100%;}

.modal-footer .btn-primary{width: 26%;padding: 10px 12px;}

.table-info {margin-bottom: 15px;}
.table-info tr td{padding: 2px 10px;}


/*Atraksi*/
.order-atraction{padding: 15px;}
.order-atraction .item{margin-bottom: 20px;}
.order-atraction .item h3{margin-top: 0px;font-size: 21px;}
.order-atraction label{font-weight: normal;}
.order-atraction .col-select label::after { right: 25px; }
.order-atraction .modal-footer{margin-top: 20px;}



/* --------------------------------------------------------------------------
   CHECKOUT
   --------------------------------------------------------------------------*/
  .affix {
      top: 68px;
      width: 300px;
      margin-bottom: 100px;
  }

  .affix + .container-fluid {
      padding-top: 70px;
  }
.content-checkout{background-color: #efefef}

.checkout-order h1{font-size: 16px;}
.checkout-order h1 span{font-weight: normal;}
.checkout-order h1 b{color: #f5aa34}
.checkout-order h1 .hotel-rate{color: #f5aa34}

.checkout-section .detail-pay{padding-right: 0px;}


/*Header*/
.step-checkout-dwidaya{width: 425px; margin: 0px auto;}
.step-checkout-dwidaya li{float: left;padding: 33px 12px 31px; color: #ccc;}
.step-checkout-dwidaya .active{color: #013580}


/*Form Checkout*/
.checkout-section .detail-document .content-data .row{margin-top: -15px;margin-bottom: 15px;background-color: #fff6c0}
.checkout-section .detail-document .content-data .row .alert h5{margin-top: 0px;}
.checkout-section .detail-document .content-data .row .alert ul{padding-left: 10px;}

.checkout-section .detail-document{margin-bottom: 20px;padding: 0px;}
.checkout-section .detail-document .content-data{background-color: #fff;border:1px solid #ccc;padding: 15px;}
.checkout-section .detail-document .content-data .item{margin-bottom: 30px; padding-bottom:25px; border-bottom: 1px solid #ccc; }
.checkout-section .detail-document .content-data .item:last-child{margin-bottom: 0px; padding-bottom:0px; border-bottom:none; }
.checkout-section .detail-document .content-data .item h4{margin-top: 0px;font-size: 14px;text-transform: uppercase;}
.checkout-section .container{padding-top: 20px;}
.checkout-section .col-form{padding: 0px 5px;}

.detail-pay .item{background-color: #fff; margin-bottom: 20px;padding: 15px;}
.detail-pay .item h2{margin-top: 0px; font-size: 18px; font-weight: 500;}
.detail-pay .login-checkout{border-left: 3px solid #f5aa34}
.detail-pay .list-pay{width: 100%;font-size: 13px;}
.detail-pay .list-pay tr td{padding:5px 10px;text-align: right;border-bottom: 1px solid #eaeaea;}
.detail-pay .list-pay tr td:first-child{width: 130px;padding-left: 0px;text-align: left;}
.detail-pay .list-pay tr td:last-child{padding: 0px;color: #013580}
.detail-pay .list-pay tr:last-child td{border-bottom: none;}
.detail-pay .checkout-pay .detail .row{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; padding: 15px;}
.detail-pay .checkout-pay .detail{margin-bottom: 15px;}
.detail-pay .final-price {font-size: 26px;font-weight: 500;}
.detail-pay .btn{margin-top: 10px;}

.checkbox-order{margin-bottom: 2px;}
.checkbox-order label{font-size: 14px;font-weight: normal !important;}
.checkbox-order input[type=checkbox] + label:before { font-size: 19px;}
.checkbox-order input[type="checkbox"] + label::before {letter-spacing: 9.4px;}
.checkbox-order input[type="checkbox"]:checked + label::before {letter-spacing: 8px;}

.checkout-section .ticket-form{margin-bottom: 5px;}

.checkout-order{padding: 5px 0px !important;}
.checkout-order .panel-group {margin-bottom: 0px;}

.col-detail-checkout{margin-bottom: 15px;}
.col-detail-checkout:last-child{margin-bottom: 0px;}

.detail-checkout-sect {background-color: #004290}
.detail-checkout-sect .container{padding: 0px;}
.detail-checkout-sect .container .panel-body{background-color: transparent;color: #fff;}

/*Hotel*/

.detail-checkout-sect .result-img{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 75px;
    overflow: hidden;
    width: 100%;
}
.detail-checkout-sect .detail-hotel{font-size: 85%;}
.detail-checkout-sect .detail-hotel .left{color: #f5aa34}

/*Tiket*/
.title-ticket h2{margin-top: 0px;font-size: 18px;}

.detail-checkout-sect .detail-dest{font-weight: 500;color: #f5aa34}
.detail-checkout-sect .detail-dest div:last-child{text-align: right;}
.detail-checkout-sect .time-dest b{color: #f5aa34}
.detail-checkout-sect .time-dest .col-right{text-align: right;padding: 0px;}

.content-checkout .detail-content .left{width: 109px;text-align: center;font-size: 12px;}
.content-checkout .detail-content .left img{margin-bottom: 5px;}
.content-checkout .detail-content .right{width: 831px;padding-left: 20px;}
.content-checkout .detail-content .detail-dest-img div:first-child{text-align: left;}
.content-checkout .detail-content .detail-dest-img div:last-child{text-align: right;}
.content-checkout .detail-content .detail-dest-img{text-align: center;}

.detail-checkout-sect .transit-detail {text-align: center;font-size: 12px;margin: 5px 0px 10px; padding: 5px 0px;background-color: #0088B2;}



/*Payment*/
.checkout-section .detail-document .content-data .row.alert-payment{margin-top: -15px;margin-bottom: 15px;background-color: #0088b2; color: #fff;padding: 10px 0px;}
.checkout-section .detail-document .content-data.data-payment {border: none;}

.checkout-section .select-payment{border: 1px solid #ccc;border-bottom:none;}
.checkout-section .select-payment .panel-group{margin-bottom: 0px;}
.checkout-section .select-payment .fancy-collapse-panel .panel-heading img{margin-left: 10px;position: relative;top: -3px;width: 65px;}
.checkout-section .select-payment .fancy-collapse-panel .panel-heading a {padding: 12px 15px 12px 45px;}
.checkout-section .select-payment .fancy-collapse-panel .panel-heading a:after {content: "\f192";left: 15px;color: #383838;}
.checkout-section .select-payment .fancy-collapse-panel .panel-heading a.collapsed:after {content: "\f10c";}
.checkout-section .select-payment .panel-body {background-color: #fff;border-bottom: 1px solid #ddd;}
.checkout-section .select-payment ul{margin-bottom: 20px;}


.detail-pay .checkout-pay .detail.pay .row.one{border-top: 1px solid #ccc;border-bottom: none; padding: 15px;}
.detail-pay .checkout-pay .detail.pay .row.one .right{text-align: right;}
.detail-pay .checkout-pay .detail.pay .row.one.prosess-pay{color: #fff; background-color: #0088b2; font-size: 85%}
.detail-pay .checkout-pay .detail.pay .row.one.panding-pay{background-color: #cecece; color: #5f5f5f; font-size: 85%;}
.detail-pay .checkout-pay .detail.pay {margin-bottom: 0px;}
.detail-pay .checkout-pay .detail.pay .btn-primary{margin-top: 15px;}
.promo-code .btn-secondary{width: 100%; border-radius: 0px 3px 03px 0px;}
.promo-code .form-control {border-radius: 3px 0px 0px 3px}
.promo-code .form-group{margin-bottom: 5px;}
.detail-pay .checkout-pay .detail.pay .promo-code .alert-error-dwidaya-text, .detail-pay .checkout-pay .detail.pay .promo-code .alert-succes-dwidaya-text{margin-bottom: 0px;}
.detail-pay .checkout-pay .detail.pay .promo-code .panel-group {
    margin-bottom: 0px;
}
.detail-pay .checkout-pay .detail.pay .promo-code .panel-title
{
    font-size: 14px;
    font-weight: normal;
}
.detail-pay .checkout-pay .detail.pay .promo-code .panel-default > .panel-heading {
    background-color: #fff;
    border-color: #fff;
    color: #013580;
    padding: 0px;
}
.detail-pay .checkout-pay .detail.pay .panel-body {
    padding: 15px 0px 0px;
    background-color: #fff;
}



/*FINISH*/
.content-checkout.finish .checkout-section .detail-document .content-data h2{margin-top: 0px;font-size: 21px;color: #f5aa34;margin-bottom: 5px;}
.content-checkout.finish .checkout-section .detail-document .content-data {background-color: #fff;border: none !important;}
.content-checkout.finish .checkout-section .detail-document .title {background-color: #383838 !important;}
.content-checkout.finish .detail-pay .checkout-pay .detail .row {border-bottom: none;padding-bottom: 0px}

.no-tran{border:1px solid #efefef;margin-top: -15px;margin-bottom: 15px;}
.no-tran .col-xs-12 div{padding: 15px; text-align: center;}
.no-tran .col-xs-12 div:first-child{border-right: 1px solid #efefef;}

/* --------------------------------------------------------------------------
   RESPONSIVE CSS
   --------------------------------------------------------------------------*/
@media (max-width:  1024px) {
  .container {width: 970px}
  .content-dwidaya {width: 1024px;}
}

@media (min-width:  1024px) {
  .content-dwidaya {width: 100%;}
}

.modal-dialog-alert.small-alert {width: 460px;}
.modal-dialog-alert.small-alert .left{width: 85px;}
.modal-dialog-alert.small-alert .right{padding: 0px;text-align: left;margin-top: 6px;}

.modal-dialog-alert .btn-primary{width: 190px;margin-top: 20px;padding: 12px;}
.modal-dialog-alert .btn-change{width: 190px;margin-top: 10px;padding: 12px;}

.col-result-tcp .note-result{background-color: #efefef;
    border-bottom: 1px solid #fff;
    font-size: 12px;
    padding: 10px;
    text-align: center;}

/*paket*/
.alert-short {
    color: #9c9c9c;
    font-size: 18px;
    padding-top: 5%;
    text-align: center;
}

.alert-succes-dwidaya-text {
    color: #188300;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 15px;
}

.alert-error-dwidaya-text {
    color: #c20000;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 15px;
}

.detail-document .content-alert{background-color: #fff6c0;}
.detail-document .content-alert .alert{margin-bottom: 0px; font-size: 14px;padding: 12px 15px;}

.detail-document .content-reject{background-color: #fdcbcd;}
.detail-document .content-reject .reject{margin-bottom: 0px; font-size: 14px;padding: 12px 15px;}

.detail-document .content-alert.alert-error {color: #fff; background-color:#c20000;border-color: #c20000; margin-bottom: 10px;}

.detail-tcp .tab-content .order-tcp .room-tcp .detail-price-room.package{background-color: #fff;padding: 0px;}
.detail-tcp .tab-content .order-tcp .room-tcp .detail-price-room.package .list-detail .list div:last-child{text-align:center;}
.detail-tcp .tab-content .order-tcp .room-tcp .detail-price-room.package .list-detail .list {padding: 5px 10px 10px;}
.detail-tcp .tab-content .order-tcp .room-tcp .detail-price-room.package .list-detail .list:last-child{border-bottom: none !important;}
.detail-tcp .tab-content .order-tcp .room-tcp .detail-price-room.package .list-detail .list .col-price{text-align: right !important;}
.detail-tcp .tab-content .order-tcp .room-tcp .detail-price-room.package .list-detail .list .col-price span{float: left;}
.detail-tcp .tab-content .order-tcp .room-tcp .detail-price-room.package .list-detail .list.title {font-weight: 500; font-size: 16px;border: 1px solid #e5e5e5;padding: 10px;background-color: #e5e5e5}
.detail-tcp .tab-content .order-tcp .room-tcp .detail-price-room.package .list-detail .list-total{margin-bottom: 20px;margin-top: 20px; font-weight: 500; font-size: 18px;padding: 0px 10px;}
#select-date .select-table tr td:last-child{text-align: right;}

.modal-dialog-alert .content.promo img{width: 100%;margin-top: 0px;margin-bottom: 0px;}
.modal-dialog-alert .content.promo .close {background-color: #fff;opacity: 1; padding: 0 0 9px 15px;position: absolute;right: 0;}

.promo-catfish{position: fixed; z-index: 9998;bottom: 0px;width: 100%;text-align: center;overflow: hidden;} .catfish-close{float: right;position: absolute;right: 209px;top: 0px;width: 21px;height: 21px;}

.survei-dwidaya{margin-bottom: 10px;}
.survei-dwidaya .col-radio{text-align: center;}
.item-survei{padding-bottom: 15px; border-bottom: 1px solid #ccc;margin-bottom: 10px;}
.survei-dwidaya input[type=radio].with-font ~ label:before {content: "\f10c";letter-spacing: 0px;}
.survei-dwidaya input[type=radio].with-font:checked ~ label:before {content: "\f192";letter-spacing: 0px;}

.alert-error.no-margin{margin-bottom: 0px !important;}
.alert-short{padding-bottom: 5%;}
.line-through { text-decoration: line-through; }
.normal_price { font-size:12px; }

.survei-dwidaya label{font-weight: normal;}

.carousel.banner-gallery {
  background: #FAFAFA;
}

.carousel.banner-gallery .carousel-cell {
  width: 100%;
  height: 344px;
  margin-right: 0px;
  background: red;
  border-radius: 0px;
  counter-increment: carousel-cell;
  background-position: center center;
  background-repeat: repeat;
}

/* cell number */
.carousel.banner-gallery .carousel-cell:before {
  content:none;
}

.link_url_slide { cursor : pointer; }

.cancel_policy_section { text-align:center; background-color: #e3e3e3; margin-top:10px; }

.list-promo .item .result-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 222px;
    overflow: hidden;
    width: 100%;
}

/** retrieve **/
.style-input{border: 1px solid #CCCCCC;border-radius: 4px;height: 34px;padding: 6px 6px 6px 30px;width: 100%;}
.retrieve .bgCover-dwidaya .container{padding: 70px 0px 46px}
.retrieve .bgCover-dwidaya .left{text-align: center;}
.retrieve .bgCover-dwidaya .right{width: 321px;}
.form-group.list-icon .bootstrap-select button{background: url('../images/icon/icon-inside-field-21.png') no-repeat top left; background-size:auto 601px; margin:0px auto;background-position: 0px 6px;}

.retrieve .detail-booking {border: 1px solid #ccc;padding: 0px;}
.retrieve .detail-booking .title{color: #fff; background-color: #004290;padding:15px;margin-bottom: 15px;}
.retrieve .detail-booking .title h4 .conrm1{color: #fff; background-color: #188300; padding: 3px 10px;border-radius: 3px; font-size: 12px; font-weight: normal;position: relative;top: -4px;}
.retrieve .detail-booking .title h4 .conrm2{color: #fff; border: 1px solid #fff; padding: 3px 10px;border-radius: 3px;font-size: 12px; font-weight: normal;position: relative;top: -4px;}
.code-booking{color: #f5aa34; font-size: 30px;text-transform: uppercase;}
.retrieve .detail-booking table {margin: 10px 0px;width: 100%;}
.retrieve .detail-booking table tr td{padding: 9px;text-align: center;}
.retrieve .detail-booking table tr td:first-child{text-align: left;}
.retrieve .detail-booking table .total td {border-top: 1px solid #ccc;font-weight: 500;font-size: 16px;}
.retrieve .detail-booking table .total td:last-child{text-align: right;}
.retrieve .detail-booking table .title-block{background-color: #efefef; font-weight: 500;padding: 10px 5px;}
.retrieve .detail-booking .col-btn{padding: 15px;border-top: 1px solid #ccc;text-align: right;}
.retrieve .detail-booking .col-btn .btn{width: 200px;font-weight: 500;font-size: 16px;}