/* ==============================================
   DARK GREEN THEME - kepo88itcom
   Replaces: desktop-dark-blue-css.css
   Palette:
     Primary green dark  : #2d7a4f
     Primary green mid   : #4caf7d
     Primary green light : #a8e6c3
     Accent highlight    : #6fcf97
     Background deep     : #0a120e
     Background card     : #101e16
     Border              : #1a4a32
     Text light          : #c8e6d8
   ============================================== */

/* ---- Topbar ---- */
.topbar-container {
    background: #060e0a
}

.topbar-left-section .topbar-item {
    color: #a8e6c3;
    border-right-color: #1a4a32
}

.topbar-left-section .topbar-item a:hover {
    color: #6fcf97
}

.topbar-left-section .topbar-item .live-chat {
    color: #a8e6c3;
    background-color: #1a4a32
}

.topbar-left-section .topbar-item .live-chat:hover {
    color: #fff;
    background: #2d7a4f;
    background: linear-gradient(to bottom, #4caf7d 0%, #2d7a4f 100%)
}

.topbar-left-section .language-selector {
    background-color: #0d1a12
}

.topbar-left-section .language-selector li {
    border-bottom: 1px solid #1a4a32
}

/* ---- Site Header ---- */
.site-header {
    background: #0d1a12;
    border-color: #0d1a12
}

.top-menu>.li>a {
    color: #9DBFAC
}

.top-menu>li>a {
    color: #9dbfac
}

.top-menu>li>a:hover,
.top-menu>li[data-active="true"]>a {
    color: #6fcf97
}

.top-menu .game-list {
    border-top-color: #0d1a12;
    background-color: rgba(6, 14, 10, .95);
    border-bottom-color: #1a4a32
}

.top-menu .game-list>li>a .background {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(45, 122, 79, .65) 99.99%);
    border-color: #2d7a4f
}

/* ---- Login panel (desktop header) ---- */
.login-panel {
    color: #fff
}

.login-panel input[type=text],
.login-panel input[type=password] {
    background-color: #060e0a;
    color: #9dbfac;
    border-color: #2d7a4f
}

