:root {
    --themeColor1: #222c61;
    --themeColor2: #013f78;
    --themeColor3: #0a1531;
    --themeColor4: #bb7278;
    --themeColor5: #E8C06D;
}

.logo{
    width:200px;
}

#sb #group-tabs.nav-pills .nav-link {
    border-radius: unset;
    border: none;
    color: #fff;
    background-color: var(--themeColor1);
}

#sb #group-tabs.nav-pills .nav-link.active {
    background-color: #020049;
}

#sb #event-types-tabs.nav-pills .nav-link.active {
    border: 1px solid var(--themeColor1);
    background-color: var(--themeColor1);
    color: #fff;
}

#sb #event-types-tabs.nav-pills .nav-link {
    border: 1px solid #ccc;
    text-transform: uppercase;
    color: #818487;
    font-weight: 500;
}

#sb #markets-tabs.nav-pills .nav-link {
    text-transform: uppercase;
    border-right: 1px solid #ccc;
    border-radius: unset;
    color: #fff;
    background-color: var(--themeColor1);
}

/*#020049*/
#sb #markets-tabs.nav-pills .nav-link.active {
    background-color: #020049;
}

.navbar.navbar-expand-lg.navbar-light{
    background: #0a1531 !important;
}

#balance-text {
    color: var(--themeColor1);
}

footer{
    margin-top:-6px;
}

.sb-playground{
    margin-bottom: 6px;
}

#sb .accordion .card{
    background-color: var(--themeColor3) !important;
    border-bottom: 1px solid var(--themeColor3) !important;
    border-top: 1px solid var(--themeColor3) !important;
}

#sb .accordion .card-header {
    background-color: var(--themeColor3) !important;
    border-bottom: unset;
}

#sb .accordion .card-header .top-leagues {
    color: #FF0000;
}

#sb .sp-table .header {
    background-color: var(--themeColor3);
}

#sb #sp-betslip .card-header {
    border-bottom: unset;
}

#sb .sp-bet {
    background-color: var(--themeColor1);
}

#sb .sp-bet:hover,
#sb .sp-bet.active {
    background-color: var(--themeColor5) !important;
    color: black !important;
}

.icon-bar .active {
    background-color: var(--themeColor3);
}
.markets-match-link {
    background-color: var(--themeColor2);
}

#sp-betslip-empty {
    padding: 0 1.25rem .75rem 1.25rem;
}

#sp-betslip-empty .betslip-text {
    text-align: left !important;
}

#sp-betslip-empty {
    background-color: var(--themeColor1);
}

#balance-text {
    color: #ffffff;
}

.match-link {
    color: #7b7c7e !important;
    font-weight: 600;
}

.landing-ebet{
    font-family: 'Open Sans', sans-serif;
}

.le-header{
    position:relative;
}

.le-header-logo{
    position: absolute;
    z-index: 9;
    width: 20%;
    top: 27%;
    left: 50%;
    transform: translateX(-50%);
    height: auto;
}

.le-header-win{
    position: absolute;
    z-index: 9;
    width: 15%;
    top: 53%;
    left: 50%;
    transform: translateX(-50%);
    height: auto;
}

.le-countdown{
    background-color: #0B1631!important;
    color:white;
    padding: 30px 10px;
}

.le-countdown h4{
    font-weight: bold;
    padding:10px;
}

.le-countdown .row{
    width: 300px;
    margin: auto;
}

.le-countdown .col-3{
    padding: 2px;
}

.le-countdown .le-num{
    background: url(/sites/EbetCoSz/img/counter-star-01.png);
    line-height: 70px;
    font-size: 30px;
    /* width: 70px; */
    background-repeat: round;
    font-weight: bold;
    margin: auto;
}

.le-countdown .le-num-last{
    background: url(/sites/EbetCoSz/img/counter-star.png);
    line-height: 70px;
    font-size: 30px;
    width: 70px;
    background-repeat: round;
    font-weight: bold;
    margin: auto;
}

.le-loyalty{
    background: rgb(9,21,37);
    background: linear-gradient(180deg, rgba(9,21,37,1) 0%, rgba(35,44,96,1) 20%, rgba(35,44,96,1) 100%);
    padding: 40px 10px;
}

.le-loyalty-header{
    font-size: 60px;
    color: #fff;
    line-height: 70px;
    font-weight: bold;
}

.le-loyalty-header .g{
    color: #EBC36E;
}

.le-loyalty-subheader{
    font-size: 28px;
    color:white;
    font-weight: bold;
}

.le-loyalty-subheader .s{
    font-size: 18px;
    color:white;
    font-weight: 100;
}

.le-register{
    background-color:#E81C24;
    font-size:19px;
    color:#fff;
    padding: 10px;
    text-transform: capitalize;
    font-weight:bold;
}

.le-register:hover{
    text-decoration: none;
    color:white;
}

.le-game{
    background-color:#0B1631;
}

.le-ball-img img{
    width:150px;
}

.le-game-li1{
    font-size:60px;
    font-weight: bold;
    color:#fff;
}

.le-game-li1 span{
    color: #EBC36E;
}

.le-game-li2{
    font-size:20px;
    font-weight: bold;
    color:#fff;
}

.le-game-li2 span{
    color: #EBC36E;
}

.le-game-li3{
    font-size: 58px;
}

.le-footer{
    background: rgb(9,21,37);
    background: linear-gradient(180deg, rgba(9,21,37,1) 0%, rgba(35,44,96,1) 20%, rgba(35,44,96,1) 100%);
    padding: 20px 10px;
    color:white;
    /*font-weight: bold;*/
}

.le-footer .row{
    max-width:800px;
}

.le-footer .text-center{
    line-height:50px;
    font-size: 15px;
    font-weight: 100;
}

.le-footer img{
    width:50px;
}

.le-ico-img{
    font-weight: bold;
    font-size:12px;
    line-height: 20px;
}

#fica-form .form-group .custom-file .custom-file-label {
    z-index: 0;
}


@media only screen and (max-width: 768px) {
    .le-loyalty-header {
        text-align: left!important;
        padding-right: 0rem!important;
        padding-left: 1rem!important;
    }

    .le-ball-img{
        text-align: center!important;
        padding-right: 0rem!important;
        padding-left: 1rem!important;
    }

    .le-game-li1{
        font-size: 30px;
    }

    .le-game-li3{
        font-size:28px;
    }

    .le-ball-img img{
        width: 100px;
    }

    .le-footer .text-center{
        font-size:12px;
    }
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    background-color: var(--themeColor1);
}

.sp-bottom-nav-button.spn-betslip {
    background-color: var(--themeColor1);
}

.sp-bottom-nav-button.spn-leagues {
    background-color: var(--themeColor1);
}

#sl-promotion-id {
    height: auto;
    padding: 1px;
    font-size: 13px;
}

.sports-account .pills-ac-tab {
    min-width: auto!important;
}

#sp-leagues{
    background-color: var(--themeColor1)!important;
}

#gv2-nav a {
    color: white;
    font-size: 14px;
}

.logo-max-width {
    max-width: 200px !important;
}