@charset "utf-8";
/* CSS Document */

/*Scrollbar*/
::-webkit-scrollbar {
width: 8px; /* Width of the scrollbar */
height: 8px; /* Height for horizontal scrollbar */
}
::-webkit-scrollbar-track {
background: #272930; /* Track background */
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
background: #373a43; /* Scrollbar color */
border-radius: 10px;
transition: background 0.3s ease-in-out;
}
::-webkit-scrollbar-thumb:hover {
background: #373a43; /* Darker shade on hover */
}

/* Firefox */
* {
scrollbar-width: thin;
scrollbar-color: #373a43 #272930; /* thumb color | track color */
}

/*BTN Width change*/

/*body{
    background-image: url(https://www.supabets.co.za/imgCMS/CasinoProvider/SS_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}*/

.js-category-53 {
background-image: linear-gradient(to bottom, #c900ff, #00008B);
}
.js-category-53:after {
content: '';
background: url(https://www.supabets.co.za/imgCMS/CasinoProvider/RS_icon.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 35px;
top: -10px;
}
.sidebar-content {
display: block;
}
.js-category-45:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/icons/blackjackicon.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 40px;
top: -10px;
}
.js-category-47:after {
content: '';
background: url(https://www.supabets.co.za/imgCMS/CasinoProvider/roulettenav.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 40px;
top: -10px;
}
.js-category-49:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/icons/fruitcity.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 26px;
top: -7px;
}
.js-category-48:after {
content: '';
background: url(https://www.supabets.co.za/imgCMS/CasinoProvider/baccaratnav.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 40px;
top: -10px;
}
.js-category-46:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/icons/poker.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 40px;
top: -10px;
}
.js-category-44:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/icons/betgames.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 40px;
top: -10px;
}
.col-2.pl-0.d-none.d-md-block.justify-content-end {
position: fixed;
float: left;
display: block !important;
width: 100% !important;
padding: 0px;
z-index: 1001;
}
.fa-circle-user:before,
.fa-user-circle:before{display:none !important;}
img.float-right.slide-image-url{width:200px;}
.btn-danger{width:100%;}
a.casinotopregister{display:none;}

.js-game-search-form{display: block !important;}
.game-card .game-content{border-radius: 6px !important;}

