/* <BUTTONS> */
#root .navigation .promotionsbtn,
#root .navigation .supportbtn,
#root .navigation .downloadappbtn {
    margin-bottom: 4px;
    border-radius: 4px;
    overflow: hidden;
}

#root .desktop.view-page-sports-livestream .navigation .home-shortcut-item .home-shortcut-item-football.livestream,
#root .desktop.view-page-sports .navigation .home-shortcut-item .home-shortcut-item-football,
#root .desktop.view-page-site-download-app .navigation .downloadappbtn-link,
#root .desktop.view-page- .navigation .homebtn-link {
    background-color: var(--c-emphasis);
}

#root .desktop .navigation .home-shortcut-item .home-shortcut-item-football.livescore,
#root .desktop .navigation .home-shortcut-item .home-shortcut-item-football.livestream {
    background-color: var(--c-primary);
}

#root .navigation .home-shortcut-item-livescore,
#root .navigation .home-shortcut-item-livestream,
#root .navigation .promotionsbtn-link,
#root .navigation .supportbtn-link,
#root .navigation .downloadappbtn-link {
    display: inline-flex;
    height: 100%;
    line-height: 36px;
    width: 100%;
    text-indent: 40px;
    background-color: var(--c-primary);
    padding: 0;
    font-weight: 600;
    color: var(--c-white-text);
    height: 36px;
}

#root .navigation .promotionsbtn-link:before,
#root .navigation .downloadappbtn-link:before,
#root .navigation .supportbtn-link:before {
    display: block;
    content: '';
    background-repeat: no-repeat;
    background-position: center center;
    width: 32px;
    height: 32px;
    opacity: 1;
    margin: 5px;
    margin-top: 2px;
    margin-bottom: 6px;
}

#root .navigation .promotionsbtn-link:before {
    background-image: url(/v1.014/r/images/site/icons/Promotions2023Icon.svg);
}

#root .navigation .supportbtn-link:before {
    background-image: url(/v1.014/r/images/site/icons/SupportIcon.svg);
}

#root .navigation .downloadappbtn-link:before {
    background-image: url(/v1.014/r/images/site/icons/DownloadTheAppIconGreen.svg);
}

#root .navigation .promotionsbtn-link div,
#root .navigation .supportbtn-link div,
#root .navigation .downloadappbtn-link div {
    width: 100%;
    text-indent: 5px;
}

#root .mobile .navigation .homebtn,
#root .mobile .navigation .downloadappbtn,
#root .mobile .navigation .supportbtn,
#root .mobile .navigation .todays-coupon,
#root .mobile .navigation .outrights-coupon,
#root .mobile .navigation .navigation .livestream,
#root .mobile .navigation .promotionsbtn,
#root .mobile .navigation .backtooldsite,
#root .mobile .navigation .outrights-coupon,
#root .mobile .navigation .sports-featured {
    margin-bottom: 4px;
}

#root .mobile .navigation .league-select-go button.nav-reset-button {
    /* background-color: var(--c-primary); */
    color: transparent !important;
}
#root .mobile .navigation .league-select-go.has-options {
    background-color: var(--c-primary);
}

#root .mobile .homebtn-link:before,
#root .mobile .supportbtn-link:before,
#root .mobile .outrights-coupon-link:before,
#root .mobile .livestream-coupon-link:before,
#root .mobile .livestream-coupon-link:before,
#root .mobile .outrights-coupon-link:before {
    opacity: 1;
}

/* </BUTTONS> */

/* <SPORTS MENU> */
#root .mobile .nav-category,
#root .mobile .nav-sport,
#root .mobile .nav-tournament {
    color: var(--c-white-text);
}

#root .mobile input.tournament_checkbox[type="checkbox"],
#root .mobile .nav-sport input[type="checkbox"] {
    background-color: var(--c-background) !important;
}

#root .mobile .nav-sports input[type=checkbox] {
    border-radius: 15px;
    background-size: 12px;
    /* background-color: var(--c-background) !important; */
    background-color: #010828 !important;
}

#root .mobile .nav-sports input[type=checkbox]:checked {
    background-image: url(/v1.014/r/images/site/icons/SelectedGreenCircle.svg);
}

@keyframes NEW-CHECKBOX-ANIMATION {
    0% {
        border-color: var(--c-shade-b);
    }

    5% {
        border-color: var(--c-green);
    }

    20% {
        border-color: var(--c-green);
    }

    100% {
        border-color: var(--c-shade-b);
    }
}

#root .mobile .nav-sports input[type=checkbox]:focus {
    border-color: var(--c-shade-b);
    animation: NEW-CHECKBOX-ANIMATION 1.5s forwards;
    transition: unset;
}

/* </SPORTS MENU> */

#root .nav-sport.active,
#root .nav-category.active,
#root .nav-favorites-header.expanded,
#root .featured-leagues-header:not(.collapsed) {
    box-shadow: none;
    border-radius: 4px;
}
#root .nav-sport,
#root .nav-category {
    border-radius:4px;
}
#root .nav-sport:not(.active),
#root .nav-category:not(.active){
    margin-bottom:2px;
}
#root .nav-sport {
    border-bottom: 1px solid rgba(8, 14, 22, 0.75);
}

#root .nav-favorites-wrapper {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(8, 14, 22, 0.75);
}

#root .nav-favorites-wrapper {
    background-color: unset;
}
#root .nav-tournament-wrapper {
    background-color:unset;
}

/* waiting for new icon */
/* #root .mobile .navigation .league-select-go button.nav-reset-button {
    background: url('/v1.02/r/images/site/icons/Trash_Can.svg') center center no-repeat;
} */