:root {--primary-color: #282828 !important;--primary-color-hover: #0f0f0f !important;}.active-color,.text-primary,.primary,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today,a {color: #282828 !important;}*, body {-webkit-print-color-adjust: exact;}.list-info-paket-detail.list-info-maskapai .lipd-sektor .lipd-sektor-penerbangan .lipdsp-left {border-bottom: 2px solid #282828;}.btn-primary.btn-outline:hover,#print-area-btn a.btn,.active-background-color,.btn-default:hover,ul.nav-step li.active,.btn-primary {color: #fff !important;background-color: #282828 !important;-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;border-color: #000000 !important;}.btn-primary.btn-outline {color: #282828 !important;background-color: #fff !important;-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;border-color: #282828 !important;}ul.nav-step li.active:after {border-left: 14px solid #282828 !important;}.active-border-color {border-color: #282828 !important;}.btn-primary:hover,.icon:hover,#toTop:hover {background-color: #0f0f0f !important;border-color: #000000 !important;}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {background-color: #282828 !important;box-shadow: #000000 0 1px 3px 0 inset !important;}#responsive-menu-close #responsive-menu-bars {background-color: #282828 !important;border-color: #000000 !important;}#responsive-menu-close {border-color: #000000 !important;}#btn-responsive-menu {background-color: #0f0f0f !important;}::-webkit-scrollbar {width: 6px;background-color: #000000;}::-webkit-scrollbar-track {background-color: #000000;}::-webkit-scrollbar-thumb {background-color: #282828;}.nav-quick-search-paket li.active a,.nav-quick-search-paket li a:hover,body.header-type-2 #main-top-menu > li > .dropdown-menu li.active a,body.header-type-2 #main-top-menu > li > .dropdown-menu li:hover a,.header-menu-7-menu li:hover > a,#rekap-pembayaran-judul,#main-top-menu li.active > a,#main-top-menu li:hover > a,#header-form-transaksi td,#tabel-ringkasan-saldo th,#tabel-rincian-saldo th{background-color: #282828 !important;-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;}#header-link .header-link{color: #555555 !important;}#header-main-form-transaksi #judul-form,#rekap-pembayaran-header #right-side div#invoice-title{color: #282828 !important;}.table-cetak-form-transaksi td {border-top: 1px solid rgba(40, 40, 40, 0.2) !important;}.table-cetak-form-transaksi.bordered td,.table-cetak-form-transaksi.bordered th{border: 1px solid rgba(40, 40, 40, 0.3) !important;}.table-striped-bordered thead tr th,.table-striped-bordered tbody tr td,#div-ttd-form-transaksi td,#div-keterangan-form-transaksi{border: 1px solid rgba(40, 40, 40, 0.3) !important;}.table-active-color > tbody > tr:nth-of-type(even) td,.active-background-color-light,.table-cetak-form-transaksi > tbody > tr.even > td,#tabel-rincian-saldo tr.even > td,.table-striped-bordered > tbody > tr.even > td{background-color: rgba(40, 40, 40, 0.1) !important;-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;}.active-background-color-extra-light {background-color: rgba(40, 40, 40, 0.025) !important;-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;} .color-5{ color: rgba(40, 40, 40, 0.05) !important; } .background-color-5{ background-color: rgba(40, 40, 40, 0.05) !important; -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; } .border-color-5{ border-color: rgba(40, 40, 40, 0.05) !important; } .color-10{ color: rgba(40, 40, 40, 0.1) !important; } .background-color-10{ background-color: rgba(40, 40, 40, 0.1) !important; -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; } .border-color-10{ border-color: rgba(40, 40, 40, 0.1) !important; } .color-15{ color: rgba(40, 40, 40, 0.15) !important; } .background-color-15{ background-color: rgba(40, 40, 40, 0.15) !important; -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; } .border-color-15{ border-color: rgba(40, 40, 40, 0.15) !important; } .color-20{ color: rgba(40, 40, 40, 0.2) !important; } .background-color-20{ background-color: rgba(40, 40, 40, 0.2) !important; -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; } .border-color-20{ border-color: rgba(40, 40, 40, 0.2) !important; } .color-25{ color: rgba(40, 40, 40, 0.25) !important; } .background-color-25{ background-color: rgba(40, 40, 40, 0.25) !important; -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; } .border-color-25{ border-color: rgba(40, 40, 40, 0.25) !important; } .color-30{ color: rgba(40, 40, 40, 0.3) !important; } .background-color-30{ background-color: rgba(40, 40, 40, 0.3) !important; -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; } .border-color-30{ border-color: rgba(40, 40, 40, 0.3) !important; } .color-35{ color: rgba(40, 40, 40, 0.35) !important; } .background-color-35{ background-color: rgba(40, 40, 40, 0.35) !important; -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; } .border-color-35{ border-color: rgba(40, 40, 40, 0.35) !important; } .color-40{ color: rgba(40, 40, 40, 0.4) !important; } .background-color-40{ background-color: rgba(40, 40, 40, 0.4) !important; -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; } .border-color-40{ border-color: rgba(40, 40, 40, 0.4) !important; } .color-45{ color: rgba(40, 40, 40, 0.45) !important; } .background-color-45{ background-color: rgba(40, 40, 40, 0.45) !important; -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; } .border-color-45{ border-color: rgba(40, 40, 40, 0.45) !important; } .color-50{ color: rgba(40, 40, 40, 0.5) !important; } .background-color-50{ background-color: rgba(40, 40, 40, 0.5) !important; -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; } .border-color-50{ border-color: rgba(40, 40, 40, 0.5) !important; } .color-55{ color: rgba(40, 40, 40, 0.55) !important; } .background-color-55{ background-color: rgba(40, 40, 40, 0.55) !important; -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; } .border-color-55{ border-color: rgba(40, 40, 40, 0.55) !important; } .color-60{ color: rgba(40, 40, 40, 0.6) !important; } .background-color-60{ background-color: rgba(40, 40, 40, 0.6) !important; -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; } .border-color-60{ border-color: rgba(40, 40, 40, 0.6) !important; } .color-65{ color: rgba(40, 40, 40, 0.65) !important; } .background-color-65{ background-color: rgba(40, 40, 40, 0.65) !important; -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; } .border-color-65{ border-color: rgba(40, 40, 40, 0.65) !important; } .color-70{ color: rgba(40, 40, 40, 0.7) !important; } .background-color-70{ background-color: rgba(40, 40, 40, 0.7) !important; -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; } .border-color-70{ border-color: rgba(40, 40, 40, 0.7) !important; } .color-75{ color: rgba(40, 40, 40, 0.75) !important; } .background-color-75{ background-color: rgba(40, 40, 40, 0.75) !important; -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; } .border-color-75{ border-color: rgba(40, 40, 40, 0.75) !important; } .color-80{ color: rgba(40, 40, 40, 0.8) !important; } .background-color-80{ background-color: rgba(40, 40, 40, 0.8) !important; -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; } .border-color-80{ border-color: rgba(40, 40, 40, 0.8) !important; } .color-85{ color: rgba(40, 40, 40, 0.85) !important; } .background-color-85{ background-color: rgba(40, 40, 40, 0.85) !important; -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; } .border-color-85{ border-color: rgba(40, 40, 40, 0.85) !important; } .color-90{ color: rgba(40, 40, 40, 0.9) !important; } .background-color-90{ background-color: rgba(40, 40, 40, 0.9) !important; -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; } .border-color-90{ border-color: rgba(40, 40, 40, 0.9) !important; } .color-95{ color: rgba(40, 40, 40, 0.95) !important; } .background-color-95{ background-color: rgba(40, 40, 40, 0.95) !important; -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; } .border-color-95{ border-color: rgba(40, 40, 40, 0.95) !important; } .color-100{ color: rgba(40, 40, 40, 1) !important; } .background-color-100{ background-color: rgba(40, 40, 40, 1) !important; -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important; } .border-color-100{ border-color: rgba(40, 40, 40, 1) !important; }th.active-background-color {position: relative;z-index: 1;}th.active-background-color:before {content: " ";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #282828 !important;z-index: -1;-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;}@media print {.active-color,.text-primary,.primary,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today,a {color: #0f0f0f !important;}.active-background-color,.btn-default:hover,.btn-primary {color: #fff !important;background-color: #282828 !important;-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;border-color: #000000 !important;}.active-border-color {border-color: #282828 !important;}*, body {-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;}}#m-nav-detail-transaksi .m-nav-link.active {color: #282828 !important;}:root { /* Variable Gold Baru */ --gold-light: #ebe688; --gold-dark: #d0a657; /* Tema Warna Lama Lu (Tetap Disini) */ --cart-color: #121212; --top-navbar-color: #333333; --menu-text-color: #fff; --title-text-color: #424242; --second-text-color: #8d8d8d; --price-text-color: var(--primary-color); --priceline-text-color: #6f6f6f; --description-text-color: #707070; --white-color: #ffffff; --grey-color: #808080; --black-color: #1d1d1d; --discount-color: #fff; --paragprah-text-color: #7b7b7e; /* Font Settings */ --font-family: "Roboto", sans-serif; --font-title: "Roboto", sans-serif; --light-text: 300; --regular-text: 400; --medium-text: 500; --semibold-text: 600; --bold-text: 700; /* Border Style */ --border-produk: 1px solid #e1e1e1; --border-radius: 10px; --border-top: none;}/* ========================================= 2. STYLE BUTTON MODERN GOLD (DI LUAR :ROOT) ========================================= */a.btn.btn-primary, button.btn.btn-primary, #responsive-menu-btn { border-radius: 50px !important; /* Pill-shape */ border: none !important; /* LOGIKA GRADIENT: Dark -> Light -> Dark (supaya animasi mulus) */ background-image: linear-gradient(to right, #d0a657 0%, #ebe688 51%, #d0a657 100%) !important; background-size: 200% auto; color: #fff !important; /* Warna text putih biar kontras */ font-weight: 600; /* Biar text agak tebal & elegan */ text-transform: uppercase; /* Opsional: biar lebih modern */ letter-spacing: 0.5px; transition: 0.5s; /* Shadow warna gold gelap, bukan hitam biasa, biar efek glowing */ box-shadow: 0 4px 15px rgba(208, 166, 87, 0.4);}a.btn.btn-primary:hover, button.btn.btn-primary:hover, #responsive-menu-btn:hover { background-position: right center; /* Efek gerak gradient */ transform: translateY(-3px); /* Naik dikit pas di hover */ /* Shadow makin lebar pas hover */ box-shadow: 0 8px 25px rgba(208, 166, 87, 0.6); color: #fff !important; text-decoration: none;}a.btn.btn-primary:focus,button.btn.btn-primary:focus, #responsive-menu-btn:focus { outline: none !important; /* Focus ring warna gold pudar */ box-shadow: 0 0 0 4px rgba(235, 230, 136, 0.5) !important; }#navbar-section .skssl-menu li a { color: inherit !important; text-transform: none !important; font-weight: 500; font-size: 15px;}#responsive-menu-btn { }#responsive-menu-btn { border-radius: 0 !important; border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important;}@media (max-width: 1200px) and (min-width: 992px) { #navbar-section .skssl-menu li a { color: inherit !important; text-transform: none !important; font-weight: 500; font-size: 11px; padding-left: 4px; margin-bottom: 19px;}}#navbar-section .dropdown-menu li a { padding: 5px 15px; font-size: 15px; text-transform: none !important; color: inherit !important; font-weight: 600; border-radius: 5px;}#navbar-section li.open ul.dropdown-menu { border: none; padding: 12px 12px; animation: 0.2s animasidropdown ease-in-out; -webkit-animation: 0.2s animasidropdown ease-in-out; border-radius: 12px; width: max-content; min-width: 217px; background-color: #282828; border: 1px solid;}body #navbar-section ul.horizontal-menu > li > a.dropdown-toggle::after { color: inherit; display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: "\f107"; border-top: none; border-right: none; border-bottom: 0; border-left: none; font: normal normal normal 14px/1 FontAwesome; position: relative; top: 5px; font-size: 16px; right: 0; font-weight: 700;}#navbar-section .dropdown-menu li a:hover { background-color: #686868 !important;}@media(min-width: 1025px) { }.footer-ul-list ul { padding: 0; list-style: none; margin: 0;}.footer-ul-list ul li { margin-bottom: 8px;}.footer-ul-list li::before { display: block; content: "\f105"; position: relative; display: inline-block; width: 18px; height: 22px; left: 0; top: 0; vertical-align: middle;\ font: normal normal normal 20px/1 FontAwesome; color: var(--primary-color);}footer .skssl-wysiwyg p, footer .footer-ul-list li a { font-size: 15px !important; line-height: 1.8;}.footer-ul-list li a { color: inherit !important; font-size: 15px;} body { background-color: #ffffff !important; }body {font-family: 'Poppins', cursive !important};