/*-NEW-*/
ol.carousel-indicators{display:none;}
.Logged .casinotopregister{display:none !important;}
a.casinotopregister{background:#ed1c24;border-radius:0px !important;}
.Logged #navbarCollapse a.casinologinmobi{display:none !important;}
.Logged #navbarCollapse a.casinoregmobi{display:none !important;}
.user-profile_profile-specific.d-none{display:none !important;}
.casinoregmobi{display:none !important;width:100%;}
.casinologinmobi{display:none !important;}
a.nav-item.nav-link.casino.bgMenu{display:none;}
.game-card img{transform:scale(1);}
.game-card .game-content{height:100%;overflow:hidden;border-radius:5px;background-color:#000;}
a.try-game{display:none;}

/*-Footer-*/
.mobileFooter ul{width:100% !important;}
.current_time{width:100%;text-align:center;padding:0 0 10px 0;}
.footer_new{background-color:#1e1e1e;display:block;width:100%;height:auto;float:left;padding:45px 0 0 0;}
.footer_inner{width:75%;margin:0 auto;display:block;}
.low_footer{display:block;float:left;width:100%;padding:10px 0 100px 0;background:#000;margin-top:30px;}
.footer_left{float:left;width:calc(20% - 20px);padding:10px;display:block;height:auto;}
.main_logo{width:100%;float:left;display:block;margin-bottom:15px;}
.second_logo{width:100%;float:left;display:block;}
.main_logo img{width:100% !important;}
.footer_left img{width:22.5%;float:left;display:block;filter:grayscale(100%);}
.footer_right{float:left;width:calc(80% - 20px);display:block;padding-left:20px;height:auto;}
.footer_right p{font-size:1em;color:#777;line-height:1.2em;}

@media (max-width: 1450px){
.footer_left{float:none;width:calc(60% - 20px);margin:0 auto;}
.footer_right{width:calc(100% - 0px);margin-top:20px;padding-left:0;}
.main_logo{width:65%;}
.second_logo{width:35%;}
}
@media (max-width: 767px){
.modal-content.deposit-content{margin: 0px;width: 100% !important;max-width: 100%;height: calc(100vh - 30px);}
nav.navbar.menu-nav{height:90vh;}
body.showUserBtn header .login .content .userMenu .menuPanel{overflow:scroll;}
.footer_inner{width:calc(100% - 40px);padding:0 20px;}
.footer_left{width:calc(100% - 20px);}
.main_logo{width:100%;}
.main_logo img{width:60% !important;float:none !important;margin:0 auto;}
.second_logo{width:60%;margin:0 auto;float:none;display:block;}
.footer_right p{text-align:center;}
.footer_right{width:100%;padding-left:0;}
}

/*-MAIN-*/
@font-face{font-family:'Roboto';src:url('https://www.supabets.co.za/App_Themes/Supabets_4/Fonts/roboto-regular-webfont.woff') format('woff'),url('https://www.supabets.co.za/App_Themes/Supabets_4/Fonts/roboto-regular-webfont.ttf') format('truetype');font-weight:normal;font-style:normal;font-display:swap;}
@font-face{font-family:'RobotoBold';src:url('https://www.supabets.co.za/App_Themes/Supabets_4/Fonts/roboto-bold-webfont.woff') format('woff'),url('https://www.supabets.co.za/App_Themes/Supabets_4/Fonts/roboto-bold-webfont.ttf') format('truetype');font-weight:normal;font-style:normal;font-display:swap;}
.mpesaBanner{display:none;font-size:0;}
body{font-family:Roboto,Arial,sans-serif;-webkit-font-smoothing:subpixel-antialiased;-webkit-text-stroke-color:transparent;-webkit-text-stroke-width:1px;font-size:12px;padding-top:110px;background-color:#27292F;}
#js-main-menu__top-container .nav-item .show::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;}
body.LobbyEvolution{height:100vh !important;}
body.LobbyEvolution .layout-container .pb-3{padding-bottom:0 !important;}
body.LobbyEvolution iframe{border:0;}
body.LobbyEvolution .error{margin:3px;padding:3em 1em;font-size:18px;text-align:center;background-color:#fff;color:red;}
body.LobbyEvolution .alert-danger{display:flex;justify-content:center;flex-direction:column-reverse;align-items:center;margin:1rem;width:auto;height:calc(100vh - 86px);background-color:#ddd;padding:1rem;font-size:0;}
body.LobbyEvolution .alert-danger span{font-size:1rem;}
body.LobbyEvolution .alert-danger::after{content:'';width:128px;height:128px;margin-bottom:1rem;background-image:url(/images/roulette.png);background-size:contain;}
.transactions-content{border-radius:10px;overflow:hidden;}
body.is-embed{padding-top:0;}
body.is-embed #shared-menu-nav {display: none;}
input,input:before,input:after{-webkit-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:initial;}
input[type="tel"],input[type="text"],input[type="button"],input[type="submit"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:'museosans_500',Arial,sans-serif;}
.dropdown-divider{margin:0;}
#js-profile__language-form .form-control,#js-profile__language-form .form-control:focus{background-color:#111;box-shadow:none;border:0;color:#ececec;cursor:pointer;}
.profile-dropdown{width:auto;background-color:#27292f;border-radius:0 0 6px 6px;color:rgba(68,68,68,.75);top:30px;min-width:302px;box-shadow:0 2px 10px 0 rgba(0,0,0,.5) !important;}
.profile-icon{background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/icon_user.webp) center center no-repeat;display:block;width:28px;height:30px;background-size:26px;}
.profile-icon-default,.support-icon-default{display:none;}
a.profile-icon span.badge.badge-light{top:11px;left:auto;right:8px;font-size:8px;}
.support-icon{background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/icon_help.png) center center no-repeat;background-size:25px;display:block;width:54px;height:54px;}
.support-icon:hover{background-color:rgba(255,255,255,0.02);}
.profile-dropdown_icon ~ span{font-size:0;}
.profile-dropdown_icon_default{display:none;}
.profile-dropdown_user-info{font-size:12px;color:#ececec;padding:0;line-height:42px;background-color:#27292f;}
.profile-dropdown_user-info > div:first-child{position:relative;padding:0 !important;background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/header_logo.webp) center center no-repeat #33353d; no-repeat;background-size:125px;}
.profile-dropdown_user-info div.logout-loader{margin-top:1rem;}
.profile-dropdown_user-info > div:first-child span{position:relative;z-index:1;color:#ececec;}
.profile-dropdown_user-info .profile-dropdown_close_icon{height:42px;}
.profile-dropdown_refresh-btn{display:none;}
.balance-resume{position:relative;display:flex;flex-direction:column;margin:5px;padding:20px 20px 10px;line-height:1.25em;background-color:#33353d;}
.profile-dropdown_total-balance{order:1;margin-bottom:0;padding:20px 0 0 0 !important;line-height:19px;}
.profile-dropdown_Withdrawable{order:2;color:#ececec;padding-top:0 !important;line-height:19px;}
.profile-dropdown_Withdrawable.pb-1{padding-top:0 !important;}

.header-deposit,
.header-deposit:active,
.header-deposit:hover,
.header-deposit:not(:disabled):not(.disabled).active,
.header-deposit:not(:disabled):not(.disabled):active,
.header-deposit:not(:disabled):not(.disabled):focus,
.header-deposit:not(:disabled):not(.disabled):active:focus,
.header-deposit.show>.btn-success.dropdown-toggle,
.header-deposit.focus{display:flex;align-items:center;justify-content:center;line-height:30px;width:21vw;max-width:71px;padding:0 10px;margin:0 !important;border-radius:5px;background-color:#6dfe8f;color:#000;text-decoration:none;text-align:center;white-space:nowrap;font-size:11px;border:0;font-family:RobotoBold,Arial,sans-serif;cursor:pointer;}
.header-deposit::before{content: '';display: inline-flex;min-width:13px;width:15px;height:15px;margin: 0 4px 0 0;background: url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/iconDeposit.webp) center center no-repeat;background-size: contain;}

.d-lg-inline-block{display:flex !important;flex-direction:column;justify-content:center;align-items:center;height:30px;padding:4px;border:1px solid #6dfe8f;border-radius:5px;}
.profile-btn.dropdown-toggle{}
.profile-btn.dropdown-toggle .d-lg-inline-block{font-size:0;line-height:1.6;}
.profile-btn.dropdown-toggle .d-lg-inline-block span{font-size:11px;white-space:nowrap;}
.profile-btn.dropdown-toggle .d-lg-inline-block span::before{content:'R ';}

.profile-dropdown_deposit-btn{order:0;display:flex;justify-content:flex-end;padding:0 !important;margin-top:6px;background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/icon_wallet.webp) 0 2px no-repeat #33353d;background-size: 24px;}
.profile-dropdown_deposit-btn::before{content: 'Cash';position: absolute;top: 28px;left: 70px;line-height: 24px;font-size: 18px;}
.profile-dropdown_deposit-btn a,
.profile-dropdown_deposit-btn a:active,
.profile-dropdown_deposit-btn a:hover,
.profile-dropdown_deposit-btn .btn-success:not(:disabled):not(.disabled).active,
.profile-dropdown_deposit-btn .btn-success:not(:disabled):not(.disabled):active,
.profile-dropdown_deposit-btn .show>.btn-success.dropdown-toggle,
.profile-dropdown_deposit-btn .btn-success.focus,
.profile-dropdown_deposit-btn .btn-success:focus{display:flex;align-items:center;justify-content:center;line-height:30px;width:21vw;padding:0 10px;margin:0 !important;border-radius:5px;background-color:#6dfe8f;color:#000;text-decoration:none;text-align:center;white-space:nowrap;font-size:11px;border:0;font-family:RobotoBold,Arial,sans-serif;cursor:pointer;}
.profile-dropdown_deposit-btn a::before{content: '';display: inline-flex;min-width:13px;width:15px;height:15px;margin: 0 4px 0 0;background: url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/iconDeposit.webp) center center no-repeat;background-size: contain;}

.profile-dropdown_deposit-btn .w-100{width:40% !important;}

.dropdown-toggle{position:relative;}
.dropdown-toggle::after{display:none;}
.profile-menu{font-size:12px;}
.profile-menu>details{position:relative;}
.profile-menu>details>summary::after{content:'';position:absolute;right:21px;width:7px;height:12px;background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/icons/menu_arrow.png) left center no-repeat;background-size:contain;}
.profile-menu,
.profile-menu>details[open]>summary{background-color:transparent;}
.profile-menu>details[open]>a{padding-left:35px;background-color:#1b1d21;border-bottom:1px solid #101113;}
.profile-menu>details[open] summary::after{content:'';transform:rotate(90deg);}
.profile-menu img{vertical-align:middle !important;width:26px;margin-right:15px !important;filter:brightness(5);}
.dropdown-item{display:flex;align-items:center;color:#ffffff;background-color:#27292f;border-bottom:1px solid #1b1d21;height:50px;max-height:50px;padding:0 18px 0 60px;}
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover{color:#ececec;background-color:#33353d;outline:none;}
.dropdown-item .badge{position:static !important;line-height:5vh;padding:0 7px;margin-left:auto;margin-right:21px;}
a.dropdown-item:after{content:'';position:absolute;right:21px;width:7px;height:12px;background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/icons/menu_arrow.png) left center no-repeat;background-size:contain;}
details .dropdown-item:after{margin-left:auto;}
.profile-menu>details>summary{background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/icon_wallet.webp) 15px center no-repeat;background-size:26px;}
.dropdown-item.dev{background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/icon_mybets.webp) 15px center no-repeat;background-size:26px;}
.dropdown-item.admin{background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/icon_mybets.webp) 15px center no-repeat;background-size:26px;}
.dropdown-item.bonus{background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/icon_bonus.webp) 15px center no-repeat;background-size:26px;}
.dropdown-item.help{background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/icon_help.webp) 15px center no-repeat;background-size:26px;}
.dropdown-item.logout{background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/icon_logout.webp) 15px center no-repeat;background-size:26px;}
.dropdown-item.password{background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/icon_password.webp) 15px center no-repeat;background-size:26px;}
.dropdown-item.profile{background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/icon_profile.webp) 15px center no-repeat;background-size:26px;font-size:0;}
.dropdown-item.profile::before{content:'Account';font-size:12px;}

.game-search-btn{border-radius:0;}
.main-menu{position:fixed;top:0;left:0;right:0;display:flex;flex-direction:column;gap:0;height:42px;background-color:#33353d;}
.main-menu .w-100{width:100%;}
.main-menu .alert{position:absolute;top:0;left:0;padding:3px 6px;font-size:11px;}
.login-nav-items{position:absolute;right:0;width:auto;display:flex;justify-content:flex-end;flex-direction:row-reverse;align-items:center;gap:5px;min-height:42px;padding:0 5px 0 0 !important;}
.login-btn,
.login-btn:hover{display:flex;align-items:center;justify-content:center;line-height:30px;width:21vw;max-width:71px;padding:0 10px;margin:0;border-radius:5px;background-color:#6dfe8f;color:#000;text-decoration:none;text-align:center;white-space:nowrap;font-size:11px;font-family:RobotoBold,Arial,sans-serif;cursor:pointer;}
.login-btn::before{content: '';display: inline-flex;width: 15px;height: 15px;margin: 0 4px 0 0;background: url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/iconLogin.webp) center center no-repeat;background-size: contain;}
.login-btn:hover{}
.logout-form.logout-user-balance{position:relative;height:auto;background-color:#27292f;border-radius:5px;padding-left:0;}
.register-btn,
.register-btn:hover{display:flex;align-items:center;justify-content:center;line-height:28px;width:21vw;max-width:71px;padding:0 10px;margin:0;border-radius:5px;text-align:center;white-space:nowrap;background-color:transparent;color:#6dfe8f;border:1px solid #6dfe8f;text-decoration:none;font-size:0;font-family:RobotoBold,Arial,sans-serif;cursor:pointer;}
.register-btn::before{content:'Join Now';font-size:11px;}
.register-btn:hover{}
.Anonymous .profile-btn{display:none;}
.Anonymous.modal-open .modal.show{top:0;}
.profile-btn,
.profile-btn:hover{display:flex;align-items:center;color:#ececec;text-decoration:none;white-space:pre-line;font-size:10px;}
.profile-btn .alert-danger{position:absolute;right:0;white-space:nowrap;}
.support{position:static;top:0;right:40px;z-index:100;display:block;width:22px;height:22px;margin-right:9px;background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/info.svg) center no-repeat;}
.site-name{padding-bottom:0;padding-top:0;margin:0 auto !important;}
.site-name>a{display:block;margin:0;width:137px;height:42px;background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/header_logo.webp) 0 center no-repeat;background-size:120px;}
.logo-nav,.menu-nav{padding-top:0;padding-bottom:0;}
.profile-nav-items{display:none;justify-content:flex-end;align-items:center;gap:5px;height:42px;padding-right:5px;}
/* Game panel */
#gameList_row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:5px;color:#dcdcdc;}
#gameList .mb-2{padding:0;}
#noResults{margin:100px auto;font-size:14px;}
.game-content>.btn{position:absolute;text-align:center;left:30px;right:30px;font-size:0.7rem;}
.game-card{display:flex;flex-direction:column;padding:0 !important;aspect-ratio:1 / 1;max-width:100%;border-radius:8px;border:2px solid #333;}
.mobile-game-btn-container,
.game-btn-container{top: 0;left: 0;width: 100%;height: 100%;right:10px;}

.btn-danger,
.btn-danger:hover,
.btn-danger:active{border-color:#6dfe8f;height: 100%;width: 100%;background: rgba(0,0,0,0.75);}
.btn.play-game:hover span::after{left:-20px;}
.btn.try-game{bottom:55px;width:100%;background-color:rgba(82,82,82,62%);border:1px solid rgba(255,255,255,31%);color:rgba(255,255,255,87%);line-height:1.25;}
.btn.try-game:hover{background-color:rgba(82,82,82,70%);}
.btn.share-game{width:100%;margin-top:10px;background:#01b601;border-color:#01b601;position:relative;}
.btn.share-game::before{background-image:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/iconShare.png);background-size:14px;content:'';width:14px;height:14px;position:absolute;top:10px;right:calc(50% - 40px);opacity:.7;}

.btn.play-game span{position:relative;display:inline-flex;justify-content:center;align-items:center;width:42%;height:42%;margin:15% 0;padding:0;border-radius:50%;outline:none;border:none;background-color:#e40030;font-size:0;cursor:pointer;}
.btn.play-game span::before{content:'';width:0;height:0;margin-left:8px;border-style: solid;border-width:17px 0 17px 27px;border-color:transparent transparent transparent #000000;}

/*Thabiso*/ 
/*Thumbnail hover + click*/
.mobile-game-btn-container,
.game-btn-container{top: 0; left: 0; right: 10px; width: 100%;  height: 100%;}
.mobile-game-btn-container,
.game-btn-container a:hover {color: #fff;display: block;height: 100%;width: 100%;border-radius: 10px; display:block;}
.btn-danger{border:none;transition: all 0.3s ease-in-out;}

.game-content form .btn{position:absolute;right:0px;top:0;z-index:2;padding:9px;}
.fa-star.far{font-size:1em;color:rgba(255,255,255,90%);text-shadow:0 0 2px #000;background-color:#00000080;border:1px #000000;padding:6px;border-radius:50px;margin:-4px -4px 0 0;}
.fa-star.far:hover{color:rgba(255,255,255,100%);}
.fa-star.fas{font-size:1em;color:rgba(255,215,0,100%);text-shadow:1px 2px 5px #000;background-color:#00000080;border:1px #000000;padding:6px;border-radius:50px;margin:-4px -4px 0 0;}
.fa-star.fas:hover{color:rgba(255,215,0,90%);}

/* Login modal */
.login-iframe{border-radius:8px !important;min-height:445px;}
#js-login-modal{margin:0;}
.modal-header{border-radius:0;padding:0 40px;}
a{color:#444;}
.main-login{display:flex;flex-direction:column;justify-content:space-between;height:auto;color:#ececec;margin:auto;border:0;border-radius:0;max-width:364px;}
.main-login label{display:block;font-size:12px;height:15px;line-height:12px;margin-top:16px;margin-bottom:0;padding-bottom:.25em;}
.main-login .modal-body{background-color:transparent;}
.main-login h5{text-align:center;width:100%;font-size:16px;line-height:42px;}
.main-login .close{position:absolute;bottom:auto;font-size:0;top:0;right:0;margin:0;opacity:1;background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/btnClose.webp) center center no-repeat;width:50px;height:50px;background-size:14px;}
.main-login-title{color:#fff;margin:0;}
.main-login .modal-footer{display:none;}

.modal-content.main-login{width:calc(100vw - 24px);background-color:#33353D;border-radius:8px;}
.login-user-form{padding:0 20px 20px 20px;}
.login-user-form .login-form__user-flag{display:none;}
span.login-form__user-prefix{display:none;}
#password-recovery-panel{text-align:center !important;}
.login-user-form a,
.login-user-form a:hover{color:#fff;text-decoration:none;}
.login-user-form .form-group{margin-bottom:0;}
.login-user-form .form-group:first-child label{font-size:0;}
.login-user-form .form-group:first-child label::before{content:'Username:';font-size:12px;}
.registration{margin-bottom:12px;}
.registration a{color:#6dfe8f;}
.login-user-form .btn-primary,
.login-user-form .btn-primary:not(:disabled):not(.disabled):active,
.login-user-form .btn-primary:hover{margin:0 !important;color:#000;background-color:#6dfe8f;border:0;border-radius:5px;box-shadow:none;}
input#login-form__username,
input#login-form__password{position:static;height:36px;font-family:museosans_500,Arial,sans-serif;font-size:16px !important;text-size-adjust:none;line-height:normal;border:1px solid #ededed;}
input#login-form__username{padding:12px;}
.main-login-wraper{background-color:#272727;}
.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-radius:.25rem;}
#js-login-form__password button,#js-login-form__password button:active,#js-login-form__password button:focus{border:0;box-shadow:none;color:black;margin:0;padding:0;text-align:center;width:24px;line-height:44px;font-size:19px;z-index:4;}
#js-login-form__password button:hover{border:0;box-shadow:none;color:#6c757d;background-color:transparent;margin:0;padding:0;text-align:center;width:24px;z-index:4;filter:contrast(10);}
.login-form__password-visibility{position:absolute;right:1px;top:0;display:flex;width:36px;}
.navbar .dropdown-menu{background-color:transparent;top:36px !important;right:80px;border-radius:8px;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none;}
.navbar .dropdown-menu::-webkit-scrollbar{display:none;}
.navbar-light .navbar-toggler-icon{background-image:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/iconMenu.webp);background-size:23px;}
.shared-menu a{color:#ececec;}
.shared-menu a.login-btn{color:#000;}
#shared-menu-nav .navbar{padding:0;}
#shared-menu-nav .navbar .logo>a{height:42px;}
#shared-menu-nav .navbar .logo .navbar-toggler{position:absolute;top:0;left:0;margin:0;opacity:1;width:42px;height:42px;background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/btnClose.webp) center center no-repeat;background-size:14px;border-right:0 !important;}
#shared-menu-nav .navbar .logo .navbar-toggler span{display:none;font-size:0;}
.navbar-expand-lg .navbar-toggler{height:42px;width:43px;justify-content:center;}
.navbar-expand-lg .navbar-nav{position:relative;left:0;right:0;line-height:50px;gap:5px;}
.navbar-expand-lg.mobile-only .navbar-nav{position:fixed;}
.navbar-expand-lg.mobile-only .navbar-nav .nav-link{display:block;background-color:#373a43;}
.navbar-expand-lg .navbar-nav .nav-link{display:none;gap:5px;padding:0 9px;border-radius:4px 4px 0 0;color:#fff !important;font-size:13px;white-space:nowrap;font-weight:bold !important; text-transform:uppercase !important;}
.navbar-expand-lg .navbar-nav .nav-link::before{content:'';}
.navbar-expand-lg .navbar-nav .nav-link.sport::before{background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/menu_icon_sports.webp) center center no-repeat transparent;background-size:contain;}
.navbar-expand-lg .navbar-nav .nav-link.live::before{background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/menu_icon_live.webp) center center no-repeat transparent;background-size:contain;}
a.nav-item.nav-link.casino {color: #ffcf40 !important;text-shadow: 1px 1px 1px #000;}
.navbar-expand-lg .navbar-nav .nav-link.casino::before{background:url(https://www.supabets.co.za/imgCMS/casinoProvider/new_play_vegas.png) center center no-repeat transparent;background-size:contain;}
.navbar-expand-lg .navbar-nav .nav-link.numbers::before{background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/menu_icon_numbers.webp) center center no-repeat transparent;background-size:contain;}
a.nav-item.nav-link.scratchCards{color: #ffcf40 !important;text-shadow: 1px 1px 1px #000;}
.navbar-expand-lg .navbar-nav .nav-link.scratchCards::before{background:url(https://www.supabets.co.za/imgCMS/casinoProvider/menu_icon_livetable.png) center center no-repeat transparent;background-size:contain;}
.navbar-expand-lg .navbar-nav .nav-link.betgames::before{background:url(https://www.supabets.co.za/custom/supabets/images/menu-items/icons/betgames.svg) center center no-repeat transparent;background-size:contain;}
.navbar-expand-lg .navbar-nav .nav-link.promo::before{background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/menu_icon_promo.webp) center center no-repeat transparent;background-size:contain;}

.navbar-expand-lg .navbar-nav .nav-link.quicklink{display:none;}

.navbar-expand-lg .navbar-nav .subMenu{display:none;flex-direction:column;list-style-type:none;padding:0;margin-bottom:0;line-height:35px;font-size:13px;}
.navbar-expand-lg .navbar-nav .subMenu ul{padding:0;list-style-type:none;}
.navbar-expand-lg .navbar-nav .subMenu ul a{display:block;padding-left:56px;border-top:1px solid #27292f;}
.navbar-expand-lg .navbar-nav .subMenu > li{margin-bottom:1px;}
.navbar-expand-lg .navbar-nav .subMenu > li > a{color:#ed1c24 !important;margin:0;font-size:13px;}
.navbar-expand-lg .navbar-nav .subMenu > li > a ~ ul{position:relative;}
.navbar-expand-lg .navbar-nav .subMenu > li > a ~ ul::before{content:'';position:absolute;right:0;top:-36px;width:36px;height:36px;transform:rotate(-90deg);background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/angle-down-main.png) center center no-repeat;background-size:12px;}
.navbar-expand-lg .navbar-nav .subMenu > li > a ~ ul li{display:none;}
.navbar-expand-lg .navbar-nav .subMenu > li.sel > a ~ ul::before{transform:rotate(0);}
.navbar-expand-lg .navbar-nav .subMenu > li.sel > a ~ ul li{display:block;}
.navbar-expand-lg .navbar-nav .subMenu > li > a ~ ul li::before{content:'';position:absolute;left:18px;top:0;width:36px;height:36px;opacity:1;}
.navbar-expand-lg .navbar-nav .subMenu ul li{position:relative;background-color:#202020;}
.navbar-expand-lg .navbar-nav .category-link .nav-link{display:block;}
.Anonymous .navbar-expand-lg .navbar-nav .nav-link.logged{display:none !important;}
button.shared-menu__close{color:#dcdcdc;background-color:#272727;}
.shared-menu__close{background-color:#272727;}
.layout-container{background-color:transparent;color:#ececec;}
.layout-container .container-fluid{max-width:1620px;margin-top:0;}
.layout-container .container-fluid>div,.layout-container .container-fluid>main{padding-top:0 !important;}
.layout-container .container-fluid>main .col{padding:0;margin-top:90px;}
.js-games-tabs{margin:2px 0;width:100% !important;}
.js-games-tabs .col-2{display:none !important;}
.js-games-tabs .col-md-10{-ms-flex:0 0 100%;flex: 0 0 100%;max-width:100%;background-color:transparent;}
.js-games-tabs > div{padding:0;}
.js-games-tabs > div .mb-2{margin-bottom:1px !important;}
.nav-tabs{flex-wrap:nowrap;gap:5px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:15px;margin-bottom:0 !important;border-bottom:0;background-color:#27292F;}
.nav-tabs .nav-item{margin:0;font-size:12px;background-color: #373a43;border: 1px solid #373a43;border-radius: 6px;}
.nav-tabs .nav-link{display:flex;align-items:center;justify-content:center;padding:0 12px;color:#a0a0a0;border:0;border-radius:5px;line-height:40px;text-transform:uppercase;}
.nav-tabs .nav-link:hover{background-color:rgba(0,0,0,.05);}

.js-games-tabs .nav-tabs .nav-link::before{content:'';height:40px;}

.nav-tabs .nav-link.js-category-new-games{gap:6px;}
.nav-tabs .nav-link.js-category-new-games::before{min-width:18px;background:url(http://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/icon_gmg_lobby.webp) center center no-repeat transparent;background-size:contain;}

.nav-tabs .nav-item.show .nav-link{background-color:#2a2d33;color:#b3b3b3;}
.nav-tabs .nav-link.active{background-color:#373a43;color:#ffffff;border: 1px solid #fff !important;}

#navbarNavDropdown .nav-tabs li .mb-2{margin:0 !important;padding:0;}
#navbarNavDropdown .nav-tabs li .mb-2 .form-row{margin:0;}
#navbarNavDropdown .nav-tabs .nav-item{padding:0;margin:0;background-color:transparent;border:none;height:45px;}
#navbarNavDropdown .nav-tabs .nav-item:hover{background-color:#333;}
#navbarNavDropdown .nav-tabs .nav-link{line-height:50px;background-image:none;width:100% !important;height:45px;text-align:left;}
#navbarNavDropdown .nav-tabs .nav-link a{padding:0 16px;color:#ececec;}
#navbarNavDropdown .nav-tabs .nav-link a.active{box-shadow:inset 4px 0 0 0 #ed1c24;}
#navbarNavDropdown .nav-tabs .category-link{position:relative;}
.category-total-games{position:absolute;top:18px;right:15px;font-size:11px;line-height:16px;padding:0 4px;text-align:center;border-radius:14px;min-width:27px;color:#dcdcdc;}

.js-game-search-form{position:relative;height:50px;padding:5px;background-color:#27292f;}
.js-game-search-form::before{content:'';position:absolute;top:5px;right:5px;z-index:2;border-radius:0 5px 5px 0;width:40px;height:40px;background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/icon_search.webp) center center no-repeat transparent;background-size:20px;}
.js-game-search-form input,
.js-game-search-form input:focus{width:100%;height:40px;line-height:40px;padding:0 70px 0 10px;box-sizing:border-box;font-size:12px;background-color:#3c3f48;color:#fff;border:0;border-radius:5px;outline:none;-webkit-box-shadow:none;box-shadow:none;}
.js-game-search-form input::placeholder{color:#fff;}
.js-game-search-form input:focus::placeholder{color:#ababab;}
.js-game-search-form .form-row{margin:0;}
.js-game-search-form input ~ span{position:absolute;top:11px;right:11px;width:14px;height:14px;background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/search_bar_close.svg) center center no-repeat;background-size:contain;opacity:.5;}
.js-game-search-form input ~ span:hover{opacity:.75;cursor:pointer;}

.walletCloseButton{position:absolute;top:0;right:0;font-size:0;width:40px;height:38px;background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/btnClose.png) center center no-repeat;background-size:14px;}

.game-popup{max-width:83%;max-height:none;margin:30px auto 2px auto;}
.game-popup .modal-content{background-color:#111;}
.game-popup .modal-footer{align-items:flex-start;border-top:0;padding:0;}
.game-popup .modal-footer .tab-content{padding:12px;margin:0;}
.modal-open .modal.show{padding-right:0 !important;}
.modal-body{padding:0;background-color:#1e1e1e;}
.js-right-panel-games{position:relative;}
.game-description-modal{position:fixed;top:0;left:0;color:#a9a7af;overflow-x:hidden;overflow-y:auto;}
.game-description-modal .game-fun-notice{top:3px;z-index:200;}
.game-description-image-modal{height:100vw;text-align:center;padding:1rem;}
.game-description-image-modal img{margin-top:3rem;}
.game-modal-Content .close-button{position:absolute;top:0;right:0;z-index:300;}
.game-modal-Content .close-button .close{height:auto;padding:8px;}
.game-modal-Content iframe{width:100%;height:100%;}
.bottomtextcasinoheader{margin:6px;font-size:16px;color:rgba(255,255,255,0.87);}
.bottomtextcasinobody{margin:6px;font-size:12px;}

/* FOOTER */
footer{cursor:default;}
footer a{color:#ececec;}
.footerHtmlTop{padding:12px 0 0 0;margin:10px auto 0 auto;font-size:12px;line-height:1.25em;color:#dcdcdc;}
.vLine{display:block;height:100%;min-height:19px;width:1px;margin:0 7px;background-color:#424242;}
.hLine{display:block;height:1px;width:100%;margin:18px 0;background-color:#424242;order:10;}
.footerLogo{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;}
.bsLogo{display:block;width:100px;height:24px;background:url(https://betsafe.co.ke/App_Themes/KenyaMobile/images/header_logo.png) center center no-repeat;background-size:contain;}
.kenya{display:flex;align-items:center;}
.kenyaFlag{display:block;width:22px;height:19px;background:url(https://betsafe.co.ke/App_Themes/KenyaMobile/images/Icons/flag-ke.svg) center center no-repeat;background-size:contain;}
.mainBox{display:flex;flex-wrap:wrap;justify-content:space-between;}
.footerSponsors{order:1;display:flex;margin-bottom:22px;}
.footerSponsors>div{display:flex;align-items:center;width:168px;}
.gorMahia{margin-right:15px;}
.gmLogo{display:block;min-width:29px;height:36px;background:url(https://betsafe.co.ke/App_Themes/KenyaMobile/images/sponsorGor_Mahia.png) center center no-repeat;background-size:contain;}
.afcLogo{display:block;min-width:29px;height:36px;background:url(https://betsafe.co.ke/App_Themes/KenyaMobile/images/sponsorAFC_Leopards.png) center center no-repeat;background-size:contain;}
.spnTitle{display:block;font-size:9px;}
.spnText{display:block;font-size:12px;color:#ffffff;}
.footerText{order:2;}
.footerText p{padding:0;margin-top:12px;}
.footerText p:first-child{margin:0;}
.footerCodes{order:1;flex-wrap:wrap;}
.footerCodes .hLine{display:none;}
.mobCodesList{display:flex;}
.mobCodesList>div{display:flex;flex-direction:column;margin-right:20px;}
.mobCodesList .mPesa{margin:0;}
.mobTitle{margin-bottom:10px;}
.mobCode{font-size:26px;}
.footerCS{display:flex;justify-content:space-between;}
.cService{width:70%;}
.csTitle{font-size:18px;margin-bottom:10px;}
.csButtons{display:flex;justify-content:space-between;margin:15px 0;line-height:32px;text-align:center;}
.csButtons>div{padding-left:18px;white-space:nowrap;}
.csCall{color:#dcdcdc;background:url(https://betsafe.co.ke/App_Themes/KenyaMobile/images/Icons/phone.png) left center no-repeat;background-size:14px;margin:0 18px;}
.csCall span{display:none;}
.csCall a{display:inline-block;color:#dcdcdc !important;text-decoration:none;}
.csCall a[href^="tel"]{color:#dcdcdc !important;text-decoration:none;}
.csOnline{background:url(https://betsafe.co.ke/App_Themes/KenyaMobile/images/Icons/support.png) left center no-repeat;background-size:14px;}
.csOnline a{color:#dcdcdc;text-decoration:none;}
#moteText{display:none;}
#readLess{display:none;}
#readMore,#readLess{color:#3284ca;cursor:pointer;}
#readMore:hover,#readLess:hover{text-decoration:underline;}
.footerMenu a{color:#ececec !important;}
.footerMenu>ul{display:flex;flex-direction:column;margin:0;padding:0;}
.footerMenu>ul>li{display:flex;flex-direction:column;justify-content:center;}
.footerMenu>ul>li a{position:relative;display:flex;align-items:center;min-height:36px;padding-left:16px;margin-bottom:1px;background-color:#2c2c2c;opacity:1;}
.footerMenu>ul>li a::before,.footerMenu>ul>li a::after{position:absolute;top:17px;right:16px;width:10px;height:2px;background-color:#ececec;opacity:0.7;}
.footerMenu>ul>li a::before{content:'';}
.footerMenu>ul>li a::after{content:'';transform:rotate(90deg);}
.footerMenu>ul>li a.sel+ul{display:flex;flex-direction:column;padding:0;}
.footerMenu>ul>li a.sel::before{transform:rotate(45deg);}
.footerMenu>ul>li a.sel::after{transform:rotate(-45deg);}
.footerMenu>ul>li ul{display:none;}
.footerMenu>ul>li ul li{padding:0;}
.footerMenu>ul>li ul li a{opacity:0.7;background-color:#252525;}
.footerMenu>ul>li ul li a::before,.footerMenu>ul>li ul li a::after{display:none;}
.footerHtml{padding:12px 0;margin:0 auto 10px auto;font-size:12px;line-height:1.25em;color:#dcdcdc;}
.footerSocial{display:flex;}
.footerSocial>a{display:block;text-decoration:none;font-size:0;width:42px;height:42px;margin-right:16px;border-radius:50%;background-color:#2a2b2c;}
.footerSocial>a:hover{background-color:#565758;}
.logoInstagram{background-image:url(https://betsafe.co.ke/App_Themes/KenyaMobile/images/Icons/iconSocialInstagram.png);background-position:center center;background-repeat:no-repeat;background-size:42px;}
.logoTwitter{background-image:url(https://betsafe.co.ke/App_Themes/KenyaMobile/images/Icons/iconSocialTwitter.png);background-position:center center;background-repeat:no-repeat;background-size:42px;}
.logoFacebook{background-image:url(https://betsafe.co.ke/App_Themes/KenyaMobile/images/Icons/iconSocialFacebook.png);background-position:center center;background-repeat:no-repeat;background-size:42px;}
.footerRG{margin-top:18px;margin-bottom:5px;}
.footerRG p{padding:0;margin-bottom:10px;}
.footerRG a{cursor:pointer;font-weight:bold;}
.footerRG a:hover{color:#ececec;text-decoration:underline;}
.footerRG .moreInfo{font-weight:normal;color:#3284ca;}
.footerRG .moreInfo:hover{color:#3284ca;}
.rgTitle{font-size:18px;margin-bottom:10px;}
.footerTerms>div{margin-bottom:18px;}
.logoList{display:flex;align-items:center;}
.logoList>div{margin-right:12px;}
.logoMPesa{width:45px;height:33px;background:url(https://betsafe.co.ke/App_Themes/KenyaMobile/images/footerM_PESA.png) center center no-repeat;background-size:contain;}
.logoSafaricom{width:71px;height:16px;background:url(https://betsafe.co.ke/App_Themes/KenyaMobile/images/footer_Safaricom.png) center center no-repeat;background-size:contain;}
.logoPlus18{width:22px;height:22px;background:url(https://betsafe.co.ke/App_Themes/KenyaMobile/images/footer_18.png) center center no-repeat;background-size:contain;}
.termsPolicy a{padding:0 8px 0 10px;border-left:1px solid #dcdcdc;}
.termsPolicy a:hover{color:#ececec;text-decoration:underline;}
.termsPolicy a:first-child{padding:0 10px 0 0;border:0;}
.depositModal iframe, .withdrawModal iframe{border-radius:0;min-height: 451px;margin-top: 50px;border-radius: 0px 0px 6px 6px;}
.gaming-log-table,.gaming-log-title{color:#dcdcdc;}
#no-games-found{padding:24px;}
#no-games-found .noresults .subTitle{color:#ececec !important;}
#no-games-found .noresults .subTitle span{color:#fff !important;font-weight:700;letter-spacing:1px;}
#no-games-found .noresults .warning{margin:72px 0 0 0;text-align:center;}
#no-games-found .noresults .message{margin:72px 0 0 0;padding:12px;}
#no-games-found .noresults .message h2{font-size:16px;text-align:center;border-color:#202020 !important;}
.hide-game-btn-container{display:none;}
#game-fetch .page-header{display:grid;grid-template-areas:"h2 h2" "selection button" "text text";grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr;margin-bottom:1.5rem;}
#game-fetch .page-header h2{grid-area:h2;}
#game-fetch .page-header .game-fetch-text{grid-area:text;padding-top:0;}
#game-fetch .page-header > div{display:flex;height:100%;align-items:center;padding:1.5rem;text-align:left !important;}
#game-fetch .page-header > div select{height:34px;padding:.375rem .5rem;border-radius:.25rem;font-size:1rem;cursor:pointer;}
#game-fetch .page-header > div .btn{white-space:nowrap;}
#game-fetch ~ .btn-success{margin-left:15px;}

@media (max-width:1024px){
.mainBox{display:block;}
.footerCodes .hLine{display:block;}
.footerCS{display:block;}
.hLine.menu{display:none;}
.csCall{background-image:none;background-color:#f7ce43;color:#000000;margin-left:0;margin-right:8px;}
.csCall a{color:#000000 !important;}
.csCall a[href^="tel"]{color:#000000 !important;}
.csCall span{display:inline;}
.csOnline{background-image:none;background-color:#61ac00;color:#dcdcdc;}
.cService{width:100%;}
.csButtons>div{width:50%;padding:0;border-radius:4px;}
}
@media (any-hover: hover){
.title{opacity:0;transition:opacity .35s ease;}
.game-content:hover>.game-btn-container{display:flex;flex-direction:column;}
.game-content:hover .title{opacity:1;}
}

.mobile-wrapper{display:flex;align-items:center;height:48px;padding:0;background-color:#f5f5f5;}
.mobile-wrapper .mobile-wrapper-close{display:flex;align-items:center;justify-content:center;width:37px;}
.mobile-wrapper .mobile-wrapper-close .close{font-size:16px;}
.mobile-wrapper .mobile-wrapper-icon{display:flex;align-items:center;justify-content:center;width:38px;}
.mobile-wrapper .mobile-wrapper-icon .mobile-wrapper-image-container{width:38px;height:38px;border-radius:12px;overflow:hidden;}
.mobile-wrapper .mobile-wrapper-icon .mobile-wrapper-image-container img{width:100%;height:100%;}
.mobile-wrapper .mobile-wrapper-text{display:flex;flex-direction:column;justify-content:center;flex-grow:2;line-height:19px;font-size:12px;padding-left:7px;color:#6D6D6D;}
.mobile-wrapper .mobile-wrapper-text span:first-child{height:19px;font-size:14px;color:#161616;}
.game-name-modal{line-height:56px;font-size:22px;text-align:left;padding:0 40px 0 12px;color:rgba(255,255,255,0.87);}
.mobile-game-btn-container,.modal-body-description .game-btn-container{padding-bottom:2rem;}
.mobile-wrapper .mobile-wrapper-link{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;padding:0 15px;}
.mobile-wrapper .mobile-wrapper-link a{font-size:12px;line-height:24px;padding:0 6px;white-space:nowrap;color:rgba(255,255,255,87%);background-color:#01B601;border-radius:4px;}
.mobile-wrapper .mobile-wrapper-link a:hover{text-decoration:none;}
.backToTop{position:fixed;bottom:-100px;left:0;right:0;z-index:100;display:block;margin:70px 8px 10px 8px;font-size:13px;line-height:32px;text-align:center;background-color:#000;border-radius:10px;color:#a0a0a0 !important;transition:.15s ease-in-out;text-transform:uppercase;white-space:nowrap;border:1px solid #a0a0a0;box-shadow:0 0 5px 1px rgb(0 0 0 / 25%);cursor:pointer;}
.backToTop.visible{bottom:0;}
.user-profile_profile-specific{display:block !important;height:37px;padding-bottom:1px;border-bottom:1px solid #424242;color:#ececec;}
#js-profile__language-form{margin-bottom:0.25rem;}
#js-profile__language-form > div{align-items:center;}

@media (min-width: 1025px){
::-webkit-scrollbar{width:17px;}
::-webkit-scrollbar:horizontal{height:17px;}
::-webkit-scrollbar-track{background:#1b1d21;}
::-webkit-scrollbar-thumb{background-color:#27292f;border-radius:3px;border:1px solid #1b1d21;}
body{scrollbar-width:thin;scrollbar-color:#fafafa #d1d1d1;}
.footerHtml{margin-bottom:0;}
.footerMenu{max-width:60%;padding:12px;margin:0 auto;}
.footerMenu>ul{flex-direction:row;}
.footerMenu>ul>li{justify-content:flex-start;min-width:150px;}
.footerMenu>ul>li a{min-height:18px;padding:0;background-color:transparent;}
.footerMenu>ul>li a::before,.footerMenu>ul>li a::after{display:none;}
.footerMenu>ul>li ul{display:flex;flex-direction:column;padding:0;}
.footerMenu>ul>li ul li a{background-color:transparent;}
.footerMenu>ul>li ul li a:hover{opacity:0.9;text-decoration:underline;}
}

@media (min-width: 1280px){
body,
body.Anonymous{padding-top:70px;}
.login-nav-items{height:50px;}

.login-btn,
.login-btn:hover,
.register-btn,
.register-btn:hover{height:40px;width:50%;min-width:130px;}

.main-login{height:auto;padding:0;}
.deposit-dialog{width:700px;max-width:700px;}
.deposit-dialog .main-login{width:700px;max-width:700px;border-radius:10px;}

.dropdown-item{height:5vh}
.dropdown-item:active,
.dropdown-item:focus{background-color:#27292f;}
.dropdown-item:hover{color:#ececec;background-color:#33353d !important;outline:none;}

#js-main-menu__top-container .nav-item .show::before{display:none;}
.main-menu{flex-direction:row-reverse;justify-content:space-between;height:70px;}
.main-menu .w-100{width:auto !important;}
#navbarNavDropdown{padding-right:3px;}
.navbar-expand-lg .navbar-nav .nav-link{display:flex;align-items:center;opacity:1;}
.navbar-expand-lg .navbar-nav .nav-link:hover{opacity: .8;}
.navbar-expand-lg .navbar-nav .nav-link.casino{opacity:1;}
.navbar-expand-lg .navbar-nav .nav-link::before{content:'';display:block;position:static;width:25px;height:25px;}
.site-name,.site-name.logo-auth{margin:0 0 0 16px !important;}
.site-name>a{position:absolute;top:0;left:27px;width:220px;height:70px;background-size:220px;margin:0;}
.d-lg-inline-block{min-height:40px;}
.profile-icon{width:40px;height:40px;}
.profile-logged-off{display:none;}
.profile-dropdown_user-info > div:first-child::before{height:36px;}
.header-deposit,
.header-deposit:active,
.header-deposit:hover,
.header-deposit:not(:disabled):not(.disabled).active,
.header-deposit:not(:disabled):not(.disabled):active,
.header-deposit:not(:disabled):not(.disabled):focus,
.header-deposit:not(:disabled):not(.disabled):active:focus,
.header-deposit.show>.btn-success.dropdown-toggle,
.header-deposit.focus{line-height:40px;}
.header-deposit::before{width:40px;}
.menu-nav{margin:0 0 0 274px;overflow-x:auto;overflow-y:hidden;}
#shared-menu-nav .navbar{position:static;padding:0 5px;}
.navbar-expand-md .navbar-nav{background-color:#000;}
.user-profile_profile-specific{border-bottom:0;border-top:1px solid #424242;}
#gameList_row{grid-template-columns:repeat(6,1fr);}
.game-card .game-name{display:none;position:absolute;bottom:15%;width:calc(100% - 8px) !important);padding:0 10px;font-size:15px;}
.game-card .game-content .btn-danger{background-color:transparent;padding:0 !important;}
.game-card .game-content:hover img{filter:brightness(.25);transition:ease-in-out .25s;}
.game-card .game-content:hover ~ .game-name{display:block;z-index:0;}
.game-card .game-content:hover .btn-danger{z-index:1;}
.game-card .game-content .btn-danger:hover{background-color:transparent;}
.game-modal-Content .modal-body{height:85%;width:85%;margin:50px auto;}
.game-modal-Content .close-button{right:-34px;}
.backToTop{width:50%;margin-left:auto;margin-right:auto;}

.game-popup{max-width:95%;max-height:none;margin:2px auto;}
.game-modal-Content .modal-body{height:85%;width:calc(100% - 80px);margin:10px auto;}
.game-modal-Content .modal-body .embed-responsive{height:calc(100vh - 24px);}
}
@media (max-width: 1280px) and (orientation: landscape){
.game-modal-Content .modal-body{padding-top:56px;height:100%;width:100%;margin:0;}
.game-modal-Content .close-button{right:0;}
#js-game-modal .game-modal-Content .modal-body{padding-top:0;}
}
@media (width: 1279px){
.game-modal-Content .modal-body{height:85%;width:85%;margin:70px auto;}
.game-modal-Content .close-button{right:-34px !important;}
}
@media (max-width: 1279px){
html,body{height:100vh;}
#fullscreengame{height:100vh;}
.navbar .dropdown-menu{width:auto;height:100vh;top:0 !important;right:0;scrollbar-width:none;-ms-overflow-style:none;}
.logout-form.logout-user-balance{height:100vh;}
.modal{height:100vh;}
.modal-dialog{width:100%;max-width:none;height:100vh;margin:0;}
.login-user-form .btn-primary,
.login-user-form .btn-primary:not(:disabled):not(.disabled):active,
.login-user-form .btn-primary:hover{font-size:16px;padding:0 12px;line-height:36px;}
.profile-dropdown_close_icon{display:block !important;font-size:0;position:absolute;top:0;right:0;margin:0;opacity:1;width:40px;height:54px;background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/btnClose.png) center center no-repeat;background-size:14px;}
.transactions-content{height:100vh;border-radius:0;}
.footer_new{padding:45px 0 60px 0;}

/*SubNAV mobile*/
.nav-tabs .nav-link {width: 70px !important;}

.profile-dropdown_icon{display:block;width:29px;height:42px;background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/arrowBack.webp) right center no-repeat;background-size:17px;margin-left:0 !important;}
.profile-dropdown_icon ~ span{display:flex;flex-direction:row-reverse;font-size:0;margin-left:0 !important;}
.profile-dropdown_icon ~ span::after{content:'BACK';font-size:12px;margin-left:5px;}

a.casinotopregister{display:none !important;}
.Logged .casinologinmobi{display:none !important;}
.Logged .casinoregmobi{display:none !important;}
div#navbarNavDropdown > span{display:block;height:40px;line-height:40px;padding-left:16px;font-size:12px;background-color:#373a43;color:#fff;}
div#navbarNavDropdown ul li span{display:block;}
body.LobbyEvolution .alert-danger{height:calc(100vh - 174px)}
.game-popup .modal-content{height:100vw;}
.content-wrapper .col-12{flex:0 100%;}
.js-games-tabs{margin:0;width:100% !important;}
.js-games-tabs .col-12{flex:100%;max-width:100%;}
.flex-lg-row{flex-direction:column !important;}
#navbarCollapse{display:none;max-height:calc(100% - 55px);color:#ececec;}
#navbarCollapse .nav-tabs{gap:0;background-color:transparent;padding-bottom:6rem;}
#navbarCollapse .nav-tabs .nav-item{position:relative;margin-top:1px;}
#navbarCollapse .d-lg-none{display:block !important;}
#navbarCollapse .d-lg-none > span{padding-left:16px !important;}

#navbarCollapse .navbar-nav.shared-menu{position:relative;display:grid;grid-template-columns:repeat(2, 1fr);gap:5px;flex-wrap:wrap;padding:20px 5px 5px 5px;}
#navbarCollapse .navbar-nav.shared-menu::before{content:'';position:absolute;top:0;left:0;right:0;height:0px;line-height:40px;padding-left:16px;font-size:12px;background-color:#373a43;color:#fff;}
#navbarCollapse .navbar-nav.shared-menu.providersmain::before{content:'Popular Providers';position:absolute;top:-25px;left:0;right:0;height:40px;line-height:40px;padding-left:16px;font-size:12px;background-color:#373a43;color:#fff;}
#navbarCollapse .navbar-nav.shared-menu .nav-link{display:none;position:relative;justify-content:center;align-items:center;height:55px;padding:4px 4px 4px 4px !important;line-height:1.1em;text-align: center;color: #fff !important;border:0;border-radius:5px;text-transform:capitalize;margin-top:0;background-color:#373a43;background-image:none;background-position:center 11px;background-repeat:no-repeat;font-size:0px;}
#navbarCollapse .navbar-nav.shared-menu .nav-link.quicklink{display:flex;}

#navbarCollapse .navbar-nav.shared-menu .nav-link.oaksql{background-image:url(https://www.supabets.co.za/imgCMS/CasinoProvider/3_Oaks.png);background-size:contain;}
#navbarCollapse .navbar-nav.shared-menu .nav-link.hackql{background-image:url(https://www.supabets.co.za/imgCMS/CasinoProvider/Hacksaw.png);background-size:contain;}

#navbarCollapse .navbar-nav.shared-menu .nav-link.pragmaticql{background-image:url(https://www.supabets.co.za/imgCMS/CasinoProvider/Pragmaticnew.png);background-size:contain;}
#navbarCollapse .navbar-nav.shared-menu .nav-link.habaneroql{background-image:url(https://www.supabets.co.za/imgCMS/CasinoProvider/Habanero.png);background-size:contain;}
#navbarCollapse .navbar-nav.shared-menu .nav-link.evoql{background-image:url(https://www.supabets.co.za/imgCMS/CasinoProvider/Evolution.png);background-size:contain;}
#navbarCollapse .navbar-nav.shared-menu .nav-link.endorql{background-image:url(https://www.supabets.co.za/imgCMS/CasinoProvider/Endorphina.png);background-size:contain;}
#navbarCollapse .navbar-nav.shared-menu .nav-link.sports{background-image:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/leftmenu_soccer.webp);background-size:31px;}
#navbarCollapse .navbar-nav.shared-menu .nav-link.games{background-image:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/leftmenu_slots.webp);background-size:36px;}
#navbarCollapse .navbar-nav.shared-menu .nav-link.live{background-image:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/leftmenu_soccer.webp);background-size:31px;}
#navbarCollapse .navbar-nav.shared-menu .nav-link.lotto{background-image:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/leftmenu_numbers.webp);background-size:42px;}
#navbarCollapse .navbar-nav.shared-menu .nav-link.promotions{background-image:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/leftmenu_promo.webp);background-size:29px;}
#navbarCollapse .navbar-nav.shared-menu .nav-link.app{background-image:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/Icons/leftmenu_app.webp);background-size:18px;}

.navbar-expand-lg .navbar-toggler{display:flex;}
.navbar.shared-menu .logo{position:sticky;height:42px;background-color:#33353d;}
.navbar.shared-menu .logo a{background-position:center center;background-size:120px;margin:0 42px;}
.logo>a{display:block;height:30px;background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/header_logo.png) 54px -4px no-repeat transparent;background-size:133px;}
#shared-menu-nav .navbar{background-color:transparent;border-radius:0;}
#shared-menu-nav .navbar .nav-container{position:relative;z-index:1;width:100vw;height:100vh;overflow:scroll;background-color:#27292f;}
#shared-menu-nav .navbar .login-nav-items{position:absolute;top:0;width:auto;}
.profile-icon.profile-logged-off{position:absolute !important;top:0;right:0;height:42px;}
.profile-dropdown{border-radius:0;}
.navbar .dropdown-menu{top:0 !important;width:100vw;background-color:transparent;}
nav .navbar.menu-nav{background:#27292f;}
nav.navbar.menu-nav{position:absolute;left:-1279px;width:auto;background-color:transparent;}
nav.navbar.menu-nav .nav-container{height:100%;width:264px;background-color:#ebebeb;}
.navbar-expand-lg{flex-flow:wrap;}
.navbar-expand-lg .navbar-nav{flex-direction:column;padding:0;line-height:36px;}
.navbar-expand-lg .navbar-nav .nav-link{position:relative;line-height:34px;padding:0 5px 0 36px !important;background-color:#27292f;color:#ed1c24;border-radius:0;font-size:11px;margin-top:0;margin-bottom:1px;}
.navbar-expand-lg .navbar-nav .nav-link::before{position:absolute;left:10px;top:0;bottom:0;height:100%;}

.navbar-expand-lg #navbarCollapse .navbar-nav .subMenu{display:flex;}
.navbar-expand-lg #navbarCollapse .navbar-nav .subMenu .nav-link{display:block;}
.navbar-nav > span{padding:0 5px 0 45px !important;}
#shared-menu-nav .navbar.main-menu-show{transform:translate(1279px,0);z-index:1;line-height:36px;}
#shared-menu-nav .navbar.main-menu-show #navbarCollapse{display:block;margin-top:3px;}
.dropdown-toggle{padding-right:0;}
.footerMenu{max-width:100%;padding:0;}
.navbar-expand-lg.mobile-only{display:block !important;background:linear-gradient(to right,#2a5a8b 0%,#1e4164 100%);}

.navbar-expand-lg.mobile-only .navbar-nav.providersmain{display:none;}

.navbar-expand-lg.mobile-only .navbar-nav{flex-direction:row !important;align-items:center;gap:5px;height:68px;padding:0 5px;background-color:#27292f;overflow-x:auto;overflow-y:hidden;white-space:nowrap;}
.navbar-expand-lg.mobile-only .navbar-nav .nav-link{height: 60px;min-width:85px;font-weight: 100 !important;padding:38px 9px 5px 9px !important;font-size:9px;line-height:1.5em;position:relative;text-align:center;border-radius:10px;display:flex;white-space:break-spaces;flex-wrap:wrap-reverse;justify-content:center;align-content:center;line-height:9px;}
.navbar-expand-lg.mobile-only .navbar-nav .nav-link::before{position:absolute;top:8px;left:0;right:0;height:25px;width:100%;}
.navbar-expand-lg.mobile-only .navbar-nav .shared-menu-custom-active{box-shadow:inset 0 -2px 0 0 #A20000;color:#ffffffde;font-weight:700;}
.modal-body.modal-body-description{padding-top:56px;}
.game-modal-Content .close-button{right:0;background-color:transparent;}
.game-modal-Content .close-button .close{height:auto;padding:15px;}
.game-card .game-content{border-radius:6px 6px 0 0;}
.game-card .game-name{display:none;position:absolute;bottom:0;left:0;right:0;width:auto !important;line-height:1.05em;padding:4px;margin-bottom:0;background-color:#3D414B;border-radius:0 0 6px 6px;box-shadow:0 4px 0 4px #27292F;text-align:left !important;font-size:11px;}
.btn.play-game span{margin: 25%;width: 50%;padding: 0px;height: 50%;}
}

/*-Administrator Page-*/
.administrator-page{background-color:#000;color:#dedede;}
.administrator-page .col-lg-2{padding-left:0;}
.administrator-page .page-header h2{padding-top:1em;}
.administrator-page .table,.administrator-page .nav-link{color:#dedede;}
.administrator-page .nav-link{background-color:#33353d;border-bottom:1px solid #000;}
.administrator-page .nav-link:hover{background-color:#333;}
.administrator-page .nav-link.active{color:#dedede;background-color:#1b1b1b;cursor:default;}
.administrator-page .btn-primary,.administrator-page .btn-primary:active,.administrator-page .btn-primary:active:focus{background-color:#000;border-color:#222;color:#6dfe8f;}
.administrator-page .btn-primary:focus,.administrator-page .btn-primary:active:focus{box-shadow:0 0 0 0.1rem rgb(0 252 174 / 30%);}
.administrator-page .btn-secondary{background-color:#000;border-color:#333;color:#dedede;}
.administrator-page .btn-success{background-color:#6dfe8f;border-color:#6dfe8f;color:#000;}
.administrator-page .btn-danger{background-color:#ed1c24;border-color:#ed1c24;}
.administrator-page .alert-info,.administrator-page .alert-secondary{color:#dedede;background-color:rgba(51,51,51,.25);border-color:#222;font-size:14px;}
.administrator-page .table td,.administrator-page .table th{border-color:#333;}
.administrator-page .form-control{background-color:#222;border-color:#333;color:#dedede;}
.administrator-page .form-control:focus{box-shadow:0 0 0 0.1rem rgb(0 252 174 / 30%);}
.administrator-page .ui-sortable{font-size:15px;}
.administrator-page .ui-sortable a{color:#ed1c24 !important;}
.administrator-page .table-striped .btn-default{color:#dedede;}
.administrator-page .input-group-append{height:44px;}
.administrator-page .input-group-append .btn-outline-secondary{border-color:#333;}
.administrator-page .input-group-append .btn-outline-secondary:hover{background-color:#111;}
.administrator-page .card {gap:1px;background:#000;}
.administrator-page .card > div{background:#33353d;}
.administrator-page .dropdown-menu{background:#27292f;padding:0;}
.administrator-page .dropdown-menu .dropdown-item{background:#33353d;border:0;margin:1px 0;}
.administrator-page .dropdown-divider{border:0;}

/*Banner size update - Thabiso*/
.carousel{margin-bottom:-.2rem!important;}
.carousel-item a{display:block;aspect-ratio:16 / 2.5;}

/*Game hover button - This overwrites the green border around the button*/
.btn-danger,.btn-danger:hover,.btn-danger:active{border-color:transparent; box-shadow:1px 2px 5px #000000;}

/*Banner arrows*/
.carousel-item {transition: -webkit-transform .7s ease-in-out; transition: transform .7s ease-in-out; transition: transform .7s ease-in-out,-webkit-transform .7s ease-in-out;}
.carousel-control-next, .carousel-control-prev {width: 2%;opacity: .3;}
.carousel-control-prev {top: -10%;}

@media (max-width: 768px) {
.layout-container .container-fluid>main .col{margin-top:75px;}
}
@media (max-width: 460px) {
.header-deposit,
.header-deposit:active,
.header-deposit:hover,
.header-deposit:not(:disabled):not(.disabled).active,
.header-deposit:not(:disabled):not(.disabled):active,
.header-deposit.show>.btn-success.dropdown-toggle,
.header-deposit.focus{font-size:10px;}
}
@media (max-width: 425px) {
.carousel-inner .carousel-item{height:125px;background-repeat:no-repeat;background-position:center;background-size:cover;}
.carousel-inner .carousel-item .view a{height:450px;display:block;}
.carousel-inner .carousel-item .view a img{opacity:0;}
.carousel-inner .carousel-item:nth-child(1){background-image: url(https://www.supabets.co.za/custom/supabets/images/banners/2025/habanero-newgames-475.webp);background-size: cover;}
.carousel-inner .carousel-item:nth-child(2){background-image: url(https://www.supabets.co.za/custom/supabets/images/banners/2025/top-games-475.jpg);background-size: cover;}

.carousel-inner .carousel-item:nth-child(3){background-image: url(https://www.supabets.co.za/custom/supabets/images/banners/2025/monday-freespins475.webp);background-size: cover;}

.carousel-inner .carousel-item:nth-child(4){background-image: url(https://www.supabets.co.za/custom/supabets/images/banners/2025/falloffortune-475.jpg);background-size: cover;}
.carousel-inner .carousel-item:nth-child(5){background-image: url(https://www.supabets.co.za/custom/supabets/images/banners/2025/megaways-475.jpg);background-size: cover;}
.carousel-inner .carousel-item:nth-child(6){background-image: url(https://www.supabets.co.za/custom/supabets/images/banners/2025/dropswins-475.jpg);background-size: cover;}
.carousel-inner .carousel-item:nth-child(7){background-image: url(https://www.supabets.co.za/custom/supabets/images/banners/2025/spin-win-475.jpg);background-size: cover;}

}
@media (max-width: 873px) {
#gameList_row{grid-template-columns:repeat(3,1fr);}
.btn.play-game span::before{border-width:3vw 0 3vw 5vw;margin-left:2vw;}
}
@media (max-width: 355px) {
.carousel-inner .carousel-item{height:112px;background-size: contain;}
}
@media (max-width: 320px) {
.carousel-inner .carousel-item{height:100px;}
}
:root {
  box-sizing: border-box;
  --primary: #e70146;
  --hover-color: #fdd052;
  --dark: #1c2022;
  --light: #fff;
  --header-bg: var(--primary);
}
*,
*::after,
*::before{box-sizing:inherit;margin:0;padding:0;}

header {background: #000;padding-left: 1.5em;position: sticky;top: 0;z-index: 4;}
.branding-logo {display:none;color: var(--light);font-size: calc(0.8rem + 1vw);text-decoration: none;}
.navbar {display: flex;justify-content: space-between;align-items: center;}
.menu {display: flex;flex-direction: row;}
.menu li {list-style: none;}
.menu li a {display: block;text-decoration: none;color: var(--light);padding: 1em 1.5em;font-size: 1rem;}

/* Styling submenu */
.has-dropdown {position: relative;}
.submenu {
position: absolute;
left: 0;
background-color: #000;
white-space: nowrap;
padding: 1.5em 0;
min-width: 16em;

/* hide submenus */
opacity: 0;
transform: scaleY(0);
transform-origin: top center;
}
.submenu > li > a {padding: 0.8em 1.5em;}
.submenu .submenu {left: -100%;top: 0;}
.submenu .submenu .submenu {left: -100%;top: 0;}

.menu > li:hover > a,
.submenu > li:hover > a {background-color: hsla(0, 0%, 100%, 0.05);color: #ed1c24;}
.menu > li:hover > a {background-color: hsla(0, 0%, 0%, 0.95);}

/* Arrows */
.arrow {
width: 0.5em;
height: 0.5em;
display: inline-block;
vertical-align: middle;
border-left: 0.15em solid currentColor;
border-bottom: 0.15em solid currentColor;
transform: rotate(-45deg);
margin-top: -0.25em;
transition: transform 100ms ease-in-out;
}

/* Reveal  */
.menu > li:hover > a + .submenu,
.submenu > li:hover > a + .submenu {opacity: 1;transform: scaleY(1);}

/* ANIMATE aRROWS */
.menu > li:hover > a > .arrow,
.submenu > li:hover > a > .arrow {transform: rotate(225deg);}

@media only screen and (max-width: 78.75em) {
.submenu .submenu .submenu {left: -100%;top: 0.5em;}
.submenu {min-width: 16em;}
}
@media only screen and (max-width: 58.75em) {
.menu li a {font-size: 0.8rem;}
}

@media only screen and (max-width: 50em) {
header {
/*position: relative; */
padding: 1.5em 2em;
}
.menu {
flex-flow: column;
position: absolute;
background: var(--dark);
top: 2.55em;
left: 0;
right: 0;
height: auto;
opacity: 0;
transform: scaleY(0);
transform-origin: top center;
transition: 200ms transform cubic-bezier(0.36, 0.4, 0.42, 1.48) 100ms, 100ms opacity ease-in-out;
overflow-y: scroll;
}
.menu > li > a {font-size: 1rem;color: var(--dark)var(--light);}
.submenu > li > a{font-size: 1rem;}
.submenu{top: 0;padding-left: 1.5em;border-left: 0.12em solid hsla(342, 99%, 45%, 0.95);}
.submenu .submenu {left: 0;top: 0;}
.submenu .submenu .submenu {left: 0;top: 0;}
.menu > li:hover > a + .submenu,
.submenu > li:hover > a + .submenu{position: relative;}
.hamburger{width: 2em;height: 0.25em;display: block;background: var(--light);position: relative;cursor: pointer;transition: 0.2s transform ease-in-out;}
.hamburger::after,
.hamburger::before{content: "";position: absolute;left: 0;background: inherit;width: inherit;height: inherit;transition: 0.2s transform ease-in-out;}
.hamburger::after{top: 0.65em;}
.hamburger::before{bottom: 0.65em;}

/* reveal menu */
input[type="checkbox"]:checked + .menu {position: absolute;opacity: 1;transform: scaleY(1);}
}

main {
/* just to make scrollable vertically to see sticky navbar */
height: 200vh;
}
.game-header-img{background:url(https://www.supabets.co.za/App_Themes/Supabets_4/images/header_logo.webp) center center no-repeat;background-size:120px;}
.administrator-page #game-order-form .table-hover tbody tr:hover {color: #fff;background-color: #121212;}
.administrator-page .stored-games-thumbnail {max-height: 350px;}

/* LOTTO */
@media (min-width: 1280px){
.LottoEmbed .navbar-expand-lg .navbar-nav .nav-link.casino{opacity:.45;}
.LottoEmbed .navbar-expand-lg .navbar-nav .nav-link.numbers{opacity:1;}
.lotto-iframe {height: calc(100dvh - 50px);}
}
@media (max-width: 1279px){
.navbar-expand-lg .navbar-nav .category-link .nav-link:after {display:none;}
.navbar-expand-lg .navbar-nav .nav-link {background-color: transparent;}
.navbar-expand-lg .navbar-nav .nav-link .js-category-new-games:after {display:none;}
.LottoEmbed .navbar-expand-lg .navbar-nav .nav-link.casino{background-color:#373a43;box-shadow:none;}
.LottoEmbed .navbar-expand-lg .navbar-nav .nav-link.numbers{background-color:#e40030;box-shadow:inset 0 0 0 2px #fff;}
.lotto-iframe {height: calc(100dvh - 110px);}
}

/*Menu item icons*/
.nav-tabs .nav-link {    
display: flex;
align-items: flex-end;
justify-content: center;
padding: 5px 12px;
border-radius: 5px;
line-height: 14px;
text-transform: capitalize;
height: 60px;
width: 80px;
font-size: .75em;
text-align: center;
position:relative;
color: #fff;
}
.nav-tabs .nav-item{padding: 0px 0;text-transform: lowercase !important;}
.nav-tabs .nav-link.js-category-new-games::before {display:none;}
.js-category-new-games:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/icons/home.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 30px;
top: -10px;
}
.js-category-favourite-games:after {
content:'';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/favourite.webp) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 30px;
top: -10px;
}
.js-category-2:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/stp-icon.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 30px;
top: -10px;
}
.js-category-3:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/icons/livetables.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 30px;
top: -10px;
}
.js-category-5:after {
content:'';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/pragmatic.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 40px;
top: -10px;
} 
.js-category-7:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/habanero.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 40px;
top: -10px;
}
.js-category-10:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/netent.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 45px;
top: -10px;
}
.js-category-11:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/red-tiger.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 30px;
top: -10px;
}
.js-category-12:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/icons/scratchcards.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 45px;
top: -10px;
}
.js-category-13:after {
content: '';
background: url(https://www.supabets.co.za/imgCMS/CasinoProvider/virtuals.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 30px;
top: -10px;
}
.js-category-51:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/icons/lowdatagames.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 30px;
top: -10px;
}
.js-category-15:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/agt.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 40px;
top: -10px;
}
.js-category-16:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/evolution.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 30px;
top: -10px;
}
.js-category-17:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/1stp.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 25px;
top: -7px;
}
.js-category-19:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/icons/drops-wins.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 35px;
top: 0px;
}
.js-category-39:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/mways.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 50px;
top: 0px;
}
.js-category-20:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/midweek-madness.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 30px;
top: -10px;
}
.js-category-52 {position: relative; background-image: linear-gradient(to bottom, rgba(76,187,23, 0), rgba(76,187,23, 1));border: none !important;}

.js-category-52:after {
content: '';
background: url(https://www.supabets.co.za/imgCMS/CasinoProvider/chilli.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 30px;
top: -10px;
}
.js-category-21:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/aviator-anim.gif) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 30px;
top: -10px;
}
.js-category-23:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/jackpot-race.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 30px;
top: -10px;
}
.js-category-27:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/weekend-madness.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 40px;
top: -10px;
}
.js-category-35:after {
content:'';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/icons/new.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 35px;
top: -10px;
}
.js-category-32:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/Double_up.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 26px;
top: -7px;
}
.js-category-33:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/hacksaw.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 30px;
top: -10px;
}
.js-category-34:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/3oaks.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 45px;
top: -10px;
}
.js-category-38:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/icons/gameshow.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 30px;
top: -10px;
}
.js-category-54:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/jet-in-cash-out.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 40px;
top: -10px;
}
.js-category-55:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/spooky.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 30px;
top: -8px;
}
.js-category-last-played:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/last-played.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 30px;
top: -10px;
}
.js-category-28 {position: relative; background-image: linear-gradient(to bottom, rgba(43, 140, 99, 0), rgba(43, 140, 99, 1));border: none !important;}

.js-category-28:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/holiday-rush-icon.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 30px;
top: -8px;
}
#top-nav-tabs .js-category-43 {
font-size: 0px !important;
}
.js-category-43:after {
content: '';
background: url(https://www.supabets.co.za/imgCMS/Logos/Buy-feature.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 50px;
top: 0px;
left: 0px;
}
#top-nav-tabs .js-category-61, #top-nav-tabs .js-category-39, #top-nav-tabs .js-category-19 {
font-size: 0px !important;
}
.js-category-61:after {
content: '';
background: url(https://www.supabets.co.za/imgCMS/Logos/Flip-to-win.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 50px;
top: 0px;
left: 0px;
}
.js-category-56:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/1000ways_ico-min.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 65px;
top: 0px;
left: 0px;
}
.js-category-57:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/jingle-reels.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 35px;
top: -8px;
left: 0px;
}
.js-category-60 {position: relative; background-image: linear-gradient(to bottom, rgba(28,150,197, 0), rgba(28,150,197, 1));border: none !important;}
.js-category-59 {position: relative; background-image: linear-gradient(to bottom, rgba(255, 182, 193, 0), rgba(255, 182, 193, 1));border: none !important;}
.js-category-61 {position: relative; background-image: linear-gradient(to bottom, rgba(248, 185, 0, 1), rgba(230, 117,  8, 1));border: none !important;}

js-category-58:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/yingyang.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 35px;
top: -8px;
left: 0px;
}
.js-category-60:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/cash-or-crash.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 35px;
top: -8px;
left: 0px;
}
.js-category-59:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/reel-romance.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 35px;
top: -8px;
left: 0px;
}
.js-category-58:after {
content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/yingyang.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 35px;
top: -8px;
left: 0px;
}
#top-nav-tabs .js-category-56 {
/*background-image: linear-gradient(to bottom, #052056, #00008B);*/
font-size: 0 !important;
font-weight: bolder !important;
}
.js-category-62 {font-size:0px !important;}
.js-category-62:after{    content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/mmm.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 60px;
top: 0px;
}
.js-category-63 {font-size:0px !important; background-image: linear-gradient(360deg, rgb(145, 108, 250), rgb(63, 18, 123));}
.js-category-63:after{    content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/SpinG.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 75px;
top: 0px;
}
#top-nav-tabs .js-category-64 {font-size:0px !important; background-image: linear-gradient(360deg, rgb(0, 0, 0), rgb(0, 0, 0));}
.js-category-64:after{    content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/reelmultiplier.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 55px;
top: 0px;
}
.js-category-65 {font-size:0px !important; background-image: linear-gradient(to bottom, #19C3B3, #2F2B58);}
.js-category-65:after{    content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/pm-icon.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 70px;
top: -1px;
}
.js-category-67 {font-size:0px !important; }
.js-category-67:after{    content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/34free.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 70px;
top: 5px;
}
.js-category-5 {font-size:0px !important; background: #00008B !important;}
.js-category-5:after{    content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/eastergifts.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 75px;
top: 5px;
}
#top-nav-tabs .js-category-69 {font-size:0px !important; }
.js-category-69:after{    content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/spinwin.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 70px;
top: 0px;
}
.greentube_tn img {width:100%;}
.js-category-70 {font-size:0px !important; }
.js-category-70:after{    content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/greentube-tile.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 70px;
top: 0px;
}
.js-category-71 {font-size:0px !important;  background-image: linear-gradient(to bottom, rgba(206, 243, 250, 1), rgba(206, 243, 250, 1));}
.js-category-71:after{    content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/fishing.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 70px;
top: 0px;
}
#top-nav-tabs .js-category-72 {font-size:0px !important; }
.js-category-72:after{    content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/S4Free-min.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 70px;
top: 0px;
}
.js-category-73 {font-size:0px !important;  background-image: linear-gradient(to bottom, #B51313, #B51313);}
.js-category-73:after{    content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/NLC_logo.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 70px;
top: 0px;
}
.js-category-74 {font-size:10px !important; }
.js-category-74:after{ content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/Plinko_icon.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 30px;
top: -5px;
}
#top-nav-tabs .js-category-75 {font-size:0px !important; }
.js-category-75:after{ content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/RNG-table.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 70px;
top: 0px;
}
#top-nav-tabs .js-category-76 {font-size:0px !important; background-image: linear-gradient(to bottom, #ffffff, #ffffff); }
.js-category-76:after{ content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/GMW-icon.png) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 70px;
top: 0px;
}

.js-category-77 {font-size:0px !important; }
.js-category-77:after{ content: '';
background: url(https://www.supabets.co.za/custom/supabets/images/menu-items/top-games.svg) center center no-repeat;
width: 100%;
height: 100%;
position: absolute;
background-size: 60px;
top: 0px;
}




/*-Error Page-*/
body:has(.error-page){padding-top:0;background-color:#000;color:#fff;}
.error-page {margin:0 !important;padding:0;}
.error-page::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:url('https://www.supabets.co.za/App_Themes/Supabets_4/images/header_logo.svg') center center no-repeat;background-size:75%;opacity:.075;}
.error-page .error{position:absolute;top:50%;bottom:50%;width:100%;}
.error-page .error h1{font-size:24px;font-weight:700;color:#ddd;}
.error-page .error::before{content:'';position:absolute;top:-44px;left:0;width:100%;height:18px;background:url('https://www.supabets.co.za/App_Themes/Supabets_4/images/header_logo.svg') center center no-repeat;background-size:200px;}
.error-page .error p{font-size:18px;font-weight:700;margin:.83em 20px;line-height:1.5em;}