/* ============================================================
   css5.css — FINAL CYAN THEME LAYER
   Ini file terakhir yang dimuat, jadi yang paling prioritas.
   Background : #45e3ff | Teks : #001a2e | Aksen : #007fa3
   ============================================================ */

/* GLOBAL */
html, body {
    background-color: #45e3ff !important;
    color: #003344 !important;
}
* { border-color: #009bbf; }
p { color: #004055 !important; }
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 { color: #001a2e !important; }
a { color: #004d70 !important; }
a:hover, a:focus { color: #001a2e !important; text-decoration: underline; }

/* HEADER & FOOTER */
.site-header { background: #00b8d9 !important; border-color: #009bbf !important; }
.site-footer { background: #00b8d9 !important; border-top-color: #009bbf !important; }
.topbar-container { background: #00a3c2 !important; }
.topbar-left-section .topbar-item { color: #e0f9ff !important; }
.top-menu > li > a { color: #e0f9ff !important; }
.top-menu > li > a:hover, .top-menu > li[data-active="true"] > a { color: #ffffff !important; font-weight: bold; }
.top-menu .game-list {
    background-color: rgba(0,90,130,.95) !important;
    border-bottom-color: #009bbf !important;
}

/* LOGIN & REGISTER */
.login-panel { color: #001a2e !important; }
.login-panel .login-button {
    background: linear-gradient(to bottom, #00c4e0 0%, #00a3c2 100%) !important;
    color: #ffffff !important;
}
.login-panel .register-button {
    background: linear-gradient(to bottom, #009bbf 0%, #007fa3 100%) !important;
    color: #ffffff !important;
}
.login-panel .forgot-password-link { color: #cc0000 !important; }

/* USER INFO */
.user-info { color: #001a2e !important; }
.user-info .user-main-info { background: #007fa3 !important; }
.user-info .wallet-container .balance { color: #001a2e !important; font-weight: bold; }
.user-info .wallet-container .locked-balance { background: #00a3c2 !important; color: #fff !important; }
.user-info .dropdown-menu { background-color: #2dd6f0 !important; border: 4px solid #009bbf !important; }
.user-info .dropdown-menu > li > a { background-color: #00b8d9 !important; color: #001a2e !important; }
.user-info .dropdown-menu > li > a:hover { background-color: #007fa3 !important; color: #fff !important; }
.user-info [data-new-notification="true"]:before { background: #fc1818 !important; color: #fff !important; }

/* BANNER */
.banner, .banner .slick-slide img { background: #00b8d9 !important; }
.banner .carousel-indicators .active, .banner .carousel-indicators .slick-active {
    background-color: #007fa3 !important; border-color: #007fa3 !important;
}

/* ANNOUNCEMENT & TICKER */
.announcement-container { background-color: #007fa3 !important; color: #e0f9ff !important; }
.announcement-container .announcement-list li { color: #ffffff !important; }
.announcement-container > [data-section="announcements"] { background: #00a3c2 !important; }
.tickercontainer { background: #00b8d9 !important; color: #001a2e !important; }
.notice ul li { color: #004d70 !important; }

/* HOME INFO */
.home-info-container, .telegram-banner-container {
    background: #00b8d9 !important; border-bottom-color: #009bbf !important;
}

/* JACKPOT */
.jackpot-winners {
    background: linear-gradient(to right, #007fa3 0%, #009bbf 48%, #007fa3 100%) !important;
}
.jackpot-winners .jackpot-winner-title { color: #ffffff !important; }
.jackpot-winners .winners-ticker-container { background-color: #00a3c2 !important; color: #001a2e !important; }
.winners-ticker ul li .winner-info { color: #001a2e !important; }
.winners-ticker ul li .winner-amount { color: #ffffff !important; font-weight: bold; }
.progressive-jackpot .jackpot-currency,
.progressive-jackpot .jackpot-container { color: #001a2e !important; }
.home-progressive-jackpot {
    background-image: linear-gradient(#003344, #009bbf, #003344) !important;
}
.home-progressive-jackpot .jackpot-currency { color: #001a2e !important; font-weight: bold; }

/* POPULAR GAMES */
.popular-games { background-color: #2dd6f0 !important; }
.popular-games .nav-tabs > li > a { background-color: #009bbf !important; color: #001a2e !important; }
.popular-games .nav-tabs > li.active > a,
.popular-games .nav-tabs > li > a:hover { background-color: #007fa3 !important; color: #ffffff !important; }
.popular-games .tab-pane { background-color: #2dd6f0 !important; }
.popular-games .tab-content { border-color: #009bbf !important; }
.popular-games [data-section="left"] .section-title { background-color: #007fa3 !important; color: #ffffff !important; }
.popular-games .scrtabs-tab-scroll-arrow { color: #fff !important; background-color: #009bbf !important; }

/* SPORTS */
.sports-matches-container { background-color: #2dd6f0 !important; color: #001a2e !important; }
.sport-match-item { background: linear-gradient(to bottom, #009bbf 0%, #007fa3 100%) !important; color: #ffffff !important; }
.sport-match-item:nth-child(even) { background-color: #00a3c2 !important; color: #ffffff !important; }
.sport-match-item .match-info-container { background-color: #00b8d9 !important; }
.sport-match-item .match-teams > span { color: #001a2e !important; }
.sport-match-item .match-info { color: #ffffff !important; }
.sport-match-item .match-date > span { color: #ffffff !important; }
.sports-platform-title { color: #001a2e !important; }
.hot-match-container { color: #001a2e !important; }

/* LOTTERY */
.lottery-result-container { background-color: #2dd6f0 !important; color: #001a2e !important; }
.lottery-result-container .lottery-result-title { background: #007fa3 !important; color: #ffffff !important; }
.lottery-result-container .lottery-numbers { background: #00b8d9 !important; }

/* GAME LISTS & CONTAINERS */
.slots-games-container, .casino-games-container, .race-games-container,
.arcade-games-container, .crash-game-games-container,
.sports-container, .info-center,
.tab-content-container, .standard-form-container, .standard-form-content,
[data-container-background] { background-color: #2dd6f0 !important; }
.game-list, .game-list-title, .game-list .game-item { background-color: #2dd6f0 !important; }
.game-list .game-name, .slots-games-container .game-name,
.casino-games-container .game-name, .race-games-container .game-name {
    background-color: #007fa3 !important; color: #ffffff !important;
}
.game-list .wrapper-container:hover { background: #00b8d9 !important; }
.large-game-list-container { background-color: #2dd6f0 !important; border-color: #009bbf !important; }
.large-game-list li, .large-game-list .game-provider-img {
    background: linear-gradient(180deg, rgba(0,90,130,0) 0%, rgba(0,100,145,.3) 50%, #005f7a 100%) !important;
}
.large-game-list li .link-container .play-now { background: #007fa3 !important; color: #fff !important; }
.large-game-list li .link-container .free-play { background: #ffffff !important; color: #001a2e !important; }
.play-now { background: linear-gradient(to bottom, #009bbf 0%, #007fa3 88%) !important; color: #fff !important; }
.free-play { background: linear-gradient(to bottom, #00c4e0 0%, #00a3c2 100%) !important; color: #001a2e !important; }
.filter-section { background-color: #00b8d9 !important; }
.slots-games-container .category-filter-link.active,
.slots-games-container .category-filter-link:hover,
.casino-games-container .category-filter-link.active,
.casino-games-container .category-filter-link:hover { background-color: #007fa3 !important; color: #fff !important; }

/* PANEL & CARD */
.panel { background-color: #2dd6f0 !important; }
.panel-default > .panel-heading { background-color: #00b8d9 !important; color: #001a2e !important; border-color: #009bbf !important; }
.panel-primary > .panel-heading.emailbox-heading { background-color: #007fa3 !important; border-color: #005f7a !important; }

/* MODAL */
.modal-content { background-color: #45e3ff !important; border: 2px solid #009bbf !important; color: #001a2e !important; }
.modal-header { background-color: #007fa3 !important; border-bottom-color: #005f7a !important; }
.modal-header .close { color: #ffffff !important; opacity: 1 !important; }
.modal-title, .claim-info-modal h4,
.modal-content h4 { color: #ffffff !important; }
.modal-body p { color: #003344 !important; }
.modal-footer { border-top-color: #009bbf !important; }
.modal-footer .btn-primary { background: linear-gradient(to bottom, #009bbf 0%, #007fa3 100%) !important; color: #fff !important; }
.modal-footer .btn-secondary { color: #005f7a !important; }
.modal-footer .btn-secondary:hover { color: #001a2e !important; }
.modal-btn { background: linear-gradient(to bottom, #009bbf 0%, #007fa3 100%) !important; color: #ffffff !important; }
.modal-btn:hover { background: #005f7a !important; color: #ffffff !important; }

/* FORM */
.form-control, input[type="text"], input[type="password"],
input[type="email"], input[type="number"], select, textarea {
    background-color: #e0f9ff !important;
    color: #001a2e !important;
    border: 1px solid #009bbf !important;
}
.form-control:focus { border-color: #004d70 !important; box-shadow: 0 0 0 2px rgba(0,77,112,.2) !important; }
.form-control[disabled], .form-control[readonly] { background-color: #b0eef8 !important; }
.standard-form-title { background-color: #007fa3 !important; color: #ffffff !important; }
.standard-form-note { background: #007fa3 !important; color: #ffffff !important; }
.standard-form-note span, .standard-form-note strong { color: #e0f9ff !important; }
.standard-inline-form-group label { color: #003344 !important; }
.standard-inline-form-group [data-section="asterisk"] { color: #cc0000 !important; }

/* BUTTONS */
.btn-primary, .standard-button-group .btn-primary,
.email-paging, .modal-footer .btn-primary {
    background: linear-gradient(to bottom, #009bbf 0%, #007fa3 100%) !important;
    color: #ffffff !important; border-color: #005f7a !important;
}
.btn-primary:hover { background: #005f7a !important; color: #ffffff !important; }
.btn-default { background-color: #e0f9ff !important; color: #001a2e !important; border-color: #009bbf !important; }
.email-paging:hover { background-color: #005f7a !important; color: #ffffff !important; }

/* SIDE MENU */
.standard-side-menu, .standard-side-menu .menu-section,
.standard-side-menu-group-label { background-color: #00b8d9 !important; }
.standard-side-menu a { background-color: #00b8d9 !important; color: #001a2e !important; }
.standard-side-menu a[data-active="true"], .standard-side-menu a:hover,
.standard-side-menu .menu-section a[data-active="true"],
.standard-side-menu .menu-section a:hover { background-color: #007fa3 !important; color: #ffffff !important; }
.standard-side-menu .player-account-section { background-color: #007fa3 !important; }
.standard-side-menu .player-account-section .username { color: #ffffff !important; font-weight: bold; }

/* SITE INFO / FOOTER TEXT */
.site-description { color: #003344 !important; }
.site-description h1, .site-description h2, .site-description h3,
.site-description p, .site-description a, .site-description div { color: #003344 !important; }
.site-info .site-info-title { border-bottom-color: #009bbf !important; }
.site-info .site-info-title h3, .site-info .site-info-title p { color: #003344 !important; }
.site-info .site-info-description p, .site-info .site-info-description ul li { color: #003344 !important; }
.site-info .site-info-description h4 { color: #005f7a !important; }
.footer-links > li > a { color: #004d70 !important; }
.footer-links > li > a:hover { color: #001a2e !important; }
.footer-separator { border-top-color: #009bbf !important; }
.footer-section-title, .copyright { color: #004d70 !important; }

/* PROMOTIONS */
.promotions-container { background-color: rgba(0,150,200,.85) !important; }
.promotion-list { background-color: #2dd6f0 !important; }
.promotion-item img { border-color: #009bbf !important; }
.promotion-info { background-color: #2dd6f0 !important; border-color: #009bbf !important; color: #001a2e !important; }
.promotion-item .click-for-get-promo-button { background: linear-gradient(to bottom, #009bbf 0%, #007fa3 100%) !important; color: #ffffff !important; }
.promotion-item .click-for-get-promo-button:hover { background: #005f7a !important; color: #ffffff !important; }
.promotion-info .close-button { background-color: #009bbf !important; color: #ffffff !important; }

/* INBOX / EMAIL */
.message-table { color: #001a2e !important; }
.message-table-header .buttons-container a { color: #004d70 !important; }
.message-table-header .buttons-container a:hover { background-color: #007fa3 !important; color: #fff !important; }
.message-detail-title a { color: #001a2e !important; font-weight: bold; }
.messaging-side-menu { background-color: #00b8d9 !important; }
.inbox-table-body a { color: #004d70 !important; }

/* BANK INFO */
.bank-info { background: linear-gradient(to bottom, #007fa3 0%, #005f7a 100%) !important; }
.bank-info h1 { color: #e0f9ff !important; }
.bank-info h2, .bank-info [data-bank-info="details"] span { color: #ffffff !important; }

/* CONTACT */
.contact-list > li a { background: #00b8d9 !important; color: #001a2e !important; }
.contact-us-list li a { color: #004d70 !important; }

/* DEPOSIT / WITHDRAW */
.deposit-container .standard-form-note a,
.deposit-container .formatted-balance { color: #004d70 !important; }
.withdrawal-container .total-balance { color: #004d70 !important; border-color: #009bbf !important; }
.deposit-amount-container .real-deposit-amount,
.deposit-amount-container .deposit-amount .currency-suffix,
.deposit-amount-container .deposit-amount input.form-control { color: #004d70 !important; }

/* INFO CENTER */
.info-center-title { background-color: #007fa3 !important; color: #ffffff !important; }
.info-center-content { background-color: #2dd6f0 !important; color: #001a2e !important; border: 1px solid #009bbf !important; }
.info-center-content-title { background-color: #009bbf !important; color: #ffffff !important; }

/* CLAIM */
.claim-container { background-color: #2dd6f0 !important; }
.claim-item { background-color: #2dd6f0 !important; color: #001a2e !important; border-color: #009bbf !important; }
.claim-item .claim-button, .claim-item .activation-button,
.claim-item .cancellation-button, .claim-item .expiration-button { background: #007fa3 !important; color: #ffffff !important; }

/* PROFILE */
.standard-profile-bar { background-color: #007fa3 !important; color: #ffffff !important; }
.profile-container .section-heading { color: #003344 !important; }

/* PROVIDER */
.provider-container { color: #001a2e !important; border-color: #009bbf !important; }
.provider-container > h5 { color: #005f7a !important; background-color: #00b8d9 !important; }
.provider-slide { background-color: #00b8d9 !important; }
.provider-slide > main > .slide-item > a:not(.game-info) { background-color: #2dd6f0 !important; }
.provider-slide > main > .slide-item > a:not(.game-info):hover { background-color: #007fa3 !important; }
.provider-slide > main > .slide-item h5 { color: #001a2e !important; }

/* POPOVER */
.popover { background-color: #2dd6f0 !important; border-color: #009bbf !important; color: #001a2e !important; }
.popover.top .arrow { border-top-color: #009bbf !important; }
.popover.top .arrow:after { border-top-color: #2dd6f0 !important; }

/* NOTIFICATION */
.unread-announcements-popup { border-color: #009bbf !important; }
.notification-popup-body .notification-footer { background-color: #007fa3 !important; }
.notification-popup-body .notification-footer a { color: #ffffff !important; }

/* ZTIP */
.ztip-holder { background: rgba(0,50,70,.94) !important; color: #ffffff !important; }

/* BONUS MODAL */
.bonus-slider-modal .modal-content { background-color: #2dd6f0 !important; }
.bonus-slider-modal .modal-header .close { background-color: #ffffff !important; color: #001a2e !important; }
.bonus-slider-modal .modal-title { color: #ffffff !important; }
.bonus-slider-modal .bonus-form { background-color: #00b8d9 !important; color: #001a2e !important; border-top: 2px solid #009bbf !important; }

/* CONFIRMATION MODAL */
.confirmation-message-modal { color: #001a2e !important; }
.confirmation-message-modal .modal-header { background-color: #007fa3 !important; border-color: #005f7a !important; }
.confirmation-message-modal .modal-body { background-color: #45e3ff !important; }
.confirmation-message-modal h4.modal-title { color: #ffffff !important; }
.confirmation-message-modal #delete.confirm-btn { background: linear-gradient(to bottom, #009bbf 0%, #007fa3 100%) !important; color: #ffffff !important; }
.confirmation-message-modal .confirm-btn { background: linear-gradient(to bottom, #c0eef8 0%, #80d8ee 100%) !important; color: #001a2e !important; }

/* SIMPLE MODAL */
.simple-modal .btn-secondary { border: 1px solid #009bbf !important; color: #004d70 !important; }

/* SCRTABS */
.scrtabs-tab-container { background: linear-gradient(to bottom, #009bbf 0%, #007fa3 46%, #009bbf 100%) !important; }

/* DOWNLOAD APK */
.download-apk { color: #001a2e !important; }
.download-apk .btn { background: linear-gradient(to bottom, #009bbf 0%, #007fa3 100%) !important; color: #ffffff !important; }

/* FORGOT PASSWORD */
.forgot-password-warning { background: #00b8d9 !important; color: #001a2e !important; }

/* PENDING TRANSACTIONS */
.pending-transactions-container .pending-transactions-item { background-color: #2dd6f0 !important; color: #001a2e !important; }
.pending-transactions-container .pending-transactions-item [data-payment-gateway] { background-color: #007fa3 !important; color: #ffffff !important; }
.modal-body .pending-transaction-summary-container { background-color: #b0eef8 !important; border-color: #009bbf !important; color: #001a2e !important; }
.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer a { background-color: #007fa3 !important; color: #ffffff !important; }
.modal-body .pending-transaction-details-container { background-color: #2dd6f0 !important; border-color: #009bbf !important; color: #001a2e !important; }

/* TOP TAB */
.top-tab-container { border-bottom: 2px solid #009bbf !important; }
.top-tab-container a { background-color: #00b8d9 !important; color: #001a2e !important; }
.top-tab-container a[data-active="true"], .top-tab-container a:hover { background-color: #007fa3 !important; color: #ffffff !important; }

/* EXPIRATION */
.expiration-countdown [data-section] { background-color: #007fa3 !important; color: #ffffff !important; }
.expiration-countdown [data-section="title"] { background-color: #005f7a !important; color: #ffffff !important; }

/* FLOATING BTN */
.floating-action-button .floating-action-button-item { box-shadow: 0 4px 24px 0 rgba(0,155,191,.5) !important; }

/* PAYMENT MAINTENANCE */
.payment-maintenance-container { background: #007fa3 !important; color: #ffffff !important; }
.remarks-container { border-color: #009bbf !important; background: rgba(0,155,191,.09) !important; color: #001a2e !important; }

/* REGISTER DONE */
.register-done-container { color: #001a2e !important; }
.register-done-container > a { background-color: #007fa3 !important; color: #ffffff !important; }
.register-done-container > h2 { color: #001a2e !important; }

/* TABLE */
.table .table { background-color: #2dd6f0 !important; }

/* PROGRESSBAR */
.progressbar { background: #009bbf !important; }
.proggress { background: #00b8d9 !important; }
.percentCount { color: #004d70 !important; }

/* CONTENT INFO */
.standard-content-info { border: 1px solid #009bbf !important; }
.standard-content-info table > thead > tr > th { background-color: #007fa3 !important; color: #fff !important; }
.standard-content-info .standard-content-block { background-color: #2dd6f0 !important; }

/* REFERRAL */
.referral-box-container .referral-box { background-color: #007fa3 !important; border-bottom: 1px solid #45e3ff !important; }
.referral-box-container .referral-box span { color: #ffffff !important; }
.referral-code-container { border: 1px dashed #009bbf !important; }

/* OTP */
.otp-hr { border-color: #009bbf !important; }
.request-otp-button, .contact-verification-link { border-color: #009bbf !important; color: #004d70 !important; }
.otp-input { border-color: #009bbf !important; }

/* SCROLLBAR */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #2dd6f0; }
::-webkit-scrollbar-thumb { background: #009bbf; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #007fa3; }