/*Variables*/ :root { --color-black : #000; --color-white : rgba(235, 235, 245, 0.60); --color-primary : #39AD4A; --color-secondary : #008CFF; --color-text : rgba(235, 235, 245, 0.60); --color-side-nav-active: #FFFFFF; --color-text-table : rgba(235, 235, 245, 0.60); --color-search-button : rgba(45, 75, 41, 0.9); --color-button : #EBEBF5; --bg-body : linear-gradient(168deg, #223A1F 1.62%, #0B170C 95.72%); --bg-section : linear-gradient(168deg, #223A1F 1.62%, #0B170C 95.72%); --bg-side-nav : linear-gradient(168deg, #223A1F 1.62%, #0B170C 95.72%); --bg-side-nav-header-section: #345B2F; --bg-side-nav-header-active : transparent; --bg-separator : transparent; --bg-side-nav-shrink-icon : #345B2F; --bg-side-nav-active-icon : #39AD4A; --bg-side-nav-toggler : linear-gradient(168deg, #345B2F 1.62%, #1A321C 95.72%); --bg-linear-gradient : #39AD4A; --bg-header-section : radial-gradient(60% 50% at 50% 90%, rgba(57, 173, 74, 0.2) 0%, transparent 100%); --bg-input : linear-gradient(168deg, #345B2F 1.62%, #1A321C 95.72%); --bg-calendar-separator : rgba(57, 173, 74, 0.30); --bg-modal : linear-gradient(168deg, #223A1F 1.62%, #0B170C 95.72%); --border-input: 0; --button-primary-bg : #39AD4A; --button-primary-box-shadow : 0px 8px 12px 0px rgba(0, 0, 0, 0.02); --button-secondary-bg : linear-gradient(180deg, #008CFF 0%, #0956FA 100%); --button-secondary-box-shadow: 4px 0px 24px 0px rgba(169, 81, 195, 0.24); --font-family : 'Inter', sans-serif; --font-weight : 500; --font-size-regular: 14px; --icon-display : block; --icon-size : 32px; --icon-cover : cover; --icon-contain : contain; --icon-repeat : no-repeat; --icon-position: center; --border-radius-4 : 4px; --border-radius-10: 10px; --border-radius-16: 16px; --border-radius-20: 20px; --border-radius-40: 40px; } body { font-family : var(--font-family) !important; background : var(--bg-body); color : var(--color-text) !important; font-weight : var(--font-weight); font-size : var(--font-size-regular); letter-spacing: 0.1px; } .loader { border : 0; background-image : url(https://alpha-static.gpfront.com/DOSLJN/assets/loaders/UNI88_preloader1.gif); background-size : var(--icon-contain); background-position: var(--icon-position); background-repeat : var(--icon-repeat); height : 200px; width : 200px; border-radius : 0; -webkit-animation : none; animation : none; top : calc(50%); left : calc(50%); transform : translate(-50%, -50%); } .nm-widget { max-width: 100% !important; } #site-loading-icon { background: var(--bg-body); } #site-loading-icon::before { content : ''; position : absolute; height : 200px; width : 200px; background-image : url(https://alpha-static.gpfront.com/DOSLJN/assets/loaders/UNI88_preloader1.gif); background-position: var(--icon-position); background-size : var(--icon-contain); background-repeat : var(--icon-repeat); top : 50%; left : 50%; transform : translate(-50%, -50%); } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } ::-webkit-scrollbar, .dropdown ::-webkit-scrollbar { width : 4px !important; height : 4px !important; background: transparent; } ::-webkit-scrollbar-thumb, .dropdown ::-webkit-scrollbar-thumb { background : rgba(255, 255, 255, 0.02) !important; border-radius: 20px; } a:not([href]):hover, a:hover { color : var(--color-side-nav-active); text-decoration: none; } button { height : 37px; padding : 0 64px !important; font-size : 16px !important; color : var(--color-button) !important; border-radius: var(--border-radius-4); font-weight : 700; background : var(--button-primary-bg); font-family : 'Poppins', sans-serif; } button.primary { background: var(--button-primary-bg); box-shadow: var(--button-primary-box-shadow); } button.primary:hover { background: var(--button-secondary-bg); box-shadow: var(--button-secondary-box-shadow); } #modernSkin.main-wrapper .layout-wrapper .chat-aside { display: none !important; } #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content { padding: 24px 16px !important; } #modernSkin.main-wrapper .layout-wrapper .scroll-wrap { max-width : 100%; padding-bottom: 24px; } #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content.shrink .scroll-wrap, #app_left_navigation.menu-nav.shrink~.content-wrapper #app_header, #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content.shrink #app_footer .footer-container, #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content.shrink #provider-game-list-page-casino-group, #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content.shrink #game-providers-page, #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content.shrink #provider-game-list-page { margin: 0 auto; } #modernSkin.main-wrapper .separator { background: var(--bg-separator) !important; margin : 20px 0 !important; } #modernSkin.main-wrapper .separator.loggedin { display: none; } body.logged-in #modernSkin.main-wrapper .separator.loggedin { display: block; } #modernSkin .dropdown-menu { filter: drop-shadow(0px 10px 5px rgba(0, 0, 0, 0.50)); } #modernSkin .nm-widget.language-w .language-public .dropdown-menu { background-color: transparent !important; background : var(--bg-modal) !important; border-radius : 8px !important; overflow : hidden; } #modernSkin .dropdown-menu .dropdown-item { display : flex; color : var(--color-text) !important; font-weight: var(--font-weight); } #modernSkin .dropdown-menu .dropdown-item:hover { background: var(--bg-side-nav-active-icon) !important; color : var(--color-white) !important; } #app_left_navigation .nm-widget.language-w .language-public .language-option { background-color: var(--bg-side-nav-header-section) !important; } .modal .modal-dialog .modal-content { border-radius: 8px; background : var(--bg-modal); padding : 40px 32px !important; height : fit-content; position : relative; } #modal-login.modal .modal-dialog .modal-content { max-width: 564px !important; } .modal .modal-dialog .modal-content:before { content : ''; position : absolute; bottom : -29px; left : -27px; height : 58px; width : calc(100% + 54px); z-index : -1; background : rgba(68, 184, 83, 0.30); filter : blur(13.699999809265137px); border-radius: 100%; } .modal .modal-dialog .modal-content .modal-header { padding : 0 0 12px 0; position : relative; align-items: center; } .modal .modal-dialog .modal-content .modal-header .modal-title { color : #FFFFFF !important; font-size : 24px !important; line-height: 130%; } .modal .modal-dialog .modal-content .modal-header .temp-title { font-weight: 700; font-size : 18px; color : var(--color-white) !important; margin : auto; } #modal-user-profile.modal .modal-dialog .modal-content { padding: 0 !important; } #modal-user-profile .modal-body { position: relative; } .modal .modal-dialog .modal-content .modal-header .close, #modal-user-profile .modal-body .close { padding: 0 !important; margin : 0; top : -23px !important; right : -15px; height : 24px; width : 24px; } #modal-user-profile .modal-body .close { top : 24px !important; right: 24px; } .modal .modal-dialog .modal-content .modal-header .close:before, #modal-user-profile .modal-body .close:before { content : ""; background-image : url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/modal-close.svg); height : 100%; width : 100%; background-size : var(--icon-contain); background-position: var(--icon-position); display : var(--icon-display); vertical-align : middle; } .modal .modal-dialog .modal-content .modal-body { padding : 0; border-bottom-left-radius : var(--border-radius-20); border-bottom-right-radius: var(--border-radius-20); } #modal-login .modal-content .modal-body .form-login, #modal-login .modal-content .modal-body .form-forgot-password, .form-register { padding: 0; } form .form-group label, .form .form-group label { color : var(--color-text); font-size: 14px; } form .form-group #password-signin { padding-left: 30px; } form .form-group .input-inline, .form .form-group .input-inline, .form-register .form-group input[type=text], .form-register .form-group input[type=email], .form-register .form-group input[type=password], .form-register .form-group select { height : 56px; border : var(--border-input); color : #5F6B89; font-size : 16px; font-weight : 600; padding : 0 16px; background : transparent; position : relative; border-radius: 8px !important; } form .form-group .input-inline::placeholder, .form-register .form-group input::placeholder { color : rgba(95, 107, 137, 0.5) !important; text-transform: uppercase; font-size : 16px; font-family : 'Poppins', sans-serif; } form .form-group .input-group:before, .form-register .form-group label.form-prompt:before, .form-register .form-group label:not(.custom-control-label):before { content : ''; position : absolute; left : 0; top : 0; height : 100%; width : 100%; border-radius : 8px !important; box-shadow : 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset, 0px 4px 4px 0px rgba(0, 0, 0, 0.10); background : rgba(217, 217, 217, 0.50); mix-blend-mode: color-burn; } .form-register .form-group label.form-prompt:before, .form-register .form-group label:not(.custom-control-label):before { height: 56px; top : 16px; bottom: 0; } .form-register .form-group { padding: 0; } .form-register .form-row { margin: 0 !important; } form .form-group .icon-inline, .form .form-group .icon-inline { bottom: 16px; left : 4px; } .form-register .form-group input[type=text], .form-register .form-group input[type=email], .form-register .form-group input[type=password], .form-register .form-group select { padding: 0 16px; } .form-register .form-group input[type=checkbox] { cursor: pointer; } form .form-group .input-inline::placeholder, .form .form-group .input-inline::placeholder { color: var(--color-text-table); } form .form-group .icon-inline:before, .form .form-group .icon-inline:before { font-size : 16px; margin-left: 5px; } form .form-group .icon-inline.icon-user:before, .form .form-group .icon-inline.icon-user:before { content : "\f007"; font-family: 'Font Awesome 5 Free'; } form .form-group .icon-inline.icon-password:before, .form .form-group .icon-inline.icon-password:before { content : "\f023"; font-family: 'Font Awesome 5 Free'; } form .form-group .highlight, .form .form-group .highlight { color: var(--color-primary); } form .form-group .password-visible, .form .form-group .password-visible { right : 10px !important; bottom : 50%; transform: translateY(50%); } .form-register .form-group .password-visible { bottom : 8px; transform: translateY(-50%); } #modal-login .modal-content .modal-body .form-login .form-group.forgot-password-group, #modal-login .modal-content .modal-body .form-forgot-password .form-group.forgot-password-group { font-size : 14px; cursor : pointer; color : #5F6B89; margin-bottom: 12px; } #modal-login .modal-content .modal-body #btn-signin, #modal-login .modal-content .modal-body #btn-forgot { padding : 0 48px !important; height : 37px; background : var(--button-primary-bg); border-radius: var(--border-radius-4); box-shadow : none; border : 0; color : var(--color-button); width : fit-content; margin : 0 auto; } #modal-login .modal-content .modal-body #btn-signin:hover, #modal-login .modal-content .modal-body #btn-forgot:hover, .form-register .form-group input[type="submit"]:hover { background: var(--button-secondary-bg); } .form-register .form-group input[type="submit"] { padding : 0 48px !important; height : 37px; background : var(--button-primary-bg); border-radius: var(--border-radius-4); box-shadow : none; color : var(--color-button); font-size : 16px; border : 0; width : fit-content; margin : 0 auto; } .form-register .form-group input[type="submit"]:hover, #modal-login .modal-content .modal-body #btn-signin:hover { background: var(--button-secondary-bg); } #modal-login .modal-content .modal-body .form-login .form-group.register-group, #modal-login .modal-content .modal-body .form-forgot-password .form-group.register-group, .form-register .form-group.signin-group { margin-bottom: 0; font-size : 14px; } #modal-login .modal-content .modal-body .form-login .form-group.register-group a.link-active, #modal-login .modal-content .modal-body .form-forgot-password .form-group.register-group a.link-active { color : #73C37B; cursor: pointer; } .form-register .form-group.signin-group a.link-active { color : #73C37B; cursor: pointer; } /*side-nav*/ #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav { display: none !important; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .header-section { display: none; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .menu-container { padding-top: 65px; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .menu-container:before { content : ''; position : absolute; width : 100%; height : 1px; top : 65px; left : 0; background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.50) 50.4%, rgba(255, 255, 255, 0.00) 96.77%); filter : opacity(0.6); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .menu-container:after { content : ''; position : absolute; top : 65px; left : 0; height : 56px; width : 100%; background: radial-gradient(50% 128.57% at 50% -36.61%, #39AD4A 0%, rgba(57, 173, 74, 0.52) 25.67%, rgba(10, 35, 14, 0.00) 100%); z-index : 0; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .product-menu { background : var(--bg-side-nav-header-section); border-bottom: 0 !important; border-radius: var(--border-radius-20); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .product-menu .nav-menu-item { position : relative; justify-content: flex-start !important; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .product-menu .nav-menu-item p { text-transform: capitalize; margin : 0 0 0 50px !important; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .product-menu .nav-menu-item.active, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .product-menu .nav-menu-item:hover { background : var(--bg-side-nav-header-active); border-radius: var(--border-radius-20); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .product-menu .nav-menu-item.active, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .product-menu .nav-menu-item:hover, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .product-menu .nav-menu-item.active p, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .product-menu .nav-menu-item:hover p { color: var(--color-side-nav-active) !important; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .product-menu .nav-menu-item .fa-caret-right, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .product-menu .nav-menu-item.active::before { display: none; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .product-menu .nav-menu-item i#navItemIcon { position: absolute; left : 20px; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .product-menu .nav-menu-item.active i#navItemIcon { left: -2px; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .product-menu .nav-menu-item i#navItemIcon::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink .shrink-product-menu .active-item-selector #navItemIcon::before { content : ''; display : var(--icon-display); width : 20px; height : 20px; background-size : var(--icon-contain); background-repeat : var(--icon-repeat); background-position: var(--icon-position); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink .shrink-product-menu .active-item-selector #navItemIcon::before { width : 29px; height: 29px; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .product-menu .nav-menu-item.active i#navItemIcon { width : 44px; height : 44px; background : var(--bg-linear-gradient); border-radius : 50%; display : flex; align-items : center; justify-content: center; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .product-menu .nav-menu-item.active i#navItemIcon::before { width : 32px; height : 32px; transition: all 0.2s ease-in-out; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .product-menu .nav-menu-item i#navItemIcon.CasinoTop::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink .shrink-product-menu .active-item-selector #navItemIcon.CasinoTop::before { background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Casino.svg); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .product-menu .nav-menu-item i#navItemIcon.SportsTop::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink .shrink-product-menu .active-item-selector #navItemIcon.SportsTop::before { background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Sports.svg); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu { padding : 0 16px 64px 24px !important; height : calc(100vh - 65px); position : relative; transition: 0.2s padding ease-in-out; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item, .side-menu .scroll-section .other-menu .language-w { height : 56px !important; margin : 0 !important; position: relative; } .side-menu .scroll-section .other-menu .language-w { width: 100%; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:before { content : ''; position : absolute; bottom : 0; left : 0; width : 100%; height : 1px; background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.30) 50.4%, rgba(255, 255, 255, 0.00) 96.77%); filter : opacity(0.4); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a { padding : 0 !important; gap : 8px; font-size : 16px; font-weight: 700; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a:hover { background: var(--bg-side-nav-header-active) !important; font-size : 16px !important; color : var(--color-side-nav-active) !important; transition: background 0.2s, padding 0.2s ease-in; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i { position: relative !important; margin : 0 !important; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i::before { content : ''; display : var(--icon-display); width : var(--icon-size); height : var(--icon-size); background-size : var(--icon-contain); background-repeat : var(--icon-repeat); background-position: var(--icon-position); position : relative; z-index : 1; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.LiveCasino::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/LiveCasino.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.LiveCasino::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.LiveCasino::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/LiveCasino-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.Slots::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Slots.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.Slots::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.Slots::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Slots-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.TVShows::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/TVShows.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.TVShows::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.TVShows::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/TVShows-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.FastGames::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/FastGames.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.FastGames::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.FastGames::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/FastGames-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.TableGames::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/TableGames.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.TableGames::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.TableGames::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/TableGames-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.VirtualSports::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/VirtualSports.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.VirtualSports::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.VirtualSports::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/VirtualSports-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.GameShows::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/GameShows.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.GameShows::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.GameShows::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/GameShows-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.Home::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Home.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.Home::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.Home::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Home-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.TopGames::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/TopGames.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.TopGames::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.TopGames::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/TopGames-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.NewReleases::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/NewReleases.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.NewReleases::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.NewReleases::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/NewReleases-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.AllProviders::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/AllProviders.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.AllProviders::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.AllProviders::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/AllProviders-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.Promotions::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Promotions.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.Promotions::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.Promotions::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Promotions-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.VIPProgram::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/VIPProgram.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.VIPProgram::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.VIPProgram::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/VIPProgram-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.Komp::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Komp.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.Komp::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.Komp::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Komp-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.SidePlayerChat::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/liveChat.SVG"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.SidePlayerChat::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.SidePlayerChat::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/liveChat-active.SVG"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.Tournaments::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Tournaments.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.Tournaments::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.Tournaments::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Tournaments-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.Referral::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Referral.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.Referral::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.Referral::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Referral-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.BT1Sports::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/BT1Sports.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.BT1Sports::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.BT1Sports::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/BT1Sports-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.DigitainSports::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/DigitainSports.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.DigitainSports::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.DigitainSports::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/DigitainSports-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.ESports::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/ESports.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.ESports::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.ESports::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/ESports-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.AllCasino::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/allCasinoIcon.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.AllCasino::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.AllCasino::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/allCasinoIcon-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.FeatureBuyIn::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/featureBuyInIcon.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.FeatureBuyIn::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.FeatureBuyIn::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/featureBuyInIcon-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.baccarat::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/baccaratIcon.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.baccarat::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.baccarat::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/baccaratIcon-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.blackjack::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/blackjackIcon.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.blackjack::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.blackjack::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/blackjackIcon-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.slots::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/Slots.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.slots::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.slots::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/Slots-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.tableGames::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/TableGames.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.tableGames::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.tableGames::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/TableGames-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.topGames::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/TopGames.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.topGames::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.topGames::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/TopGames-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.MiniGames::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/miniGamesIcon.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.MiniGames::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.MiniGames::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/miniGamesIcon-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.TVGames::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/TVGames.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.TVGames::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.TVGames::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/TVGames-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.DigitainESports::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/DigitainEsports.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.DigitainESports::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.DigitainESports::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/DigitainEsports-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.PinnacleSports::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/PinnacleSports.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.PinnacleSports::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.PinnacleSports::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/PinnacleSports-active.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a i.PinnacleESports::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/PinnacleESports.svg"); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a.active i.PinnacleESports::before, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item:hover a i.PinnacleESports::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/PinnacleESports-active.svg"); } .nm-widget.language-w { height: 32px; } .nm-widget.language-w .language-public { width: 100%; } .nm-widget.language-w .language-public:hover { background-color: transparent !important; } .nm-widget.language-w .language-public .language { width : 100%; border-radius: var(--border-radius-20); display : flex; align-items : center; height : 32px; padding : 0; font-size : 0; color : var(--color-text) !important; font-weight : var(--font-weight); } .nm-widget.language-w .language-public .language:hover { color: var(--color-side-nav-active) !important; } .nm-widget.language-w .language-public .language img { height : 32px; margin-right : 6px; width : 32px; border-radius: 50%; object-fit : cover; } .nm-widget.language-w .language-public .language.dropdown-toggle:after { border : 0; content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/Carret.svg); margin : 0; } .nm-widget.language-w .language-public .language.dropdown-toggle:hover:after { content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/Carret-active.svg); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a#showIntercomChat { background-color: var(--bg-side-nav-header-section) !important; border-radius : var(--border-radius-20); padding : 0 0 0 60px !important; height : 44px; } .nm-widget.language-w .language-public .language-option a { align-items: center; } .nm-widget.language-w .language-public .language-option a img { height : 32px; width : 32px; border-radius: 50%; object-fit : cover; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a#showIntercomChat i { margin: 0 0 0 -39px !important; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a#showIntercomChat.active span, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu ul .nav-item a#showIntercomChat:hover span { padding-left: 0; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu .social-links { display : flex; flex-flow: column; position : relative; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu .social-links span { display : block; font-weight : 700; font-size : 13px; text-transform: uppercase; color : rgba(255, 255, 255, 0.50); margin-left : -8px; margin-bottom : 12px; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu .social-item { height : 56px; width : 100%; position: relative; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu .social-item:before { content : ''; position : absolute; bottom : 0; left : 0; width : 100%; height : 1px; background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.30) 50.4%, rgba(255, 255, 255, 0.00) 96.77%); filter : opacity(0.4); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu .social-item a { display : flex; align-items: center; gap : 16px; height : 100%; width : 100%; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu .social-item span { font-size : 16px; text-transform: uppercase; font-weight : 700; margin : 0; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu .social-item a:hover span { color: var(--color-side-nav-active); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav section .side-menu .social-item a img { height : var(--icon-size); width : var(--icon-size); object-fit: var(--icon-contain); } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink { width: 64px !important; } #app_left_navigation.shrink .shrink-product-menu .active-item-selector .fa-caret-right { display: none; } #app_left_navigation.menu-nav.shrink .header-section { padding: 22px 15px 9px 8px !important; } #app_left_navigation.shrink .shrink-product-menu .active-item-selector #navItemIcon { margin-right: 0 !important; } #app_left_navigation.shrink .shrink-product-menu .active-item-selector { width : 100%; display : flex; align-items : center; justify-content: center; } #app_left_navigation.shrink section .product-menu { background: var(--bg-side-nav-header-active) !important; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink section .side-menu { padding: 0 8px 64px !important; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink section .side-menu ul .nav-item a, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink section .side-menu ul .nav-item a:hover, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink section .side-menu ul .nav-item a#showIntercomChat, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink section .side-menu ul .nav-item a#showIntercomChat:hover { background: transparent !important; padding : 0 !important; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink section .side-menu ul .nav-item a i, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink section .side-menu ul .nav-item a#showIntercomChat i { margin: 0 !important; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink section .side-menu ul .nav-item a#showIntercomChat i::after { height: 44px; width : 44px; top : -12px; left : -12px; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink section .side-menu .social-links span { opacity: 0; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink .menu-container .nav-item a:hover span { background : var(--bg-side-nav-active-icon) !important; border-top-right-radius : var(--border-radius-4); border-bottom-right-radius: var(--border-radius-4); height : 56px !important; padding-top : 0 !important; display : flex !important; align-items : center; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink .shrink-product-menu .shrink-dropdown-menu { background-color: var(--bg-side-nav-header-section) !important; top : 70px !important; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink .shrink-product-menu .shrink-dropdown-menu .dropdown-item #navItemIcon { display: none; } #app_left_navigation.shrink .nm-widget.language-w .language-public .language { padding : 0; font-size : 0; height : 44px; width : 44px; display : flex; align-items : center; justify-content: center; border-radius : 50%; margin-left : calc((100% - 44px) / 2); } #app_left_navigation.shrink .nm-widget.language-w .language-public .language img { margin-right: -2px; max-height : 15px; } #app_left_navigation.shrink .nm-widget.language-w .language-public .language.dropdown-toggle:after { display: none; } #app_left_navigation.shrink .nm-widget.language-w .language-public .language-option { background-color: var(--bg-side-nav-header-section) !important; min-width : fit-content; width : 60px; left : -3px !important; } #app_left_navigation.shrink .nm-widget.language-w .language-public .language-option>a { padding : 10px 8px !important; font-size : 0 !important; min-width : fit-content; display : flex; justify-content: center; } #app_left_navigation.shrink .nm-widget.language-w .language-public .language-option>a>img { margin-right: 0; max-height : 15px; } #app_left_navigation.shrink section .side-menu .sticky-bottom .social-links { flex-direction: column; margin-top : 20px !important; gap : 5px 0; } /*Header*/ .nm-widget.galow { margin : 0 !important; max-width: 100%; } #app_header.main-header-container { height : 65px !important; position: relative; } #app_header.main-header-container .subheader-menu { display : flex; align-items: center; position : absolute; height : 88px; top : 100%; width : 100%; background : radial-gradient(50% 128.57% at 50% -36.61%, #39AD4A 0%, rgba(57, 173, 74, 0.518334) 25.67%, rgba(10, 35, 14, 0) 100%); } #app_header.main-header-container .subheader-menu:before { content : " "; position : absolute; width : calc(100% + 16px); height : 2px; bottom : 0; left : -8px; background: radial-gradient(50% 128.57% at 50% -36.61%, #39AD4A 0%, rgba(57, 173, 74, 0.518334) 25.67%, rgba(10, 35, 14, 0) 100%); } #app_header.main-header-container .subheader-menu .menuw { overflow-x: scroll; overflow-y: hidden; } #app_header.main-header-container .subheader-menu .menuw ul { display : flex; gap : 12px; justify-content: center; align-items : center; width : max-content; } #app_header.main-header-container .subheader-menu .menuw ul li { font-size : 16px; font-weight: 700; line-height: 20.8px; text-wrap : nowrap; padding : 0 10px; } #app_header.main-header-container .subheader-menu .menuw ul li a { display : flex; flex-direction : column; justify-content: center; align-items : center; } #app_header.main-header-container .subheader-menu .menuw ul li i:before { content : " "; display : inline-block; height : 30px; width : 30px; background-repeat : no-repeat; background-size : contain; background-position: center; } #app_header.main-header-container .subheader-menu .menuw ul li, .menu-panel .nm-widget ul li, .other-menu .menuw ul li, .other-menu ul .nav-item a { & i.home:before { background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/Home.svg); } & i.digitainSports:before { background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/DigitainSports.svg); } & i.btiSports:before { background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/BT1Sports.svg); } & i.live:before { background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/Live.svg); } & i.eSports:before { background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/E-Sports.svg); } & i.liveCasino:before { background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/LiveCasino.svg); } & i.casino:before { background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/CasinoNew.svg); } & i.fastGames:before { background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/Fast%20Games.svg); } & i.tvGames:before { background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/TV%20Games.svg); } & i.virtualSports:before { background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/Virtual%20Sports.svg); } & i.skillGames:before { background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/Skill%20Games.svg); } & i.promotion:before { background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/Promotion-new.svg); } & i.withdraw:before { background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/Withdraw.svg); } & i.deposit:before { background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/Deposit.svg); } & i.liveChat:before { background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/liveChat.SVG); } & i.regulations:before { background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/Regulations.svg); opacity : 0.6; } & i.vip:before { background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/VIPProgram.svg); } & i.komp:before { background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Komp.svg); } & i.provider:before { background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/All_Providers.svg); } & i.referral:before { background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/referral.svg); } } #app_header.main-header-container .subheader-menu .menuw ul li a:hover, #app_header.main-header-container .subheader-menu .menuw ul li a.active, .other-menu ul .nav-item a:hover, #leftNavMenuListId .menu-panel.shown .nav-item a.active { & span { color: #FFF; } & i.home:before { background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/Home-active.svg); } & i.digitainSports:before { background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/DigitainSports-active.svg); } & i.btiSports:before { background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/BT1Sports-active.svg); } & i.live:before { background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/Live-active.svg); } & i.eSports:before { background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/E-Sports-active.svg); } & i.liveCasino:before { background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/LiveCasino-active.svg); } & i.casino:before { background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/New_Casino_Active.svg); } & i.fastGames:before { background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/Fast%20Games-active.svg); } & i.tvGames:before { background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/TV%20Games-active.svg); } & i.virtualSports:before { background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/Virtual%20Sports-active.svg); } & i.skillGames:before { background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/header-menu/Skill%20Games-active.svg); } & i.promotion:before { background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/Promotion-new-active.svg); } & i.liveChat:before { background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/liveChat-active.SVG); } & i.regulations:before { background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/Regulations.svg); opacity : 1; } & i.vip:before { background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/VIPProgram-active.svg); } & i.komp:before { background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Komp-active.svg); } & i.provider:before { background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/All_Providers-active.svg); } & i.referral:before { background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/referral-active.svg); } } .main-wrapper .layout-wrapper .header-section { height : 153px !important; padding: 0 16px; } .main-wrapper .layout-wrapper .header-section:before { content : ''; position : absolute; width : calc(100% + 328px); height : 65px; top : 0; left : -164px; background: var(--bg-header-section); z-index : -1; } #app_header.main-header-container .logo-container .hamburger-menu-button-container { padding : 0 !important; height : 24px; width : 24px; display : flex; align-items : center; justify-content: center; } #app_header.main-header-container .logo-container #toggle-sidenav img { content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/hamburgerMenu.svg); } #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .logo-container { min-width : 264px; height : 100%; justify-content: space-between !important; padding : 0 44px 0 0 !important; transition : 0.2s padding ease-in-out; } #app_left_navigation.menu-nav.shrink~.content-wrapper #app_header.main-header-container .logo-container { margin-left: 200px; padding : 0 24px 0 20px !important; } body.logged-in #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .logo-container.non-logged-in, #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .logo-container.logged-in { display: none; } body.logged-in #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .logo-container.logged-in { display: flex; } #modernSkin.main-wrapper .layout-wrapper .header-section a.site-header-logo { width: 231px; } #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header { font-family : var(--font-family) !important; font-weight : var(--font-weight) !important; padding-right : 0 !important; justify-content: space-between !important; transition : 0.2s padding ease-in-out; } #app_left_navigation.menu-nav.shrink~.content-wrapper #app_header.main-header-container .player-information-header { padding-left: 8px !important; } #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .right-align { display : flex; flex-wrap : wrap; align-items : center; justify-content: end; flex : auto; gap : 8px; } .player-information-header .right-align .menuw ul { display: flex; gap : 8px; } .player-information-header .right-align .menuw ul li a { display : flex; align-items : center; width : fit-content; padding : 0 16px !important; height : 37px; font-weight : 700; background : var(--button-primary-bg); border-radius : var(--border-radius-4); border : 0; color : #EBEBF5 !important; text-transform: uppercase; font-family : "Poppins", sans-serif; } .player-information-header .right-align .menuw#w-leftplayer-en ul li:nth-child(1), .player-information-header .right-align .menuw#w-leftplayer-en ul li:nth-child(2), .player-information-header .right-align .menuw#w-leftplayer-ko ul li:nth-child(1), .player-information-header .right-align .menuw#w-leftplayer-ko ul li:nth-child(2), .player-information-header .right-align .menuw#w-leftplayer-th ul li:nth-child(1), .player-information-header .right-align .menuw#w-leftplayer-th ul li:nth-child(2) { display: none; } .player-information-header .right-align .menuw ul li a#openNewPlayerChatWindow { background: #dc8f17 } .player-information-header .right-align .menuw ul li:hover a, .player-information-header .right-align .menuw ul li:hover a#openNewPlayerChatWindow { background: var(--button-secondary-bg); } .player-information-header .right-align .non-logged-in .menuw ul li a, .player-information-header .right-align .logged-in .menuw ul li a { background: var(--button-secondary-bg); } .player-information-header .right-align .non-logged-in .menuw ul li a:hover, .player-information-header .right-align .logged-in .menuw ul li a:hover { background: var(--button-primary-bg); } #modernSkin.main-wrapper .layout-wrapper .content-wrapper #app_header.main-header-container .player-information-header .nm-widget { margin: 0; width : fit-content; } body.logged-in .nm-widget.register-w { display: none; } .nm-widget.login-w .login { margin : 0; padding : 0 16px !important; height : 37px; background : var(--button-secondary-bg); border-radius : var(--border-radius-4); font-weight : 700; border : 0; color : #EBEBF5 !important; text-transform: uppercase; font-family : "Poppins", sans-serif; } .nm-widget.login-w .login:hover { background: var(--button-primary-bg); } .nm-widget.register-w .btn-join { width : fit-content; padding : 0 16px !important; height : 37px; font-weight : 700; background : var(--button-primary-bg); border-radius : var(--border-radius-4); border : 0; color : #EBEBF5 !important; text-transform: uppercase; font-family : "Poppins", sans-serif; } .nm-widget.register-w .btn-join:hover { background: var(--button-secondary-bg); } #modernSkin.main-wrapper .layout-wrapper .content-wrapper { background: transparent !important; } .player-information-header .header-wallets { display: flex; gap : 8px; } .nm-widget.notification-w { margin-left: 8px !important; } .nm-widget.notification-w .notification-bell { background: var(--bg-side-nav-header-section); padding : 0 !important; height : 37px; width : 37px; } .nm-widget.notification-w .notification-bell .icon-bell, .nm-widget.notification-w .notification-bell .icon-bell:hover { color: var(--color-side-nav-active); } .nm-widget.login-w .btn-user-profile { background: var(--bg-side-nav-header-section); padding : 0 !important; height : 37px; width : 37px; color : var(--color-side-nav-active) !important; } .nm-widget.notification-w .notification-bell:hover, .nm-widget.login-w .btn-user-profile:hover { background: var(--button-primary-bg); } .nm-widget.bonus-badge-w button { height : 37px; padding : 0 16px !important; border-radius: var(--border-radius-4); border : 0; background : var(--button-secondary-bg); font-family : 'Poppins', sans-serif !important; } .nm-widget.bonus-badge-w button:hover { background: var(--button-secondary-bg) !important; box-shadow: var(--button-secondary-box-shadow); } .nm-widget.wallet-button-w button { height : 37px; padding : 0 16px !important; border-radius: var(--border-radius-4); border : 0; background : var(--button-primary-bg); font-family : 'Poppins', sans-serif !important; } #modernSkin .dropdown-menu.dropdown-user-profile { background-color: transparent !important; background : var(--bg-modal); padding : 16px 24px !important; border-radius : 8px !important; } #modernSkin .dropdown-menu.dropdown-user-profile .dropdown-item { padding : 0 !important; font-size : 14px !important; display : flex; align-items: center; height : 40px; position : relative; font-weight: 700; } #modernSkin .dropdown-menu.dropdown-user-profile .dropdown-item:hover { background: transparent !important; color : var(--color-side-nav-active) !important; } #modernSkin .dropdown-menu.dropdown-user-profile .dropdown-item:first-child { pointer-events: none; position : relative; } #modernSkin .dropdown-menu.dropdown-user-profile .dropdown-item:first-child:after { content : ''; position : absolute; top : calc(100% + 8px); left : 0; height : 40px; width : 100%; background: radial-gradient(50% 128.57% at 50% -36.61%, #39AD4A 0%, rgba(57, 173, 74, 0.52) 25.67%, rgba(10, 35, 14, 0.00) 100%); z-index : 0; } #modernSkin .dropdown-menu.dropdown-user-profile .dropdown-item:not(:first-child):not(:last-child):before { content : ''; position : absolute; bottom : 0; left : 0; width : 100%; height : 1px; background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.30) 50.4%, rgba(255, 255, 255, 0.00) 96.77%); filter : opacity(0.4); } #modernSkin .dropdown-menu.dropdown-user-profile .dropdown-item i { min-width: 24px; max-width: 24px; font-size: 24px; } #modernSkin .dropdown-menu.dropdown-user-profile .dropdown-divider { border : 0; height : 1px; background : linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.30) 50.4%, rgba(255, 255, 255, 0.00) 96.77%); mix-blend-mode: overlay; margin : 8px 0; position : relative; } /*Footer*/ #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer { padding: 32px 0 80px !important; } #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer:after { content : ''; position: absolute; top : 0; left : 10%; width : 80%; height : 1px; background: var(--bg-separator); mix-blend-mode: overlay; } #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content #app_footer::before { background: radial-gradient(50% 64.29% at 50% 10%, rgba(57, 173, 74, 0.30) 0%, rgba(57, 173, 74, 0.13) 29.5%, rgba(57, 173, 74, 0.00) 100%) !important; height : 100% !important; z-index : -1 !important; top : auto !important; bottom : 0; } #app_footer .footer-container { position : relative; font-family: 'Poppins', sans-serif; color : rgba(235, 235, 245, 0.60); } #app_footer .footer-container .top-footer { display: flex; } #app_footer .footer-container .footer-logo { width : 220px; margin-bottom: 24px } #app_footer .footer-container .site-details { flex : 0 0 450px; padding-right: 16px; } #app_footer .footer-container .site-details p { font-weight: 600; color : rgba(255, 255, 255, 0.60); } #app_footer .footer-container .site-details p span { color: var(--color-white); } #app_footer .footer-container .site-details .footer-social-links { display : flex; margin-top: 24px; gap : 16px; } #app_footer .footer-container .site-details .footer-social-links img { width : var(--icon-size); height : var(--icon-size); object-fit: var(--icon-contain); } #app_footer .footer-container .quick-links { flex : auto; display : flex; align-items : start; justify-content: space-between; } #app_footer .footer-container .menu-column h6 { font-weight : 700; margin-bottom : 16px; font-size : 18px; color : #FFF; text-transform: uppercase; } #app_footer .footer-container ul .nav-item:not(:last-child) { margin-bottom: 16px; } #app_footer .footer-container ul .nav-item { font-size : 15px; font-weight: 600; } #app_footer .footer-container ul .nav-item a.active { color: var(--color-side-nav-active); } #app_footer .footer-container ul .nav-item ul a.dropdown-item { padding : 0 0 0 16px; color : rgba(255, 255, 255, 0.60); font-weight: 600; font-family: 'Poppins', sans-serif; } #app_footer .footer-container ul .nav-item ul a.dropdown-item:hover, #app_footer .footer-container ul .nav-item ul a.dropdown-item.active { background: transparent; color : #FFF; cursor : pointer; } #app_footer .footer-container .menu-column .subcolumn:first-child h6 { margin-bottom: 58px; } #app_footer .footer-container .menu-column .social-links { display : flex; align-items : center; justify-content: space-around; } #app_footer .footer-container .menu-column .social-item { margin-right: 6px; width : 35px; } #app_footer .footer-container .menu-column .social-item:last-child { margin-right: 0; } #app_footer .footer-container .menu-column .social-item i { font-size: 20px; } #app_footer .footer-container .subfooter { margin-top: 48px; padding : 48px 175px 0; text-align: center; position : relative; } #app_footer .footer-container .subfooter:before { content : ''; position : absolute; top : 0; left : 0; width : 100%; height : 1px; background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.30) 50.4%, rgba(255, 255, 255, 0.00) 96.77%); filter : opacity(0.3); } #app_footer .footer-container .subfooter p { font-weight: 500; color : rgba(255, 255, 255, 0.30); line-height: 130%; } #app_footer .footer-container .subfooter p:first-child { margin-bottom: 16px; } .scroll-wrap .hero-wrapper { margin-bottom: 24px; } .scroll-wrap .main-hero { margin-bottom: 24px; } .scroll-wrap .main-hero .hero-item .bnnrw .carousel-inner { border-radius: var(--border-radius-16); filter : drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); border : 2px solid #345B2F; position : relative; } .scroll-wrap .hero-links { display : flex; align-items : center; justify-content: space-between; gap : 0 24px; } .scroll-wrap .ads .join-links { display : grid; grid-template-columns: repeat(6, 1fr); gap : 0 25px; } .scroll-wrap .hero-links .hero-item { background-size : cover; background-repeat : no-repeat; background-position: center; width : 100%; height : 265px; border-radius : var(--border-radius-16); filter : drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); border : 2px solid #345B2F; position : relative; } .scroll-wrap .hero-links .hero-item:before { content : ''; position : absolute; left : 0; top : 0; width : 100%; height : 100%; background : linear-gradient(168deg, rgba(52, 91, 47, 0.50) 1.62%, rgba(26, 50, 28, 0.00) 95.72%); border-radius : var(--border-radius-16); mix-blend-mode: overlay; } .scroll-wrap .hero-links .hero-item .hero-links-details { display : flex; align-items : center; justify-content: center; gap : 8px; padding : 16px 24px 32px; border-radius : 8px; box-shadow : 0px 4px 4px 0px rgba(0, 0, 0, 0.25); position : relative; } .scroll-wrap .hero-links .hero-item .hero-links-details:before { content : ''; position : absolute; top : 0; left : 0; height : 100%; width : 100%; background : linear-gradient(168deg, #345B2F 1.62%, #1A321C 95.72%); filter : opacity(0.4); border-radius: 9px; z-index : -1; } .scroll-wrap .hero-links .hero-item a { display : flex; align-items : end; justify-content: end; padding-bottom : 24px; padding-right : 24px; z-index : 1; position : relative; height : 100%; width : 100%; } .scroll-wrap .hero-links .hero-item .hero-links-details img { width : 64px; height : 42px; object-fit: contain; filter : drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); } .scroll-wrap .hero-links .hero-item h3 { font-size : 24px; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); color : #FFF; font-weight: 700; line-height: 85%; } .scroll-wrap .ads { margin-top: 60px; } .scroll-wrap .ads .join-table { grid-column: span 2 } .scroll-wrap .ads .join-table h4 { font-size : 20px; font-weight : 700; color : var(--color-white); margin-bottom: 13px; } .scroll-wrap .ads .join-table .table-wrapper { overflow-y : scroll; max-height : 312px; padding-right: 4px; } .scroll-wrap .ads .join-table .table-item { height : 56px; padding: 0 30px; } .scroll-wrap .ads .join-table .table-item a { width : 100%; height : 100%; display : flex; align-items: center; } .scroll-wrap .ads .join-table .table-item:nth-child(odd) { border-radius: var(--border-radius-16); background : var(--bg-side-nav-header-section); } .scroll-wrap .ads .join-table .table-item:nth-child(even) { margin: 8px 0; } .scroll-wrap .ads .join-table .table-item img { margin-right: 16px; height : 24px; width : 24px; } .scroll-wrap .ads .join-table .table-item span { font-size: 16px; color : var(--color-text-table); } .joinbet-about { margin-top : 60px; padding : 30px; background : var(--bg-side-nav-header-section); border-radius: var(--border-radius-16); } .joinbet-about h5 { font-size : 20px; margin-bottom: 10px; font-weight : 700; } .joinbet-about p { font-size : 16px; font-weight : 500; line-height : 20px; letter-spacing: 0.2px; } #modernSkin.main-wrapper .layout-wrapper .content-wrapper.isOnSportsPage { z-index: 999 !important; } #app_left_navigation.menu-nav.shrink~.content-wrapper.isOnSportsPage { z-index: 98 !important; } #modernSkin.main-wrapper .layout-wrapper .content-wrapper.isOnSportsPage .home-page-content { padding: 0 20px !important; left : 0px !important; width : 100% !important; } #modernSkin.main-wrapper .layout-wrapper .content-wrapper.isOnSportsPage .home-page-content #app_footer { background: var(--bg-body); z-index : 999; } #modernSkin .casino_search-widget .modal-trigger-wrapper { margin: 0 !important; height: 36px !important; } #modernSkin .casino_search-widget .modal-trigger-wrapper .search-button-field { width: 354px !important; } #modernSkin .casino_search-widget .modal-trigger-wrapper .search-button-field button { background : var(--bg-input) !important; border : var(--border-input) !important; border-radius: var(--border-radius-40) !important; color : rgba(255, 255, 255, 0.15) !important; padding : 0 16px !important; } #modernSkin .casino_search-widget .modal-trigger-wrapper .search-button-field i { left : auto !important; right : 12px; font-size : 10px !important; color : #254324; background : rgba(57, 173, 74, 0.6); padding : 5px; border-radius: 50%; } #provider-game-list-page .casino_search-widget { margin-bottom: 24px; } section button.bordered { border : 0 !important; border-radius: var(--border-radius-10); height : 40px !important; background : var(--bg-side-nav-header-section) !important; padding : 0 14px !important; } .data-grid-container .ag-theme-alpine { --ag-border-color : transparent !important; --ag-header-foreground-color : var(--color-text) !important; --ag-grid-size : 8.5px; --ag-font-family : var(--font-family); --ag-row-hover-color : var(--bg-side-nav) !important; --ag-data-color : var(--color-text) !important; --ag-modal-overlay-background-color: rgba(29, 37, 67, 0.7) !important; } .data-grid-container .ag-header { background : var(--bg-side-nav-header-section); border-radius: 16px; min-height : 56px !important; height : 56px !important; } .data-grid-container .ag-theme-alpine .ag-header-row { height: 52px !important; } .register-birthdate-datepicker-popup { border: 1px solid !important; } .data-grid-container .ag-overlay-wrapper span { border : 0 !important; background : var(--bg-side-nav-header-active) !important; padding : 10px 16px !important; color : var(--color-primary) !important; border-radius: 5px; } .data-grid-container .ag-overlay-wrapper .ag-overlay-loading-center { background : var(bg-separatord) !important; box-shadow : 0px 4px 7px rgba(12, 23, 31, 0.35) !important; border : 1px solid var(--active-menu-bg) !important; border-radius : var(--default-border-radius) !important; display : flex; align-items : center; justify-content: center; flex-direction : column; padding : 10px !important; } .data-grid-container .ag-overlay-wrapper .ag-overlay-loading-center span { background: transparent !important; padding : 0 !important; border : 0 !important; margin : 10px !important; } .data-grid-container .ag-overlay-wrapper .ag-overlay-loading-center span i { position: relative !important; left : 0 !important; top : 0 !important; } #leaderboard-table .leaderboard-selector-wrapper { gap : 30px; margin-bottom: 10px; } #leaderboard-table .btn-filter { font-size : 16px; font-family: var(--font-family); font-weight: 600; border : 0; color : var(--color-text-table) !important; padding : 0 !important; width : fit-content !important; min-height : fit-content !important; height : fit-content; } #leaderboard-table .btn-filter i { display: none !important; } #leaderboard-table .btn-filter span { letter-spacing: 0.1px; text-transform: capitalize; } #leaderboard-table .btn-filter.active, #leaderboard-table .btn-filter:hover { color : var(--color-white) !important; background: transparent !important; } #leaderboard-table .btn-filter.active span, #leaderboard-table .btn-filter:hover span { color : var(--color-white) !important; font-size: 20px !important; } #leaderboard-table section.my-2 { margin-top : 0 !important; margin-bottom: 20px !important; } #leaderboard-table section button.bordered, #leaderboard-table .ag-row-odd { border-radius: var(--border-radius-10) !important; background : var(--bg-side-nav-header-section) !important; font-family : var(--font-family); } #leaderboard-table section button.bordered i { color: var(--color-white) !important; } #leaderboard-table section button.bordered:hover, #leaderboard-table section button.bordered.active { background: var(--button-secondary-bg) !important; } #leaderboard-table section menu { top: 40px !important; } #leaderboard-table section menu ul { background : var(--bg-side-nav) !important; box-shadow : 0px 4px 7px rgba(12, 23, 31, 0.35); border : 1px solid var(--active-menu-bg); border-radius: var(--default-border-radius); } #leaderboard-table section menu ul li { color : var(--color-text) !important; font-family: var(--font-family) !important; } #leaderboard-table section menu ul li:hover { background: var(--primary-color) !important; color : var(--white-color) !important; } #leaderboard-table .ag-row-hover:not(.ag-full-width-row)::before, .player-transaction-content .ag-row-hover:not(.ag-full-width-row)::before { border-radius: 16px; } #leaderboard-table .ag-row-odd, .player-transaction-content .ag-row-odd { height : 56px !important; border-radius: 16px !important; background : var(--bg-side-nav-header-section) !important; } #leaderboard-table .ag-row-even, .player-transaction-content .ag-row-even { border : 0 !important; background: transparent !important; height : 56px !important; } #leaderboard-table .ag-ltr .ag-cell:focus-within, .player-transaction-content .ag-ltr .ag-cell:focus-within { border: 0 !important; } .player-transaction-cell-amount { align-items: center; } .player-transaction-cell-amount img { margin-top: 0 !important; } /*Profile Modal*/ #modal-user-profile .content-wrapper-system { flex : 0 0 calc(100% - 264px); max-width: 100%; } #modal-user-profile .modal-body .modal-wrapper .sidenav-system { background : var(--bg-side-nav); box-shadow : 5px 0px 10px 0px rgba(0, 0, 0, 0.20); padding-top: 65px; flex : 1 1 264px; max-width : 264px; } #modal-user-profile .modal-body .modal-wrapper .sidenav-system:before { content : ''; position : absolute; width : 100%; height : 1px; top : 65px; left : 0; background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.50) 50.4%, rgba(255, 255, 255, 0.00) 96.77%); filter : opacity(0.6); z-index : -1; } #modal-user-profile .modal-body .modal-wrapper .sidenav-system:after { content : ''; position : absolute; top : 65px; left : 0; height : 56px; width : 100%; background: radial-gradient(50% 128.57% at 50% -36.61%, #39AD4A 0%, rgba(57, 173, 74, 0.52) 25.67%, rgba(10, 35, 14, 0.00) 100%); z-index : -1; } #modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-account { padding : 16px 16px 0 32px; display : flex; flex-direction : column; justify-content: center; border : 0; font-size : 16px; font-weight : 400; line-height : normal; } #modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-account .player-username { margin-bottom: 4px; } #modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-account:before, #modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-balance:before { content : ''; position : absolute; bottom : 0; left : 0; width : 100%; height : 1px; background : var(--bg-separator); mix-blend-mode: overlay; } #modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-balance { padding: 16px; border : 0; } #modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-balance>.row { margin: 0; } #modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-balance-wrapper { padding : 0 0 2px 0; flex : 0 0 100%; max-width: 100%; } #modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-balance-wrapper button:hover { background: var(--button-primary-bg); } /* CM-219 */ #modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-balance-wrapper button i, #modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-bonus-balance-wrapper button i { opacity : 0.6; font-size : 24px; margin-right: 8px; z-index : 1; } .btn-wallet-balance .fa-wallet, .btn-bonus-balance .fa-gift { z-index : 1; position: relative; } .profile-wallet-balance:before, .profile-bonus-balance:before, .wallet-button-balance:before, .bonus-badge-balance:before { content : "W"; background: var(--button-primary-bg); color : var(--button-primary-bg); position : absolute; } .wallet-button-balance:before, .bonus-badge-balance:before { left: -1px; } *[lang="ko"] .wallet-button-balance:before, *[lang="ko"] .bonus-badge-balance:before, *[lang="ko"] .profile-wallet-balance:before, *[lang="ko"] .profile-bonus-balance:before { left: -5px; } .profile-bonus-balance:before, .bonus-badge-balance:before { background: var(--button-secondary-bg); color : transparent; } .profile-wallet-balance, .profile-bonus-balance, .wallet-button-balance, .bonus-badge-balance { margin-left: -18px; position : relative; } .profile-wallet-balance, .profile-bonus-balance, .wallet-button-balance, .bonus-badge-balance { margin-left: -18px; position : relative; } *[lang="ko"] .profile-wallet-balance, *[lang="ko"] .profile-bonus-balance, *[lang="ko"] .wallet-button-balance, *[lang="ko"] .bonus-badge-balance { margin-left: -12px; } .profile-bonus-currency, .profile-wallet-currency, .wallet-button-currency, .bonus-badge-currency { font-size: 0; position : relative; } .profile-bonus-currency:before, .profile-wallet-currency:before, .wallet-button-currency:before, .bonus-badge-currency:before { content : "₩"; font-size: 16px; } /* End CM-219*/ #modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-bonus-balance-wrapper { padding : 2px 0 0 0; flex : 0 0 100%; max-width: 100%; } #modal-user-profile .modal-body .modal-wrapper .grp-balance .btn-bonus-balance-wrapper button:hover { background: var(--button-secondary-bg); } .nav-tab-system-vertical ul { padding-top: 16px; position : relative; } .nav-tab-system-vertical ul:before { content : ''; position : absolute; top : 0; left : 0; width : 100%; height : 1px; background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.30) 50.4%, rgba(255, 255, 255, 0.00) 96.77%); filter : opacity(0.4); } .nav-tab-system-vertical ul li { margin-left: 0; padding : 0 16px 0 24px; height : 56px; position : relative; } .nav-tab-system-vertical ul li:before { content : ''; position : absolute; bottom : 0; left : 0; width : 100%; height : 1px; background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.30) 50.4%, rgba(255, 255, 255, 0.00) 96.77%); filter : opacity(0.4); } .nav-tab-system-vertical ul li a { padding : 0; height : 100%; display : flex; align-items : center; font-size : 16px; text-transform: uppercase; font-weight : 700; color : var(--color-text); } .nav-tab-system-vertical ul li a:hover, .nav-tab-system-vertical ul li a.active { color : var(--color-side-nav-active); background: transparent; } .nav-tab-system-vertical ul li a i, .nm-widget.login-w .dropdown-user-profile>a>i { min-width : 32px; max-width : 32px; text-align : center; font-size : 28px; padding : 0; margin-right: 16px; } .nav-tab-system-horizontal { height : 70px; border : 0; position: relative; } .nav-tab-system-horizontal:before { content : ''; position : absolute; bottom : 0; left : 0; width : 100%; height : 1px; background : var(--bg-separator); mix-blend-mode: overlay; } .nav-tab-system-horizontal .nav-tabs { padding-right: 0; } .nav-tab-system-horizontal .nav-tabs .nav-item { padding: 24px; } .nav-tab-system-horizontal .nav-tabs .nav-item a { cursor : pointer; padding: 0 24px 24px; } #vip-progress .nav-tab-system-horizontal .nav-tabs .nav-item a { color : #EBEBF5; padding: 0; } .nav-tab-system-horizontal .nav-tabs .nav-item a.active, .komp-section .komp-section-tabs .komp-active-tab { border-color: var(--color-primary); } .tab-content-main-content>.tab-pane.active { padding: 0 48px; } .tab-content.tab-content-player-account-window { padding-top: 32px; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .header { margin : 0; padding: 0 0 24px 0; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .header p { color : #FFF; font-size : 24px; font-weight : 700; text-transform: uppercase; } .section-system { padding: 24px 0; margin : 0; } .section-system-footer { margin-right: 0; } .section-system-main, .section-system-main-lg { margin : 0 0 32px; border : 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; background : var(--bg-section); box-shadow : 0px 4px 4px 0px rgba(0, 0, 0, 0.25); padding : 16px 24px; } .section-system-main.referral-link { margin: 20px 5px 20px; } .bank-transfer-deposit-classic .section-system-notif, #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .section-system-notif p { color : #FFF; font-size : 16px; font-weight: 700; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .section-title { margin-bottom : 24px; font-size : 16px; text-transform: uppercase; color : #FFF; font-weight : 700; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .section-title a.btn-system-secondary { padding : 0 14px !important; height : 30px; display : flex; align-items : center; justify-content: center; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .section-title a.btn-system-secondary:hover { color: var(--color-white); } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .section-subtitle { margin-bottom: 8px; margin-bottom: 24px; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .btn-system-amount { margin-right: 8px; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-deposit-amt .form-control-label { color: var(--color-white); } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-deposit-amt input:not(.date-range) { background : var(--bg-input); height : 42px; border-radius: 5px !important; border : var(--border-input); color : #FFF; font-size : 16px; font-weight : 600; padding : 0 10px; margin-top : 10px; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-deposit-amt input:not(.date-range):focus { border-bottom: none; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-deposit-amt input:not(.date-range):focus+.form-control-label { color: var(--color-primary); } #modal-user-profile .modal-body .modal-wrapper .btn-system-primary, #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .grp-actions button:last-child { height : 40px; padding : 0 16px !important; color : #FFF !important; border-radius : 8px; background : var(--button-primary-bg); display : flex; align-items : center; justify-content: start; border : 1px solid #041331; } #notification-container .btn-notification .delete-all-btn button:hover { background: #c75952 !important; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .grp-actions button:last-child:hover, #modal-user-profile .modal-body .modal-wrapper .btn-system-primary:hover { background: var(--button-secondary-bg); } #modal-user-profile .modal-body .modal-wrapper .btn-system-secondary, #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .grp-actions button:first-child { height : 40px; padding : 0 16px !important; color : #FFF !important; border-radius : 8px; background : var(--button-secondary-bg); border : 1px solid #041331; font-weight : 700; display : flex; align-items : center; justify-content: start; } #modal-user-profile .modal-body .modal-wrapper .btn-system-secondary:hover, #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .grp-actions button:first-child:hover { background: var(--button-primary-bg); } #modal-user-profile .modal-body .modal-wrapper .btn-system-secondary.disabled { cursor : not-allowed; pointer-events: none; background : grey; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .grp-actions button:last-child, #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .grp-actions button:first-child { display : inline-block; border : 0; font-weight: 600; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .accordion { margin: 0; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile.preview-mode .accordion .card, #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .accordion .card { background : var(--bg-section); border : 1px solid rgba(255, 255, 255, 0.1); box-shadow : 0px 4px 4px 0px rgba(0, 0, 0, 0.25); border-radius: 8px; padding : 16px 24px; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .accordion .card .card-header { padding : 0; font-size : 16px; text-transform: uppercase; color : #FFF; font-weight : 700; margin-bottom : 24px; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .change-password-container input { background : var(--bg-input); border : var(--border-input); height : 42px; border-radius: 5px; font-size : 16px; font-weight : 600; padding : 0 10px; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .change-password-container .form-prompt { margin-bottom: 8px; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .change-password-container .password-group .password-visible, #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .change-password-container .confirm-password-group .password-visible { right : 30px; bottom: 10px; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .tab-header .btn-back { cursor: pointer; } #modal-user-profile .modal-body .modal-wrapper .btn-deposit-clear, #modal-user-profile .modal-body .modal-wrapper .btn-withdraw-clear { margin-right: 8px; } .section-system-filter .col-md-5, .section-system-filter .col-md-7 { -ms-flex : 0 0 50%; flex : 0 0 50%; max-width: 50%; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-date-range { padding-right: 10px; } .date-range-wrapper { border: 0; width : 100%; } .date-range-wrapper i.fa-calendar-alt { color : var(--color-white); font-size: 16px; top : 50%; transform: translateY(-50%); left : 10px; } .date-range-wrapper input.date-range { height : 40px; background : var(--bg-input); border : var(--border-input); border-radius: var(--border-radius-10) !important; padding : 0 16px 0 32px; font-weight : 600; text-align : right; cursor : pointer; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .grp-status { padding-left: 10px; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .dropdown { width: 100%; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .dropdown .dropdown-system-toggle { height : 40px; background : var(--bg-input); border : var(--border-input); border-radius: var(--border-radius-10) !important; padding : 0 16px !important; font-weight : 600; min-width : 100%; } .daterangepicker { background : var(--bg-side-nav-header-section); border-radius: var(--border-radius-10); border : 1px solid var(--bg-separator); } .daterangepicker:before { border-bottom: 7px solid var(--bg-side-nav-header-section); } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover, .daterangepicker td.active, .daterangepicker td.active:hover, .daterangepicker td.available:hover, .daterangepicker th.available:hover, .daterangepicker td.active.end-date { background: var(--button-primary-bg) !important; color : var(--color-white); box-shadow: var(--button-primary-box-shadow); } .daterangepicker .ranges li, .daterangepicker .calendar-table td, .daterangepicker .calendar-table th { color: var(--color-text-table); } .daterangepicker.show-ranges.ltr .drp-calendar.left, .daterangepicker .drp-buttons { border-color: var(--bg-calendar-separator); font-family : var(--font-family); } .daterangepicker .calendar-table { background: var(--bg-body); } .daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date { background: var(--bg-header-section); } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover, .daterangepicker td.active, .daterangepicker td.active:hover, .daterangepicker td.available:hover, .daterangepicker th.available:hover, .daterangepicker td.active.end-date { color: var(--color-white) !important; } .daterangepicker td.in-range { background: var(--bg-side-nav-header-active); color : var(--color-primary); } .daterangepicker th.prev:hover span, .daterangepicker th.next:hover span { border-color: var(--color-white); } .daterangepicker .applyBtn { height : 40px; padding : 0 16px !important; font-size : 16px !important; color : #FFF !important; border-radius: 8px; background : var(--button-primary-bg); border : 1px solid #041331; } .daterangepicker .applyBtn:hover { background: var(--button-primary-bg) !important; box-shadow: var(--button-primary-box-shadow); } .daterangepicker .cancelBtn { height : 40px; padding : 0 16px !important; font-size : 16px !important; color : #FFF !important; border-radius: 8px; background : var(--button-secondary-bg); border : 1px solid #041331; } .daterangepicker .cancelBtn:hover { background: var(--button-secondary-bg); box-shadow: var(--button-secondary-box-shadow); } .section-system-filter .dropdown .dropdown-menu.dropdown-filter { background : var(--bg-side-nav-header-section); border-radius: var(--border-radius-10); border-color : var(--bg-separator); } .section-system-filter .txt-system { background : var(--bg-input); border : var(--border-input); height : 42px; border-radius: 5px !important; padding : 0 10px; } .section-system-filter .dropdown .dropdown-menu .dropdown-item:hover { background: transparent; } .section-system-filter .dropdown .dropdown-menu .dropdown-item:hover label { color: var(--color-primary) !important; } .section-system-filter .dropdown .dropdown-menu.dropdown-filter .dropdonw-menu-content .dropdown-menu-footer { border-color: var(--color-text); } .section-system-filter .dropdown .dropdown-menu.dropdown-filter .dropdonw-menu-content .dropdown-menu-footer .btn-system.btn-clear { height : 40px !important; padding : 0 25px !important; display : flex; align-items : center; justify-content: center; } #modal-user-profile .modal-body .modal-wrapper .section-system-filter .btn-system-primary { height : 40px; padding: 0 25px !important; } .table-system { border-radius: 8px; overflow : hidden; margin-top : 24px; } .table-system-header th { background: var(--bg-side-nav-header-section); color : var(--color-text-table); } .table-system-header th:first-child, .table-system-header td:first-child { border-top-left-radius : 8px; border-bottom-left-radius: 8px; } .table-system-header th:last-child, .table-system-header td:last-child { border-top-right-radius : 8px; border-bottom-right-radius: 8px; } .table-system-header td { border: 0; } .table-system-header tr:nth-child(even) { position: relative; } .table-system-header tr:nth-child(even) td { background: rgba(57, 173, 74, 0.10); } .report.casino-bet .wrapper-search input { background : var(--bg-input) !important; border : var(--border-input) !important; border-radius: var(--border-radius-10); padding : 0 14px; font-size : 14px; height : 40px; font-weight : 600; } .report.casino-bet .wrapper-search input::placeholder { color: var(--color-search-button); } .report.casino-bet .wrapper-search i.fa-search { right : 14px; top : 50%; transform : translateY(-50%); color : #254324; background : rgba(57, 173, 74, 0.6); padding : 5px; border-radius: 50%; } .report.casino-bet .container-search, .report.sport-bet .container-search { margin-right: 0; } .active-bonuses-tab .active-bonus-item .icon-section-wrapper, .active-bonuses-tab .available-bonus-item .icon-section-wrapper, .available-bonuses-tab .active-bonus-item .icon-section-wrapper, .available-bonuses-tab .available-bonus-item .icon-section-wrapper { width: 3%; } .active-bonuses-tab .active-bonus-item .description-section-wrapper, .active-bonuses-tab .available-bonus-item .description-section-wrapper, .available-bonuses-tab .active-bonus-item .description-section-wrapper, .available-bonuses-tab .available-bonus-item .description-section-wrapper { width: 97%; } .active-bonuses-tab .active-bonus-item .product-icon, .active-bonuses-tab .available-bonus-item .product-icon, .available-bonuses-tab .active-bonus-item .product-icon, .available-bonuses-tab .available-bonus-item .product-icon { color: #FFF; } .active-bonuses-tab .active-bonus-item .description-section-wrapper .name-wrapper .name, .active-bonuses-tab .available-bonus-item .description-section-wrapper .name-wrapper .name, .available-bonuses-tab .active-bonus-item .description-section-wrapper .name-wrapper .name, .available-bonuses-tab .available-bonus-item .description-section-wrapper .name-wrapper .name { font-size: 16px; color : var(--color-white); } .active-bonuses-tab .active-bonus-item .description-section-wrapper .description, .active-bonuses-tab .available-bonus-item .description-section-wrapper .description, .available-bonuses-tab .active-bonus-item .description-section-wrapper .description, .available-bonuses-tab .available-bonus-item .description-section-wrapper .description { font-size: 14px; color : #FFF; margin : 0 0 20px 0; } .active-bonuses-tab .active-bonus-item .description-section-wrapper .bonus-details-wrapper .detail-header, .active-bonuses-tab .available-bonus-item .description-section-wrapper .bonus-details-wrapper .detail-header, .available-bonuses-tab .active-bonus-item .description-section-wrapper .bonus-details-wrapper .detail-header, .available-bonuses-tab .available-bonus-item .description-section-wrapper .bonus-details-wrapper .detail-header { color : var(--color-text-table); font-size: 14px; } .active-bonuses-tab .active-bonus-item .description-section-wrapper .bonus-details-wrapper .detail-value, .active-bonuses-tab .available-bonus-item .description-section-wrapper .bonus-details-wrapper .detail-value, .available-bonuses-tab .active-bonus-item .description-section-wrapper .bonus-details-wrapper .detail-value, .available-bonuses-tab .available-bonus-item .description-section-wrapper .bonus-details-wrapper .detail-value { color: var(--color-white); } .active-bonuses-tab .active-bonus-item .btn-claim, .active-bonuses-tab .active-bonus-item .btn-cancel, .active-bonuses-tab .available-bonus-item .btn-claim, .active-bonuses-tab .available-bonus-item .btn-cancel, .available-bonuses-tab .active-bonus-item .btn-claim, .available-bonuses-tab .active-bonus-item .btn-cancel, .available-bonuses-tab .available-bonus-item .btn-claim, .available-bonuses-tab .available-bonus-item .btn-cancel { float : right; height : 40px !important; padding : 0 25px !important; display : flex; align-items: center; } .active-bonuses-tab .active-bonus-item .btn-claim, .active-bonuses-tab .available-bonus-item .btn-claim, .available-bonuses-tab .active-bonus-item .btn-claim, .available-bonuses-tab .available-bonus-item .btn-claim { background: var(--button-primary-bg) !important; box-shadow: var(--button-primary-box-shadow) !important; } .active-bonuses-tab .active-bonus-item.claimed, .active-bonuses-tab .available-bonus-item.claimed, .available-bonuses-tab .active-bonus-item.claimed, .available-bonuses-tab .available-bonus-item.claimed { border: 0; } .active-bonuses-tab .active-bonus-item.claimed .product-icon:before, .active-bonuses-tab .available-bonus-item.claimed .product-icon:before, .available-bonuses-tab .active-bonus-item.claimed .product-icon:before, .available-bonuses-tab .available-bonus-item.claimed .product-icon:before { color: var(--color-primary); } .active-bonuses-tab .active-bonus-item .btn-claim.disabled, .active-bonuses-tab .active-bonus-item .btn-cancel.disabled, .active-bonuses-tab .available-bonus-item .btn-claim.disabled, .active-bonuses-tab .available-bonus-item .btn-cancel.disabled, .available-bonuses-tab .active-bonus-item .btn-claim.disabled, .available-bonuses-tab .active-bonus-item .btn-cancel.disabled, .available-bonuses-tab .available-bonus-item .btn-claim.disabled, .available-bonuses-tab .available-bonus-item .btn-cancel.disabled { opacity : 0.7; cursor : not-allowed; pointer-events: none; background : grey !important; } .active-bonuses-tab .active-bonus-item .img-running, .active-bonuses-tab .available-bonus-item .img-running, .available-bonuses-tab .active-bonus-item .img-running, .available-bonuses-tab .available-bonus-item .img-running { right : -20px; top : -20px; height : 25px; width : fit-content; padding : 0 15px; background : var(--button-primary-bg); color : var(--color-white); font-size : 12px; display : flex; align-items : center; border-bottom-left-radius: var(--border-radius-10); border-top-right-radius : var(--border-radius-10); } .active-bonuses-tab .active-bonus-item .img-running:before, .active-bonuses-tab .available-bonus-item .img-running:before, .available-bonuses-tab .active-bonus-item .img-running:before, .available-bonuses-tab .available-bonus-item .img-running:before { content: 'Running'; color : #FFF; } .active-bonuses-tab .active-bonus-item .img-running img, .active-bonuses-tab .available-bonus-item .img-running img, .available-bonuses-tab .active-bonus-item .img-running img, .available-bonuses-tab .available-bonus-item .img-running img { display: none; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .section-system-table { margin: 0; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .section-system-table-footer .col-12 { text-align: right; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .custom-pagination .dropdown { width : fit-content; margin: 0 10px; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .custom-pagination .dropdown #pagination-toggle { background : var(--bg-input); height : 30px; border-radius: 5px !important; border : var(--border-input); font-size : 14px !important; font-weight : 600; padding : 0 10px !important; min-width : 50px; } .dropdown .dropdown-menu-input-mini { background : var(--bg-side-nav-header-section); border-radius: var(--border-radius-10); border-color : var(--bg-separator); } .dropdown .dropdown-menu-input-mini .dropdown-item { font-weight: 600; color : var(--color-text); } .dropdown .dropdown-menu-input-mini .dropdown-item:hover, .dropdown .dropdown-menu-input-mini .dropdown-item:focus, .dropdown .dropdown-menu-input-mini .d-item:hover, .dropdown .dropdown-menu-input-mini .d-item:focus { background: transparent; color : var(--color-white); } .game-lobby-header .header-container h5, .game-provider-wrapper .game-provider-header .header-container h5 { font-size : 20px !important; color : #EBEBF5 !important; font-weight: 600; } .game-lobby-header, .game-provider-wrapper .game-provider-header { margin-bottom: 16px !important; } .game-lobby-slider-container { align-items : center; justify-content: space-between; width : 125px !important; height : 24px !important; top : 0 !important; } .game-lobby-slider-container button { border : 0 !important; width : fit-content !important; padding : 0 !important; display : flex; align-items : center; justify-content: center; } .game-lobby-slider-container button:hover { transform : none !important; background: transparent !important; filter : drop-shadow(0px 0px 2px rgba(255, 255, 255, 1)) } .game-lobby-slider-container button i:before { content : ''; height : 24px; width : 24px; display : var(--icon-display); background-image : url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/new-next-prev.svg); background-position: var(--icon-position); background-size : var(--icon-contain); vertical-align : middle; } .game-lobby-slider-container button#slideLeft i:before { background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/new-prev-next.svg); } .game-lobby-renderer .game-lobby-renderer-card.default:hover { transform: scaleY(0.99) !important; } .game-lobby-renderer .game-lobby-renderer-card a { padding-top: 0 !important; white-space: nowrap; border : 2px solid #345B2F; } .game-lobby-renderer .game-lobby-renderer-card.see-all-card a { border: none; } .game-lobby-renderer .game-lobby-renderer-card img { position : relative !important; border-radius: 8px !important; max-height : 280px; object-fit : fill; } .game-lobby-renderer-card:not(.see-all-card):before { content : ''; position : absolute; width : 100%; height : 100%; left : 0; top : 0; border-radius : 8px; background : linear-gradient(180deg, #39AD4A 0%, rgba(45, 136, 58, 0.64) 25%, rgba(23, 71, 30, 0.00) 100%); pointer-events: none; mix-blend-mode: soft-light; z-index : 1; } .game-lobby-renderer .game-lobby-renderer-card.see-all-card { position : absolute; right : calc(125px / 2); transform : translateX(50%); top : -43px; background: transparent !important; cursor : pointer; z-index : 1; } .game-lobby-renderer .game-lobby-renderer-card.see-all-card:hover { background: transparent !important; } .game-lobby-renderer .game-lobby-renderer-card.see-all-card a .see-all-container .carousel-control-next-icon { display: none; } .game-lobby-renderer .game-lobby-renderer-card.see-all-card a .see-all-container { color : #EBEBF5 !important; font-weight: 600; } .game-lobby-renderer .game-lobby-renderer-card.see-all-card a .see-all-container .see-all-label { margin-top: 0 !important; } /* .game-lobby-renderer .game-lobby-renderer-card.see-all-card:hover a .see-all-container .see-all-label { background : #50a14a; background-clip : text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter : drop-shadow(0px 0px 0px rgba(255, 255, 255, 0.6)); } */ .game-lobby-renderer.horizontal, .game-provider-wrapper .game-provider-list, .loader-container.horizontal div { grid-auto-columns: calc(calc(100% - 168px) / 8) !important; gap : 0 24px !important; margin-bottom : 24px !important; } .game-lobby-renderer.tiles, .scroll-wrapper.provider-list-page .game-providers, .loader-container.tiles div { gap: 32px 24px !important; } .game-provider-wrapper .game-provider-list { display : grid; grid-auto-flow : column; overflow-x : auto; scroll-behavior: smooth; overflow-y : hidden; } .loader-container.horizontal div { width: 100% !important; } .loader-container div svg { width : 100%; border-radius: 8px; filter : saturate(100%) invert(28%) sepia(56%) saturate(411%) hue-rotate(66deg) brightness(93%) contrast(90%); } #casino-lobby-component .tab-navigation { margin-bottom: 40px; display : flex; } #casino-lobby-component .tab-navigation .tab { background : var(--bg-side-nav-header-section) !important; border-radius: var(--border-radius-10); box-shadow : none; height : 40px; color : var(--color-text) !important; padding : 0 17px !important; margin-right : 10px; align-items : center; display : flex; } #casino-lobby-component .tab-navigation .tab.active, #casino-lobby-component .tab-navigation .tab:hover { background: var(--button-primary-bg) !important; box-shadow: var(--button-primary-box-shadow); color : var(--color-white) !important; transition: all 0.2s ease-in; } #casino-lobby-component .tab-navigation .tab::before { content : ''; display : inline-block; margin-right : 6px; width : 20px; height : 16px; background-size : var(--icon-contain); background-repeat : var(--icon-repeat); background-position: var(--icon-position); } #casino-lobby-component .tab-navigation .tab:first-child::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/casino/icons/Casino_default.svg"); } #casino-lobby-component .tab-navigation .tab.active:first-child::before, #casino-lobby-component .tab-navigation .tab:hover:first-child::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/casino/icons/Casino_active.svg"); } #casino-lobby-component .tab-navigation .tab:nth-child(2)::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/casino/icons/Table-Games_default.svg"); } #casino-lobby-component .tab-navigation .tab.active:nth-child(2)::before, #casino-lobby-component .tab-navigation .tab:hover:nth-child(2)::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/casino/icons/Table-Games_active.svg"); } #casino-lobby-component .tab-navigation .tab:last-child::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/casino/icons/Live-Casino_default.svg"); } #casino-lobby-component .tab-navigation .tab.active:last-child::before, #casino-lobby-component .tab-navigation .tab:hover:last-child::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/casino/icons/Live-Casino_active.svg"); } .game-lobby-header .header-container i { margin-right: 8px !important; } .game-lobby-header .header-container i::before, .game-provider-wrapper .game-provider-header .header-container i::before { content : ''; display : inline-block; width : 24px; height : 24px; background-size : var(--icon-contain); background-repeat : var(--icon-repeat); background-position: var(--icon-position); vertical-align : middle; } .game-lobby-header .header-container i.LiveCasino::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/LiveCasino-active.svg"); } .game-lobby-header .header-container i.KoreanDealers::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/KoreanDealers-active.svg"); } .game-lobby-header .header-container i.Slots::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Slots-active.svg"); } .game-lobby-header .header-container i.Poker::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/Poker.svg"); } .game-lobby-header .header-container i.Roulette::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/Roulette.svg"); } .game-lobby-header .header-container i.ProviderLobby::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/LiveCasino-active.svg"); } .game-lobby-header.casino_favorites-widget .header-container i { margin-right: 0 !important; } .game-lobby-header.casino_favorites-widget .header-container i::before { background-image: url("https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Favorites.svg"); width : 36px; height : 36px; position : relative; } .game-provider-wrapper .game-provider-slider-container { width : fit-content !important; position: absolute; right : 0; top : 0; } .game-provider-wrapper .game-provider-list .game-provider-list-item { border-radius : 8px !important; background : var(--bg-side-nav-header-section) !important; height : 60px !important; padding : 10px 15px !important; display : flex; align-items : center; justify-content: center; border-color : var(--button-primary-bg); transition : border 0.2s ease-in-out; } .game-provider-wrapper .game-provider-list .game-provider-list-item:hover { border : 1px solid var(--button-primary-bg); transform : scale(0.95); transition: transform 0.2s ease-in-out; } .game-provider-wrapper .game-provider-list .game-provider-list-item img { max-width: 68%; } .game-provider-wrapper .game-provider-slider-container button { height : 24px !important; width : 24px !important; border : 0 !important; margin-left: 12px; padding : 0 !important; } .game-provider-wrapper .game-provider-slider-container button:hover { background: transparent !important; filter : drop-shadow(0px 0px 2px rgba(255, 255, 255, 1)); } .game-provider-wrapper .game-provider-slider-container button i:before { content : ''; height : 24px; width : 24px; display : var(--icon-display); background-image : url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/new-next-prev.svg); background-position: var(--icon-position); background-size : var(--icon-contain); vertical-align : middle; } .game-provider-wrapper .game-provider-slider-container button#slideLeft i:before { transform: rotate(180deg); } .game_provider_horizontal_list-widget.header-container { display : flex; width : fit-content; align-items: center; } .game_provider_horizontal_list-widget.header-container i { margin-right: 8px; } .game_provider_horizontal_list-widget.header-container i:before { background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/AllProviders-active.svg); } .gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-container { background: var(--bg-side-nav-header-section) !important; } .gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-container.preload-container::before { background: rgba(11, 23, 12, 0.90) !important; } .gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-container .balance-in-currency, .gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-container #game-currency-dropdown, .gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-container .gamestage-center-info-container span:first-of-type { display: none; } .gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-container .balance-in-currency .gamestage-currency { display: none !important; } .gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-container .gamestage-center-info-container .gamestage-play-button-container button { padding : 0 17px !important; border-radius: var(--border-radius-4) !important; background : var(--button-primary-bg) !important; box-shadow : var(--button-primary-box-shadow) !important; font-family : var(--font-family) !important; border : var(--border-input) !important; } .gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-container .gamestage-center-info-container .gamestage-play-button-container button:last-child { background: var(--button-secondary-bg) !important; box-shadow: var(--button-secondary-box-shadow) !important; } .gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-bottom-controls-container { background : var(--bg-side-nav-header-section) !important; border-radius: 0 !important; position : relative; } .gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-bottom-controls-container .controls-column.left-controls-container button, .gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-bottom-controls-container .right-controls-container button { padding: 0 5px !important; } .gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-bottom-controls-container .controls-column.left-controls-container button:hover { background: var(--button-secondary-bg) !important; } .gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-bottom-controls-container .controls-column.left-controls-container button.fave { color: var(--color-secondary) !important; } .gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-bottom-controls-container .controls-column.left-controls-container button.fave:hover { color: var(--color-white) !important; } .gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-bottom-controls-container .controls-column.left-controls-container .switch-to-real-play-container .switch input:checked+.slider-checkbox { background-color: rgba(57, 173, 74, 0.6) !important; } .gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-bottom-controls-container .controls-column.left-controls-container .switch-to-real-play-container .switch input:hover+.slider-checkbox:before, .gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-bottom-controls-container .controls-column.left-controls-container .switch-to-real-play-container .switch input:checked+.slider-checkbox:before { background-color: var(--color-primary) !important; } .gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-bottom-controls-container .controls-column.left-controls-container .switch-to-real-play-container .switch input:disabled+.slider-checkbox { background-color: rgba(145, 134, 255, 0.5) !important; } .gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-bottom-controls-container .controls-column.left-controls-container .switch-to-real-play-container .label { font-family: var(--font-family) !important; color : var(--color-primary); } .gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-bottom-controls-container .right-controls-container button i:hover { color: var(--color-primary) !important; } /* GP-5399 */ .home-page-content .gamestage-wrapper-new-skin .game-info-wrapper, .home-page-content .gamestage-wrapper-new-skin .casino_search-widget, .home-page-content .gamestage-wrapper-new-skin .fullscreen .gamestage-wrapper .gamestage-bottom-controls-container { display: none; } .home-page-content .gamestage-wrapper-new-skin .fullscreen .gamestage-wrapper iframe.gamestage-container { height: calc(100dvh - 40px) !important; } /* End GP-5399 */ #provider-game-list-page-casino-group, #game-providers-page, #provider-game-list-page, .promo-page, .general-page-template { max-width: 100%; } .promo-page-header-container { display: flex; } .template-page-header-container, .promo-page-header-container, .casino_favorites-widget .game-lobby-header { margin : 0 !important; height : fit-content !important; background: transparent !important; } .template-body-wrapper { margin : 30px 0; display: flex; gap : 0 20px; } .promo-page-header-container .promo-page-header { display : flex; align-items: center; } .template-page-header-container .template-page-header, .promo-page-header-container .promo-page-header, .casino_favorites-widget .header-container { max-width : 100% !important; justify-content: start !important; gap : 0 8px; position : relative; } .template-page-header-container .template-page-header h5, .promo-page-header-container .promo-page-header h5, .casino_favorites-widget .header-container h5 { font-size : 20px !important; font-family: var(--font-family) !important; font-weight: 600 !important; color : #EBEBF5 !important; order : 2; } .template-page-header-container .template-page-header img.custom-category-game-list-page, .template-page-header-container .template-page-header img, .promo-page-header-container .promo-page-header img { height : 100%; max-height: 32px; width : 32px; order : 1; object-fit: contain; position : relative; } .casino_favorites-widget section { margin-top: 30px; } .template-page-header-container .template-page-header img.custom-category-game-list-page.all-live-casino { content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/LiveCasino-active.svg); } .template-page-header-container .template-page-header img.custom-category-game-list-page.all-casino { content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/allCasinoIcon-active.svg); } .template-page-header-container .template-page-header img.custom-category-game-list-page.slots { content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/Slots-active.svg); } .template-page-header-container .template-page-header img.custom-category-game-list-page.game-shows { content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/GameShows-active.svg); } .template-page-header-container .template-page-header img.custom-category-game-list-page.fast-games { content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/FastGames-active.svg); } .template-page-header-container .template-page-header img.custom-category-game-list-page.table-games { content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/TableGames-active.svg); } .template-page-header-container .template-page-header img.custom-category-game-list-page.virtual-sports { content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/VirtualSports-active.svg); } .template-page-header-container .template-page-header img.custom-category-game-list-page.tv-games { content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/TVGames-active.svg); } .template-page-header-container .template-page-header img.custom-category-game-list-page.top-games { content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/TopGames-active.svg); } .template-page-header-container .template-page-header img.custom-category-game-list-page.new-releases { content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/NewReleases-active.svg); } .template-page-header-container .template-page-header img.custom-category-game-list-page.feature-buy-in { content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/featureBuyInIcon-active.svg); } .template-page-header-container .template-page-header img.custom-category-game-list-page.baccarat { content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/baccaratIcon-active.svg); } .template-page-header-container .template-page-header img.custom-category-game-list-page.korean-dealers { content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/KoreanDealers-active.svg); } .template-page-header-container .template-page-header img.custom-category-game-list-page.blackjack { content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/blackjackIcon-active.svg); } .template-page-header-container .template-page-header img.custom-category-game-list-page.mini-games { content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-menu/miniGamesIcon-active.svg); } .promo-page .tab { display: flex; margin : 0 auto; height : 37px; width : fit-content; } .promo-page .promoTabLinks { height : 100%; border-radius : 0; background : var(--button-secondary-bg); text-transform: uppercase; font-weight : 700; filter : drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); } .promo-page .promoTabLinks:first-child { border-radius: 4px 0 0 4px; } .promo-page .promoTabLinks:last-child { border-radius: 0 4px 4px 0; } .promo-page .promoTabLinks:hover, .promo-page .promoTabLinks.active { background: var(--button-primary-bg); } .promo-page .promoTabContent { display: none; } .promo-page .promoTabContent.active { display : grid; grid-template-columns: repeat(3, 1fr); gap : 24px; margin-top : 32px; grid-auto-rows : 1fr; } .promo-page .promoTabContent.active a { filter : drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); border : 2px solid rgba(52, 91, 47, 1); position: relative; overflow: hidden; } .promo-page .promoTabContent.active a:before { content : ''; position : absolute; left : 0; top : 0; width : 100%; height : 100%; background : linear-gradient(168deg, rgba(52, 91, 47, 0.50) 1.62%, rgba(26, 50, 28, 0.00) 95.72%); mix-blend-mode: overlay; } .promo-page .promoTabContent.active a:after { content : ''; position : absolute; height : fit-content; width : fit-content; padding : 8px; top : 16px; left : 16px; text-shadow : 0px 4px 4px rgba(0, 0, 0, 0.25); line-height : 120%; background : var(--button-secondary-bg); border-radius : 4px; color : var(--color-button); font-weight : 700; text-transform: uppercase; } .promo-page .promoTabContent.active a:hover:after { background : var(--button-primary-bg); mix-blend-mode: normal; } .promo-page .promoTabContent.active a.casino_promo:after { content: 'Casino'; } .promo-page .promoTabContent.active a.sports_promo:after { content: 'Sports'; } .promo-page .promoTabContent.active a.specials_promo:after { content: 'Specials'; } .promo-page .promoTabContent.active a.specials_promo:after { content: 'Specials'; } .promo-page .promoTabContent.active a.announcement_promo:after { content: 'Announcement'; } .promo-page .promoTabContent.active a img { object-fit: cover; width : 100%; height : 100%; } .faq-accordion .accordion { background-color: var(--bg-side-nav-header-section) !important; height : 50px; border-radius : var(--border-radius-10); width : 100%; text-align : left; padding : 0 20px !important; font-size : 14px !important; font-weight : 700; color : var(--color-text-table) !important; } .faq-accordion .panel { padding: 15px 20px; } .faq-accordion .panel p { color : var(--color-text-table); line-height: normal; font-size : 14px; } .game-lobby-filter { margin-bottom: 12px !important; } .game-lobby-filter section { font-family: var(--font-family) !important; } .game-lobby-filter button { border-radius : 4px !important; font-family : 'Poppins', sans-serif; background : var(--bg-side-nav-header-section) !important; text-transform: capitalize !important; font-weight : 700 !important; padding : 0 16px !important; gap : 8px; height : 37px !important; } .game-lobby-filter button i { color: var(--color-white) !important; } .game-lobby-filter button:has(> i.open), .game-lobby-filter button:hover { background: var(--color-primary) !important; } .game-lobby-filter menu { box-shadow : 0px 4px 7px rgba(12, 23, 31, 0.35); background : linear-gradient(168deg, rgba(45, 75, 41, 0.9) 1.62%, rgba(17, 29, 18, 0.9) 95.72%) !important; border-radius: 8px; padding : 24px !important; filter : drop-shadow(0px 10px 5px rgba(0, 0, 0, 0.50)); position : relative; border : 2px solid rgba(255, 255, 255, 0.1); } .game-lobby-filter menu:before { content : ''; position : absolute; left : 21px; top : -15px; width : 0; height : 0; border-left : 16px solid transparent; border-right : 16px solid transparent; border-bottom: 16px solid #2D4B29; filter : opacity(0.9); } .game-lobby-filter menu:after { content : ''; position : absolute; left : 24px; top : 24px; width : calc(100% - 48px); height : calc(100% - 48px); background : linear-gradient(168deg, rgba(62, 120, 54, 0.8) 1.62%, rgba(23, 62, 26, 0.8) 95.72%); border-radius: 8px; z-index : -1; } .game-lobby-filter section menu .search { padding : 24px 24px 12px !important; border-top-right-radius: 8px; } .game-lobby-filter section menu .search ._input { width : 290px !important; position: relative; } .game-lobby-filter section menu .search ._input:before { content : ''; position : absolute; top : 0; left : 0; width : 100%; height : 100%; background : rgba(217, 217, 217, 0.50) !important; mix-blend-mode: color-burn; border-radius : 8px; box-shadow : 0px 4px 4px 0px rgba(0, 0, 0, 0.10) inset, 0px 4px 4px 0px rgba(0, 0, 0, 0.10); pointer-events: none; } .game-lobby-filter section menu .search ._input input { height : 42px !important; border-radius: 8px !important; background : transparent !important; color : #FFF !important; font-size : 16px !important; font-weight : 700 !important; padding : 0 40px 0 16px !important; } .game-lobby-filter section menu .search ._input input::placeholder { text-transform: uppercase; font-weight : 700 !important; } .game-lobby-filter section menu .search ._input i { background-color: rgba(255, 255, 255, 0.6); border-radius : 50%; padding : 0 !important; width : 24px; height : 24px; display : flex; align-items : center; justify-content : center; right : 12px !important; font-size : 14px; } .game-lobby-filter section menu .search ._input i:before { content : "\f002"; display : inline-block; vertical-align: middle; color : #254324; } section menu.with-caret .fa-caret-up { display: none !important; } .game-lobby-filter section menu ul { padding: 0 24px 24px 24px !important; } .game-lobby-filter section menu ul li { color : var(--color-text) !important; text-transform: capitalize !important; } .game-lobby-filter section menu ul li:hover { background: transparent !important; } .game-lobby-filter .game-lobby-filter-provider .game-lobby-filter-item { padding: 0 !important; } .game-lobby-filter .game-lobby-filter-provider .game-lobby-filter-item-budge { color : #73C37B; background: transparent !important; margin : 0 !important; padding : 0 !important; min-width : fit-content !important; } .game-lobby-filter .game-lobby-filter-provider .game-lobby-filter-checkbox { padding-left : 0 !important; height : 28px; align-items : center; margin-bottom: 8px !important; gap : 12px; } .game-lobby-filter .game-lobby-filter-provider ul li:last-child .game-lobby-filter-checkbox { margin-bottom: 0 !important; } .game-lobby-filter .game-lobby-filter-provider .game-lobby-filter-checkbox .d-flex { order : 2; font-size : 16px; font-weight: 600 !important; } .game-lobby-filter .game-lobby-filter-provider .game-lobby-filter-checkbox .d-flex .text-nowrap { margin-right: 12px !important; } .game-lobby-filter .game-lobby-filter-provider .game-lobby-filter-checkbox input { position: absolute; } .game-lobby-filter .game-lobby-filter-provider .base-checkbox-container .base-checkbox-icon { position : relative !important; order : 1; height : 24px !important; width : 24px !important; background: transparent !important; border : 0; position : relative; } .game-lobby-filter .game-lobby-filter-provider .base-checkbox-container .base-checkbox-icon:before { content : ''; position : absolute; top : 0; left : 0; width : 100%; height : 100%; background : rgba(217, 217, 217, 0.50) !important; mix-blend-mode: color-burn; border-radius : 4px !important; box-shadow : 0px 4px 4px 0px rgba(0, 0, 0, 0.10) inset, 0px 4px 4px 0px rgba(0, 0, 0, 0.10); } .game-lobby-filter .game-lobby-filter-provider .base-checkbox-container .base-checkbox-icon:after { background-image : url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/checkbox_check.svg); border : 0; width : 22px; height : 16px; background-size : var(--icon-contain); background-position: var(--icon-position); transform : none; bottom : 6px; } .game-lobby-filter section menu ul li:hover .game-lobby-filter-item-budge { font-weight: 800; } .game-lobby-filter section menu ul li:hover .game-lobby-filter-checkbox .d-flex .text-nowrap { font-weight: 800; color : #FFF; } .game-lobby-filter .game-lobby-sort section menu ul { padding : 24px !important; min-width: 147px; } .game-lobby-filter .game-lobby-sort section menu ul li .game-lobby-sort-item { display : flex; margin : 0 0 8px 0 !important; padding : 0 !important; height : 28px; align-items: center; gap : 12px; font-size : 16px; font-weight: 600; } .game-lobby-filter .game-lobby-sort section menu ul li:last-child .game-lobby-sort-item { margin-bottom: 0 !important; } .game-lobby-filter .game-lobby-sort section menu ul li .game-lobby-sort-item:hover { color : #FFF; font-weight: 800; } .game-lobby-filter .game-lobby-sort section menu ul li .game-lobby-sort-item i { margin : 0 !important; font-size : 21px; width : 24px; height : 24px; text-align: center; } #modernSkin .modal-loader { display: none !important; } .new-skin-modal-mask .new-skin-modal-wrapper .new-skin-modal-container { background : var(--bg-modal) !important; border-radius: 8px !important; padding : 24px 40px !important; max-height : fit-content !important; width : calc(100% - 328px) !important; margin : 65px auto !important; max-width : 100% !important; transform : none !important; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav.shrink~.content-wrapper .casino_search-widget .new-skin-modal-container { margin-left: 64px !important; width : calc(100% - 64px) !important; } #modernSkin .casino_search-widget .casino-search-modal-header h5 { font-weight : 700; color : #FFFFFF !important; font-family : 'Poppins', sans-serif; font-size : 24px; text-transform: capitalize; } #modernSkin .casino_search-widget .casino-search-modal-header button { background : var(--button-secondary-bg) !important; padding : 0 16px !important; letter-spacing: normal !important; font-weight : 700; } #modernSkin .casino_search-widget .casino-search-modal-wrapper .search-field-input { margin: 24px 0 32px !important; height: 48px !important; } #modernSkin .casino_search-widget .casino-search-modal-wrapper .search-field-input input { background : var(--bg-input) !important; border : var(--border-input) !important; border-radius: var(--border-radius-40) !important; color : var(--white) !important; font-weight : 600; padding : 0 48px !important; } #modernSkin .casino_search-widget .casino-search-modal-wrapper .search-field-input input:focus { box-shadow: none !important; } #modernSkin .casino_search-widget .casino-search-modal-wrapper .search-field-input input::placeholder { color: var(--color-text); } #modernSkin .casino_search-widget .casino-search-modal-wrapper .search-field-input i { color : #254324 !important; background : rgba(57, 173, 74, 0.6); padding : 5px; border-radius: 50%; font-size : 16px !important; left : 12px !important; } #modernSkin .casino_search-widget .search-result-placeholder img { display: none; } .nm-widget .game-lobby-load-more-container .load-more-counter span { text-transform: capitalize !important; font-size : 16px !important; } .nm-widget .game-lobby-load-more-container button { width : fit-content !important; padding : 0 64px !important; border-radius : var(--border-radius-4) !important; background : var(--button-primary-bg) !important; box-shadow : var(--button-primary-box-shadow); letter-spacing: normal !important; color : #EBEBF5 !important; font-family : 'Poppins', sans-serif; font-size : 16px !important; font-weight : 700; height : 37px !important; } #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .scroll-wrapper.provider-list-page .game-providers { margin-bottom: 30px; } #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .scroll-wrapper.provider-list-page .game-providers .provider-list-item { height : 60px !important; background-color: var(--bg-side-nav-header-active) !important; box-shadow : var(--button-primary-box-shadow) !important; padding : 10px 15px !important; } #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .scroll-wrapper.provider-list-page .game-providers .provider-list-item:hover { background-color: var(--color-primary) !important; box-shadow : var(--button-primary-box-shadow) !important; } #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .scroll-wrapper.provider-list-page .game-providers .provider-list-item .provider-name { font-weight: 600; font-size : 12px !important; line-height: normal; display : block; } .gamestage-wrapper-new-skin .game-info-wrapper .header-container h5 { font-weight: 800 !important; font-size : 20px; color : #EBEBF5 !important; } .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .primary-details-wrapper .common-height, .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .primary-details-wrapper .thumbnail-container, .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .primary-details-wrapper .details-container { height: fit-content !important; } .gamestage-wrapper-new-skin .game-info-wrapper .header-container i, .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .primary-details-wrapper .details-container .about-game-info .featured-tag-header i, .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .featured-tags-container .featured-tags-wrapper .featured-tag-header i, .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .featured-tags-container .game-statistic .collapse-title i { color: var(--color-text) !important; } .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container { background : var(--bg-section) !important; border-radius: 8px !important; padding : 32px !important; min-height : fit-content !important; } .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .primary-details-wrapper { min-height: fit-content !important; } .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .primary-details-wrapper .details-container { justify-content: start !important; padding : 0 24px !important; height : fit-content !important; } .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .primary-details-wrapper .details-container .details-meta h5, .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .primary-details-wrapper .details-container .details-meta p, .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .primary-details-wrapper .details-container .about-game-info .about-content span { font-family: var(--font-family) !important; } .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .primary-details-wrapper .details-container .about-game-info { border-radius: 8px !important; padding : 24px !important; margin-top : 16px !important; background : linear-gradient(168deg, rgba(52, 91, 47, 0.2) 1.62%, rgba(26, 50, 28, 0.2) 95.72%) !important; } .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .primary-details-wrapper .details-container .about-game-info .featured-tag-header h5, .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .featured-tags-container .featured-tags-wrapper .featured-tag-header h5, .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .featured-tags-container .game-statistic .collapse-title h5 { color : #EBEBF5 !important; font-size : 16px !important; text-transform: uppercase; font-weight : 600; letter-spacing: -0.32px; } .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .primary-details-wrapper .details-container .about-game-info .about-content { max-height: fit-content !important; color : var(--color-text-table); } .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .primary-details-wrapper .details-container .about-game-info .about-content span { font-size: 14px !important; } .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .primary-details-wrapper .details-container .about-game-info .about-content button { margin-top : 10px; border-radius: var(--border-radius-4); background : var(--button-primary-bg); padding : 0 16px !important; height : 37px; font-family : 'Poppins', sans-serif !important; font-weight : 700 !important; display : block !important; } .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .primary-details-wrapper .details-container .about-game-info .about-content button i { color: #FFFFFF !important; } .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .featured-tags-container .featured-tags-wrapper, .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .featured-tags-container .game-statistic { border-radius: 8px !important; background : linear-gradient(168deg, rgba(52, 91, 47, 0.2) 1.62%, rgba(26, 50, 28, 0.2) 95.72%) !important; padding : 24px !important; margin-bottom: 24px !important; } .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .featured-tags-container .featured-tags-wrapper .featured-tags-cards button { background : var(--button-primary-bg) !important; border-radius : var(--border-radius-4) !important; border : 0 !important; font-family : var(--font-family) !important; text-transform: capitalize !important; padding : 0 16px !important; } .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .featured-tags-container .game-stats-container { padding: 8px 0 0 0 !important; } .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .featured-tags-container #collapsible .header, .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .featured-tags-container .game-stats-container .game-stats-content { padding: 0 !important; } .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .featured-tags-container .game-stats-container .game-stats-content .game-info-details-title { color : var(--color-text) !important; font-size: 16px !important; } #collapsible .collapse-button { padding: 0 !important; } .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .featured-tags-container .game-stats-container .game-stats-content .game-info-details-value { color : var(--color-white) !important; font-size : 16px !important; font-weight: 600 !important; } .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .featured-tags-container .game-stats-container .game-stats-content .game-info-details-value.amount { color: var(--color-primary) !important; } .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .featured-tags-container .game-stats-container .game-stats-content .game-stats-info, .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .featured-tags-container .game-stats-container .game-stats-content .game-info-details-title, .gamestage-wrapper-new-skin .game-info-wrapper .game-info-container .featured-tags-container .game-stats-container .game-stats-content .game-info-details-value { font-family: var(--font-family) !important; } .nm-widget .game-lobby-load-more-container { margin-bottom: 30px; } #modal-user-profile .modal-body .modal-wrapper .section-system-filter { padding: 24px 0 0; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.history-tab .transaction-subtab-container { padding: 0 !important; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.history-tab .transaction-subtab-container button { margin-right: 0 !important; } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.history-tab .mt-4 { margin-top: 0 !important } .transaction-subtab-container button.active:after { background-color: var(--color-primary) !important; margin-top : 8px !important; } .verify-email-content { text-align: center; margin : 30px 0; min-height: 120px; } .verify-email-content i { font-size: 24px; color : var(--color-secondary); } .verify-email-content .message-wrapper { margin-top: 20px; } .verify-email-content .message-wrapper h6 { font-size: 20px; color : var(--color-white); } .verify-email-content .error-message h6 { color: #FF0000; } .verify-email-content .error-message span { display : block; margin-top: 10px; } .verify-email-content .error-message a { display : inline-block; width : fit-content; border-radius: var(--border-radius-10); background : var(--bg-side-nav-header-section); padding : 8px 16px; color : var(--color-white); margin-top : 10px; } .verify-email-content .success-message h6 { color: var(--color-primary); } .verify-email-content .success-message span { margin-top: 10px; display : block; } .article-menu-wrapper { flex : 0 0 250px; background : var(--bg-side-nav); border-radius: var(--border-radius-10); padding : 20px; height : fit-content; } .article-content-wrapper { flex : 0 0 calc(100% - 270px); padding : 20px; background : var(--bg-side-nav); border-radius: var(--border-radius-10); } .article-menu-wrapper .nav-item a { padding : 10px 20px; width : 100%; display : block; border-radius: var(--border-radius-10); transition : all 0.2s ease-in; } .article-menu-wrapper .nav-item a.active, .article-menu-wrapper .nav-item a:hover { background: linear-gradient(270deg, rgba(23, 30, 47, 0.84) 0%, rgba(23, 30, 47, 0.44) 100%); color : var(--color-white); } .article-content-wrapper h5 { font-size : 16px; color : var(--color-white); font-weight : 800; margin-bottom: 20px; } .article-content-wrapper h5.inline-header { margin-top: 20px; } .article-content-wrapper p { color: var(--color-text-table) !important; } .article-content-wrapper p.indent { text-indent: 20px; } .article-content-wrapper p span.number-point { color : var(--color-primary); margin-right: 5px; } .custom-modal-container .custom-modal-body { background-color: transparent !important; background : var(--bg-body) !important; border-radius : var(--border-radius-20) !important; } .custom-modal-container .icon-container { align-items : center; justify-content: end; padding : 20px; height : fit-content !important; } .custom-modal-container .icon-container span>span { margin : 0 !important; color : var(--color-white) !important; font-size : 18px !important; font-weight: 700; padding : 0 !important; } .custom-modal-container .icon-container .close-icon { height : 24px; width : 24px; border-radius : 5px; background : var(--button-secondary-bg); position : relative !important; display : flex; align-items : center; justify-content: center; right : 0 !important; top : 0 !important; transform : none !important; font-size : 16px !important; color : var(--color-white); } .custom-modal-container .icon-container .close-icon:hover { color: var(--color-white) !important; } .custom-modal-container .custom-modal-section .transaction-details-modal-container { background-color: transparent; padding : 0 20px 5px; margin : 0; } .custom-modal-container .custom-modal-section .transaction-details-modal-container .transaction-detail-item .transaction-detail-item-value { color: var(--color-primary); } .custom-modal-container .custom-modal-section .transaction-details-modal-container h4 { color : var(--color-white); margin-bottom: 20px; } .custom-modal-container .custom-modal-section .flex-item-container>.flex-item-container { padding: 0 20px 20px !important; } .custom-modal-container .custom-modal-section .flex-item-container>.flex-item-container .mb-2 { margin-bottom: 0 !important; } .custom-modal-container .custom-modal-section .flex-item-container>.w-100.px-4 { padding-left : 20px !important; padding-right: 20px !important; } .custom-modal-container .custom-modal-section .flex-item-container>.w-100.px-4 .px-1 { padding-left : 5px !important; padding-right: 5px !important; flex : 0 0 calc(100% / 3); } .custom-modal-container .custom-modal-section .flex-item-container>.w-100.px-4 .px-1:first-child { padding-left: 15px !important; } .custom-modal-container .custom-modal-section .flex-item-container>.w-100.px-4 .px-1:last-child { padding-right: 15px !important; } .custom-modal-container .custom-modal-section .flex-item-container>.w-100.px-4 .px-1 .card-container { margin : 0 !important; height : fit-content !important; background : var(--bg-side-nav-header-section); border : 0; border-radius: var(--border-radius-10); box-shadow : 0px 1px 2px black; } .custom-modal-container .card-container .card-content { padding: 10px !important; color : var(--color-white); } .custom-modal-container .card-container .card-content .flex-item-container>span:first-child { margin-bottom: 20px; } .custom-modal-container .card-container .card-content .flex-item-container>span:last-child { color: var(--color-secondary); } .custom-modal-container .btn-container { margin : 0 0 10px 0 !important; padding : 0 15px !important; height : 40px; border : 0 !important; border-radius: var(--border-radius-10) !important; background : var(--button-primary-bg); box-shadow : var(--button-primary-box-shadow); } .custom-modal-container .btn-container:hover { background: var(--button-secondary-bg); box-shadow: var(--button-secondary-box-shadow); } #casino-lobby-component .hero-container { height : 307px; position: relative; } #casino-lobby-component .hero-container img { position : absolute; top : 0; left : 0; object-fit : cover; object-position: center; height : 100%; width : 100%; border-radius : var(--border-radius-10); } #vip-progress .section-system-main .row.p-1 .col-2 { -ms-flex : 0 0 20%; flex : 0 0 20%; max-width : 20%; padding-left: 0; } #vip-progress .section-system-main .row.p-1 .col-10 { -ms-flex : 0 0 80%; flex : 0 0 80%; max-width: 80%; } #vip-progress .section-system-main .row.p-1 .col-10 .row { padding: 0 4px; } #vip-progress .section-system-main .row.p-1 .col-10 .row h3 { padding: 0; } #vip-progress .komp-vip-progress-tier-icon { width : 100% !important; height : auto !important; max-width : 100% !important; max-height: 100% !important; margin : 0 !important; min-width : 220px; } #vip-progress .komp-progress-bar { background-color: #1A321C !important; border : var(--border-input); } #vip-progress .komp-progress { background-color: var(--color-primary) !important; } #vip-progress .card { background : var(--bg-section) !important; border-radius: 8px; box-shadow : 0px 4px 4px 0px rgba(0, 0, 0, 0.25); border : 1px solid rgba(255, 255, 255, 0.1); padding : 16px 24px; } #vip-progress .card .card-header { border : 0; padding : 0; position : relative; background-color: transparent; font-size : 16px; text-transform : uppercase; color : #FFF; font-weight : 700; } #vip-progress .card .card-header:before { content : ''; position : absolute; bottom : 0; left : 0; width : 100%; height : 1px; background : var(--bg-separator); mix-blend-mode: overlay; } .section-system-main.referrals-tab-link { margin: 20px 5px 20px; } .referrals-tab .referrals-tab-link .referrals-tab-link-label .referrals-tab-link-code { color: #008CFF !important; } .referrals-tab .referrals-tab-link .referrals-tab-link-label .referrals-tab-link-url { color: var(--color-white); } .referrals-tab .referrals-tab-link .referrals-tab-link-label .btn { padding : 0 15px !important; border-radius: 5px !important; display : inline-block !important; height : 30px !important; } .referrals-tab .section-system-filter .referrals-tab-filters .date-range-wrapper { width: 20%; } .referrals-tab .section-system-filter .referrals-tab-filters .referrals-tab-search, .user-referral-commission-history-report .user-referral-filters .user-referral-search { background: transparent; border : 0 !important; width : fit-content !important; padding : 0 !important; } .referrals-tab .section-system-filter .referrals-tab-filters .referrals-tab-search .referrals-tab-search-input, .user-referral-commission-history-report .user-referral-filters .user-referral-search .user-referral-search-input { background : var(--bg-input) !important; border : var(--border-input) !important; border-radius: var(--border-radius-10); height : 40px; padding : 0 32px 0 16px; width : fit-content !important; } .user-referral-commission-history-report .user-referral-filters .user-referral-search .user-referral-search-input::placeholder { font-weight: 600; } .referrals-tab .section-system-filter .referrals-tab-filters .referrals-tab-search .referrals-tab-search-icon, .user-referral-commission-history-report .user-referral-filters .user-referral-search .user-referral-search-icon { color : #254324; background : rgba(57, 173, 74, 0.6); padding : 5px; border-radius: 50%; } .user-referral-commission-history .user-referral-commission-history-tabs li:hover, .user-referral-commission-history .user-referral-commission-history-tabs li.active { border-color: var(--color-secondary) !important; } .user-referral-commission-history-monthly .user-referral-filters .dropdown { width: 20% !important; } .user-referral-commission-history-monthly .user-referral-filters .dropdown-menu { background : var(--bg-side-nav-header-section); border-radius: var(--border-radius-10); } .user-referral-commission-history-monthly .user-referral-filters .dropdown-menu .btn-system { height : 40px !important; padding: 0 25px !important; } .user-referral-commission-history-monthly .user-referral-filters .dropdown-menu .txt-system { background : var(--bg-input); border : var(--border-input); border-radius: 5px; } .user-referral-commission-history-monthly .user-referral-filters .dropdown-menu .dropdown-item:hover { background: transparent; } .user-referral-commission-history-monthly .user-referral-filters .dropdown-menu .dropdown-item:hover label { color: var(--color-primary) !important; } .month-year-picker-datepicker-footer { display : flex; justify-content: space-between; gap : 5px; padding : 15px; } .month-year-picker-datepicker .month-year-picker-input-wrapper { border : 0; border-radius: 0; } .month-year-picker-datepicker .month-year-picker-input-wrapper .month-year-picker-input { background : var(--bg-input); border : var(--border-input); border-radius: var(--border-radius-10); height : 40px; } .month-year-picker-datepicker-main.month-year-picker-datepicker-popup, .month-year-picker-datepicker-main .month-year-picker-datepicker-content { background : var(--bg-side-nav-header-section); border-radius: var(--border-radius-10); } .month-year-picker-datepicker-main .month-year-picker-datepicker-content .month-year-picker-datepicker-footer .month-year-picker-btn.month-year-picker-datepicker-btn-confirm, .month-year-picker-datepicker-main .month-year-picker-datepicker-content .month-year-picker-datepicker-footer .month-year-picker-btn { background : var(--button-primary-bg); height : 40px !important; padding : 0 25px !important; border-radius: var(--border-radius-20); border : 0; margin-left : 0; font-size : 14px !important; } .month-year-picker-datepicker-main .month-year-picker-datepicker-content .month-year-picker-datepicker-footer .month-year-picker-btn.month-year-picker-datepicker-btn-cancel { background: var(--button-secondary-bg); } .month-year-picker-datepicker-main .month-year-picker-datepicker-content .month-year-picker-datepicker-footer .month-year-picker-btn.month-year-picker-datepicker-btn-confirm:hover { background: var(--button-secondary-bg); } .month-year-picker-datepicker-main .month-year-picker-datepicker-content .month-year-picker-datepicker-footer .month-year-picker-btn.month-year-picker-datepicker-btn-cancel:hover { background: var(--button-primary-bg); } .month-year-picker-datepicker-main .month-year-picker-datepicker-content .month-year-picker-calendar .month-year-picker-calendar-content .cell:hover, .month-year-picker-datepicker-main .month-year-picker-datepicker-content .month-year-picker-calendar .month-year-picker-calendar-content .cell.active { background : var(--bg-side-nav-active-icon); border-radius: 5px; color : #FFFFFF; } .month-year-picker-datepicker-main .month-year-picker-datepicker-content .month-year-picker-calendar .month-year-picker-btn { height : fit-content; padding: 0 8px !important; } .month-year-picker-datepicker-main .month-year-picker-datepicker-content .month-year-picker-calendar .month-year-picker-btn:hover { background: var(--bg-input) !important; } .search-result-placeholder img { display: none; } .bottom-logos { margin-top: 8px; display : inline-block; } .bottom-logos>div { display : grid; grid-template-columns: repeat(7, 1fr); gap : 12px 10px; } .bottom-logos .bottom-logo-wrapper { border-radius: 5px; background : #223A1F; position : relative; height : 83px; } .bottom-logos .bottom-logo-wrapper:before { content : ''; position : absolute; top : 0; left : 0; height : 100%; width : 100%; border-radius : 5px; background : linear-gradient(#041331 0%, #0E2045 35.79%, #051946 42.06%); mix-blend-mode: multiply; opacity : 0.5; } .bottom-logos .bottom-logo-wrapper a { display : flex; align-items : center; justify-content: center; height : 100%; width : 100%; z-index : 1; position : relative; } .bottom-logos .bottom-logo-wrapper img { width : 70%; height : 70%; object-fit: contain; } .message-box-modal .modal-dialog .modal-content .message.error-message { font-family: var(--font-family) !important; color : var(--color-text) !important; padding : 0; } .message-box-modal .modal-dialog .modal-content .message.error-message .btn { background : var(--button-primary-bg); margin-top : 24px; padding : 10px 16px !important; font-size : 16px !important; text-transform: none; min-width : 112px } .message-box-modal .modal-dialog .modal-content .message.error-message .btn:hover { background: var(--button-secondary-bg); color : #FFF !important; } .message-box-modal .modal-dialog .modal-content .message.error-message .confirm-header { color : #FFFFFF !important; margin-bottom: 12px; } .modal-backdrop.show { opacity : 0.95; background: #133218; } #modal-login .modal-content .modal-body { background : linear-gradient(168deg, #223A1F 1.62%, #0B170C 95.72%); border-radius : 8px; mix-blend-mode: plus-lighter; padding : 24px 24px 32px; } .form-login .form-group:first-child { margin: 0; } form .form-group, .form .form-group { margin-bottom: 16px; color : #5F6B89; } form .form-group label, .form .form-group label { font-size : 12px; line-height : 100%; margin-bottom: 4px; } form .form-group .error, .form .form-group .error { line-height: 16px; } form .form-group .input-inline#usernamesigninhpt, form .form-group .input-inline#username-forgot { padding-left: 30px; } .form-register .form-group .custom-checkbox .custom-control-label:before { top: 0; } .form-register .form-group .custom-checkbox .custom-control-input:checked~.custom-control-label:after { top: 0; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-background-clip: text; -webkit-text-fill-color: #ffffff; transition : background-color 5000s ease-in-out 0s; box-shadow : 0 0 30px 30px inset #0B170C; } .category-page-content { /* padding-top: 36px; */ } .category-page-content-header { display : flex; align-items : center; justify-content: center; gap : 10px; } .category-page-content-header img { width : 48px; height : 48px; object-fit: contain; } .category-page-content-header img.logo-header { height: 95px; width : auto; } .category-page-content-header h2 { color : #EBEBF5; font-size : 32px; font-weight: 800; } .category-page-content .section-box { padding : 24px; background: var(--bg-section); margin : 40px auto 24px; position : relative; width : 100%; } .category-page-content .section-box h4 { color : #EBEBF5; font-family : 'Poppins', sans-serif; font-size : 24px; text-transform: uppercase; font-weight : 800; letter-spacing: -0.48px; text-align : center; margin-bottom : 12px; } .category-page-content .section-box p { font-size : 16px; text-align : center; margin : 0 auto; line-height: 24px; } .category-page-content .register-button { margin : 8px 0; display : inline-block; text-align: center; width : 100%; } .category-page-content .register-button button { font-weight : 700; background : var(--button-primary-bg); font-family : 'Poppins', sans-serif; text-transform: uppercase; } .category-page-content .register-button button:hover { background: var(--button-secondary-bg); } .category-page-content .card-box-section { display : grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows : 1fr; gap : 24px; margin : 24px 0 48px; } .category-page-content .card-box-section .section-box { margin : 0; border-radius: var(--border-radius-16); padding : 32px; display : flex; gap : 24px; } .category-page-content .card-box-section .section-box:before { border-radius: var(--border-radius-16); border-width : 1px; } .category-page-content .card-box-section .section-box img { height : 64px; width : 64px; object-fit: contain; } .category-page-content .card-box-section .section-box h6 { font-size : 16px; text-transform: uppercase; font-weight : 600; color : #EBEBF5; margin-bottom : 12px; } .category-page-content .card-box-section .section-box p { max-width : 100%; text-align : left; font-weight: 400; } .card-box-section .section-box:hover { filter : drop-shadow(0px 17px 40px rgba(0, 0, 20, 30)) drop-shadow(0px 0px 16px #39AD4A); transition-duration: 1s; } .card-box-section .section-box:hover img { transform : scale(1.5); transition-duration: 1s; } .category-page-content .vip-cards-section { display : flex; gap : 40px; margin-bottom : 24px; flex-wrap : wrap; justify-content: center; } .category-page-content .vip-cards-section .vip-card { flex : 1 0 calc(16.66667% - 33.5px); max-width : calc(16.66667% - 33.5px); display : flex; flex-direction : column; align-items : center; justify-content: center; position : relative; border-radius : 8px; padding-bottom : 24px; } .category-page-content .vip-cards-section .vip-card:before { content : ''; position : absolute; bottom : 0; left : 0; height : calc(100% - 66px); width : 100%; border-radius: 8px; background : var(--bg-section); z-index : -1; } .category-page-content .vip-cards-section .vip-card:after { content : ''; position : absolute; bottom : 0; left : 0; height : calc(100% - 66px); width : 100%; border-radius: 8px; z-index : -1; border : 2px solid; border-style : none solid; border-color : rgba(255, 255, 255, 0.1); } .category-page-content .vip-cards-section .vip-card img.badge-icon { height : 200px; width : 280px; object-fit : contain; margin-top : -32px; margin-bottom: -8px; filter : drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 0px 30px #D1834C); z-index : 1; } .category-page-content .vip-cards-section .vip-card.Silver img.badge-icon { filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 0px 30px #9AA9B4); } .category-page-content .vip-cards-section .vip-card.Gold img.badge-icon { filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 0px 30px #FCCD07); } .category-page-content .vip-cards-section .vip-card.Platinum img.badge-icon { filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 0px 30px #B3B7BE); } .category-page-content .vip-cards-section .vip-card.Diamond img.badge-icon { filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 0px 30px #6987CE); } .category-page-content .vip-cards-section .vip-card.VIP img.badge-icon { filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 0px 30px #68D9A8); } .category-page-content .vip-cards-section .vip-card img.vector-bg { position : absolute; z-index : 0; top : 60px; width : calc(100% + 38px); max-width: unset; } .category-page-content .vip-cards-section .vip-card h3 { font-size : 24px; text-transform: uppercase; font-weight : 800; font-family : 'Poppins', sans-serif; line-height : 130%; color : #E7A374; z-index : 1; } .category-page-content .vip-cards-section .vip-card.Silver h3 { color: #8BA9BE; } .category-page-content .vip-cards-section .vip-card.Gold h3 { color: #B1994F; } .category-page-content .vip-cards-section .vip-card.Platinum h3 { color: #A7ABB1; } .category-page-content .vip-cards-section .vip-card.Diamond h3 { color: #A8B9FD; } .category-page-content .vip-cards-section .vip-card.VIP h3 { color: #BBFED3; } .category-page-content .vip-cards-section .vip-card ul { margin-top: 24px; text-align: center; width : 100%; padding : 0 32px; } .category-page-content .vip-cards-section .vip-card ul li { padding : 20px 0; border-bottom: 1px solid rgba(217, 217, 217, 0.30); } .category-page-content .vip-cards-section .vip-card ul li:last-child { border-bottom: 0; } .category-page-content .vip-cards-section .vip-card ul li h2 { color : #EBEBF5; font-size : 30px; font-weight : 700; letter-spacing: -0.6px; line-height : 115%; margin-bottom : 10px; text-transform: uppercase; } .category-page-content .vip-cards-section .vip-card ul li span { color : rgba(255, 255, 255, 0.30); font-family : 'Poppins', sans-serif; font-size : 13px; font-weight : 600; text-transform: uppercase; line-height : 130%; } #modernSkin.main-wrapper .layout-wrapper .content-wrapper .home-page-content .scroll-wrapper { max-width: 100% !important; } .gamestage-wrapper-new-skin .casino_search-widget { margin: 24px 0; } .promo-page .game_provider_horizontal_list-widget { margin-top: 56px; } .category-page-content .section-box.tab-box { width : 100%; max-width: 1240px; } .category-page-content .section-box.tab-box:before, .category-page-content .section-box.tab-box { border-radius: 20px 20px 8px 8px; } .category-page-content .section-box .tab { position : relative; z-index : 1; margin : -24px -22px 0; display : flex; width : calc(100% + 44px); align-items : center; border-bottom: 2px solid rgba(255, 255, 255, 0.1); } .category-page-content .section-box .tab button { flex : 1 0 50%; background : var(--bg-section); color : #FFFFFF; letter-spacing: -0.32px; font-size : 16px; text-transform: uppercase; font-weight : 600; min-height : 49px; border-radius : 20px 20px 0 0; cursor : default; } .category-page-content .section-box .tab button.active { background: #39AD4A; } .komp-page .kompTabContent { display: none; } .komp-page .kompTabContent.active { display : flex; flex-direction: column; z-index : 1; position : relative; } .komp-page .kompTabContent .komptab-desc { width : calc(100% + 44px); margin-left : -22px; padding : 24px; background : var(--bg-section); margin-bottom: 8px; } .komp-page .kompTabContent .komp-progress { margin-top: 32px; } .komp-page .kompTabContent .komp-progress-bg { height : 40px; background : #123F21; border-radius: 8px; padding : 12px; margin-bottom: 10px; } .komp-page .kompTabContent .komp-progress-bg .komp-progress-wrapper { width : var(--prog); display: flex; gap : 10px; height : 100%; } .komp-page .kompTabContent .komp-progress-bg .komp-progress-wrapper .long-line { height : 100%; width : 100%; border-radius: 2px; background : #39AD4A; flex : 1 1 auto; } .komp-page .kompTabContent .komp-progress-bg .komp-progress-wrapper .short-line { height : 100%; width : 100%; border-radius: 2px; background : #39AD4A; flex : 1 0 12px; } .komp-page .kompTabContent .komp-progress h5 { font-size : 15px; font-weight : 700; color : #FFF; text-transform: uppercase; line-height : 22px; } .komp-page .register-button { margin: 48px 0 16px; } .komp-page .register-button a { width : fit-content; margin: auto; } .komp-page .kompTabContent .komp-rate { text-align: center; } .komp-page .kompTabContent .komp-rate h3 { color : #EBEBF5; line-height : 130%; letter-spacing: -0.48px; font-size : 24px; font-weight : 800; text-transform: uppercase; filter : drop-shadow(0px 0px 10px #39AD4A); } .komp-page .card-box-section { margin: 8px 0 56px; } .raffle-tickets-header .raffle-tickets-title, .raffle-rewards-header .raffle-rewards-title { text-align : center; font-size : 24px; text-transform: uppercase; font-weight : 700; color : #FFF; margin-bottom : 24px; } .raffle-tickets-header .raffle-tickets-tab-filters, .raffle-rewards-header .raffle-rewards-tab-filters { display : flex; gap : 16px; align-items: center; } .raffle-tickets-header .raffle-tickets-tab-filters .raffle-tickets-tab-search, .raffle-rewards-header .raffle-rewards-tab-filters .raffle-rewards-tab-search { position: relative; } .raffle-tickets-header .raffle-tickets-tab-filters .raffle-tickets-tab-search-input, .raffle-rewards-header .raffle-rewards-tab-filters .raffle-rewards-tab-search-input { background : var(--bg-input) !important; border : var(--border-input) !important; border-radius: var(--border-radius-10); padding : 0 14px; font-size : 14px; height : 40px; font-weight : 600; width : 300px; } .raffle-tickets-header .raffle-tickets-tab-filters .raffle-tickets-tab-search-icon, .raffle-rewards-header .raffle-rewards-tab-filters .raffle-rewards-tab-search-icon { right : 14px; top : 50%; transform : translateY(-50%); color : #254324; background : rgba(57, 173, 74, 0.6); padding : 5px; border-radius: 50%; position : absolute; } .table-system thead th { padding-bottom: 12px; } .table-system tbody tr:not(.hide) td, .table-system tbody tr:not(.show) td { color: var(--color-button); } .table-system tbody tr:not(.hide) td:first-child { padding-left : 8px; border-top-left-radius : 8px; border-bottom-left-radius: 8px; } .table-system tbody tr:not(.hide) td:last-child { padding-right : 8px; border-top-right-radius : 8px; border-bottom-right-radius: 8px; } .table-system tbody tr:nth-child(even) td { background: var(--bg-calendar-separator); } .tournament-list-wrapper { padding : 0 !important; margin : 0 0 48px 0 !important; max-width: 100% !important; & .tournament-list-container { gap : 24px; margin: 0 !important; & .tournament-list-item-status-container { flex: 0 0 100%; & .tournament-list-item-status { font-size : 20px; color : #FFF; text-transform: uppercase; font-weight : 700; } } & .tournament-list-column { flex : 0 0 calc((100% / 2) - 12px); padding: 0 !important; & .tournament-list-item { border-radius : var(--border-radius-16); filter : drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); border : 2px solid #345B2F; position : relative; background-image: var(--tournamentItemBG); &:before { content : ''; position : absolute; left : 0; top : 0; width : 100%; height : 100%; background : linear-gradient(168deg, rgba(52, 91, 47, 0.50) 1.62%, rgba(26, 50, 28, 0.00) 95.72%); border-radius : var(--border-radius-16); mix-blend-mode: lighten; } & .tournament-status, & .tournament-name.outer { display: none; } & .tournament-item-detail-panel { height : 100%; align-items: center; padding : 24px 24px 48px; gap : 24px; flex-wrap : nowrap; & .tournament-panel-data, & .tournament-panel-leaderboard { padding : 16px; border-radius: 8px; box-shadow : 0px 4px 4px 0px rgba(0, 0, 0, 0.25); position : relative; &:before { content : ''; position : absolute; top : 0; left : 0; height : 100%; width : 100%; background : linear-gradient(168deg, #345B2F 1.62%, #1A321C 95.72%); filter : opacity(0.6); border-radius: 8px; z-index : -1; } & .tournament-name.inner { font-size : 18px; font-weight: 700; } & .tournament-panel-data-item { display : flex; justify-content: space-between; gap : 16px; & .item-value { font-weight: 700; & img { display: none; } } &.prize-pool { margin-top: 8px; } } & .tournament-items-action { margin-top: 16px; & button { width : fit-content !important; padding : 0 40px !important; border-radius : var(--border-radius-4) !important; background : var(--button-primary-bg) !important; box-shadow : var(--button-primary-box-shadow); letter-spacing: normal !important; color : #EBEBF5 !important; font-family : 'Poppins', sans-serif; font-size : 16px !important; font-weight : 700; height : 37px !important; } } & .tournament-item-leaderboard-title { font-size : 16px; font-weight: 700; } & .table-responsive { & table { & th { background: var(--bg-side-nav-header-section); color : var(--color-text-table) !important; &:first-child { border-radius: 4px 0 0 4px; } &:last-child { border-radius: 0 4px 4px 0; } } & tr { &:nth-child(odd) { & td { background: var(--bg-calendar-separator); &:first-child { border-radius: 4px 0 0 4px; } &:last-child { border-radius: 0 4px 4px 0; } } } } } } } } } } } } .tournament-view-modal, .tournament-result-modal { .modal-dialog-centered { max-width: 600px; & .modal-content { min-height: fit-content; padding : 32px !important; & .modal-header { & .close i { display: none; } } & .modal-body { background : linear-gradient(168deg, #223A1F 1.62%, #0B170C 95.72%); border-radius : 8px; mix-blend-mode: plus-lighter; padding : 16px 24px 24px; & .tournament-preview-container, &.modal-padding-top { & .title { font-size : 24px; font-weight : 700; color : #FFFFFF; text-align : center; margin-bottom: 16px; } & .tournament-image { margin-bottom: 16px; position : relative; &:before { content : ''; position : absolute; left : 0; top : 0; width : 100%; height : 100%; background : linear-gradient(168deg, rgba(52, 91, 47, 0.50) 1.62%, rgba(26, 50, 28, 0.00) 95.72%); border-radius : var(--border-radius-16); mix-blend-mode: lighten; z-index : 1; } & img { width : 100%; border-radius: var(--border-radius-16); filter : drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); border : 2px solid #345B2F; } } & .tournament-preview-detail-panel, & .tournament-view-result-wrapper { & .base-time-ticker { gap : 8px; margin-bottom: 16px; & p { background : var(--bg-section); padding : 8px 12px; border-radius: 4px; color : #FFFFFF; } } & .tournament-view-details, & .tournament-top-player { background : var(--bg-side-nav-header-section); border : 2px solid rgba(255, 255, 255, 0.1); border-radius : 8px; padding : 8px 16px; display : flex; flex-direction: column; gap : 8px; & .tournament-view-details-item, &>div { display : flex; justify-content: space-between; color : #FFFFFF; & span { &:last-child { font-weight: 700; } & img { display: none; } } } } & .table-responsive { margin-top: 24px; & table { & th { background: var(--bg-side-nav-header-section); color : var(--color-text-table) !important; padding : 8px 16px; &:first-child { border-radius: 8px 0 0 8px; } &:last-child { border-radius: 0 8px 8px 0; } } & tr { & td { color : #FFF; padding: 8px 16px; } &:nth-child(odd) { & td { background: var(--bg-calendar-separator); color : var(--color-button); &:first-child { border-radius: 8px 0 0 8px; } &:last-child { border-radius: 0 8px 8px 0; } } } } } } } & .tournament-summary { margin: 16px 0; } & .read-more-btn { width : fit-content !important; padding : 0 64px !important; border-radius : var(--border-radius-4) !important; background : var(--button-primary-bg) !important; box-shadow : var(--button-primary-box-shadow); letter-spacing: normal !important; color : #EBEBF5 !important; font-family : 'Poppins', sans-serif; font-size : 16px !important; font-weight : 700; height : 37px !important; } } } } } } .tournament-view-wrapper { max-width: 100% !important; & .container-fluid { padding: 0; & .tournament-view-modern-wrapper { position: relative; & .banner-title-panel { --tournamentViewTitleBG: url(https://alpha-static.gpfront.com/DOSLJN/assets/banners/fast-games-hero.webp); background-image : var(--tournamentViewTitleBG); height : 400px; background-repeat : no-repeat; background-size : cover; border-radius : var(--border-radius-16); filter : drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); border : 2px solid #345B2F; display : flex; align-items : center; justify-content : center; position : relative; &:before { content : ''; position : absolute; left : 0; top : 0; width : 100%; height : 100%; background : linear-gradient(168deg, rgba(52, 91, 47, 0.50) 1.62%, rgba(26, 50, 28, 0.00) 95.72%); border-radius : var(--border-radius-16); mix-blend-mode: lighten; } & .tournament-name { font-size : 32px; font-weight : 700; color : #FFFFFF; padding : 16px; border-radius: 8px; box-shadow : 0px 4px 4px 0px rgba(0, 0, 0, 0.25); position : relative; &:before { content : ''; position : absolute; top : 0; left : 0; height : 100%; width : 100%; background : linear-gradient(168deg, #345B2F 1.62%, #1A321C 95.72%); filter : opacity(0.4); border-radius: 8px; z-index : -1; } } } & .data-panel, & .leaderboard-panel { margin-top : 32px; background : var(--bg-section); padding : 24px 24px 0; border-radius: var(--border-radius-16); border : 2px solid rgba(255, 255, 255, 0.1); box-shadow : 0px 4px 4px 0px rgba(0, 0, 0, 0.25); & .tournament-view-title-panel { position : absolute; top : 24px; right : 24px; text-shadow : 0px 4px 4px rgba(0, 0, 0, 0.25); line-height : 120%; padding : 8px; background : var(--button-secondary-bg); border-radius : 4px; color : var(--color-button); font-weight : 700; text-transform: uppercase; & .tournament-title { display: none; } } & .tournament-view-image { display: none; } & .tournament-timer-detail-panel { & .base-time-ticker { gap : 8px; margin-bottom: 24px; & p { background : var(--bg-section); padding : 8px 12px; border-radius: 8px; color : #FFFFFF; } } & .tournament-prize-pool { & img { display: none; } &>div { width : 30%; display : flex; background : var(--bg-side-nav-header-section); border : 2px solid rgba(255, 255, 255, 0.1); border-style : solid solid none solid; border-radius : 16px 16px 0 0; justify-content: space-between; padding : 16px 16px 8px; color : #FFFF; & .tournament-prize-pool-amount { font-weight: 700; } } } } & .tournament-view-details { width : 30%; display : flex; flex-direction: column; background : var(--bg-side-nav-header-section); border : 2px solid rgba(255, 255, 255, 0.1); border-style : none solid solid solid; border-radius : 0 0 16px 16px; padding-bottom: 8px; & .tournament-view-details-item { display : flex; justify-content: space-between; padding : 8px 16px; color : #FFFF; & span { &:last-child { font-weight: 700; } } } } & .tournament-view-myrank-wrapper, & .tournament-view-leaderboard-wrapper { margin: 24px 0; & .table-responsive { & table { & th { background: var(--bg-side-nav-header-section); color : var(--color-text-table) !important; padding : 8px 16px; &:first-child { border-radius: 8px 0 0 8px; } &:last-child { border-radius: 0 8px 8px 0; } } & tr { & td { color : #FFF; padding: 8px 16px; } &:nth-child(odd) { & td { background: var(--bg-calendar-separator); color : var(--color-button); &:first-child { border-radius: 8px 0 0 8px; } &:last-child { border-radius: 0 8px 8px 0; } } } } } } } & .tournament-view-description, & .tournament-view-games, & .tournament-panel, & .tournament-previous-container { margin-bottom: 24px; & .description-title, & .tournament-view-games-title, & .tournament-leaderboard-title, & .title { font-size : 20px; font-weight : 700; color : #FFFFFF; margin-bottom: 16px; } & .tournament-view-games-article { & .tournament-view-games-article-header { h1 { font-size : 16px; font-weight : 700; color : #FFFFFF; margin-bottom : 16px; text-transform: uppercase; } } & .tournament-view-games-article-thumbnails { margin-bottom : 24px; display : grid; grid-template-columns: repeat(8, 1fr); gap : 24px; &.sports { grid-template-columns: repeat(4, 1fr); & img { position: relative; } & img::after { content : '\26AC'; display : block; position : absolute; top : 0; left : 0; height : 20px; width : 16px; padding : 0px 0px 0px 5px; background: #223A1F; } } & .base-game-card { & img { width: 100%; } } } & .tournament-view-games-article-button { text-align: center; & button { width : fit-content !important; padding : 0 64px !important; border-radius : var(--border-radius-4) !important; background : var(--button-primary-bg) !important; box-shadow : var(--button-primary-box-shadow); letter-spacing: normal !important; color : #EBEBF5 !important; font-family : 'Poppins', sans-serif; font-size : 16px !important; font-weight : 700; height : 37px !important; text-transform: uppercase; } } } & .tournament-previous-panel { background-image : var(--prevTournamentBG); width : 40%; height : 300px; background-repeat: no-repeat; background-size : cover; border-radius : var(--border-radius-16); filter : drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); border : 2px solid #345B2F; display : flex; flex-direction : column; align-items : center; justify-content : center; gap : 36px; padding : 24px; position : relative; &:before { content : ''; position : absolute; left : 0; top : 0; width : 100%; height : 100%; background : linear-gradient(168deg, rgba(52, 91, 47, 0.50) 1.62%, rgba(26, 50, 28, 0.00) 95.72%); border-radius : var(--border-radius-16); mix-blend-mode: lighten; z-index : -1; } & .previous-tournament-name { font-size : 20px; font-weight : 700; color : #FFFFFF; padding : 16px; border-radius: 8px; box-shadow : 0px 4px 4px 0px rgba(0, 0, 0, 0.25); position : relative; &:before { content : ''; position : absolute; top : 0; left : 0; height : 100%; width : 100%; background : linear-gradient(168deg, #345B2F 1.62%, #1A321C 95.72%); filter : opacity(0.4); border-radius: 8px; z-index : -1; } } & button { width : fit-content !important; padding : 0 64px !important; border-radius : var(--border-radius-4) !important; background : var(--button-primary-bg) !important; box-shadow : var(--button-primary-box-shadow); letter-spacing: normal !important; color : #EBEBF5 !important; font-family : 'Poppins', sans-serif; font-size : 16px !important; font-weight : 700; height : 37px !important; } } } & .tournament-panel { & button { margin-top : 24px; width : fit-content !important; padding : 0 16px !important; border-radius : var(--border-radius-4) !important; background : var(--button-secondary-bg) !important; box-shadow : var(--button-secondary-box-shadow); letter-spacing: normal !important; color : #EBEBF5 !important; font-family : 'Poppins', sans-serif; font-size : 16px !important; font-weight : 700; height : 37px !important; text-transform: uppercase; } } } } } } .category-page-content.vip-page { & .section-box:not(.card-box) { & p { max-width: 63%; } } } .category-page-content.aboutus-page { margin-bottom: 32px; & .section-box:not(.card-box) { margin: 24px 0 32px; & p { &:not(:last-child) { margin: 0 0 24px; } } } & .section-header { display : inline-block; width : 100%; margin-bottom: 16px; & h4 { text-align : center; color : #EBEBF5; font-family : 'Poppins', sans-serif; font-size : 24px; text-transform: uppercase; font-weight : 800; letter-spacing: -0.48px; } } & .card-box-section { margin: 24px 0; &.grid3 { grid-template-columns: repeat(3, 1fr); } & .card-box-details { & ul { margin : 24px 0 0 0; list-style : disc; padding-left: 24px; & li { font-weight: 700; } } } } } .category-page-content.privacypolicy-page, .category-page-content.responsiblegaming-page { margin-bottom: 32px; & .section-box:not(.card-box) { margin: 24px 0 0; & p { &:not(:last-child) { margin: 0 0 24px; } & a { position: relative; } } & ul { text-align : center; margin : 0 0 24px 0; list-style : disc; list-style-position: inside; & li { font-weight: 700; font-size : 16px; &.li-header { list-style: none; } } } } } .category-page-content.faq-page { margin-bottom: 32px; & .section-box:not(.card-box) { margin: 24px 0 0; & p { &:not(:last-child) { margin: 0 0 24px; } & a { position: relative; } } & ul { text-align : center; margin : 0 0 24px 0; list-style : decimal; list-style-position: inside; & li { font-weight: 700; font-size : 16px; } } } } .category-page-content .para-divider { width : 100%; padding: 24px 0; } .rules-wrapper { display : flex; flex-direction: row; gap : 16px; .category-page-content-menu { min-width: fit-content; h4 { margin-bottom: 20px; font-size : 1.75rem; color : #fff; } .rules-menu, .menuw { background : var(--bg-section); border-radius: var(--border-radius-10) !important; padding : 10px 15px; width : 250px; min-width : 138px; li { a { line-height : normal; padding : 15px 25px; border-radius: var(--border-radius-10) !important; width : 100%; display : block; } a:hover, a.active { background: var(--bg-side-nav-header-section); color : #FFF; } } } } .category-page-content.sportsrules-page { width: calc(100% - 266px); & .article-content { margin-bottom: 48px; } & .category-page-content-header { gap : 64px; margin-bottom: 32px; & .sportsrules-header { display : flex; align-items: center; gap : 24px; & .sportsrules-logo { height: 95px; width : 95px; } & h1 { font-size : 46px; color : #EBEBF5; text-transform: uppercase; font-weight : 700; } } } & .accordion-container { margin : 0 0 16px; padding : 0; position : relative; background: var(--bg-section); &:before { content : ''; position: absolute; top : 0; left : 0; height : 100%; width : 100%; border : 2px solid rgba(255, 255, 255, 0.1); } } & .accordion { padding : 0 24px !important; display : flex; height : 56px; width : 100%; align-items : center; justify-content: space-between; font-family : 'Poppins', sans-serif; font-size : 16px !important; text-transform : uppercase; font-weight : 800; letter-spacing : -0.48px; position : relative; & i { transform : rotate(-90deg); font-size : 24px; transition: 0.2s all ease-in; } &.active { & i { transform: rotate(0); } } } & .panel { height : 0; transform : scaleY(0); transform-origin: top; transition : transform 0.3s ease; & p, & h6, & li { line-height : 0; display : flex; flex-direction: column; opacity : 0; } & br { display: none; } & table { display: none; } &.shown { height : fit-content; transform: scaleY(1); padding : 24px; & p { line-height : 24px; gap : 4px; opacity : 1; margin-bottom: 16px; } & li { display : list-item; text-align : -webkit-match-parent; line-height : 16px; opacity : 1; margin-bottom: 8px; } & h6 { line-height: 24px; opacity : 1; } & br { display: inline; } & table { display: table; } } } } } .category-page-content.termsandconditions-page { & .section-box { &.text-left { & p { text-align: left; &:not(:last-child) { margin: 0 0 16px; } } } & ul { padding : 0 0 0 16px; font-size: 16px; &:not(:last-child) { margin: 0 0 24px; } } } } .promo-page { & .promo-article-banner { margin-bottom: 24px; & .promo-article-hero { background-size : cover; background-repeat : no-repeat; background-position: center; height : 350px; border-radius : var(--border-radius-16); filter : drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); border : 2px solid #345B2F; position : relative; &:before { content : ''; position : absolute; left : 0; top : 0; width : 100%; height : 100%; background : linear-gradient(168deg, rgba(52, 91, 47, 0.50) 1.62%, rgba(26, 50, 28, 0.00) 95.72%); border-radius : var(--border-radius-16); mix-blend-mode: lighten; } } } & .promo-article-body { display : inline-block; margin : 0 0 24px; position: relative; width : 100%; &.main-desc { background: var(--bg-section); padding : 24px; &:before { content : ''; position: absolute; top : 0; left : 0; height : 100%; width : 100%; border : 2px solid rgba(255, 255, 255, 0.1); } img { margin: 0 auto; } } & .sub-body { margin-top: 24px; } & h4 { font-family : 'Poppins', sans-serif; color : #EBEBF5; text-align : center; font-size : 24px; font-weight : 800; line-height : 200%; letter-spacing: -0.48px; text-transform: uppercase; } & h5 { font-family : 'Poppins', sans-serif; color : #EBEBF5; text-align : center; font-size : 21px; font-weight : 800; line-height : 200%; letter-spacing: -0.42px; text-transform: uppercase; } & h6 { font-family : 'Poppins', sans-serif; color : #EBEBF5; text-align : center; font-size : 16px; font-weight : 800; line-height : 130%; letter-spacing: -0.32px; margin-bottom : 16px; } & p { font-size : 16px; text-align : center; margin-bottom: 24px; line-height : 24px; } & ul { text-align : center; list-style : disc; list-style-position: inside; & li { font-size : 16px; line-height: 24px; } } } } .form-register .form-group .mobile-area-code { top: 33px; } #dynamic_register_form .form-prompt .dynamic .text-center { display : flex; justify-content: space-evenly; margin-top : 16px; } #dynamic_register_form .form-prompt .dynamic .text-center button { margin-left : 0px; margin-right : 0px; margin-top : 0px; margin-bottom: 0px; background : var(--button-primary-bg); text-wrap : nowrap; padding : 0px !important; } .datepicker { background : var(--bg-side-nav-header-section); border-radius: var(--border-radius-10); border-color : var(--bg-separator); } .menu-container .scroll-section .accordion-container { margin: 8px 0; } .menu-container .scroll-section .menu-accordion { display : flex !important; align-items : center; width : 100%; padding : 0 16px !important; height : 56px; justify-content: space-around; background : rgba(38, 80, 39, 0.6) !important; border-radius : 0.5rem; position : relative; } .menu-container .scroll-section .menu-accordion img { transform : rotate(-180deg); transition : all .5s ease-in-out; right : -32px; position : relative; background : rgba(35, 69, 35, 0.6) !important; border-radius: 0.5rem; } .menu-container .scroll-section .menu-panel { max-height : 0; opacity : 0; padding : 0 16px !important; transition : all .5s ease-in-out; position : relative; z-index : -1; pointer-events: none; } .menu-container .scroll-section .accordion-container .menu-panel.shown { max-height: 800px; } .menu-container .scroll-section .menu-panel.shown { opacity : 1; background : rgba(35, 69, 35, 0.2) !important; border-radius : 0px 0px 0.5rem 0.5rem; z-index : 1; pointer-events: auto; } .menu-container .scroll-section .menu-accordion.active img { transform: rotate(0deg); } .menu-container .scroll-section .other-menu { background : rgba(38, 80, 39, 0.6) !important; border-radius: 0.5rem; padding : 0 8px !important; } .menu-container .scroll-section button.menu-accordion:before { content : ''; display : var(--icon-display); width : var(--icon-size); height : var(--icon-size); background-size : var(--icon-contain); background-repeat : var(--icon-repeat); background-position: var(--icon-position); position : absolute; z-index : 1; left : 8px; } .menu-container .scroll-section button.menu-accordion.menu-sports:before { background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/navSports.svg); } .menu-container .scroll-section button.menu-accordion.menu-casino:before { background-image: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/navCasino.svg); } .menu-container .scroll-section .menu-accordion span { color : rgba(255, 255, 255, 0.6); text-transform: uppercase; margin-left : 6px; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink .menu-container .accordion-container .menu-accordion span, #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink .menu-container .accordion-container .menu-accordion img { display: none; } #modernSkin.main-wrapper .layout-wrapper #app_left_navigation.shrink .menu-container .accordion-container button:hover span { background : var(--bg-side-nav-active-icon) !important; border-top-right-radius : var(--border-radius-4); border-bottom-right-radius: var(--border-radius-4); height : 56px !important; padding-top : 0 !important; padding-right : 12px; padding-left : 12px; display : flex !important; align-items : center; position : fixed; width : auto; left : 0; margin-left : 64px; color : #FFF; } #page_content_modern .sports-wrap { position: relative; top : -20px; width : calc(100% + 32px); left : -16px; } .sports-wrap .btisw iframe { min-height: calc(100dvh - 113px) !important; margin-top: -38px; } *[lang="ko"] body, *[lang="ko"] a, *[lang="ko"] p, *[lang="ko"] span, *[lang="ko"] button, *[lang="ko"] h1, *[lang="ko"] h2, *[lang="ko"] h3, *[lang="ko"] h4, *[lang="ko"] h5, *[lang="ko"] h6 { font-family: "Noto Sans KR", sans-serif !important; } *[lang="th"] body, *[lang="th"] a, *[lang="th"] p, *[lang="th"] span, *[lang="th"] button, *[lang="th"] h1, *[lang="th"] h2, *[lang="th"] h3, *[lang="th"] h4, *[lang="th"] h5, *[lang="th"] h6 { font-family: "Noto Sans Thai", sans-serif !important; } /* Footer Rules LI*/ #app_footer .footer-container ul .nav-item ul a.dropdown-item.active { background-color: transparent; color : #fff; } /* */ /* Non Logged in and Logged in buttons*/ body.logged-in .logged-in { display: block; } body.logged-in .non-logged-in { display: none; } body .logged-in { display: none; } /*Referral Page*/ .shrink { .referral-page { .section-hero { .left-box { padding: 0 120px !important; } .right-box { margin-left: -120px; } } .section-box { .left-col, .right-col { img { top: -72px !important; } } } } } .referral-page { .section-hero { display : flex; align-items : start; margin-bottom: -48px; .left-box { text-align: center; flex : 0 0 65%; padding : 0 24px; h2 { color : #EBEBF5; font-size : 32px; font-weight : 800; margin-bottom: 32px; } h6 { font-size : 16px; text-transform: uppercase; font-weight : 600; color : #EBEBF5; margin-bottom : 12px; } p, span { font-size : 16px; text-align : center; margin : 0 auto; line-height: 24px; } .register-container { display : flex; flex-direction: column; margin-top : 48px; button { font-weight : 700; background : var(--button-primary-bg); font-family : 'Poppins', sans-serif; transition : 0.3s; text-transform: uppercase; } button:hover { background: var(--button-secondary-bg); } span { margin-top: 16px; } } &.w-50 { flex: 0 0 50%; } } .right-box { flex: 0 0 35%; &.w-50 { flex: 0 0 50%; } } &.htu { margin-bottom: 24px; margin-top : 64px; align-items : center; h4 { text-align : center; color : #EBEBF5; font-family : 'Poppins', sans-serif; font-size : 24px; text-transform: uppercase; font-weight : 800; letter-spacing: -0.48px; margin-bottom : 32px; } ul { list-style : disc; list-style-position: inside; li:not(:last-child) { margin-bottom: 16px; } & p { & span { color: #39AD4A; } } } } } .section-box { &.two-col { display : flex; align-items: stretch; .left-col, .right-col { flex : 0 0 50%; display : flex; flex-direction : column; position : relative; justify-content: space-around; .details-container { width: 50%; h6 { font-size : 16px; text-transform: uppercase; font-weight : 600; color : #EBEBF5; margin : 16px; text-align : center; } } .button-container { width : 50%; text-align: center; button { font-weight : 700; background : var(--button-primary-bg); font-family : 'Poppins', sans-serif; text-transform: uppercase; } button:hover { background: var(--button-secondary-bg); } } img { position: absolute; right : -25px; width : 60%; top : -36px; } } .commission-paid-banner { flex : 0 0 30%; max-width: 30%; } .commission-paid-wrapper { flex : 0 0 70%; display : flex; flex-direction : column; justify-content: center; gap : 32px; .commission-paid-progress { .progress-bg { height : 40px; background : #123F21; border-radius: 8px; padding : 12px; margin-bottom: 16px; .progress-wrapper { width : var(--prog); display: flex; gap : 10px; height : 100%; .long-line { height : 100%; width : 100%; border-radius: 2px; background : #39AD4A; flex : 1 1 auto; } .short-line { height : 100%; width : 100%; border-radius: 2px; background : #39AD4A; flex : 1 0 12px; } } } .commission-paid-details { display : flex; justify-content: space-between; align-items : center; h2 { color : #EBEBF5; font-family : 'Poppins', sans-serif; font-size : 24px; text-transform: uppercase; font-weight : 800; letter-spacing: -0.48px; } h6 { font-size : 16px; text-transform: uppercase; font-weight : 600; color : #EBEBF5; } } } } .commision-conditions { padding : 0 48px; display : flex; flex-direction : column; justify-content: center; h4 { margin-bottom: 24px; } } table { width: 100%; tr { position: relative; td { font-family : 'Poppins', sans-serif; font-size : 16px !important; text-transform: uppercase; color : #FFF; padding : 0 24px; height : 56px; position : relative; &:last-child { text-align: right; color : #39AD4A; } } &:nth-child(odd) { background: var(--bg-section); td { &::before { content : ''; position: absolute; top : 0; left : 0; width : 100%; height : 100%; border : 2px solid rgba(255, 255, 255, 0.1); } &:first-child { &::before { border-style: solid none solid solid; } } &:last-child { &::before { border-style: solid solid solid none; } } } } } } &#referral-promo-details { max-height: 300px; .left-section { display : flex; flex-direction : column; justify-content: center; h6 { font-size : 16px; text-transform: uppercase; font-weight : 600; color : #EBEBF5; margin-top : 48px; text-align : center; } } img { position: relative; right : -80px; height : 340px; bottom : 64px; } } } img.center { margin : 0 auto; max-height: 300px; } } .section-header { display: inline-block; width : 100%; margin : 40px 0 24px; &.no-margin { margin: 0; } h2 { color : #EBEBF5; font-size : 32px; font-weight: 800; text-align : center; font-family: 'Poppins', sans-serif; } h4 { text-align : center; color : #EBEBF5; font-family : 'Poppins', sans-serif; font-size : 24px; text-transform: uppercase; font-weight : 800; letter-spacing: -0.48px; margin-bottom : 16px; } h6 { font-size : 16px; text-transform: uppercase; font-weight : 600; color : #EBEBF5; text-align : center; } p { font-size : 16px; text-align : center; margin : 0 auto; line-height: 24px; span { color: #39AD4A; } } } .card-box-section { &.grid3 { grid-template-columns: repeat(3, 1fr); .card-box { align-items : center; justify-content: center; h6 { margin-bottom: 0; } } } &#money-rewards { .card-box { .card-box-details { display : flex; flex-direction : column; justify-content: center; align-items : center; gap : 24px; width : 100%; h2 { color : #EBEBF5; font-size : 32px; font-weight: 800; text-align : center; font-family: 'Poppins', sans-serif; } } } } } } body.logged-in .section-hero:not(.htu) { align-items: center; } body.logged-in .section-hero:not(.htu) .register-container { display: none; } /* Casino and Live Casino CSS*/ .category-page-content.gametype-page { padding-top: 0; .section-box { margin-top: 0; overflow-x: scroll; .product-menu { display : flex; align-items : center; justify-content: center; gap : 24px; width : max-content; margin : auto; .product-menu-item { padding : 0 16px; background : linear-gradient(168deg, #345B2F 1.62%, #1A321C 95.72%); box-shadow : 0px 4px 4px 0px rgba(0, 0, 0, 0.25); border-radius: 8px; &:hover { background: var(--bg-side-nav-header-section); } a { position : relative; display : flex; align-items : center; justify-content: center; height : 60px; gap : 8px; font-size : 16px; color : #FFFFFF; font-weight : 700; text-wrap : nowrap; } img { max-height: 32px; width : 32px; object-fit: contain; } } } } } .game-lobby-header .header-container i.Baccarat::before { background-image: url("https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/side-menu/baccaratIcon-active.svg"); } .game-lobby-header .header-container i.Blackjack::before { background-image: url("https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/side-menu/blackjackIcon-active.svg"); } .game-lobby-header .header-container i.TVGames::before { background-image: url("https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/side-menu/TVGames-active.svg"); } .game-lobby-header .header-container i.Baccarat::before { background-image: url("https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/side-menu/baccaratIcon-active.svg"); } .game-lobby-header .header-container i.Blackjack::before { background-image: url("https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/side-menu/blackjackIcon-active.svg"); } .game-lobby-header .header-container i.TVGames::before { background-image: url("https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/side-menu/TVGames-active.svg"); } .game-lobby-header .header-container i.FeatureBuyIn::before { background-image: url("https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/side-menu/featureBuyInIcon-active.svg"); } .game-lobby-header .header-container i.NewReleases::before { background-image: url("https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/side-nav/NewReleases-active.svg"); } .game-lobby-header .header-container i.TableGames::before { background-image: url("https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/side-menu/TableGames-active.svg"); } .game-lobby-header .header-container i.TopGames::before { background-image: url("https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/side-menu/TopGames-active.svg"); } .game-lobby-header .header-container i.VirtualSports::before { background-image: url("https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/side-nav/VirtualSports-active.svg"); } .game-lobby-header .header-container i.MiniGames::before { background-image: url("https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/side-menu/miniGamesIcon-active.svg"); } .game-lobby-header .header-container i.AllCasino::before { background-image: url("https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/side-menu/allCasinoIcon-active.svg"); } /* End Live Casino and Casino CSS*/ /* Providers List Widget */ .template-list-page { position: relative; } #provider-game-list-page .template-page-header-container { position: absolute; } #provider-game-list-page-casino-group .template-page-header-container { display: none !important; } #before-provider-game-list-casino-group .w-providers-container .w-providers-list-display ul li { border-radius: 256px !important; background : var(--bg-side-nav-header-section) !important; height : 40px !important; padding : 8px 20px !important; } #before-provider-game-list-casino-group .w-providers-container .w-providers-list-display ul li:hover, #before-provider-game-list-casino-group .w-providers-container .w-providers-list-display ul li.selected { background: var(--button-primary-bg) !important; color : #fff; } .w-providers-container .w-providers-list-display .w-providers-list.chips .w-provider-item .w-provider-item-details .w-provider-item-name { text-wrap: nowrap !important; } #before-provider-game-list-casino-group .w-providers-container .w-providers-list-display .w-providers-list-expand button { padding: 0 16px !important; } #before-provider-game-list-casino-group .w-providers-container .w-providers-list-display .w-providers-list-expand button i:before { content : " "; display : block; background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/circle-button.png); height : 36px; width : 36px; transform : rotate(180deg); } .template-list-page .game-lobby-filter .game-lobby-sort { margin-top : 16px !important; margin-bottom: 16px !important; } .template-list-page .game-lobby-filter .game-lobby-sort .game-lobby-sort-label { display: none; } .template-list-page .game-lobby-filter .game-lobby-sort section>button { font-weight: normal !important; } .template-list-page .game-lobby-filter .game-lobby-sort section menu.with-caret { transform: none; right : unset; left : 0; } #w-providers-list-widget-container .w-provider-item-all:hover .w-provider-item-logo img, #w-providers-list-widget-container .w-provider-item-all.selected .w-provider-item-logo img { content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/All_Providers-active.svg); } #w-providers-list-widget-container .w-provider-item-all .w-provider-item-logo img { content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/header-menu/All_Providers.svg); } .w-providers-container .w-providers-list-display .w-providers-list.chips { overflow : scroll !important; overflow-y: hidden !important; } #before-provider-game-list-casino-group .w-providers-container .w-providers-list-display.expanded .w-providers-list-expand button i:before { transform: rotate(180deg); } /* End Providers List Widget */ #bannerCarouselSlider-home-banner .carousel-control-prev, #bannerCarouselSlider-home-banner .carousel-control-next { width: 4%; } /* FAQ Accordion*/ .faq-page .section-box .accordion-container { margin : 0 0 16px; padding : 0; position : relative; background: var(--bg-section); } .faq-page .section-box .accordion-container:before { content : ''; position: absolute; top : 0; left : 0; height : 100%; width : 100%; border : 2px solid rgba(255, 255, 255, 0.1); } .faq-page .section-box .accordion-container .accordion { padding : 0 24px !important; display : flex; height : 56px; width : 100%; align-items : center; justify-content: space-between; font-family : 'Poppins', sans-serif; font-size : 16px !important; text-transform : uppercase; font-weight : 800; letter-spacing : -0.48px; position : relative; } .faq-page .section-box .accordion-container .accordion img { transition: 0.2s all ease-in; } .faq-page .section-box .accordion-container .accordion.active img { transform : rotate(180deg); transition: 0.2s all ease-in; } .faq-page .section-box .accordion-container .panel { height : 0; transform : scaleY(0); transform-origin: top; transition : transform 0.3s ease; } .faq-page .section-box .accordion-container .panel.shown { height : fit-content; transform: scaleY(1); padding : 24px; } .faq-page .section-box .accordion-container .panel.shown p { text-align: left; } #modal-login { z-index: 99999; } /* End FAQ Accordion*/ /* Home Accordion*/ .hero-accordion-container { position : absolute; top : 0; height : 100%; overflow : auto; z-index : 99; border-radius : 15px; background : var(--bg-section); transition : opacity 0.2s ease; opacity : 0; -webkit-overflow-scrolling: touch; -webkit-touch-callout : none; -webkit-user-select : none; &:hover, &:focus-within { opacity: 1; } &.keep-visible { opacity: 1 !important; } &::-webkit-scrollbar { display: none; } .accordion-container { margin : 0 0 12px; padding : 0; position : relative; background: var(--bg-section); &:before { content : ''; position: absolute; top : 0; left : 0; height : 100%; width : 100%; border : 2px solid rgba(255, 255, 255, 0.1); } .accordion { padding : 0 16px !important; display : flex; height : 56px; width : 100%; align-items : center; justify-content: space-between; font-family : 'Poppins', sans-serif; font-size : 14px !important; text-transform : uppercase; font-weight : 600; position : relative; &.active { img { transition: transform 0.3s ease; transform : rotate(180deg); } } } .panel { height : 0; transform : scaleY(0); transform-origin: top; transition : transform 0.3s ease; padding : 0 16px; &.shown { height : fit-content; padding : 16px; transform : scaleY(1); line-height: 24px; } } } } /* End Home Accordion*/ /*Home Sports Divide */ .scroll-wrap .hero-links .hero-item.sports { display : flex; flex-direction: column; gap : 4px; border : none; } .scroll-wrap .hero-links .hero-item.sports a { padding-bottom: 8px; padding-right : 8px; } .scroll-wrap .hero-links .hero-item.sports .hero-links-details { padding: 8px 16px; } .scroll-wrap .hero-links .hero-item.sports:hover .hero-sports-details { opacity: 1; } .scroll-wrap .hero-links .hero-item.sports:hover .hero-sports-wrapper { opacity: 0; } .scroll-wrap .hero-links .hero-item .hero-sports-details { width : 100%; height : 50%; background-size : cover; background-position: center; background-repeat : no-repeat; border-radius : var(--border-radius-16); border : 2px solid #345B2F; opacity : 0; transition : opacity 0.2s ease; position : absolute; } .scroll-wrap .hero-links .hero-item .hero-sports-details:nth-child(3) { bottom: -4px; } .scroll-wrap .hero-links .hero-item:nth-child(1):before { content: none; } .scroll-wrap .hero-links .hero-item.sports .hero-sports-wrapper { display : flex; align-items : end; justify-content : end; padding-bottom : 24px; padding-right : 24px; z-index : 1; position : relative; height : 100%; width : 100%; filter : drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); border : 2px solid #345B2F; border-radius : var(--border-radius-16); background-size : cover; background-repeat : no-repeat; background-position: center; transition : opacity 0.2s ease; opacity : 1; } .scroll-wrap .hero-links .hero-item.sports .hero-sports-wrapper>div { display : flex; align-items : center; justify-content: center; gap : 8px; padding : 16px 24px 32px; border-radius : 8px; box-shadow : 0px 4px 4px 0px rgba(0, 0, 0, 0.25); position : relative; } .scroll-wrap .hero-links .hero-item.sports .hero-sports-wrapper>div:before { content : ''; position : absolute; top : 0; left : 0; height : 100%; width : 100%; background : linear-gradient(168deg, #345B2F 1.62%, #1A321C 95.72%); filter : opacity(0.4); border-radius: 9px; z-index : -1; } /* End Home Sports Divide*/ /* Wallet Logo */ #modal-user-profile .modal-dialog .modal-body img.user-profile-modal-logo { content : url(https://alpha-static.gpfront.com/DOSLJN/assets/logo/uni88-desktop-logo.png); width : 160px; position: absolute; height : 32px; top : 16px; display : block; z-index : 2; left : 24px; } #modal-user-profile .modal-dialog .modal-body img.user-profile-modal-logo:hover { cursor: pointer; } /* Wallet Logo End */ /* Game Pre Loader IMG Centered */ .gamestage-wrapper-new-skin .gamestage-wrapper .gamestage-container .gamestage-image-bg { background-position: center 5% !important; } /* End Game Pre Loader IMG Centered*/ /* Launch Game New Window CSS */ .gamestage-center-info-container .gamestage-launch-new-window label.base-checkbox-container span { display: block !important; } /* End Launch Game New Window CSS */ /*Manifest CSS */ .pwa-install-banner { z-index: 1001 !important; } .pwa-install-banner .install-card { background: linear-gradient(168deg, #223A1F 1.62%, #0B170C 95.72%); position : relative; padding : 32px 32px 8px !important; } .pwa-install-banner .install-card .install-close { position: absolute; top : 8px; right : 8px; } .pwa-install-banner .install-card .install-message { display : flex; flex-direction: column; top : -16px; position : relative; gap : 8px; } .pwa-install-banner .install-card .install-close button { padding: 0 !important; width : 24px !important; height : 24px !important; } .pwa-install-banner .install-card .install-close button i { width : 100%; height: 100%; } .pwa-install-banner .install-card .install-close button i:before { content : " "; background-image : url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/modal-close.svg); height : 100%; width : 100%; display : block; background-size : var(--icon-contain); background-position: var(--icon-position); vertical-align : middle; } .pwa-install-banner .install-card .install-message h5 { font-size : 16px; font-weight: 700; line-height: 130%; color : var(--color-body); font-family: var(--font-family-black); } .pwa-install-banner .install-card .install-message p { font-size : 12px; line-height: 120%; } .pwa-install-banner .install-card .install-action button { color : #FFF; background : var(--color-primary); width : 100px; font-weight : 500; font-family : var(--font-family-black); display : flex; justify-content: center; align-items : center; padding : 0 24px !important; } /*End Manifest CSS*/ .promo-page .promo-article-banner .promo-article-hero.mobile, #onlinehelp-container #onlinehelp-float-button-9a000000-0000-0000-0000-008e000386f2-2 { display: none !important; } #MessageBoxModal .modal-body .modal-footer button { background: var(--button-secondary-bg); font-size : 16px !important; } #MessageBoxModal .modal-body .modal-footer button:hover { background: var(--button-primary-bg); } #MessageBoxModal .modal-body .success-message .content p.confirm-header { font-size: 22px; } #MessageBoxModal .modal-body .success-message .content p.confirm-content { color : #FFF; font-size: 16px; } #MessageBoxModal .modal-body .success-message button { border : none; display : flex; align-items : center; justify-content: center; background : var(--button-primary-bg); width : 100%; border-radius : 4px; } #MessageBoxModal .modal-body .success-message button:hover { background: var(--button-secondary-bg); } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper.profile .accordion .card .collapse, .report.sport-bet .bet-details.collapse, .report.sport-bet .bet-details-header.collapse, #modal-user-profile .modal-body .modal-wrapper #vip-progress .collapse { visibility: visible; } #user-profile-page .grp-edit-profile #accd-profile .card .collapse-profile .form-group label { font-size: 16px; } #user-profile-page .grp-edit-profile #accd-profile .card .collapse-profile .form-group input { color : #FFF; background : linear-gradient(168deg, #223A1F 1.62%, #0B170C 95.72%); mix-blend-mode: plus-lighter; padding : 0 16px; border-radius : 8px !important; border : var(--border-input); font-size : 16px; margin : 8px 0; } #user-profile-page .grp-edit-profile #accd-profile .card .collapse-profile .form-group .dropdown button#selecTransferTo { background : var(--bg-input); border : 0; display : flex; justify-content: end; } #user-profile-page .grp-edit-profile #accd-profile .card .collapse-profile .form-group .dropdown div#selectTransferToMenu { background : var(--bg-side-nav-header-section); border-radius: 8px !important; } #user-profile-page .grp-edit-profile #accd-profile .card .collapse-profile .form-group .dropdown div#selectTransferToMenu a:hover { background: transparent; color : var(--color-primary); } /* Providers Logo Lobby */ /* .template-page-header-container .template-page-header img.Providers { content: url(https://alpha-static.gpfront.com/DOSLJN/assets/icons/side-nav/AllProviders-active.svg); } */ #provider-game-list-page .template-page-header-container .template-page-header { display : flex; align-items : center; justify-content: center; text-wrap : nowrap; } #provider-game-list-page .template-page-header-container .template-page-header h5 { display: none; } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page { min-width : 128px; min-height: 48px; } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.pragmaticplay { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/pragmatic-play-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.galaxsys { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/galaxsys-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.big-time-gaming { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/big-time-gaming-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.netent-games { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/netent-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.no-limit-city { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/no-limit-city-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.red-tiger { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/red-tiger-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.evolution { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/evolution-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.jili { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/jili-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.spadegaming { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/spadegaming-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page[class~="7mojos"] { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/7mojos-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.apparat-gaming { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/apparat-gaming-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.gamebeat { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/gamebeat-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.bgaming { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/bgaming-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.belatra { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/belatra-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.booming { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/booming-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.endorphina { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/endorphina-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.ezugi { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/ezugi-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.ka-gaming { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/kagaming-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.kalamba { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/kalamba-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.mascot { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/mascot-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.netgame { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/netgame-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.platipus-gaming { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/platipus-gaming-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.thunderkick { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/thunderkick-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.wazdan { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/wazdan-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.yggdrasil { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/yggdrasil-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.betgamestv { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/betgames-tv-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.zillion { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/zillion-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.micro-gaming { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/microgaming-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.imagine-live { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/imagine-live-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.\31x2-gaming { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/1x2gaming-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.caleta-gaming { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/caleta-gaming-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.relum-galaxsys { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/galaxsys-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.games-inc { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/games-inc-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.golden-hero { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/golden-hero-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.leap-gaming { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/leap-gaming-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.oryx-gaming { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/oryx-gaming-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.smartsoft { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/smarsoft-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.vivo-gaming { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/vivo-gaming-logo.png); } #provider-game-list-page .template-page-header-container .template-page-header img.provider-game-list-page.gameart { content: url(https://alpha-static.gpfront.com/global/pp/3rd-party/provider-page-logos/gameart-logo.png); } /* Providers Logo Lobby End */ /* Arrow Game Lobby CSS */ .game-lobby-slider-container { display: none !important; } section.galow.provider-lobby, section.galow.provider-lobby-ko, section.galow.provider-lobby-th { .game-lobby-slider-container { left: 198px; } .game-lobby-renderer { .see-all-card { left : calc(362px / 2); right: auto; } } } section.galow.baccarat, section.galow.baccarat-ko, section.galow.baccarat-th { .game-lobby-slider-container { left: 132px; } .game-lobby-renderer { .see-all-card { left : calc(230px / 2); right: auto; } } } section.galow.blackjack, section.galow.blackjack-ko, section.galow.blackjack-th { .game-lobby-slider-container { left: 140px; } .game-lobby-renderer { .see-all-card { left : calc(248px / 2); right: auto; } } } section.galow.korean-dealers, section.galow.korean-dealers-ko, section.galow.korean-dealers-th { .game-lobby-slider-container { left: 196px; } .game-lobby-renderer { .see-all-card { left : calc(362px / 2); right: auto; } } } section.galow.poker, section.galow.poker-ko, section.galow.poker-th { .game-lobby-slider-container { left: 126px; } .game-lobby-renderer { .see-all-card { left : calc(226px / 2); right: auto; } } } section.galow.roulette, section.galow.roulette-ko, section.galow.roulette-th { .game-lobby-slider-container { left: 126px; } .game-lobby-renderer { .see-all-card { left : calc(224px / 2); right: auto; } } } section.galow.live-casino, section.galow.live-casino-ko, section.galow.live-casino-th { .game-lobby-slider-container { left: 176px; } .game-lobby-renderer { .see-all-card { left : calc(326px / 2); right: auto; } } } section.galow.feature-buy-in, section.galow.feature-buy-in-ko, section.galow.feature-buy-in-th { .game-lobby-slider-container { left: 196px; } .game-lobby-renderer { .see-all-card { left : calc(388px / 2); right: auto; } } } section.galow.new-releases, section.galow.new-releases-ko, section.galow.new-releases-th { .game-lobby-slider-container { left: 196px; } .game-lobby-renderer { .see-all-card { left : calc(388px / 2); right: auto; } } } section.galow.slots, section.galow.slots-ko, section.galow.slots-th { .game-lobby-slider-container { left: 120px; } .game-lobby-renderer { .see-all-card { left : calc(234px / 2); right: auto; } } } section.galow.table-games, section.galow.table-games-ko, section.galow.table-games-th { .game-lobby-slider-container { left: 180px; } .game-lobby-renderer { .see-all-card { left : calc(354px / 2); right: auto; } } } section.galow.top-games, section.galow.top-games-ko, section.galow.top-games-th { .game-lobby-slider-container { left: 156px; } .game-lobby-renderer { .see-all-card { left : calc(308px / 2); right: auto; } } } section.galow.mini-games, section.galow.tv-games, section.galow.all-casino, section.galow.virtual-sports, section.galow.tv-games-ko, section.galow.mini-games-ko, section.galow.all-casino-ko, section.galow.virtual-sports-ko, section.galow.tv-games-th, section.galow.mini-games-th, section.galow.all-casino-th, section.galow.virtual-sports-th { .game-lobby-slider-container { left: 180px; } .game-lobby-renderer { .see-all-card { left : calc(354px / 2); right: auto; } } } /* Arrow Game Lobby CSS End */ .preloader { .preloader-backdrop { background: var(--bg-body); } .preloader-src { video, img { width: 250px; } } } .left-align { display : flex; gap : 8px; align-items: center; a.regulations { background : var(--button-primary-bg); color : #EBEBF5 !important; width : fit-content; padding : 0 16px !important; height : 37px; display : flex; align-items : center; border-radius: var(--border-radius-4); font-weight : 700; } a.komp, a.vip { background : linear-gradient(180deg, #F7E395 0%, #EDBB44 29%, #A36C13 45.67%, #8B5C08 63%, #B08719 78.67%, #E5BA25 100%); color : #EBEBF5 !important; width : fit-content; padding : 0 16px !important; height : 37px; display : flex; align-items : center; border-radius: var(--border-radius-4); font-weight : 700; &:hover { background: var(--button-secondary-bg); } } } .left-align a.regulations:hover { background: var(--button-secondary-bg); } .nm-widget.bonus-badge-w .badge-count-wrapper { left : auto; right: -72px; top : -4px; } *[lang="ko"] .nm-widget.bonus-badge-w .badge-count-wrapper { right: -64px; } /* Bonus Related CSS */ .active-bonuses-tab .active-bonus-item .icomoon-desktop span.icon-basketball1:before, .available-bonuses-tab .available-bonus-item .icon-basketball1:before { content : "\E92F"; font-family: 'icomoon' !important; } .description-section-wrapper .btn-claim:hover { background: var(--button-secondary-bg) !important; } #bonus-popup { .modal-content { border-radius: 8px; background : var(--bg-modal); .modal-body { background : linear-gradient(168deg, #223A1F 1.62%, #0B170C 95.72%); border-radius : 8px; mix-blend-mode: plus-lighter; .row { .col-12 { .bonus-header { color: #FFF; } } .bonus-details { .col-1 { .col-12 { padding-left: 8px; .icon-casino-dice { font-size: 24px; &::before { content : "\E931"; font-family: 'icomoon' !important; } } .icon-basketball1 { font-size: 24px; &::before { content : "\E92F"; font-family: 'icomoon' !important; } } } } .col-3 { .btn-action-wrapper { button { border-radius: var(--border-radius-4); border : 0; background : var(--button-primary-bg); padding : 8px 16px !important; &:hover { background: var(--button-secondary-bg); } } & button.disabled { cursor : not-allowed; pointer-events: none; background : grey; } } } .col-8 { .row:first-of-type { div { color : #FFF; font-size: 16px; } } } } } .btn-action-wrapper { .col-12 { button { background: var(--button-secondary-bg); border : 0; padding : 8px 16px !important; &:hover { background: var(--button-primary-bg); } } } } } } } .active-bonuses-tab .active-bonus-item .description-section-wrapper .name-wrapper .name { color: #FFF; } /* End Bonus*/ /* uni88 service worker */ #snackbarcompId.bottom.info { border-radius: 8px; background : var(--bg-modal); color : var(--color-text); } #snackbarcompId.bottom.info .snackbar__action div { padding : 8px 16px; height : 37px; background : var(--button-primary-bg); border-radius: var(--border-radius-4); font-weight : 700; font-family : "Poppins", sans-serif; font-size : 16px; } /* Game Lobby Button*/ .game-lobby-renderer .game-lobby-renderer-card .game-lobby-renderer-card-buttons button:nth-child(1) { background-position: center; background-size : cover; content : ''; width : 72%; padding : 0 !important; font-size : 0 !important; height : 45%; background-image : url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/loaders/New_Uni88_PlayButton.gif); } .game-lobby-renderer .game-lobby-renderer-card .game-lobby-renderer-card-buttons button:nth-child(2) { position : absolute; bottom : 24px; text-transform: uppercase; font-weight : 700; text-shadow : 0px 8px 8px #2c482e, 0px 4px 4px #0B170C; padding : 0 !important; display : none; } .game-lobby-renderer .game-lobby-renderer-card .game-lobby-renderer-card-buttons button:nth-child(2):hover { color: #3ab04a !important; } .game-lobby-renderer .game-lobby-renderer-card .game-lobby-renderer-card-buttons { display : flex !important; height : 100%; align-items : center; justify-content: center; z-index : 4; opacity : 0; transition : var(--transition-default); } .game-lobby-renderer .game-lobby-renderer-card:hover .game-lobby-renderer-card-buttons { opacity : 1; background : linear-gradient(168deg, rgba(52, 91, 47, 0.9) 1.62%, rgba(26, 50, 28, 0.89) 95.72%); box-shadow : var(--box-shadow-gl-renderer-buttons); border-radius: 10px; } /* Game Lobby Button End*/ /* Game Stage CSS */ #gamestage_floor .fullscreen .gamestage_breadcrumbs { background: var(--bg-body); } #gamestage_floor .fullscreen .gamestage_breadcrumbs:before { content : ''; position : absolute; width : calc(100% + 328px); height : 40px; top : 0; left : -164px; background: var(--bg-header-section); z-index : 1; } #gamestage_floor .fullscreen .gamestage_breadcrumbs-exit { z-index : 2; position: relative; } #gamestage_floor .fullscreen .gamestage_breadcrumbs-exit span { margin : 0; position : relative; transition-delay: 0.2s; } #gamestage_floor .fullscreen .gamestage_breadcrumbs-exit:hover i { transform: translateX(-4px); color : #fff; } #gamestage_floor .fullscreen .gamestage_breadcrumbs-exit i { transition: 0.2s; position : relative; } #gamestage_floor .fullscreen .gamestage_breadcrumbs-exit span:before { position : absolute; box-sizing: border-box; width : 0%; inset : 0; color : #FFF; overflow : hidden; transition: 0.3s ease-out; } #gamestage_floor .fullscreen .gamestage_breadcrumbs-exit:hover span:before { width: 100%; } /* Game Stage CSS End */ /* VIP Accordion */ #accd-profile-vip .card { position: relative; overflow: visible; } .dropdown #selectTransferToMenu { overflow : auto; max-height : 287px; border-radius: 8px; background : var(--bg-side-nav-header-section); border : var(--border-section); box-shadow : var(--box-shadow-section); } .dropdown #selectTransferToMenu a:hover { background: transparent; color : var(--color-primary) !important; } /* End VIP Accordion */ /* Hide Bonus Wallet Reward Conversion*/ .tab-content-player-account-window #my-komp-points .tab-content-wrapper .form:nth-child(4) { display: none; } #komp-redemption .tab-content-wrapper .btn-system-amount-wrapper .col-12 .dropdown.show #selectTransferToMenu a:not(:first-of-type) { display: none; } .tab-content-player-account-window #my-komp-points .section-system-main .referral-link { font-size: 26px; color : #FFF; } .tab-content-player-account-window #my-komp-points .referral-link.form { font-size: 20px; color : #FFF; } .tab-content-player-account-window #my-komp-points .referral-link.form .form-group { color: #FFF !important; } /* End Hide Bonus Wallet Reward Conversion*/ /* Sports Mobile FullScreen */ #app_mobile_navigation.focused { display: none !important; } .sports-fullscreen { position : absolute; top : 56px; background : var(--button-primary-bg); left : -12px; border-radius: 50%; width : 32px; font-size : 16px; height : 32px; padding : 0 !important; z-index : 2; transition : 0.2s all ease-in; } .sports-fullscreen img { width : 18px; height: 18px; } .sports-fullscreen.active { left: 0px; } /* End Sports Mobile FullScreen */ /* Wallet Live Chat*/ #deposit #deposit-page .live-chat-buttons-deposit a, #withdraw #withdraw-page .live-chat-buttons-withdrawal a { position : relative; background : #dc8f17; padding : 6px; color : #FFF; font-size : 14px; font-weight : 700; border-radius: 8px; } #deposit #deposit-page .live-chat-buttons-deposit a:nth-of-type(2), #withdraw #withdraw-page .live-chat-buttons-withdrawal a:nth-of-type(2) { background : var(--button-primary-bg); margin-left: 56px; } #withdraw #withdraw-page .live-chat-buttons-withdrawal a:nth-of-type(2) { display: none; } #withdraw #withdraw-page .live-chat-buttons-withdrawal a:nth-of-type(3) { margin-left: 0px; background : var(--button-primary-bg); } #deposit #deposit-page .live-chat-buttons-deposit { position: absolute; width : calc(100% - 48px); } #withdraw #withdraw-page .live-chat-buttons-withdrawal { position : absolute; width : calc(100% - 32px); display : flex; justify-content: end; z-index : 1; } #deposit #deposit-page .live-chat-buttons-deposit a:nth-of-type(1) { position: absolute; top : -340px; right : -24px; } .wallet-payment-method .section-system-notif { margin: 10px 0; } #deposit #deposit-page .live-chat-buttons-deposit a:last-child { display: none; } /* End Wallet Live Chat*/ /* Notification Details*/ #notification-page #notification-message { position: relative; } #notification-page #notification-message .btn-delete-notification { position: absolute; right : 0; top : 42px; } #notification-page #notification-message .form-group .message-table tbody tr td.subject-notification { color : #FFF; font-size: 16px; } #notification-page #notification-message .form-group .message-table tbody tr td div.notification-body-message p { line-height: 24px; font-size : 14px; } #notification-message .btn-delete-notification button { display: flex; gap : 4px; } #notification-message .btn-delete-notification button:hover, #notification-page #deleteMessage .modal-content .modal-body .text-center .btn-delete-message .delete-btn button:hover { background: #c75952 !important; } #notification-page #deleteMessage .modal-content { min-height: fit-content; padding : 16px !important; } #notification-page #deleteMessage .modal-content .modal-body .text-center .btn-delete-message { display : flex; align-items : center; position : relative; margin-left : 0; gap : 4px; justify-content: center; } #notification-page #deleteMessage .modal-content .modal-body .text-center .btn-delete-message div { margin-right: 0; } /* End Notification Details*/ .promotion-modal { .custom-modal-body { width : fit-content !important; background: transparent !important; .promotion-popup-container { padding: 8px !important; display: flex; gap : 8px; width : fit-content; .promotion-item-card { margin : 0 !important; border-radius: 8px; overflow : hidden; .promotion-card { background: var(--bg-modal); .promotion-card-header { border-bottom: 0; background : radial-gradient(50% 128.57% at 50% -36.61%, #39AD4A 0%, rgba(57, 173, 74, 0.518334) 25.67%, rgba(10, 35, 14, 0) 100%); font-weight : 800; padding : 0 16px !important; height : 56px; align-items : center; .promotion-card-close-btn { display: flex; i { filter: drop-shadow(0px 0px 2px #40C3F7); &:before { content : ''; display : block; height : 20px; width : 20px; background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSLJN/assets/icons/modal-close.svg); background-size : var(--icon-contain); } } } } .promotion-card-action { background: var(--bg-modal); .promotion-card-hide-today { color : var(--color-button) !important; font-weight: var(--font-weight-button); font-size : var(--font-size-button) !important; padding : var(--padding-button) !important; height : var(--height-button); &:hover { background: var(--bg-button-reverse) !important; } } } } } } } } /* Hide Bonus Date */ #available-bonuses-page .description-section-wrapper .bonus-details-wrapper .col-12.detail:first-child { display: none; } /* End */ /* Live Chat Minimize Hide */ #onlinehelp-container div iframe#chat_button_bar_container { display: none; } /* End Minimize live Chat*/ /* Deposit Method */ #deposit-page, #withdraw-page { .wallet-breadcrumbs { text-align: center; span { font-size : 18px; font-weight: 600; color : #FFF; } } .wallet-payment-method { h1 { text-align : center; color : #FFF; font-size : 24px; font-weight : 700; text-transform: uppercase; padding : 0 0 24px 0; } form { margin : 0 0 32px; border : 1px solid rgba(255, 255, 255, 0.1); border-radius : 8px; background : var(--bg-section); box-shadow : 0px 4px 4px 0px rgba(0, 0, 0, 0.25); padding : 16px 24px; grid-template-columns: 0fr 1fr; display : grid; h2 { margin-bottom : 24px; font-size : 16px; text-transform: uppercase; color : #FFF; font-weight : 700; } .base-input-container { grid-column: 1 / -1; label { font-size: 14px; text-wrap: nowrap; } .base-input-wrapper { .base-input-field { input { background : var(--bg-input); height : 42px; border-radius: 5px !important; border : var(--border-input); color : #FFF; font-size : 16px; font-weight : 600; padding : 0 10px; margin-top : 10px; } } span.base-input-append { text-wrap: nowrap; } } &:first-of-type { grid-column: 1; max-width : 162px; width : 162px; } &:nth-of-type(2) { grid-column: 2; } } .tencoin-deposit-payment, .tencoin-withdrawal-payment { margin : 32px 0; grid-column : 1 / -1; display : grid; grid-template-columns: 0fr 1fr; gap : 8px; margin : 16px 0; p { grid-column: 1 / -1; } section { margin: 8px 0; button { width : 100%; display : flex; align-items : center; justify-content: space-between; max-width : fit-content; min-width : 116px !important; div { label { display: none; } } i { &:before { content: "\f0d7"; } } } menu { background : var(--bg-side-nav-header-section); border-radius: var(--border-radius-10); border-color : var(--bg-separator); max-width : fit-content; min-width : 100px; .search { input { background : var(--bg-input); height : 42px; border-radius: 5px !important; border : var(--border-input); color : #FFF; font-size : 16px; font-weight : 600; padding : 0 10px; margin-top : 10px; } } } } } .tencoin-deposit-action, .tencoin-withdrawal-action { grid-column : 1 / -1; justify-content: end; button { padding : 0 16px !important; color : #FFF !important; border-radius: 8px; height : 40px; background : var(--button-secondary-bg); &:last-child { background: var(--button-primary-bg); } } } .tencoin-deposit-qr-address { grid-column: 1 / -1; width : fit-content; label { text-align: center; width : 100%; } .base-qrcode { max-width : 200px !important; max-height: 200px !important; margin : auto; } small { display : flex; gap : 4px; margin-top : 6px; width : 100%; justify-content: center; align-items : center; font-size : 12px; } } .tencoin-deposit-wallet-address { margin: 8px 0; } } .tencoin-withdrawal-recent { margin : 0 0 32px; border : 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; background : var(--bg-section); box-shadow : 0px 4px 4px 0px rgba(0, 0, 0, 0.25); padding : 16px 24px; .tencoin-withdrawal-recent-header { h2 { margin-bottom : 24px; font-size : 16px; text-transform: uppercase; color : #FFF; font-weight : 700; } } table { margin-top: 24px; tr { color: #FFF; td { &:only-child { padding : 8px 0 8px 8px; border-top-right-radius : 8px; border-bottom-right-radius: 8px; } } } } } } .wallet-payment-methods-container { h2 { text-align : center; margin : 40px 0; font-size : 36px; font-weight: 600; color : #FFF; } .wallet-payment-methods-panel { display : flex; justify-content: center; gap : 40px; .payment-method-item { flex : 0 0 12%; display : flex; flex-direction : column; justify-content: center; align-items : center; gap : 16px; background : var(--bg-side-nav-header-section) !important; padding : 16px 8px; border-radius : 8px; min-width : 128px; &:hover { cursor: pointer; } .payment-method-name { color: #FFF; } } } } } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-breadcrumbs span:last-child { color: var(--color-primary); } #modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper .wallet-breadcrumbs span:first-child { color: #FFF; } /* Deposit Method End */ /* Hide Withdraw Cancel*/ #withdraw #withdraw-page .wallet-payment-method .section-system-main .row a.btn-withdraw-request-cancel { display: none !important; } /**/ /* Provider List Page */ .w-providers-container .w-providers-sort-container button { background : var(--button-primary-bg); border-radius: var(--border-radius-4); color : #EBEBF5 !important; padding : 0 16px !important; } .w-providers-container .w-providers-sort-container button:hover, .w-providers-container .w-providers-sort-container button.active { background: var(--button-secondary-bg); } .w-providers-container .w-providers-list.list { gap : 16px !important; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); grid-auto-columns : 300px; } .w-providers-container .w-providers-list.list .w-provider-item { border-radius: 9px; height : 77px; padding : 0 16px !important; gap : 8px; background : linear-gradient(168deg, #345B2F 1.62%, #1A321C 95.72%); transition : all 0.8s ease; } .w-providers-container .w-providers-list.list .w-provider-item:hover { transform: scale(1.1); } .w-providers-container .w-providers-list.list .w-provider-item:hover .w-provider-item-logo img { animation : shake 0.5s; animation-iteration-count: infinite; } .w-providers-container .w-providers-list.list .w-provider-item:hover .w-provider-item-details { color: #FFF; } .w-providers-container .w-providers-list.list .w-provider-item .w-provider-item-logo { width: 56px !important; } @keyframes shake { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } } /* */ /* Dual Login Mode */ .login-modal-dual-mode { & button { text-wrap: nowrap; padding : 8px 16px !important; font-size: 16px !important; color : var(--color-text); ; &.active { color: #FFF; } } } /* End Dual Login Mode */ @supports (-webkit-touch-callout: none) { .preloader .preloader-src video, .preloader .preloader-src img { width: 250px !important; } .left-align a.regulations { background : var(--button-primary-bg) !important; -webkit-tap-highlight-color: transparent; border-radius : var(--border-radius-4) !important; color : #EBEBF5 !important; height : 37px !important; font-weight : 700 !important; align-items : center !important; justify-content : center !important; display : flex !important; } .left-align a.komp, .left-align a.vip { background : linear-gradient(180deg, #F7E395 0%, #EDBB44 29%, #A36C13 45.67%, #8B5C08 63%, #B08719 78.67%, #E5BA25 100%) !important; -webkit-tap-highlight-color: transparent; border-radius : var(--border-radius-4); color : #EBEBF5 !important; height : 37px !important; font-weight : 700 !important; align-items : center !important; justify-content : center !important; display : flex !important; } #modernSkin.main-wrapper .layout-wrapper .header-section a.regulations:nth-child(3) { display: none !important; } .product-menu .product-menu-item { padding: 0 16px !important; } .product-menu .product-menu-item a { display : flex !important; flex-direction : row !important; align-items : center !important; justify-content: center !important; height : 60px !important; gap : 8px !important; color : #FFFFFF !important; font-weight : 700 !important; } .product-menu .product-menu-item a img { max-height: 32px !important; width : 32px !important; object-fit: contain !important; } #notification-page .table-player-message tr { height: fit-content !important; } #notification-page .table-player-message td { font-size: 13px !important; padding : 12px 0 !important; } .w-providers-container .w-providers-list-display .w-providers-list.chips .w-provider-item .w-provider-item-details .w-provider-item-name { text-wrap: nowrap !important; } #deposit-page .wallet-breadcrumbs span, #withdraw-page .wallet-breadcrumbs span { font-size : 18px !important; font-weight: 600 !important; } #deposit-page .wallet-payment-methods-container h2, #withdraw-page .wallet-payment-methods-container h2 { text-align : center !important; margin : 40px 0 !important; font-size : 36px !important; font-weight: 600 !important; color : #FFF !important; } #deposit-page, #withdraw-page { & .wallet-payment-methods-container { & .wallet-payment-methods-panel { display : flex; justify-content: center; gap : 40px; & .payment-method-item { flex : 0 0 12%; display : flex; flex-direction : column; justify-content: center; align-items : center; gap : 16px; background : var(--bg-side-nav-header-section) !important; padding : 16px 8px; border-radius : 8px; min-width : 128px; } } } } } /* GP-6375: Fix gamestage background scroll issue */ #main-scroll-container:has(.fullscreen > #gamestage_frame), body:has(.fullscreen > #gamestage_frame) { overflow: hidden !important; } /* END - GP-6375: Fix gamestage background scroll issue */ /* Hide Cancel on Withdrawal Mobile */ .wallet-payment-method .section-system-main .withdraw-mobile .cancel-section { display: none; } /* End */ /* GP-6758: Fix Thumbnail Event Popups Drag Scrollbar */ .promotion-card .promotion-card-content img { -webkit-user-drag: none; /* For WebKit-based browsers (Chrome, Safari) */ -khtml-user-drag : none; /* For older Konqueror/KHTML-based browsers */ -moz-user-drag : none; /* For Firefox */ -o-user-drag : none; /* For older Opera versions */ user-drag : none; /* Standard property */ } .promotion-popup-container { padding : 8px !important; display : block; background: var(--bg-modal); width : 100%; } /* END - GP-6758: Fix Thumbnail Event Popups Drag Scrollbar */