.login-panel .login-button {
    background: #3a6b4e;
    background: linear-gradient(to bottom, #3a6b4e 0%, #22412e 100%);
    color: #fff
}

.login-panel .login-button:hover {
    background: #22412e;
    background: linear-gradient(to bottom, #22412e 0%, #3a6b4e 100%)
}

.login-panel .register-button {
    background: #4caf7d;
    background: linear-gradient(to bottom, #6fcf97 0%, #2d7a4f 100%);
    color: #fff
}

.login-panel .register-button:hover {
    background: #2d7a4f;
    background: linear-gradient(to bottom, #2d7a4f 0%, #6fcf97 100%);
    color: #e0f5ea
}

.login-panel .forgot-password-link,
.login-panel .forgot-password-link:hover {
    color: #ef3c39
}

/* ---- Topbar Register/Login buttons (mobile topbar) ---- */
.topbar-right-container .login-panel .login-button,
.topbar-right-container .login-panel .register-button {
    border-radius: 4px
}

/* ---- Banner ---- */
.banner {
    background: #060e0a
}

.banner .carousel-indicators .active,
.banner .carousel-indicators .slick-active {
    background-color: #4caf7d;
    border-color: #4caf7d
}

/* ---- Popular games / tabs ---- */
.popular-games .nav-tabs>li>a {
    background-color: #0d1a12
}

.popular-games .nav-tabs>li.active>a,
.popular-games .nav-tabs>li.active>a:hover,
.popular-games .nav-tabs>li>a:hover {
    background-color: #101e16
}

.popular-games .tab-pane {
    background-color: #111d16
}

.popular-games .tab-content {
    border-color: #111d16
}

.popular-games [data-section="left"] .section-title {
    background-color: #0d1a12;
    color: #6fcf97
}

.popular-games .scrtabs-tab-scroll-arrow {
    color: #4caf7d;
    background-color: transparent
}

/* ---- Home info / telegram banner ---- */
.home-info-container,
.telegram-banner-container {
    background: #0a120e;
    border-bottom-color: #1a4a32
}

/* ---- Slots / casino / race games ---- */
.slots-games-container,
.casino-games-container,
.race-games-container,
.arcade-games-container,
.crash-game-games-container {
    background-color: #111d16
}

.slots-games-container .filter-section,
.casino-games-container .filter-section,
.race-games-container .filter-section,
.arcade-games-container .filter-section,
.crash-game-games-container .filter-section {
    background-color: #111d16
}

.slots-games-container .filter-section input[type=text],
.casino-games-container .filter-section input[type=text],
.race-games-container .filter-section input[type=text] {
    background: #0a120e;
    color: #a8e6c3
}

.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,
.race-games-container .category-filter-link.active,
.race-games-container .category-filter-link:hover,
.arcade-games-container .category-filter-link.active,
.arcade-games-container .category-filter-link:hover,
.crash-game-games-container .category-filter-link.active,
.crash-game-games-container .category-filter-link:hover {
    background-color: #2d7a4f
}

.slots-games-container .game-name,
.casino-games-container .game-name,
.race-games-container .game-name {
    background-color: #2d7a4f
}

.game-list .game-name {
    color: #fff;
    background-color: #2d7a4f
}

/* ---- Game list ---- */
.game-list-title>div {
    background-color: inherit;
    color: #c8e6d8
}

.game-list-title,
.game-list {
    background-color: #0d1a12
}

.game-list {
    border-color: #0d1a12
}

.game-list .game-item {
    background-color: #0a120e
}

.game-list .wrapper-container:hover {
    background: #060e0a
}

.large-game-list-container {
    border: 1px solid #0d1a12;
    padding: 15px;
    background-color: #101e16
}

.large-game-list li,
.large-game-list .game-provider-img {
    background: linear-gradient(180deg, rgba(26, 74, 50, 0) 0%, rgba(45, 122, 79, .33) 50%, #1a4a32 100%)
}

.large-game-list li .link-container .play-now,
.large-game-list .game-provider-img .link-container .play-now {
    background: #4caf7d;
    color: #fff
}

.large-game-list li .link-container .free-play,
.large-game-list .game-provider-img .link-container .free-play {
    background: #fff;
    color: #000
}

/* ---- Play buttons ---- */
.play-now {
    background: #4caf7d;
    background: linear-gradient(to bottom, #6fcf97 0%, #2d7a4f 88%);
    color: #fff;
    border: 0
}

.play-now:hover {
    background: #2d7a4f;
    background: linear-gradient(to bottom, #2d7a4f 0%, #6fcf97 88%)
}

.free-play {
    background: #6b6b6b;
    background: linear-gradient(to bottom, #6b6b6b 0%, #404040 100%);
    color: #fff;
    border: 0
}

.free-play:hover {
    background: #404040;
    background: linear-gradient(to bottom, #404040 0%, #6b6b6b 100%)
}

/* ---- Home game list containers ---- */
.home-game-list-container .container-title span {
    color: #fff;
    background-color: #2d7a4f
}

.home-game-list-container .container-title span:after {
    background-color: #2d7a4f
}

.home-game-list-container .container-content {
    border: 1px solid #2d7a4f
}

.home-game-list-container .container-content .game-list .game-item .game-name {
    color: #a8e6c3
}

.popular-game-title-container .container-title span {
    color: #fff;
    background-color: #2d7a4f
}

.popular-game-title-container .container-title span:after {
    background-color: #2d7a4f
}

.popular-game-title-container .container-content {
    border: 1px solid #2d7a4f
}

.popular-game-title-container .container-content .game-list .game-item .game-name {
    color: #a8e6c3
}

/* ---- Info center ---- */
.info-center {
    background-color: #0a120e
}

.info-center-title {
    background-color: #2d7a4f;
    color: #fff
}

.info-center-content {
    background-color: #0a120e;
    color: #a8e6c3
}

.info-center-content-title {
    background-color: #111d16;
    color: #a8e6c3
}

/* ---- Jackpot / winners ---- */
.jackpot-winners {
    background: #0a120e;
    background: linear-gradient(to bottom, #0a120e 0%, #1a3024 46%, #0a120e 100%)
}

.jackpot-winners .winners-ticker-container {
    color: #fff;
    background-color: #060e0a
}

.jackpot-winners .winners-ticker-container ul li {
    background-color: #0d1a12
}

.winners-ticker ul li .winner-info {
    color: #c8e6d8
}

.winners-ticker ul li .winner-amount {
    color: #6fcf97
}

.progressive-jackpot .jackpot-currency,
.progressive-jackpot .jackpot-container {
    color: #6fcf97
}

/* ---- Announcement / notice ---- */
.announcement-container {
    background-color: #111d16;
    color: #a8e6c3
}

.announcement-container .announcement-list li {
    color: #fff
}

.announcement-container>[data-section="announcements"] {
    background: #111d16
}

.tickercontainer {
    background: #0d1a12;
    color: #a8e6c3
}

.notice ul li {
    color: #a8e6c3
}

.forgot-password-warning {
    background: #0d1a12;
    color: #a8e6c3
}

/* ---- Site footer ---- */
.site-footer {
    border-top-color: #0d1a12;
    background: #060e0a;
    background-image: none
}

.site-info-container:not(:last-child):after {
    background-color: #1a4a32
}

.site-info .site-info-title {
    border-bottom-color: #1a4a32
}

.site-info .site-info-title h3 {
    color: #6fcf97
}

.site-info .site-info-title p {
    color: #4a7a5c
}

.site-info .site-info-description.with-seperator+.with-seperator {
    border-top-color: #1a4a32
}

.footer-links>li>a {
    color: #5a8a6c
}

.footer-links>li>a:hover {
    color: #a8e6c3
}

.footer-links>li+li>a {
    border-left-color: #1a4a32
}

.footer-section-title {
    color: #5a8a6c
}

.footer-separator {
    border-top-color: #1a4a32
}

.copyright {
    color: #4a7a5c
}

.site-description {
    color: #2d4a38
}

.site-info .site-info-description h4 {
    color: #6fcf97
}

.site-info .site-info-description p {
    color: #4a7a5c
}

.site-info .site-info-description ul li {
    color: #4a7a5c
}

.site-info-container p {
    color: #4a7a5c
}

.site-info-container h5 {
    color: #6fcf97
}

/* ---- Site description article area ---- */
.site-description h1,
.site-description h2,
.site-description h3,
.site-description p,
.site-description a,
.site-description div {
    color: #4a7a5c
}

/* ---- Modals ---- */
.modal-content {
    background-color: #0b1510;
    border-color: #0b1510;
    color: #c8e6d8
}

.modal-header {
    border-bottom-color: #1a4a32
}

.modal-header .close {
    color: #a8e6c3;
    opacity: 1;
    margin: 0
}

.modal-content h4,
.download-popup-modal .modal-header .modal-title {
    color: #4caf7d
}

.claim-info-modal h4,
.modal-title {
    color: #2d7a4f
}

.modal-body p {
    color: #c8e6d8
}

.modal-footer {
    border-top-color: #1a4a32
}

.modal-footer .btn-secondary {
    background: none;
    color: #6fcf97
}

.modal-footer .btn-secondary:hover {
    color: #a8e6c3
}

.modal-footer .btn-primary {
    color: #fff;
    background: #4caf7d;
    background: linear-gradient(to bottom, #6fcf97 0%, #2d7a4f 100%)
}

.modal-footer .btn-primary:hover {
    background: #2d7a4f;
    background: linear-gradient(to bottom, #2d7a4f 0%, #6fcf97 100%)
}

/* ---- Standard buttons ---- */
.standard-button-group .btn-primary,
.messaging-side-menu .support-ticket>a,
.deposit-container .reveal-bank-account-button {
    color: #fff;
    background: #4caf7d;
    background: linear-gradient(to bottom, #6fcf97 0%, #2d7a4f 100%)
}

.standard-button-group .btn-primary:hover,
.messaging-side-menu .support-ticket>a:hover,
.deposit-container .reveal-bank-account-button:hover {
    background: #2d7a4f;
    background: linear-gradient(to bottom, #2d7a4f 0%, #6fcf97 100%);
    color: #fff
}

.modal-btn {
    background: #4caf7d;
    color: #fff
}

.modal-btn:hover {
    color: #fff;
    background: #2d7a4f;
    background: linear-gradient(to bottom, #2d7a4f 0%, #4caf7d 100%)
}

.modal-btn.blank {
    color: #000;
    background: #ddd;
    background: linear-gradient(to bottom, #ddd 0%, #7f7f7f 100%)
}

.modal-btn.blank:hover {
    background: #7f7f7f;
    background: linear-gradient(to bottom, #7f7f7f 0%, #ddd 100%)
}

/* ---- Standard forms ---- */
.standard-form-container {
    background-color: #0b1510
}

.standard-form-note {
    background: #1a3024;
    color: #a8e6c3
}

.standard-form-note span {
    color: #6fcf97
}

.standard-form-note strong {
    color: #6fcf97
}

.standard-form-title {
    background-color: #2d7a4f;
    color: #fff
}

.standard-inline-form-group label {
    color: #6a9a7c
}

.standard-inline-form-group [data-section="asterisk"] {
    color: #f00
}

.standard-form-content {
    background-color: #101e16
}

.standard-content-info {
    border: 1px solid #1a4a32
}

.standard-content-info table {
    border: 1px solid #1a4a32
}

.standard-content-info table>thead>tr>th {
    background-color: #1a4a32
}

.standard-content-info .standard-content-block {
    background-color: #111d16
}

.standard-content-info h2 {
    color: #6fcf97
}

.standard-inline-form-group .form-control[readonly] {
    background-color: #1a3024
}

/* ---- Form controls ---- */
.form-control,
.mobile-app-container .mobile-app-select {
    border-color: #1a4a32;
    background: #080e0b;
    color: #9dbfac
}

.form-control.input-validation-error {
    background-color: #111d16;
    color: #6fcf97
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #060e0a
}

/* ---- Side menu ---- */
.standard-side-menu-group-label,
.standard-side-menu a {
    background-color: #0d1a12;
    color: #c8e6d8
}

.standard-side-menu a[data-active="true"],
.standard-side-menu a:hover {
    color: #6fcf97;
    background-color: #0a120e
}

.standard-side-menu,
.standard-side-menu .menu-section {
    background-color: #101e16
}

.standard-side-menu .player-account-section {
    background-color: #111d16
}

.standard-side-menu .player-account-section .username {
    color: #6fcf97
}

.standard-side-menu .menu-section hr {
    border-color: #2d7a4f
}

.standard-side-menu .menu-section a:hover,
.standard-side-menu .menu-section a:focus,
.standard-side-menu .menu-section a[data-active="true"] {
    background-color: #1a3024;
    color: #a8e6c3
}

.promotions-container .standard-side-menu li a {
    background-color: #0d1a12;
    color: #fff
}

.promotions-container .standard-side-menu a[data-active="true"],
.promotions-container .standard-side-menu a:hover {
    background-color: #0a120e;
    color: #6fcf97
}

/* ---- Promotions ---- */
.promotions-container {
    background-color: rgba(6, 14, 10, .85)
}

.promotion-list {
    background-color: rgba(8, 18, 12, 1)
}

.promotion-item img {
    border-color: #060e0a
}

.promotion-info {
    background-color: #060e0a;
    border-color: #060e0a;
    color: #9dbfac
}

.promotion-item .click-for-get-promo-button {
    background: #4caf7d;
    background: linear-gradient(to bottom, #6fcf97 0%, #2d7a4f 100%);
    color: #fff
}

.promotion-item .click-for-get-promo-button:hover {
    background: #2d7a4f;
    background: linear-gradient(to bottom, #2d7a4f 0%, #6fcf97 100%);
    color: #fff
}

.promotion-info .close-button {
    background: none;
    background-color: #cacaca;
    color: #080808
}

/* ---- Top tab container ---- */
.tab-content-container {
    background-color: #101e16
}

.top-tab-container {
    border-bottom: 2px solid #1a3024
}

.top-tab-container a {
    color: #a8e6c3;
    background-color: #101e16
}

.top-tab-container a[data-active="true"],
.top-tab-container a:hover {
    color: #a8e6c3;
    background-color: #1a3024
}

/* ---- User info / wallet ---- */
.user-info {
    color: #fff
}

.user-info .user-main-info {
    background: #111d16;
    box-shadow: 0 4px 4px 0 #00000040
}

.user-info [data-new-notification="true"]:before {
    background: #fc1818;
    color: #fff
}

.user-info .wallet-container .balance {
    color: #6fcf97
}

.user-info .wallet-container .locked-balance {
    background: #1a3024;
    color: #6fcf97
}

.user-info .dropdown-menu {
    background-color: #111d16;
    color: #c8e6d8;
    border: 4px solid #111d16
}

.user-info .dropdown-menu>li>a {
    color: #c8e6d8;
    background-color: #0d1a12
}

.user-info .dropdown-menu>li>a:focus,
.user-info .dropdown-menu>li>a:hover {
    color: #6fcf97;
    background-color: #101e16
}

.user-info .dropdown-menu.vendor-balances-container {
    background-color: rgba(6, 14, 10, .9)
}

.user-info .vendor-balances-container .vendor-balances-header,
.user-info .vendor-balances-container strong {
    color: #4caf7d
}

.user-info .vendor-balances-container .vendor-balances-header {
    border-bottom: 2px solid #4caf7d
}

.user-info .vendor-balances-container {
    border: 3px solid #4caf7d
}

/* ---- Contact list ---- */
.contact-us-list li a {
    color: #4caf7d
}

.contact-us-list li h6 {
    color: #5a8a6c
}

.contact-list>li a {
    background: #0a120e;
    color: #a8e6c3;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding-left: 20px
}

.contact-list>li a i {
    background: #2d7a4f;
    color: #6fcf97
}

/* ---- Bank info ---- */
.bank-info {
    background-color: #111d16;
    background: linear-gradient(to bottom, #111d16 0%, #111d16 100%)
}

.bank-info hr {
    border-top: 1px solid #060e0a;
    border-bottom: 1px solid #1a4a32
}

.bank-info h1 {
    color: #9dbfac
}

.bank-info h2,
.bank-info [data-bank-info="details"] span {
    color: #c8e6d8
}

.bank-info-block {
    background-color: #1a3024;
    color: #c8e6d8
}

.bank-info-block hr {
    border-top: 1px solid #111d16;
    border-bottom: 1px solid #1a4a32
}

.bank-info-container .carousel-indicators .active,
.bank-info-container .carousel-indicators li:hover {
    background-color: #4caf7d
}

.deposit-container .bank-info {
    background-color: #111d16;
    color: #6a9a7c
}

/* ---- Deposit / Withdrawal ---- */
.deposit-container .standard-form-note a,
.deposit-container .formatted-balance {
    color: #4caf7d
}

.deposit-container .copy-bank-account-button,
.copy-input-button-field .copy-input-button,
.withdrawal-container .copy-bank-account-button {
    color: #2d7a4f
}

.deposit-container .copy-bank-account-button:hover,
.copy-bank-account-button:hover,
.withdrawal-container .copy-bank-account-button:hover {
    color: #1a4a32
}

.deposit-container .bank-info .copy-bank-account-button {
    color: #fff
}

.deposit-container .bank-info .copy-bank-account-button:hover {
    color: #ddd
}

.deposit-amount-container .real-deposit-amount,
.deposit-amount-container .deposit-amount .currency-suffix,
.deposit-amount-container .deposit-amount input.form-control {
    color: #2d7a4f
}

.deposit-amount-container .deposit-amount .currency-label,
.withdrawal-container .withdrawal-amount .currency-label {
    color: #c8e6d8
}

.deposit-amount-container .real-deposit-amount:before {
    color: #fff
}

.withdrawal-container .total-balance {
    color: #4caf7d;
    border-color: #ccc
}

.withdrawal-container .bank-info {
    background-color: #060e0a
}

/* ---- Profile ---- */
.standard-profile-bar {
    background-color: #111d16;
    color: #fff
}

.standard-profile-bar .user-field div .username {
    color: #6fcf97
}

.standard-profile-bar .referral-code-container {
    border: 1px dashed #4caf7d;
    background-color: #1a3024;
    color: #4caf7d
}

.profile-container .section-heading {
    color: #c8e6d8
}

.profile-container .mobile-info-button {
    border-color: #2d7a4f
}

.profile-container .mobile-info-button:hover {
    background-color: #2d7a4f;
    color: #fff
}

/* ---- Referral ---- */
.referral-box-container .referral-box {
    background-color: #1a3024;
    border-bottom: 1px solid #4caf7d
}

.referral-box-container .referral-box span {
    color: #6fcf97
}

.referral-box-container .referral-box .referral-box-icon {
    background: linear-gradient(180deg, #6fcf97 0%, #2d7a4f 100%)
}

.referral-code-container {
    border: 1px dashed #1a4a32
}

/* ---- Claim ---- */
.claim-container {
    background-color: #0d1a12
}

.claim-container .standard-form-note {
    color: #c8e6d8
}

.standard-form-note.claim-note span,
.standard-form-note.claim-note strong {
    color: #a8e6c3
}

.claim-item {
    background-color: #0b1510;
    color: #c8e6d8;
    border-color: #2d7a4f
}

.claim-item .claim-button,
.claim-item .activation-button,
.claim-item .cancellation-button,
.claim-item .expiration-button {
    background: #2d7a4f;
    color: #fff
}

.claim-item .claim-button:hover,
.claim-item .activation-button:hover,
.claim-item .cancellation-button:hover,
.claim-item .expiration-button:hover {
    background: #4caf7d
}

.claim-item-type>div {
    color: #fff;
    background-color: #1a4a32
}

.claim-filter-container select.form-control {
    color: #6fcf97;
    background-color: #111d16;
    border-color: #a8e6c3
}

/* ---- Provider ---- */
.provider-container {
    color: #2d4a38;
    border-color: #1a4a32
}

.provider-container>h5 {
    color: #4a7a5c;
    background-color: #0a120e
}

.provider-page .large-game-list-container,
.provider-info {
    background-color: #101e16
}

.game-provider-desc-arcade,
.game-provider-desc-sport,
.game-provider-desc-crash-game,
.game-provider-desc,
.provider-info h5,
.provider-info p {
    color: #4caf7d
}

.provider-slide {
    background-color: #0a120e
}

.provider-slide>i {
    background-color: rgba(45, 122, 79, .15);
    color: #a8e6c3
}

.provider-slide>i:hover {
    background-color: rgba(45, 122, 79, .3)
}

.provider-slide>main>.slide-item {
    background-color: rgba(45, 122, 79, .1)
}

.provider-slide>main>.slide-item>a:not(.game-info) {
    background-color: #0a120e
}

.provider-slide>main>.slide-item>a:not(.game-info):hover {
    background-color: #1a3024
}

.provider-slide>main>.slide-item h5 {
    color: #fff
}

/* ---- Messaging / inbox ---- */
.messaging-side-menu {
    background-color: #111d16
}

.messaging-side-menu [data-active="true"] a,
.messaging-side-menu a:hover {
    color: #4caf7d;
    border-color: #4caf7d
}

.replied-message {
    color: #2d7a4f;
    border-color: #1a4a32
}

.replied-message[data-creator="true"] .replied-message-content {
    background-color: #0d1a12;
    color: #c8e6d8
}

.panel-primary>.panel-heading.emailbox-heading {
    background-color: #112a1c;
    border-color: #2d7a4f
}

.panel-heading.emailbox-heading .panel-tabs>li>a {
    border-color: #112a1c
}

.panel-heading.emailbox-heading .panel-tabs>li.active>a {
    border-bottom: 5px solid #4caf7d
}

.panel-heading.emailbox-heading .panel-tabs>li.active>a,
.panel-heading.emailbox-heading .panel-tabs>li.active>a:hover,
.panel-heading.emailbox-heading .panel-tabs>li.active>a:focus {
    background-color: transparent
}

.panel-heading.emailbox-heading .panel-tabs>li.active i {
    color: #4caf7d
}

.panel-heading.emailbox-heading .panel-tabs>li.active>a span {
    color: #4caf7d
}

.message-table {
    color: #c8e6d8
}

.message-table-header .buttons-container a {
    color: #c8e6d8
}

.message-table-header .buttons-container a:hover {
    background-color: #2d7a4f;
    color: #fff
}

.message-detail-title a {
    color: #a8e6c3
}

.email-paging {
    background-color: #1a3024;
    color: #a8e6c3
}

.email-paging:hover {
    background-color: #2d7a4f;
    color: #fff
}

.inbox-table-body a {
    color: #c8e6d8
}

.inbox-table-body div {
    border-color: #1a4a32
}

.inbox-table-header div {
    border-color: #1a4a32
}

.inbox-table-header>div:nth-child(3)>ul>li>a {
    color: #a8e6c3
}

.inbox-table-header>div:nth-child(3)>ul>li>a:hover {
    background: #2d7a4f
}

ul.email-right-header li a {
    color: #404040
}

ul.email-right-header li a:hover {
    background: #a8e6c3
}

ul.email-right-header li.active a {
    background: #a8e6c3
}

/* ---- Panel ---- */
.panel-default,
.panel-default>.panel-heading,
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-color: transparent
}

.panel-default>.panel-heading {
    background-color: #0d1a12
}

.panel {
    background-color: #111d16
}

/* ---- Confirmation / modal dialogs ---- */
.confirmation-message-modal {
    color: #fff
}

.confirmation-message-modal .modal-header {
    background-color: #2d7a4f;
    border-color: #1a4a32
}

.confirmation-message-modal .modal-body {
    background-color: #0d1a12
}

.confirmation-message-modal h4.modal-title {
    color: #fff
}

.confirmation-message-modal #delete.confirm-btn {
    color: #fff;
    background: #4caf7d;
    background: linear-gradient(to bottom, #6fcf97 0%, #2d7a4f 100%)
}

.confirmation-message-modal #delete.confirm-btn:hover {
    background: #2d7a4f;
    background: linear-gradient(to bottom, #2d7a4f 0%, #6fcf97 100%)
}

.confirmation-message-modal .confirm-btn {
    color: #000;
    background: #ddd;
    background: linear-gradient(to bottom, #ddd 0%, #7f7f7f 100%)
}

.confirmation-message-modal .confirm-btn:hover {
    background: #7f7f7f;
    background: linear-gradient(to bottom, #7f7f7f 0%, #ddd 100%)
}

/* ---- Bonus slider modal ---- */
.bonus-slider-modal .modal-header {
    border-color: #1a4a32
}

.bonus-slider-modal .modal-content {
    background-color: #0d1a12
}

.bonus-slider-modal .close-button {
    background-color: #1a3024
}

.bonus-slider-modal .close-button:hover {
    background-color: #112a1c
}

.bonus-slider-modal .bonus-form {
    background-color: #111d16;
    color: #c8e6d8;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    border-top: 2px solid #2d7a4f
}

.bonus-slider-modal .activation-button {
    color: #fff;
    background: #2d7a4f
}

.bonus-slider-modal .activation-button:hover {
    color: #fff;
    background: #1a4a32
}

.bonus-slider-modal .modal-header .close {
    background-color: #c8e6d8;
    color: #000;
    opacity: 1
}

.bonus-slider-modal .modal-title {
    color: #fff
}

.bonus-controls-field .bonus-control-button {
    background-color: #c8e6d8;
    color: #2d4a38
}

.bonus-controls-field .bonus-amount {
    background-color: #0a120e;
    color: #6fcf97
}

.bonus-range .bubble {
    color: #fff;
    border-color: #4caf7d;
    background: #0a120e
}

.bonus-range .bubble::before {
    border-color: rgba(76, 175, 125, 0);
    border-top-color: #4caf7d
}

.bonus-range .bubble::after {
    border-color: rgba(10, 18, 14, 0);
    border-top-color: #0a120e
}

/* ---- Expiration countdown ---- */
.expiration-countdown-container h6.active {
    color: #4caf7d
}

.expiration-countdown-container small.active {
    color: #4caf7d
}

.expiration-countdown [data-section] {
    background-color: #1a3024;
    color: #6fcf97;
    border-left-color: #a8e6c3
}

.expiration-countdown [data-section="title"] {
    background-color: #2d7a4f;
    color: #fff
}

/* ---- OTP ---- */
.otp-hr {
    border-color: #2d7a4f
}

.request-otp-button,
.request-otp-button:hover,
.contact-verification-link,
.contact-verification-link:hover {
    border-color: #2d7a4f;
    color: #2d7a4f
}

.otp-input {
    border-color: #2d7a4f
}

/* ---- Payment ---- */
[data-payment-gateway] .download-qr-button {
    background: #4caf7d;
    background: linear-gradient(to bottom, #6fcf97 0%, #2d7a4f 100%);
    color: #fff
}

.pending-transactions-container .pending-transactions-item {
    color: #c8e6d8;
    background-color: #0d1a12
}

.pending-transactions-container .pending-transactions-item [data-payment-gateway] {
    background-color: #111d16;
    color: #c8e6d8
}

.pending-transactions-container .pending-transactions-item .pending-transaction-remarks-container {
    border-color: #a8e6c340;
    color: #c8e6d8;
    background-color: #c8e6d80f
}

.modal-body .pending-transaction-summary-container,
.claim-info-modal .alert-container,
.payment-account-creation-remarks {
    border-color: #4caf7d;
    color: #c8e6d8;
    background-color: #1a3024
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer {
    border-top-color: #ffffff14
}

.modal-body .pending-transaction-summary-container .pending-transaction-summary-footer a {
    color: #fff;
    background-color: #2d7a4f
}

.modal-body .pending-transaction-details-container {
    color: #c8e6d8;
    background-color: #0d1a12;
    border-color: #1a4a32
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item {
    background-color: #111d16;
    border-color: #111d16
}

.modal-body .pending-transaction-details-container .pending-transaction-details-item hr {
    border-color: #1a4a32
}

.payment-maintenance-container,
.remarks-container {
    background: #1a3024;
    color: #fff
}

.payment-maintenance-container i,
.remarks-container i {
    background-color: #f00;
    color: #fff;
    border-color: #fff
}

.remarks-container {
    border-color: #4caf7d;
    background: rgba(76, 175, 125, .09)
}

.remarks-container i {
    background-color: transparent;
    border-color: #4caf7d;
    color: #4caf7d
}

/* ---- Scrtabs ---- */
.scrtabs-tab-container {
    background: #111d16;
    background: -moz-linear-gradient(top, #111d16 0%, #1a3024 46%, #111d16 100%);
    background: -webkit-linear-gradient(top, #111d16 0%, #1a3024 46%, #111d16 100%);
    background: linear-gradient(to bottom, #111d16 0%, #1a3024 46%, #111d16 100%)
}

/* ---- Popover ---- */
.popover {
    background-color: #101e16;
    border-color: #4caf7d;
    color: #6fcf97
}

.popover.top .arrow {
    border-top-color: #4caf7d
}

.popover.top .arrow:after {
    border-top-color: #101e16
}

/* ---- Sports ---- */
.sports-container {
    background: #060e0a
}

.sports-matches-container {
    background-color: #060e0a;
    color: #c8e6d8
}

.sport-match-item {
    color: #fff;
    background: #4caf7d;
    background: linear-gradient(to bottom, #6fcf97 0%, #2d7a4f 100%)
}

.sport-match-item .match-info-container {
    background-color: #0d1a12
}

.sport-match-item .match-date>span {
    color: #fff
}

.sport-match-item .match-info {
    color: #a8e6c3
}

.sport-match-item .match-teams>span {
    color: #6fcf97
}

.sport-match-item .match-teams {
    color: #fff
}

.sport-match-item:nth-child(even) {
    background-color: #111d16;
    color: #c8e6d8
}

.sport-match-item:nth-child(even) .match-info-container {
    background-color: #0a120e;
    color: #c8e6d8
}

.sport-match-item:nth-child(even) .match-date>span {
    color: #a8e6c3
}

.hot-match-container {
    color: #c8e6d8
}

.hot-match-container [data-match-info="date"] {
    color: #6fcf97
}

.hot-match-container .live-streaming-link {
    border-color: #4caf7d;
    color: #6fcf97
}

.hot-match-container .live-streaming-link:hover {
    color: #fff;
    background-color: #4caf7d;
    border-color: #1a4a32
}

/* ---- Standard reporting ---- */
.standard-reporting-control-group .btn-primary {
    color: #fff;
    background: #4caf7d;
    background: linear-gradient(to bottom, #6fcf97 0%, #2d7a4f 100%)
}

.standard-reporting-control-group .btn-primary:hover {
    background: #2d7a4f;
    background: linear-gradient(to bottom, #2d7a4f 0%, #6fcf97 100%);
    color: #fff
}

/* ---- Lottery ---- */
.lottery-result-container {
    background-color: #0d1a12;
    color: #4a7a5c
}

.lottery-result-container .lottery-result-title {
    background: #1a3024;
    color: #6fcf97
}

.lottery-result-container .lottery-numbers {
    background: #040a07
}

/* ---- Nav tabs ---- */
.nav-tabs>li>a:hover {
    border-color: #1a4a32 #1a4a32 #1a4a32;
    background-color: #0a120e;
    color: #6fcf97
}

/* ---- Slot jackpot ---- */
.slot-jackpot-container {
    background-color: rgba(10, 18, 14, .55)
}

/* ---- Download APK ---- */
.download-apk {
    color: #fff
}

.download-apk-section i {
    color: #2d7a4f
}

.download-apk .btn {
    color: #fff;
    background: #4caf7d;
    background: linear-gradient(to bottom, #6fcf97 0%, #2d7a4f 100%);
    border: 0
}

.download-apk .btn:hover {
    color: #e0f5ea
}

/* ---- Progress bar ---- */
.percentCount {
    color: #4a7a5c
}

.progressbar {
    background: #111d16 !important
}

.proggress {
    background: #2d7a4f !important
}

/* ---- Bank list status ---- */
.bank-list>[data-online='true']:before {
    background-color: #0f0
}

.bank-list>[data-online='false']:before {
    background-color: #e00
}

/* ---- Notifications ---- */
.unread-announcements-popup {
    border-color: #2d7a4f
}

.unread-announcements-popup:before {
    border-bottom-color: #2d7a4f
}

.notification-popup-body .notification-footer {
    background-color: #2d7a4f;
    border-top-color: #1a4a32
}

.notification-popup-body .notification-footer a {
    color: #fff
}

.standard-remark-notification .remark-notification-content span {
    color: #a8e6c3
}

/* ---- Update verification ---- */
.update-verification-note-container .update-verification-note {
    background: #111d16;
    color: #c8e6d8
}

.update-verification-note-container .update-verification-note span {
    color: #f00
}

/* ---- Register done ---- */
.register-done-container {
    color: #4a7a5c
}

.register-done-container>a {
    background-color: #2d7a4f;
    color: #fff
}

.register-done-container>h2 {
    color: #a8e6c3
}

.register-done-container>h2>span {
    color: #4caf7d
}

.register-done-container>img {
    background-color: transparent
}

/* ---- Misc ---- */
.register-page-reminder {
    color: #6fcf97
}

.link-container a.game-info,
.game-info {
    color: #2d4a38;
    border-color: #2d4a38
}

.link-container a.game-info:hover,
.link-container a.game-info:focus,
.game-info:hover,
.game-info:focus {
    border-color: #4caf7d;
    color: #4caf7d
}

.floating-action-button .floating-action-button-item {
    box-shadow: 0 4px 24px 0 #2d7a4f80
}

.table .table {
    background-color: #101e16
}

.simple-modal .btn-secondary {
    border: 1px solid #2d7a4f;
    color: #2d7a4f
}

a {
    color: #6fcf97
}

a:focus,
a:hover {
    color: #4caf7d;
    text-decoration: none
}