@charset "utf-8";

/*
-----------------------------------------------
Created with Notepad++
User: Yohanes Budi Santosa
Date: 28-05-2015
Time: 08:36
-----------------------------------------------
*/

*{outline:none !important;}
.clear{clear:both;}
.clear.h5{height:5px;display:block;}
.h10{height:10px;display:block;}
.h15{height:15px;display:block;}
.h20{height:20px;display:block;}
.h25{height:25px;display:block;}
.red,.warning{color:red !important;}
.noborder{border:none !important;}
.formSelect{color:#333;}
.formNote{color:#666;padding:0;margin:10px 0 0;}
.formText,.formSelect{border:1px solid #dfdfdf;padding:0 6px;margin:0;height:38px;line-height:38px;font-size:16px;width:100%;border-radius:0;}
.formText.half,.formSelect.half{width:50%;}
.formText.third,.formSelect.third{width:33%;}
.formText.four,.formSelect.four{width:75%;}
.formText:hover,.formSelect:hover{border-color:#bbb;}
.formText:focus,.formSelect:focus{border-color:#e95a1c !important;box-shadow:1px 1px 3px #ccc inset;}
.formButton{border:1px solid #e95a1c;background:#e95a1c;color:#fff;height:38px;line-height:38px;padding:0 6px;margin:0;text-align:center;cursor:pointer;font-size:16px;width:100%;text-transform:uppercase;font-weight:bold;border-radius:0;}
.formButton:hover{box-shadow:0 0 0 1px #fff inset, 1px 2px 4px #ddd;}

/* Header */
.header-wrapper{padding:0;margin:0;height:80px;}
.header{padding:12px 0 0;margin:0 auto;width:980px;}
.header .headerLogo{width:250px;height:50px;overflow:hidden;float:left;padding:0;margin:0;display:block;}
.header .headerLogo h2 a{width:250px;height:50px;overflow:hidden;padding:0;margin:0;display:block;background:#fff url(../img/logo.svg) no-repeat -0px -0px;}
.header .headerLogo h2 a span,.header .headerLogo h3 span{display:none;}
.header .headerLogo h2,.header .headerLogo h3{padding:0;margin:0;}
.header .headerContact{float:right;width:650px;overflow:hidden;margin:10px 0 0;line-height:16px;text-align:right;vertical-align:middle;font-weight:bold;}
.header .headerContact ul{margin:0;padding:0;list-style:none;}
.header .headerContact li{margin:0;padding:9px 8px 11px 0;list-style:none;display:inline-block;border-right:1px solid #dfdfdf;vertical-align:top;}
.header .headerContact li:nth-last-child(1){border:none;}
.header .headerContact i{color:#999;font-size:14px;margin:0 4px;}
.header .headerContact .iconBBM{background:url(../img/icon/icon-bbm.png) no-repeat -0px -0px;width:16px;height:16px;display:inline-block;margin:0 4px;padding:0;vertical-align:middle;}

/* Menu Header */
.menuHeader-wrapper{background:#f5f5f5;color:#555;margin:0 0 20px;}
.menuHeader-wrapper.fixed{position:fixed;left:0;right:0;top:80px;}
.menuHeader{width:980px;padding:0;margin:0 auto;}
.menuHeader li{font-size:16px;font-weight:bold;}
.menuHeader a{color:#555;text-decoration:none;}
.menuHeader .nav i{font-size:18px;margin:0 4px 0 0;}
.menuHeader .navbar-nav > li > a{padding:12px 0;}
.menuHeader .nav li{padding:0;margin:0 -1px 0 0;text-align:center;float:left;}
.menuHeader .nav li a span{border-right:1px solid #ff9800;padding:0 15px;}
.menuHeader .nav > li > a:focus span{border-color:#e95a1c;}
.menuHeader .nav li:nth-last-child(1) a span{border:none;}
.menuHeader .nav > li.active > a,.menuHeader .nav > li.active > a:hover,.menuHeader .nav > li > a:focus,.menuHeader .nav > li > a:hover{background:#e95a1c;color:#fff;}
.menuHeader .nav li.active a span{border-color:#e95a1c;}
.menuHeader .nav .fa-caret-down{font-size:14px;margin:0;padding:0 10px 0 0;line-height:0px !important;}
.menuHeader .navbar-nav > li > .dropdown-menu{width:250px;}
.menuHeader .navbar-nav > li > .dropdown-menu li{float:none;margin:0;text-align:left;}
.menuHeader .navbar-nav > li > .dropdown-menu li.active{padding: 12px 16px;background:#dfdfdf;}
.menuHeader .navbar-nav > li > .dropdown-menu li a{display:block;padding:12px 16px;margin:0;}
.menuHeader .navbar-nav > li > .dropdown-menu li:nth-last-child(1){border-top:1px solid #dfdfdf;padding:5px 0 0;margin:5px 0 0;}
.menuHeader .navbar-nav > li > .dropdown-menu li a:hover{background:#e95a1c;color:#fff;}
.menuHeader .navbar-nav > li > .dropdown-menu{background:#edeff1;border-radius:0;border:none;box-shadow:none;}
.menuHeader .navbar-nav.rightUser > li > .dropdown-menu{background:#edeff1;border-radius:0;border:none;box-shadow:none; right: 0; left:auto;}
.menuHeader .dropdown.right{float:right;}
.menuHeader .dropdown.right li a span{border:none;}
.menuHeader .right{float:right;padding:10px 0 0; display: none;}
.menuHeader .right li{border-right:1px solid #dfdfdf;padding:0 10px;list-style:none;float:right;}
.menuHeader .right li:nth-child(odd){border:none;padding:0 0 0 10px;}
.menuHeader .right li i{margin:0 0 0 5px;}
.menuHeader .right li.subMenuRight{position:relative;}
.menuHeader ul.rightUser{float:right;padding:0;list-style:none;margin-bottom: 0px; display: none;}
.menuHeader ul.rightUser li{list-style:none;}
.menuHeader ul.rightUser li.border{border: 1px solid red;}
.menuHeader ul.rightUser li.subMenuRight{padding: 10px 0 0 15px; float: right !important; cursor: pointer;}
.menuHeader ul.rightUser li .fa-caret-down{margin:0 0 0 10px;}
.menuHeader .navbar-nav.right > li > .dropdown-menu{right:0;left:auto;}
.menuHeader .dropdown-hover{position:relative;z-index:2;}
.menuHeader .dropdown-hover span{font-weight:normal;display:block;padding: 12px 16px;cursor:pointer;}
.menuHeader .dropdown-hover span:hover{background:#e95a1c;color:#fff;}
.menuHeader .dropdown-menu-hover{position:absolute;width:200px;right:100%;top:0;background:#dcdee9;display:none;}
.menuHeader .dropdown-hover:hover .dropdown-menu-hover{display:block;}
.menuHeader .dropdown-menu-hover,.menuHeader .dropdown-menu-hover li,.menuHeader .dropdown-menu-hover li a{padding:0;margin:0;border:none !important;font-weight:normal;}
.menuHeader .dropdown-menu-hover li:nth-last-child(1){padding-top:0 !important;margin-top:0 !important;}
.menuHeader-wrapper .logoSticky{display:none;}
.stickyTop{position:fixed;top:0;left:0;right:0;width:100%;z-index:9999;border-bottom:2px solid #e95a1c;}
.stickyTop li.logoSticky{width:175px;height:35px;margin:4px 25px 0 0;padding:0;display:block;overflow:hidden;}
.stickyTop li.logoSticky a,.stickyTop li.logoSticky a:hover{widht:175px;height:35px;background: url(../img/logo.svg) no-repeat -0px -0px;background-size:175px 35px;display:block;}
.stickyTop .logoSticky a span{display:none;text-indent:-9999;}
.stickyTop .menuHeader li{font-size:13px;}
.stickyTop .menuHeader .nav i{font-size:16px;}
.stickyTop .menuHeader .nav li a span{padding:0 10px;}
.stickyTop .menuHeader .dropdown-menu{top:46px;}
.active{display: block;}
.menuHeader .nouser .right{display: block;}
.menuHeader .user ul.rightUser{display:block;}

/* Wrap Content */
.wrapContent{width:980px;margin:0 auto;padding:0;}
.main-wrapper{width:650px;float:left;overflow:hidden;padding:0;margin:0;}
.widget{padding:0;margin:0 0 15px;}
.widget .title{padding:0 10px;margin:0;background:#ff9c00;color:#fff;font-size:16px;}
.widget .title.flat{background:#edeff1;border-left:8px solid #ff9c00;color:#333;font-size:16px;font-weight:bold;margin:15px 0;padding:8px 10px 8px 20px;}
.widget .content{padding:0;margin:0;}

/* Footer */
.footer-wrapper{width:980px;margin:0 auto 45px;background:#999;}
.footer{padding:0;margin:0;}
.footer a{color:#fff;text-decoration:none;}
.footer a:hover{text-decoration:underline;}
ul.imageList li,.tripAdvisor,.geoTrust img{border-radius:2px;overflow:hidden;}
.footer-icon{height:90px;background:#fff url(../img/icon/footer-payment.png) no-repeat bottom left;}
.footer-middle-content{border-bottom:4px solid #fff;padding:20px;margin:0 0 15px;color:#fff;}
.footer-middle-content ul{padding:0;margin:0;list-style:none;}
.footer-middle-content li{padding:0 0 2px;margin:0 0 2px;list-style:none;}
.footer-middle-content h5{font-weight:normal;font-size:18px;padding:0 0 10px;margin:10px 0 15px;border-bottom:1px solid #fff;}
.footer-middle-content h6{font-size:14px;font-weight:normal;}
.middle-content-first{width:160px;overflow:hidden;float:left;margin:0;}
.middle-content-second{width:160px;overflow:hidden;float:left;margin:0 20px;}
.middle-content-third{width:310px;overflow:hidden;float:left;margin:0 20px 0 0;}
.middle-content-four{width:250px;overflow:hidden;float:left;margin:0;}
.footer-middle-content .tripAdvisor{background:#fff;width:178px;height:39px;padding:5px 10px;}
.copyright{text-align:right;padding:10px 20px 20px;color:#fff;}
/* footer payment */
ul.imageList li{padding:0;list-style:none;display:inline-block}
.alfamartNew,.bcaNew,.bniNew,.briNew,.cimbclicksNew,.indomaretNew,.klikbcaNew,.mandiriNew,.mastercardNew,.permatabankNew,.visaNew{width:100px;height:34px;display:block;border-radius:2px}
.spriteFooterNew{background:url(../img/icon/spriteFooterNew.png) center no-repeat;position:relative;background-size:auto}
.bcaNew{background-position:-3px -40px!important}
.mandiriNew{background-position:-3px -116px!important}
.bniNew{background-position:-110px -2px!important}
.briNew{background-position:-110px -40px!important}
.klikbcaNew{background-position:-3px -78px!important}
.a123New{width:100px;height:34px;background-position:-110px -154px!important;display:block;border-radius:2px}
.cimbclicksNew{background-position:-110px -78px!important}
.permatabankNew{background-position:-213px -2px!important}
.mastercardNew{background-position:-110px -116px!important}
.visaNew{background-position:-3px -154px!important}
.indomaretNew{background-position:-214px -78px!important}
.alfamartNew{background-position:-214px -40px!important}

/* Sticky Header */
.menuHeader-wrapper .logoSticky{display:none;}
.stickyTop{position:fixed;top:0;left:0;right:0;width:100%;z-index:9999;border-bottom:2px solid #e95a1c;}
.stickyTop li.logoSticky{width:175px;height:35px;margin:4px 25px 0 0;padding:0;display:block;overflow:hidden;}
.stickyTop li.logoSticky a,.stickyTop li.logoSticky a:hover{widht:175px;height:35px;background: url(../img/logo.svg) no-repeat -0px -0px;background-size:175px 35px;display:block;}
.stickyTop .logoSticky a span{display:none;text-indent:-9999;}
.stickyTop .menuHeader li{font-size:13px;}
.stickyTop .menuHeader .nav i{font-size:16px;}
.stickyTop .menuHeader .nav li a span{padding:0 10px;}

/* Additional Info for CS */
.header .headerContact{overflow:visible;}
.weekendHolidayCS{color:#ff9c00;font-size:11px;}
.weekendHolidayCS i{color:#ff9c00 !important;padding:0 0 5px;position:relative;cursor:pointer;z-index:999;}
.weekendHolidayCS i:hover .ifr{display:block;}
.weekendHolidayCS i .ifr{position:absolute;left:-185px;top:22px;display:none;}
.weekendHolidayCS i .ifr iframe{width:262px;height:230px;z-index:9999;border:1px solid #000;} /* set height and width for iframe cs schedule */
.header .headerContact li.serviceHour{padding: 1px 8px 0px 0px !important;}
.header .headerContact li.phoneNumber{padding:1px 8px 3px 0 !important;}

/*cek pesanan*/
.widgetSquare.cekPesanan{margin:0;}

/*form pulang pergi*/
.main .title.flat-perjalanan{background:#edeff1;border-left:8px solid #ff9c00;color:#333;font-size:20px;font-weight:bold;padding:10px 5px 10px 32px;}
.main .title.flat-perjalanan .widget.cekPesanan .content h2{font-size:20px; font-weight:bold;}
.main .title.flat-perjalanan .orderid{float:right; margin-right:40px;}

/* Widget Main Detail Pemesanan */
.cekPesanan .formLine{margin:0 20px 10px 5px;}
.cekPesanan .formLine .left {float:left; font-size:14px; line-height:38px; margin-left:-6px; padding:0; width:150px; color:#555555;}
.cekPesanan .formLine .right {float:right; margin-bottom:20px; margin-right:0; padding:0; width:690px;}
.formText.mustNotEmpty,.formSelect{height:40px;line-height:40px;}

/* form pertama */
.wrapContent .main .widgetSquare.cekPesanan .content{margin:15px 0; border:1px solid #f2f2f2; padding:30px 25px 30px 45px}
.wrapContent .main .widgetSquare.cekPesanan .content h2{margin:5px 0 10px; font-weight:bold; font-size:24px; color:#555555;margin-left:-8px;}
.wrapContent .main .widgetSquare.cekPesanan .content .text {font-size:14px; margin-bottom:20px; color:#555555; margin-left:-8px;}

/*button cek pesanan*/
.formLine .formButton.button-cek{float:right; text-align:center; background-color:#e55c00; border-color:#e55c00; color:white; font-size:16px; text-transform:uppercase; font-weight:bold; cursor:pointer;  text-decoration:none;width:250px; height:50px; line-height:50px; margin:10px 0 5px;}

/* Cek Detail Pesanan */
.cekPesanan .left-detail{padding:5px 100px 5px 0px;}
.cekPesanan .right-detail{font-weight:bold; padding:5px 190px 5px 0px;}
.cekPesanan .right-detail::before{content:": "; margin-right:35px;}
.main .widget,.sidebar .widget{border:1px solid #f2f2f2; border-top:none; margin-top:-10px;}
.main .widget.table-name{padding:20px 40px 10px 20px}

/*error message*/
.errorForm .formText{border-color:#e95a1c !important;box-shadow:none;background:#fff2f2;}
.errorMessage{display:none;}
.errorForm .errorMessage{color:#f00;line-height:1.3em;font-size:12px;margin:5px 0;display:block;}
.errorForm .errorMessage i{font-size:16px !important;margin-right:4px;position:static !important;color:#f00 !important;}

/*cek perjalanan sekali*/
.wrapContent.detailPesanan{margin-top:40px;}
.wrapContent.detailPesanan .content{margin-left:20px;}
.wrapContent.detailPesanan .content .status-flight{font-weight:bold; margin:0 0 10px 20px; padding-top:30px;}
.wrapContent.detailPesanan .content .table-detail{margin:20px 0 35px 20px;}

/*cek perjalanan pp*/
.main.detailPp .widget,.sidebar .widget{border:1px solid #f2f2f2; border-top:none; margin-top:-20px; margin-bottom:30px}
.main.detailPp .widget.cekPesanan h3{padding:30px 0 1px 40px; font-size:18px; font-weight:bold;}
.wrapContent.detailPp{margin-top:40px;}
.wrapContent.detailPp .content .status-flight{font-weight:bold; margin:0 0 10px 40px; padding-top:10px;}
.wrapContent.detailPp .content .table-detail{margin:20px 0 35px 40px;}
.wrapContent.detailPp .content.pp{margin-top:-20px;}
.wrapContent.detailPp .content .table-detail-pulang{margin:20px 0 35px 40px;}
.main .widget.table-name-pulang{padding:20px 40px 10px 40px}