[_nghost-kwy-c2] {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.landscape[_nghost-kwy-c2] .login-page {
    background-position: var(--login-position-landscape) !important;
}

    .landscape[_nghost-kwy-c2] .login-page .logo {
        height: var(--login-page-logo-height-landscape) !important;
        margin: var(--login-page-logo-margin-landscape) !important;
    }

[_nghost-kwy-c3] {
    display: block;
}

.header-container[_ngcontent-kwy-c3] {
    position: relative;
    z-index: 0;
    padding: 0;
    background: var(--header-background);
}

    .header-container[_ngcontent-kwy-c3] .logo-container[_ngcontent-kwy-c3] {
        display: flex;
        align-items: center;
    }

    .header-container[_ngcontent-kwy-c3] .actions-container[_ngcontent-kwy-c3] {
        display: flex;
        align-items: center;
        margin-right: var(--sPad);
    }

.app-panel[_ngcontent-kwy-c3] {
    color: var(--header-color);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    opacity: 0;
    height: 0;
    position: relative;
    top: -999px;
}

.app-panel.visible[_ngcontent-kwy-c3] {
    top: 0;
    opacity: 1;
    height: 60px;
}

.app-panel[_ngcontent-kwy-c3] .logo[_ngcontent-kwy-c3] {
    display: inline-block;
    background: var(--logo-bg-img) no-repeat left center;
    width: var(--logo-width);
    height: var(--logo-height);
    background-size: contain;
    margin-left: var(--sPad);
}

.app-panel[_ngcontent-kwy-c3] .search[_ngcontent-kwy-c3] {
    margin-right: var(--sPad);
}

.app-panel[_ngcontent-kwy-c3] .button[_ngcontent-kwy-c3] {
    font-size: 20px;
    width: 36px;
    height: 36px;
    color: var(--header-color);
}

.app-panel[_ngcontent-kwy-c3] .balance-button[_ngcontent-kwy-c3] {
    font-size: 14px;
    border-radius: 2px;
    min-width: 70px;
    min-height: 40px;
    background-color: var(--header-right-button-menu-bg-color);
    color: var(--header-right-button-menu-color);
    padding: 6px var(--sPad) var(--sPad);
}

.app-panel[_ngcontent-kwy-c3] .close-search[_ngcontent-kwy-c3] {
    margin-right: var(--sPad);
}

.app-panel[_ngcontent-kwy-c3] .search-term[_ngcontent-kwy-c3] {
    width: 100%;
    border: 0;
    padding: var(--xsPad) var(--mPad);
    background: 0 0;
    color: var(--header-color);
}

    .app-panel[_ngcontent-kwy-c3] .search-term[_ngcontent-kwy-c3]:focus {
        outline: 0;
    }

    .app-panel[_ngcontent-kwy-c3] .search-term[_ngcontent-kwy-c3]::-ms-input-placeholder {
        color: var(--header-color);
    }

    .app-panel[_ngcontent-kwy-c3] .search-term[_ngcontent-kwy-c3]::placeholder {
        color: var(--header-color);
    }

.search-result[_ngcontent-kwy-c3] {
    position: absolute;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    display: none;
}

.search-result.visible[_ngcontent-kwy-c3] {
    display: block;
}

.search-result[_ngcontent-kwy-c3] .app-list[_ngcontent-kwy-c3],
.search-result[_ngcontent-kwy-c3] .info-search[_ngcontent-kwy-c3] {
    position: relative;
    z-index: 1;
    background: #fff;
    box-shadow: 5px 10px 15px #555;
}

.search-result[_ngcontent-kwy-c3] .app-list[_ngcontent-kwy-c3] {
    max-height: 60vh;
    overflow: auto;
}

.search-result[_ngcontent-kwy-c3] .info-search[_ngcontent-kwy-c3] {
    padding: var(--mPad);
}

.search-result[_ngcontent-kwy-c3] .app-list-item[_ngcontent-kwy-c3] {
    margin: var(--sPad) 0;
}

.search-result[_ngcontent-kwy-c3] .event-title[_ngcontent-kwy-c3] {
    font-size: 16px;
    padding: var(--sPad);
}


[_nghost-kwy-c4] {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.panel[_ngcontent-kwy-c4] {
    display: block;
    background: var(--header-background);
    padding: 15px;
    color: var(--header-color);
    text-align: center;
}

    .panel[_ngcontent-kwy-c4] a[_ngcontent-kwy-c4] {
        font-weight: bolder;
        color: var(--header-secondary-color);
        padding: var(--sPad) 0;
    }

    .panel[_ngcontent-kwy-c4] a.refresh-button[_ngcontent-kwy-c4] {
        text-decoration: underline;
    }


.notifications-container[_ngcontent-kwy-c5] {
    display: flex;
    padding: 10px 0;
    color: var(--header-secondary-color);
    background: var(--event-info-background-color);
}

    .notifications-container[_ngcontent-kwy-c5] a {
        color: var(--header-secondary-color);
    }

    .notifications-container[_ngcontent-kwy-c5] .close-btn[_ngcontent-kwy-c5] {
        padding: 0 15px;
        display: inline-block;
        text-decoration: none;
        color: var(--header-secondary-color);
    }

    .notifications-container[_ngcontent-kwy-c5] .notifications[_ngcontent-kwy-c5] {
        display: inline-block;
        position: relative;
        flex-grow: 1;
        overflow: hidden;
        white-space: nowrap;
    }


[_nghost-kwy-c6] {
    color: var(--white);
}

i[_ngcontent-kwy-c6] {
    display: block !important;
}

.balance[_ngcontent-kwy-c6] {
    font-size: 11px;
}


[_nghost-kwy-c9] {
    display: block;
}

.login-app-version-checker-container[_ngcontent-kwy-c9] {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}

.login-page[_ngcontent-kwy-c9] {
    background: var(--login-background) !important;
    background-position: var(--login-position) !important;
    background-size: var(--login-background-size) !important;
}

    .login-page[_ngcontent-kwy-c9] .login-form[_ngcontent-kwy-c9] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

        .login-page[_ngcontent-kwy-c9] .login-form[_ngcontent-kwy-c9] .logo[_ngcontent-kwy-c9] {
            background: var(--logo-alt-bg-img) no-repeat center center;
            background-size: contain;
            position: relative;
            width: var(--login-page-logo-width);
            height: var(--login-page-logo-height);
            margin: var(--login-page-logo-margin);
        }

        .login-page[_ngcontent-kwy-c9] .login-form[_ngcontent-kwy-c9] .control-wrapper[_ngcontent-kwy-c9] {
            margin: 0 0 var(--sPad);
        }

        .login-page[_ngcontent-kwy-c9] .login-form[_ngcontent-kwy-c9] .text-input[_ngcontent-kwy-c9] {
            width: 100%;
            background: var(--white);
            margin-bottom: var(--sPad);
        }

    .login-page[_ngcontent-kwy-c9] .regulatory-links {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        box-sizing: border-box;
        overflow: auto;
    }

        .login-page[_ngcontent-kwy-c9] .regulatory-links.unfolded {
            max-height: calc(100vh - 20px);
        }

    .login-page[_ngcontent-kwy-c9] age-limits {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
    }


[_nghost-kwy-c10] {
    display: block;
    height: 40px;
    position: relative;
}

.regulatory-links[_ngcontent-kwy-c10] {
    background: 0 0;
    transition: background 0.1s ease-in-out;
    text-align: center;
}

    .regulatory-links[_ngcontent-kwy-c10] .ico[_ngcontent-kwy-c10],
    .regulatory-links[_ngcontent-kwy-c10] .ico-txt[_ngcontent-kwy-c10] {
        color: var(--age-limits-text);
        text-align: center;
        display: inline-block;
        vertical-align: middle;
    }

    .regulatory-links[_ngcontent-kwy-c10] .ico[_ngcontent-kwy-c10] {
        margin: 0 var(--sPad);
    }

    .regulatory-links[_ngcontent-kwy-c10] .ico-txt[_ngcontent-kwy-c10] {
        text-transform: uppercase;
    }

    .regulatory-links[_ngcontent-kwy-c10] .details[_ngcontent-kwy-c10] {
        height: 0;
        overflow: hidden;
        transition: height 0.1s ease-in-out;
    }

        .regulatory-links[_ngcontent-kwy-c10] .details[_ngcontent-kwy-c10] .title[_ngcontent-kwy-c10] {
            text-transform: uppercase;
            font-weight: boldf;
            text-align: center;
            padding-top: 15px;
        }

    .regulatory-links[_ngcontent-kwy-c10] .links[_ngcontent-kwy-c10] {
        margin: 0;
        padding: 0;
    }

        .regulatory-links[_ngcontent-kwy-c10] .links[_ngcontent-kwy-c10] li[_ngcontent-kwy-c10] {
            list-style: none;
            margin-bottom: 12px;
        }

            .regulatory-links[_ngcontent-kwy-c10] .links[_ngcontent-kwy-c10] li[_ngcontent-kwy-c10]:last-child {
                margin-bottom: 0;
            }

        .regulatory-links[_ngcontent-kwy-c10] .links[_ngcontent-kwy-c10] a[_ngcontent-kwy-c10] {
            display: block;
            padding: var(--xsPad) var(--sPad);
            text-align: center;
            text-decoration: none;
            text-transform: uppercase;
            color: var(--age-limits-bg-text);
            border: 1px solid var(--age-limits-bg-text);
            transition: opacity 0.1s ease-in-out;
        }

    .regulatory-links[_ngcontent-kwy-c10] .age-18-plus-icon[_ngcontent-kwy-c10] {
        display: inline-block;
        width: 32px;
        height: 32px;
    }

        .regulatory-links[_ngcontent-kwy-c10] .age-18-plus-icon[_ngcontent-kwy-c10] circle[_ngcontent-kwy-c10] {
            stroke: var(--age-limits-text);
        }

        .regulatory-links[_ngcontent-kwy-c10] .age-18-plus-icon[_ngcontent-kwy-c10] path[_ngcontent-kwy-c10] {
            fill: var(--age-limits-text);
        }

    .regulatory-links[_ngcontent-kwy-c10] .gamcare[_ngcontent-kwy-c10] {
        background: url(/M/assets/img/gamcare.png) 0 0/32px 32px no-repeat;
        display: inline-block;
        width: 32px;
        height: 32px;
    }

.regulatory-links.folded[_ngcontent-kwy-c10] .header[_ngcontent-kwy-c10] {
    display: flex;
    justify-content: space-between;
}

.regulatory-links.folded[_ngcontent-kwy-c10] .age-limits[_ngcontent-kwy-c10] {
    font-size: 11px;
    white-space: normal;
}

    .regulatory-links.folded[_ngcontent-kwy-c10] .age-limits[_ngcontent-kwy-c10] .ico-txt[_ngcontent-kwy-c10] {
        width: 125px;
        text-align: left;
    }

.regulatory-links.unfolded[_ngcontent-kwy-c10] {
    color: var(--age-limits-bg-text);
    background: var(--age-limits-bg);
    padding: 20px;
    margin-bottom: calc(-1 * var(--sPad));
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

    .regulatory-links.unfolded[_ngcontent-kwy-c10] .details[_ngcontent-kwy-c10] {
        height: 280px;
    }

    .regulatory-links.unfolded[_ngcontent-kwy-c10] .gamcare[_ngcontent-kwy-c10] {
        display: none;
    }

    .regulatory-links.unfolded[_ngcontent-kwy-c10] .ico-txt[_ngcontent-kwy-c10] {
        color: var(--age-limits-bg-text);
    }

    .regulatory-links.unfolded[_ngcontent-kwy-c10] .age-18-plus-icon[_ngcontent-kwy-c10] circle[_ngcontent-kwy-c10] {
        stroke: var(--age-limits-bg-text);
    }

    .regulatory-links.unfolded[_ngcontent-kwy-c10] .age-18-plus-icon[_ngcontent-kwy-c10] path[_ngcontent-kwy-c10] {
        fill: var(--age-limits-bg-text);
    }

.wrap[_ngcontent-kwy-c10] {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

    .wrap[_ngcontent-kwy-c10]:first-child {
        margin: 0;
    }

.restricted-territories[_ngcontent-kwy-c10] .details[_ngcontent-kwy-c10] {
    text-align: left;
    font-size: 13px;
}

.restricted-territories[_ngcontent-kwy-c10] .header[_ngcontent-kwy-c10] {
    text-align: left;
}

body,
div,
a,
p,
span {
    user-select: text !important;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    cursor: auto;
    user-select: text !important;
}

::selection {
    background-color: #338fff !important;
    color: #fff !important;
}


.rules-confirmation-modal .step1 {
    padding: 0 var(--mPad);
}

.rules-confirmation-modal .step2 {
    padding: 0;
}

.rules-confirmation-modal .rules-text {
    overflow: auto;
    position: relative;
    height: calc(100% - 60px);
    text-align: justify;
}

    .rules-confirmation-modal .rules-text > :first-child {
        margin-top: 0;
    }

    .rules-confirmation-modal .rules-text ul {
        margin-left: 20px;
        padding-left: 0;
    }

.rules-confirmation-modal .age-confirmation-text {
    text-align: center;
}

.rules-modal > :first-child {
    margin-top: 0;
}

.rules-modal .confirmation-control {
    padding-top: var(--mPad);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .rules-modal .confirmation-control .accept-checkbox {
        margin-right: var(--sPad);
    }

    .rules-modal .confirmation-control .button {
        margin: 0 var(--sPad);
    }


[_nghost-kwy-c12] {
    display: block;
}

.home-page[_ngcontent-kwy-c12] .section {
    background: var(--white) !important;
    border-radius: 2px;
    margin-bottom: var(--sPad);
}

    .home-page[_ngcontent-kwy-c12] .section.in-play .section-title {
        background: var(--in-play-block-color);
    }

    .home-page[_ngcontent-kwy-c12] .section.in-play [class*="sport-icon"] {
        color: var(--in-play-block-color);
        margin-right: 6px;
    }

    .home-page[_ngcontent-kwy-c12] .section.popular .section-title {
        background: var(--most-popular-block-color);
    }

    .home-page[_ngcontent-kwy-c12] .section.popular [class*="sport-icon"] {
        color: var(--most-popular-block-color);
        margin-right: 6px;
    }

    .home-page[_ngcontent-kwy-c12] .section:last-child {
        margin-bottom: 0;
    }

.home-page[_ngcontent-kwy-c12] .section-title[_ngcontent-kwy-c12] {
    display: flex;
    align-items: center;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    position: relative;
    padding: var(--sPad);
    color: var(--white);
    font-size: 18px;
    font-weight: 700;
}

    .home-page[_ngcontent-kwy-c12] .section-title[_ngcontent-kwy-c12] .icon[_ngcontent-kwy-c12] {
        display: inline-flex;
    }

    .home-page[_ngcontent-kwy-c12] .section-title[_ngcontent-kwy-c12] .label[_ngcontent-kwy-c12] {
        margin-left: var(--xsPad);
    }

    .home-page[_ngcontent-kwy-c12] .section-title[_ngcontent-kwy-c12] .open-bets-link[_ngcontent-kwy-c12] {
        position: absolute;
        top: var(--sPad);
        right: var(--sPad);
        font-size: 12px;
        color: var(--white);
    }

        .home-page[_ngcontent-kwy-c12] .section-title[_ngcontent-kwy-c12] .open-bets-link[_ngcontent-kwy-c12] .count[_ngcontent-kwy-c12] {
            box-sizing: border-box;
            display: inline-block;
            position: relative;
            top: calc(-1 * var(--sPad));
            margin-left: calc(-1 * var(--sPad));
            background: var(--open-bets-buble-bg);
            color: var(--white);
            padding: calc(var(--xsPad) / 2) var(--xsPad);
            min-width: 20px;
            height: 20px;
            line-height: 16px;
            font-size: 12px;
            text-align: center;
            border-radius: 10px;
        }

consolidated-events-group[_ngcontent-kwy-c12]:last-child .app-list-item[_ngcontent-kwy-c12]:last-child bet-button[_ngcontent-kwy-c12]:nth-child(4) .bet-button.lay[_ngcontent-kwy-c12] {
    border-bottom-right-radius: 2px;
    width: 6px;
    text-indent: 6px;
}

.-swiped-to-left consolidated-events-group:last-child .app-list-item:last-child bet-button:nth-child(4) .bet-button.lay,
layout-content.landscape .home-page consolidated-events-group:last-child .app-list-item:last-child bet-button:nth-child(4) .bet-button.lay {
    border-bottom-right-radius: 0;
    width: 100%;
    text-indent: 0;
}


.banner[_ngcontent-kwy-c13] {
    display: block;
    height: 72px;
    position: relative;
    border-radius: 2px;
    background: url('../../Content/assets/casino/banner-bg.png') 0 0 / auto 100% no-repeat #004f63;
}

    .banner[_ngcontent-kwy-c13] .txt[_ngcontent-kwy-c13] {
        box-sizing: border-box;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: var(--sPad) var(--mPad) var(--sPad) var(--mPad);
        padding-left: 180px;
    }

    .banner[_ngcontent-kwy-c13] .play-txt[_ngcontent-kwy-c13] {
        height: 20px;
        margin-bottom: var(--xsPad);
    }

    .banner[_ngcontent-kwy-c13] .casino-txt[_ngcontent-kwy-c13] {
        height: 28px;
    }

@media (min-width: 667px) {
    .banner[_ngcontent-kwy-c13] {
        background-size: auto 130%;
    }

        .banner[_ngcontent-kwy-c13] .txt[_ngcontent-kwy-c13] {
            flex-direction: row;
            padding-left: 220px;
        }

        .banner[_ngcontent-kwy-c13] .casino-txt[_ngcontent-kwy-c13],
        .banner[_ngcontent-kwy-c13] .play-txt[_ngcontent-kwy-c13] {
            height: 90%;
            margin: 0;
        }

        .banner[_ngcontent-kwy-c13] .casino-txt[_ngcontent-kwy-c13] {
            margin-left: var(--sPad);
        }
}


.banner[_ngcontent-kwy-c14] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 72px;
    position: relative;
    border-radius: 2px;
    background: url('../assets/live-tables.png') center/auto 100% no-repeat #b40022;
}

    .banner[_ngcontent-kwy-c14] .banner-text[_ngcontent-kwy-c14] {
        width: 180px;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        font-weight: 700;
        text-shadow: 0 1px 0 #420957;
        font-size: 26px;
        line-height: 26px;
        letter-spacing: 3px;
    }


.banner[_ngcontent-kwy-c15] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 72px;
    position: relative;
    border-radius: 2px;
    background: url('../assets/horse-racing.png') center/auto 100% no-repeat #607030;
}

    .banner[_ngcontent-kwy-c15] .banner-text[_ngcontent-kwy-c15] {
        position: relative;
        left: 14%;
        width: 200px;
        color: #000;
        text-transform: uppercase;
        text-align: center;
        font-weight: 700;
        text-shadow: 0 1px 0 #9f7e2d;
        font-size: 26px;
        line-height: 26px;
        letter-spacing: 3px;
    }


[_nghost-kwy-c0] {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
}


[_nghost-kwy-c1] {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--white);
    overflow: auto;
}

.menu-top-wrap[_ngcontent-kwy-c1] {
    min-height: calc(100% - 46px);
}

.menu-link[_ngcontent-kwy-c1] .icon[_ngcontent-kwy-c1] {
    color: var(--right-menu-icon-color);
}

.menu-item.settings[_ngcontent-kwy-c1] .menu-link[_ngcontent-kwy-c1] {
    position: relative;
    border-top: 1px solid var(--right-menu-icon-color);
    border-bottom: 1px solid var(--right-menu-icon-color);
    margin-bottom: -1px;
    color: var(--right-menu-title-color);
}

.menu-item.settings[_ngcontent-kwy-c1] .icon[_ngcontent-kwy-c1] {
    color: var(--right-menu-icon-color);
}

.btn-sign-out[_ngcontent-kwy-c1] {
    border-top: 1px solid var(--border);
    border-bottom: 0;
    padding-left: 0;
    background-color: transparent;
}


.account-overview[_ngcontent-kwy-c16] {
    color: var(--black);
}

    .account-overview[_ngcontent-kwy-c16] .login-name[_ngcontent-kwy-c16] {
        font-weight: 700;
        border-bottom: 1px solid var(--border);
        text-align: center;
        font-size: 20px;
        padding: var(--mPad) 0;
    }

    .account-overview[_ngcontent-kwy-c16] .account-item[_ngcontent-kwy-c16] .label[_ngcontent-kwy-c16] {
        font-weight: 700;
        font-size: 16px;
        margin: 11px 0 25px;
    }

        .account-overview[_ngcontent-kwy-c16] .account-item[_ngcontent-kwy-c16] .label[_ngcontent-kwy-c16] i[_ngcontent-kwy-c16] {
            color: var(--right-menu-icon-color);
            font-size: 15px;
            margin-right: var(--mPad);
        }

    .account-overview[_ngcontent-kwy-c16] .account-item[_ngcontent-kwy-c16] .content[_ngcontent-kwy-c16] .group[_ngcontent-kwy-c16] {
        width: 100%;
        display: inline-block;
    }

        .account-overview[_ngcontent-kwy-c16] .account-item[_ngcontent-kwy-c16] .content[_ngcontent-kwy-c16] .group[_ngcontent-kwy-c16] div[_ngcontent-kwy-c16] {
            float: left;
            margin-bottom: var(--mPad);
        }

        .account-overview[_ngcontent-kwy-c16] .account-item[_ngcontent-kwy-c16] .content[_ngcontent-kwy-c16] .group[_ngcontent-kwy-c16] span[_ngcontent-kwy-c16] {
            float: right;
        }


.container[_ngcontent-kwy-c8] {
    position: relative;
}

    .container[_ngcontent-kwy-c8] .messages-container[_ngcontent-kwy-c8] {
        display: inline-block;
        word-break: keep-all;
        white-space: nowrap;
        padding-left: 100%;
        will-change: transform;
    }

    .container[_ngcontent-kwy-c8] .messages-container.animating[_ngcontent-kwy-c8] {
        animation-name: marquee;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    .container[_ngcontent-kwy-c8] .messages-container[_ngcontent-kwy-c8] .message[_ngcontent-kwy-c8] {
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        border-right: 1px solid;
    }

        .container[_ngcontent-kwy-c8] .messages-container[_ngcontent-kwy-c8] .message[_ngcontent-kwy-c8]:first-child {
            padding-left: 0;
        }

        .container[_ngcontent-kwy-c8] .messages-container[_ngcontent-kwy-c8] .message[_ngcontent-kwy-c8]:last-child {
            padding-right: 0;
            border-right: 0;
        }

@keyframes marquee {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(-100%, 0, 0);
    }
}


consolidated-events-group:last-child .consolidated-events:last-child .market-list-item:last-child .app-list-item {
    border-bottom: 0;
}

.consolidated-events-group-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
    color: var(--black);
}

    .consolidated-events-group-title .title {
        display: flex;
        align-items: center;
        padding-left: 10px;
        font-weight: 700;
        font-size: 16px;
    }

        .consolidated-events-group-title .title .sport-icon {
            margin-right: var(--sPad);
        }

    .consolidated-events-group-title .odds-header {
        width: calc(3 * (52px));
        margin-right: 6px;
        position: relative;
        display: flex;
        text-align: center;
    }

    .consolidated-events-group-title .visible-on-landscape {
        display: none;
    }

    .consolidated-events-group-title .odds-col {
        width: 50px;
        margin-left: 2px;
        font-size: 10px;
    }

consolidated-events-row {
    display: block;
    width: 100%;
}

.consolidated-events .app-list {
    margin-bottom: 0;
    border-bottom: 1px solid var(--border);
}

.consolidated-events .app-list-item {
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid var(--border);
}

.consolidated-events bet-panel {
    display: block;
}

.consolidated-events .market-odds .suspended {
    width: calc(100% - 6px - 2px) !important;
    margin-right: 0;
    transition: transform 0.1s ease-in-out;
}

.consolidated-events market-title-with-scores {
    width: calc(100% - 3 * (52px));
    overflow: hidden;
}

.consolidated-events .market-odds {
    width: calc(3 * (52px) + 4 * 6px) !important;
    overflow: hidden;
}

.consolidated-events bet-button market-volume {
    font-size: 9px;
}

.consolidated-events bet-button.more-odds:not(.selected) > div.back {
    background: var(--back-background) !important;
}

.consolidated-events bet-button.more-odds:not(.selected) > div.lay {
    background: var(--lay-background) !important;
}

.consolidated-events .market-odds .scrollable odds-line {
    display: block;
    width: calc(6 * (52px));
    transition: transform 0.5s ease-in-out;
    transform: translateX(6px);
}

.consolidated-events .market-odds .scrollable bet-button {
    width: 50px;
}

.-swiped-to-left .consolidated-events .market-odds .scrollable odds-line {
    transform: translateX(calc(-3 * (52px) + 6px));
}

.-swiped-to-left .market-odds .suspended {
    margin-right: calc(6px + 2px) !important;
}

layout-content.landscape .visible-on-landscape {
    display: block !important;
}

layout-content.landscape .-swiped-to-left .consolidated-events .market-odds .scrollable odds-line,
layout-content.landscape .consolidated-events .market-odds .scrollable odds-line {
    transform: translateX(0) !important;
}

layout-content.landscape .-swiped-to-left .market-odds .suspended,
layout-content.landscape .market-odds .suspended {
    width: 100% !important;
    margin-right: 0 !important;
}

layout-content.landscape .consolidated-events .market-odds,
layout-content.landscape .consolidated-events-group-title .odds-header {
    width: calc(6 * (52px)) !important;
}

layout-content.landscape .consolidated-events market-title-with-scores {
    width: calc(100% - 6 * (52px)) !important;
}


[_nghost-kwy-c18] {
    display: block;
}

.market-odds[_ngcontent-kwy-c18] {
    display: flex;
    position: relative;
    flex-direction: column;
}

.market-odds__container[_ngcontent-kwy-c18] {
    display: flex;
    flex-direction: row;
}

    .market-odds__container[_ngcontent-kwy-c18] + .market-odds__container[_ngcontent-kwy-c18] {
        margin-top: 2px;
    }

@media all and (orientation: portrait) {
    .market-odds__container[_ngcontent-kwy-c18] bet-button[_ngcontent-kwy-c18]:nth-child(1),
    .market-odds__container[_ngcontent-kwy-c18] bet-button[_ngcontent-kwy-c18]:nth-child(2),
    .market-odds__container[_ngcontent-kwy-c18] bet-button[_ngcontent-kwy-c18]:nth-child(5),
    .market-odds__container[_ngcontent-kwy-c18] bet-button[_ngcontent-kwy-c18]:nth-child(6) {
        display: none;
    }
}

.market-odds__container[_ngcontent-kwy-c18]:last-child bet-button[_ngcontent-kwy-c18] .bet-button.back[_ngcontent-kwy-c18],
.market-odds__container[_ngcontent-kwy-c18]:last-child bet-button[_ngcontent-kwy-c18] .bet-button.lay[_ngcontent-kwy-c18] {
    border-bottom: 0;
}

.market-odds[_ngcontent-kwy-c18] .odds-overlay-message-container[_ngcontent-kwy-c18] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: var(--white);
    color: var(--black);
    opacity: 0.7;
    text-align: center;
}

    .market-odds[_ngcontent-kwy-c18] .odds-overlay-message-container[_ngcontent-kwy-c18] .odds-overlay-message[_ngcontent-kwy-c18] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-weight: bolder;
        font-size: 12px;
    }

.market-odds.column[_ngcontent-kwy-c18] {
    flex-direction: column;
}

.market-odds-group[_ngcontent-kwy-c18] {
    display: flex;
}

.market.betting-disabled[_ngcontent-kwy-c18] bet-button[_ngcontent-kwy-c18] {
    opacity: 0.5;
}

.market.list-item[_ngcontent-kwy-c18] {
    min-height: 41px;
    display: flex;
    border-bottom: 1px solid var(--border);
    padding: 1px 2px 1px 11px;
    margin: 0;
    background: var(--white);
}

.market.faded[_ngcontent-kwy-c18] > *[_ngcontent-kwy-c18] {
    opacity: 0.5;
}

.market[_ngcontent-kwy-c18] .runner-details[_ngcontent-kwy-c18] {
    position: relative;
    width: calc(100% - 144px);
    display: flex;
    flex-wrap: wrap;
    padding-right: var(--xsPad);
    min-height: 41px;
    align-items: center;
}

@media all and (orientation: landscape) {
    .market[_ngcontent-kwy-c18] .runner-details[_ngcontent-kwy-c18] {
        width: calc(100% - 408px);
    }
}

.market[_ngcontent-kwy-c18] .runner-details[_ngcontent-kwy-c18] .title[_ngcontent-kwy-c18] {
    position: relative;
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: calc(100% - 14px);
}

    .market[_ngcontent-kwy-c18] .runner-details[_ngcontent-kwy-c18] .title[_ngcontent-kwy-c18] > span[_ngcontent-kwy-c18] {
        font-weight: 700;
        font-size: 14px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%;
    }

.market[_ngcontent-kwy-c18] .runner-details[_ngcontent-kwy-c18] .title.full-width[_ngcontent-kwy-c18] {
    flex-direction: row;
}

.market[_ngcontent-kwy-c18] .runner-details[_ngcontent-kwy-c18] .pnl[_ngcontent-kwy-c18] {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.market[_ngcontent-kwy-c18] .runner-details[_ngcontent-kwy-c18] .full-width[_ngcontent-kwy-c18] {
    width: 100%;
}

    .market[_ngcontent-kwy-c18] .runner-details[_ngcontent-kwy-c18] .full-width[_ngcontent-kwy-c18] .runner-name[_ngcontent-kwy-c18] {
        width: calc(100% - 65px);
    }

    .market[_ngcontent-kwy-c18] .runner-details[_ngcontent-kwy-c18] .full-width[_ngcontent-kwy-c18] .runner-name.greyhound[_ngcontent-kwy-c18],
    .market[_ngcontent-kwy-c18] .runner-details[_ngcontent-kwy-c18] .full-width[_ngcontent-kwy-c18] .runner-name.without-race-symbol[_ngcontent-kwy-c18] {
        width: 100%;
    }

.market[_ngcontent-kwy-c18] .runner-details[_ngcontent-kwy-c18] .jockey-name[_ngcontent-kwy-c18] {
    font-size: 10px;
}

.market[_ngcontent-kwy-c18] .runner-details[_ngcontent-kwy-c18] .float-container[_ngcontent-kwy-c18] {
    float: left;
    margin-right: var(--sPad);
}

    .market[_ngcontent-kwy-c18] .runner-details[_ngcontent-kwy-c18] .float-container[_ngcontent-kwy-c18]:last-child {
        margin-right: 0;
    }

    .market[_ngcontent-kwy-c18] .runner-details[_ngcontent-kwy-c18] .float-container[_ngcontent-kwy-c18] .number-ids[_ngcontent-kwy-c18] {
        font-size: 11px;
        text-align: center;
        min-width: 19px;
    }

.market[_ngcontent-kwy-c18] .runner-details.with-ladder[_ngcontent-kwy-c18] {
    padding-right: 25px;
}

.market[_ngcontent-kwy-c18] .runner-info-label[_ngcontent-kwy-c18] {
    width: 144px;
}

.market[_ngcontent-kwy-c18] .pinnacle-bet[_ngcontent-kwy-c18] {
    display: flex;
    flex-direction: row;
    margin-bottom: 2px;
}

.market-suspended[_ngcontent-kwy-c18] {
    position: relative;
}

    .market-suspended[_ngcontent-kwy-c18] .suspended[_ngcontent-kwy-c18] {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 144px;
        height: 42px;
        vertical-align: middle;
        text-align: center;
        color: var(--dark-grey);
        background: var(--light-grey);
    }

@media all and (orientation: landscape) {
    .market-suspended[_ngcontent-kwy-c18] .suspended[_ngcontent-kwy-c18] {
        width: 408px;
    }
}

.market-suspended[_ngcontent-kwy-c18] .inner[_ngcontent-kwy-c18] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


[_nghost-kwy-c19] {
    display: block;
}

    [_nghost-kwy-c19] .market {
        z-index: 2;
        min-height: 43px;
        position: relative;
        display: flex;
        align-items: stretch !important;
        justify-content: space-between;
        color: var(--list-text);
        padding: 1px 2px 0 11px !important;
        margin: 0 !important;
    }

    [_nghost-kwy-c19] bet-form {
        margin-top: -1px;
    }

    [_nghost-kwy-c19] .market.faded > * {
        opacity: 0.5;
    }

    [_nghost-kwy-c19] .market market-title-with-pnl {
        width: calc(100% - 134px);
    }

    [_nghost-kwy-c19] .market-odds {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 134px;
    }

        [_nghost-kwy-c19] .market-odds .ball-running-overlay {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            background-color: var(--white);
            color: var(--black);
            opacity: 0.7;
            text-align: center;
            z-index: 1;
        }

        [_nghost-kwy-c19] .market-odds .ball-running-overlay-message {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-weight: bolder;
            font-size: 12px;
        }

        [_nghost-kwy-c19] .market-odds .suspended {
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            width: 100%;
            height: 42px;
            vertical-align: middle;
            text-align: center;
            color: var(--dark-grey);
            background: var(--light-grey);
            z-index: 1;
        }

            [_nghost-kwy-c19] .market-odds .suspended .inner {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

        [_nghost-kwy-c19] .market-odds .runner-info-label {
            width: 144px;
            height: 43px;
            display: flex;
            align-items: center;
        }

layout-content.landscape market-title-with-pnl {
    width: calc(100% - 408px) !important;
}

layout-content.landscape .market-odds {
    width: 408px;
}


[_nghost-kwy-c20] {
    width: 100%;
    display: flex;
    align-items: stretch;
    font-size: 11px;
}

.info[_ngcontent-kwy-c20] {
    font-size: 10px;
    color: var(--in-play-block-color);
    display: flex;
    flex: 0 0 60px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.info.football[_ngcontent-kwy-c20] {
    flex-direction: row;
}

.info.cricket[_ngcontent-kwy-c20] .line[_ngcontent-kwy-c20] {
    padding: 0 5px;
}

.info[_ngcontent-kwy-c20] .date[_ngcontent-kwy-c20] {
    color: var(--most-popular-block-color);
    text-align: center;
    white-space: normal;
    font-size: 9px;
}

.info[_ngcontent-kwy-c20] .score[_ngcontent-kwy-c20] {
    color: var(--black);
}

.score[_ngcontent-kwy-c20] {
    flex-direction: column;
}

.icon-video-tv[_ngcontent-kwy-c20] {
    position: absolute;
    right: var(--xsPad);
    top: 4px;
    color: var(--in-play-block-color);
}

.competitors[_ngcontent-kwy-c20] {
    position: relative;
    flex: 1 1 auto;
    overflow: hidden;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

    .competitors[_ngcontent-kwy-c20]:before {
        content: "";
        width: 1px;
        position: absolute;
        left: 0;
        top: -2px;
        height: calc(4px + 100%);
        background: var(--border);
    }

    .competitors[_ngcontent-kwy-c20] .name[_ngcontent-kwy-c20] {
        overflow: hidden;
        padding-right: var(--sPad);
        padding-left: var(--mPad);
        white-space: nowrap;
        text-overflow: ellipsis;
        font-weight: 700;
    }

    .competitors[_ngcontent-kwy-c20] .batting[_ngcontent-kwy-c20],
    .competitors[_ngcontent-kwy-c20] .serving[_ngcontent-kwy-c20] {
        position: relative;
    }

        .competitors[_ngcontent-kwy-c20] .batting[_ngcontent-kwy-c20]:before,
        .competitors[_ngcontent-kwy-c20] .serving[_ngcontent-kwy-c20]:before {
            content: "";
            display: block;
            height: 4px;
            width: 4px;
            background-color: var(--in-play-block-color);
            border-radius: 50%;
            position: absolute;
            left: 10px;
            top: 7px;
        }

    .competitors[_ngcontent-kwy-c20] .icon-bet-builder[_ngcontent-kwy-c20] {
        color: var(--grey);
        position: absolute;
        right: 0;
    }

.line[_ngcontent-kwy-c20],
td.line[_ngcontent-kwy-c20] {
    padding: 2px 5px;
}


.market-odds__container[_ngcontent-kwy-c22] {
    display: flex;
    flex-direction: row;
}

.market-odds__container.line-market[_ngcontent-kwy-c22] {
    flex-direction: row-reverse;
}

.market-odds__container[_ngcontent-kwy-c22]:last-child bet-button[_ngcontent-kwy-c22] .bet-button.back[_ngcontent-kwy-c22],
.market-odds__container[_ngcontent-kwy-c22]:last-child bet-button[_ngcontent-kwy-c22] .bet-button.lay[_ngcontent-kwy-c22] {
    border-bottom: 0;
}

.market-odds__container[_ngcontent-kwy-c22] + .market-odds__container[_ngcontent-kwy-c22] {
    margin-top: 2px;
}


[_nghost-kwy-c24] {
    display: block;
    width: 66px;
    height: 42px;
    margin-left: 2px;
}

    [_nghost-kwy-c24] > div.disabled[_ngcontent-kwy-c24] {
        opacity: 0.5;
    }

.more-odds[_nghost-kwy-c24]:not(.selected) > div.back[_ngcontent-kwy-c24] {
    background: var(--back-light-background);
}

.more-odds[_nghost-kwy-c24]:not(.selected) > div.lay[_ngcontent-kwy-c24] {
    background: var(--lay-light-background);
}

[_nghost-kwy-c24] > div.has-no-runner[_ngcontent-kwy-c24] {
    line-height: 30px;
}

[_nghost-kwy-c24] > div.has-no-runner.back[_ngcontent-kwy-c24] {
    background: var(--back-light-background);
}

[_nghost-kwy-c24] > div.has-no-runner.lay[_ngcontent-kwy-c24] {
    background: var(--lay-light-background);
}

.selected[_nghost-kwy-c24] {
    position: relative;
    z-index: 2;
}

    .selected[_nghost-kwy-c24] .bet-button[_ngcontent-kwy-c24] {
        background: var(--white);
        position: relative;
        border-width: 1px 1px 0;
        border-style: solid;
    }

        .selected[_nghost-kwy-c24] .bet-button[_ngcontent-kwy-c24]::after {
            content: "";
            height: 1px;
            background: var(--white);
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
        }

    .selected[_nghost-kwy-c24] .bet-button.back[_ngcontent-kwy-c24] {
        border-color: var(--back-background);
    }

    .selected[_nghost-kwy-c24] .bet-button.lay[_ngcontent-kwy-c24] {
        border-color: var(--lay-background);
    }

.bet-button[_ngcontent-kwy-c24] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
    color: var(--black);
    font-size: 12px;
}

    .bet-button[_ngcontent-kwy-c24] .price[_ngcontent-kwy-c24] {
        font-weight: 700;
    }

    .bet-button[_ngcontent-kwy-c24] .odds[_ngcontent-kwy-c24] {
        font-size: 10px;
    }

.bet-button.back[_ngcontent-kwy-c24] {
    background: var(--back-background);
}

.bet-button.lay[_ngcontent-kwy-c24] {
    background: var(--lay-background);
}

market-volume[_ngcontent-kwy-c24] {
    font-size: 10px;
}


/*Event*/
[_nghost-kkb-c17] {
    display: block
}

.market-odds[_ngcontent-kkb-c17] {
    display: flex;
    position: relative;
    flex-direction: column
}

.market-odds__container[_ngcontent-kkb-c17] {
    display: flex;
    flex-direction: row
}

    .market-odds__container[_ngcontent-kkb-c17] + .market-odds__container[_ngcontent-kkb-c17] {
        margin-top: 2px
    }

@media all and (orientation:portrait) {
    .market-odds__container[_ngcontent-kkb-c17] bet-button[_ngcontent-kkb-c17]:nth-child(1), .market-odds__container[_ngcontent-kkb-c17] bet-button[_ngcontent-kkb-c17]:nth-child(2), .market-odds__container[_ngcontent-kkb-c17] bet-button[_ngcontent-kkb-c17]:nth-child(5), .market-odds__container[_ngcontent-kkb-c17] bet-button[_ngcontent-kkb-c17]:nth-child(6) {
        display: none
    }
}

.market-odds__container[_ngcontent-kkb-c17]:last-child bet-button[_ngcontent-kkb-c17] .bet-button.back[_ngcontent-kkb-c17], .market-odds__container[_ngcontent-kkb-c17]:last-child bet-button[_ngcontent-kkb-c17] .bet-button.lay[_ngcontent-kkb-c17] {
    border-bottom: 0
}

.market-odds[_ngcontent-kkb-c17] .odds-overlay-message-container[_ngcontent-kkb-c17] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: var(--white);
    color: var(--black);
    opacity: .7;
    text-align: center
}

    .market-odds[_ngcontent-kkb-c17] .odds-overlay-message-container[_ngcontent-kkb-c17] .odds-overlay-message[_ngcontent-kkb-c17] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        font-weight: bolder;
        font-size: 12px
    }

.market-odds.column[_ngcontent-kkb-c17] {
    flex-direction: column
}

.market-odds-group[_ngcontent-kkb-c17] {
    display: flex
}

.market.betting-disabled[_ngcontent-kkb-c17] bet-button[_ngcontent-kkb-c17] {
    opacity: .5
}

.market.list-item[_ngcontent-kkb-c17] {
    min-height: 41px;
    display: flex;
    border-bottom: 1px solid var(--border);
    padding: 1px 2px 1px 11px;
    margin: 0;
    background: var(--white)
}

.market.faded[_ngcontent-kkb-c17] > *[_ngcontent-kkb-c17] {
    opacity: .5
}

.market[_ngcontent-kkb-c17] .runner-details[_ngcontent-kkb-c17] {
    position: relative;
    width: calc(100% - 144px);
    display: flex;
    flex-wrap: wrap;
    padding-right: var(--xsPad);
    min-height: 41px;
    align-items: center
}

@media all and (orientation:landscape) {
    .market[_ngcontent-kkb-c17] .runner-details[_ngcontent-kkb-c17] {
        width: calc(100% - 408px)
    }
}

.market[_ngcontent-kkb-c17] .runner-details[_ngcontent-kkb-c17] .title[_ngcontent-kkb-c17] {
    position: relative;
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: calc(100% - 14px)
}

    .market[_ngcontent-kkb-c17] .runner-details[_ngcontent-kkb-c17] .title[_ngcontent-kkb-c17] > span[_ngcontent-kkb-c17] {
        font-weight: 700;
        font-size: 14px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%
    }

.market[_ngcontent-kkb-c17] .runner-details[_ngcontent-kkb-c17] .title.full-width[_ngcontent-kkb-c17] {
    flex-direction: row
}

.market[_ngcontent-kkb-c17] .runner-details[_ngcontent-kkb-c17] .pnl[_ngcontent-kkb-c17] {
    display: flex;
    align-items: center;
    font-size: 14px
}

.market[_ngcontent-kkb-c17] .runner-details[_ngcontent-kkb-c17] .full-width[_ngcontent-kkb-c17] {
    width: 100%
}

    .market[_ngcontent-kkb-c17] .runner-details[_ngcontent-kkb-c17] .full-width[_ngcontent-kkb-c17] .runner-name[_ngcontent-kkb-c17] {
        width: calc(100% - 65px)
    }

    .market[_ngcontent-kkb-c17] .runner-details[_ngcontent-kkb-c17] .full-width[_ngcontent-kkb-c17] .runner-name.greyhound[_ngcontent-kkb-c17], .market[_ngcontent-kkb-c17] .runner-details[_ngcontent-kkb-c17] .full-width[_ngcontent-kkb-c17] .runner-name.without-race-symbol[_ngcontent-kkb-c17] {
        width: 100%
    }

.market[_ngcontent-kkb-c17] .runner-details[_ngcontent-kkb-c17] .jockey-name[_ngcontent-kkb-c17] {
    font-size: 10px
}

.market[_ngcontent-kkb-c17] .runner-details[_ngcontent-kkb-c17] .float-container[_ngcontent-kkb-c17] {
    float: left;
    margin-right: var(--sPad)
}

    .market[_ngcontent-kkb-c17] .runner-details[_ngcontent-kkb-c17] .float-container[_ngcontent-kkb-c17]:last-child {
        margin-right: 0
    }

    .market[_ngcontent-kkb-c17] .runner-details[_ngcontent-kkb-c17] .float-container[_ngcontent-kkb-c17] .number-ids[_ngcontent-kkb-c17] {
        font-size: 11px;
        text-align: center;
        min-width: 19px
    }

.market[_ngcontent-kkb-c17] .runner-details.with-ladder[_ngcontent-kkb-c17] {
    padding-right: 25px
}

.market[_ngcontent-kkb-c17] .runner-info-label[_ngcontent-kkb-c17] {
    width: 144px
}

.market[_ngcontent-kkb-c17] .pinnacle-bet[_ngcontent-kkb-c17] {
    display: flex;
    flex-direction: row;
    margin-bottom: 2px
}

.market-suspended[_ngcontent-kkb-c17] {
    position: relative
}

    .market-suspended[_ngcontent-kkb-c17] .suspended[_ngcontent-kkb-c17] {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 144px;
        height: 42px;
        vertical-align: middle;
        text-align: center;
        color: var(--dark-grey);
        background: var(--light-grey)
    }

@media all and (orientation:landscape) {
    .market-suspended[_ngcontent-kkb-c17] .suspended[_ngcontent-kkb-c17] {
        width: 408px
    }
}

.market-suspended[_ngcontent-kkb-c17] .inner[_ngcontent-kkb-c17] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}
[_nghost-kkb-c18] {
    display: block
}

    [_nghost-kkb-c18] .market {
        z-index: 2;
        min-height: 43px;
        position: relative;
        display: flex;
        align-items: stretch !important;
        justify-content: space-between;
        color: var(--list-text);
        padding: 1px 2px 0 11px !important;
        margin: 0 !important
    }

    [_nghost-kkb-c18] bet-form {
        margin-top: -1px
    }

    [_nghost-kkb-c18] .market.faded > * {
        opacity: .5
    }

    [_nghost-kkb-c18] .market market-title-with-pnl {
        width: calc(100% - 134px)
    }

    [_nghost-kkb-c18] .market-odds {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 134px
    }

        [_nghost-kkb-c18] .market-odds .ball-running-overlay {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            background-color: var(--white);
            color: var(--black);
            opacity: .7;
            text-align: center;
            z-index: 1
        }

        [_nghost-kkb-c18] .market-odds .ball-running-overlay-message {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            font-weight: bolder;
            font-size: 12px
        }

        [_nghost-kkb-c18] .market-odds .suspended {
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            width: 100%;
            height: 42px;
            vertical-align: middle;
            text-align: center;
            color: var(--dark-grey);
            background: var(--light-grey);
            z-index: 1
        }

            [_nghost-kkb-c18] .market-odds .suspended .inner {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%)
            }

        [_nghost-kkb-c18] .market-odds .runner-info-label {
            width: 144px;
            height: 43px;
            display: flex;
            align-items: center
        }

layout-content.landscape market-title-with-pnl {
    width: calc(100% - 408px) !important
}

layout-content.landscape .market-odds {
    width: 408px
}
.market-odds__container[_ngcontent-kkb-c21] {
    display: flex;
    flex-direction: row
}

.market-odds__container.line-market[_ngcontent-kkb-c21] {
    flex-direction: row-reverse
}

.market-odds__container[_ngcontent-kkb-c21]:last-child bet-button[_ngcontent-kkb-c21] .bet-button.back[_ngcontent-kkb-c21], .market-odds__container[_ngcontent-kkb-c21]:last-child bet-button[_ngcontent-kkb-c21] .bet-button.lay[_ngcontent-kkb-c21] {
    border-bottom: 0
}

.market-odds__container[_ngcontent-kkb-c21] + .market-odds__container[_ngcontent-kkb-c21] {
    margin-top: 2px
}
[_nghost-kkb-c23] {
    display: block;
    width: 66px;
    height: 42px;
    margin-left: 2px
}

    [_nghost-kkb-c23] > div.disabled[_ngcontent-kkb-c23] {
        opacity: .5
    }

.more-odds[_nghost-kkb-c23]:not(.selected) > div.back[_ngcontent-kkb-c23] {
    background: var(--back-light-background)
}

.more-odds[_nghost-kkb-c23]:not(.selected) > div.lay[_ngcontent-kkb-c23] {
    background: var(--lay-light-background)
}

[_nghost-kkb-c23] > div.has-no-runner[_ngcontent-kkb-c23] {
    line-height: 30px
}

[_nghost-kkb-c23] > div.has-no-runner.back[_ngcontent-kkb-c23] {
    background: var(--back-light-background)
}

[_nghost-kkb-c23] > div.has-no-runner.lay[_ngcontent-kkb-c23] {
    background: var(--lay-light-background)
}

.selected[_nghost-kkb-c23] {
    position: relative;
    z-index: 2
}

    .selected[_nghost-kkb-c23] .bet-button[_ngcontent-kkb-c23] {
        background: var(--white);
        position: relative;
        border-width: 1px 1px 0;
        border-style: solid
    }

        .selected[_nghost-kkb-c23] .bet-button[_ngcontent-kkb-c23]::after {
            content: "";
            height: 1px;
            background: var(--white);
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%
        }

    .selected[_nghost-kkb-c23] .bet-button.back[_ngcontent-kkb-c23] {
        border-color: var(--back-background)
    }

    .selected[_nghost-kkb-c23] .bet-button.lay[_ngcontent-kkb-c23] {
        border-color: var(--lay-background)
    }

.bet-button[_ngcontent-kkb-c23] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
    color: var(--black);
    font-size: 12px
}

    .bet-button[_ngcontent-kkb-c23] .price[_ngcontent-kkb-c23] {
        font-weight: 700
    }

    .bet-button[_ngcontent-kkb-c23] .odds[_ngcontent-kkb-c23] {
        font-size: 10px
    }

.bet-button.back[_ngcontent-kkb-c23] {
    background: var(--back-background)
}

.bet-button.lay[_ngcontent-kkb-c23] {
    background: var(--lay-background)
}

market-volume[_ngcontent-kkb-c23] {
    font-size: 10px
}

.market-list.background[_ngcontent-kkb-c24] {
    background: var(--white);
    min-height: 100vh
}

.market-list[_ngcontent-kkb-c24] bet-panel {
    border-top: 1px solid var(--border)
}

layout-content.portrait .event-page .more-odds {
    display: none
}

layout-content.landscape .event-page .more-odds {
    display: block
}

layout-content.landscape .event-page .market-list-item .heading .title {
    width: calc(100% - 266px)
}

layout-content.landscape .event-page .market-list-item .heading .runners-num {
    width: calc(100% - 266px)
}

[_nghost-kkb-c27] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--spinner-background-color);
    z-index: 999
}

.icon-spinner[_ngcontent-kkb-c27] {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

[_nghost-kkb-c25] {
    display: block
}

[_nghost-kkb-c26] {
    display: block
}


[_nghost-kkb-c35] {
    display: block
}

.nav-tabs-group-container[_ngcontent-kkb-c35] {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth
}

.nav-tabs-group-container.not-stretched-tabs[_ngcontent-kkb-c35] .nav-tab[_ngcontent-kkb-c35] {
    flex-grow: 0
}

.nav-tab[_ngcontent-kkb-c35] {
    background: var(--event-tab-background-color);
    flex-grow: 1;
    border-bottom: var(--event-tab-border-bottom);
    padding: var(--mPad);
    text-align: center;
    color: var(--event-tab-color);
    font-size: 10px;
    text-transform: uppercase;
    white-space: nowrap
}

.nav-tab.active[_ngcontent-kkb-c35] {
    border-bottom-color: var(--event-tab-active-border-bottom-color);
    color: var(--event-tab-active-color)
}

.nav-tab[_ngcontent-kkb-c35] .tab-icon[_ngcontent-kkb-c35] {
    margin-left: 3px;
    font-weight: 700
}


[_nghost-kkb-c32] {
    display: block
}

.football-event-details[_ngcontent-kkb-c32] {
    background: var(--event-info-background-color);
    color: var(--header-color);
    display: grid;
    grid-template-columns: auto var(--mPad);
    grid-column-gap: var(--sPad);
    vertical-align: middle;
    align-items: center;
    padding: var(--xsPad) var(--sPad)
}

    .football-event-details[_ngcontent-kkb-c32] .show-rules[_ngcontent-kkb-c32] {
        cursor: pointer
    }

.football-event-details.compact[_ngcontent-kkb-c32] {
    padding-top: 0;
    padding-bottom: 0
}

.football-event-details[_ngcontent-kkb-c32] .main-detail-header[_ngcontent-kkb-c32] {
    display: flex;
    align-items: center
}

    .football-event-details[_ngcontent-kkb-c32] .main-detail-header[_ngcontent-kkb-c32] .icon[_ngcontent-kkb-c32] {
        font-size: 18px;
        margin-right: var(--sPad)
    }

    .football-event-details[_ngcontent-kkb-c32] .main-detail-header[_ngcontent-kkb-c32] .event-title[_ngcontent-kkb-c32] {
        word-break: break-word;
        font-size: 18px;
        font-weight: 700
    }

    .football-event-details[_ngcontent-kkb-c32] .main-detail-header[_ngcontent-kkb-c32] .event-minute-container[_ngcontent-kkb-c32] {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-right: var(--xsPad)
    }

        .football-event-details[_ngcontent-kkb-c32] .main-detail-header[_ngcontent-kkb-c32] .event-minute-container[_ngcontent-kkb-c32] .event-minute[_ngcontent-kkb-c32] {
            display: block
        }

    .football-event-details[_ngcontent-kkb-c32] .main-detail-header[_ngcontent-kkb-c32] .match-stats-info[_ngcontent-kkb-c32] {
        display: flex
    }

        .football-event-details[_ngcontent-kkb-c32] .main-detail-header[_ngcontent-kkb-c32] .match-stats-info[_ngcontent-kkb-c32] .team-container[_ngcontent-kkb-c32]:first-child .score[_ngcontent-kkb-c32], .football-event-details[_ngcontent-kkb-c32] .main-detail-header[_ngcontent-kkb-c32] .match-stats-info[_ngcontent-kkb-c32] .team-container[_ngcontent-kkb-c32]:first-child .team-name[_ngcontent-kkb-c32] {
            padding-top: var(--sPad)
        }

        .football-event-details[_ngcontent-kkb-c32] .main-detail-header[_ngcontent-kkb-c32] .match-stats-info[_ngcontent-kkb-c32] .team-container[_ngcontent-kkb-c32]:last-child .score[_ngcontent-kkb-c32], .football-event-details[_ngcontent-kkb-c32] .main-detail-header[_ngcontent-kkb-c32] .match-stats-info[_ngcontent-kkb-c32] .team-container[_ngcontent-kkb-c32]:last-child .team-name[_ngcontent-kkb-c32] {
            padding-bottom: var(--sPad)
        }

        .football-event-details[_ngcontent-kkb-c32] .main-detail-header[_ngcontent-kkb-c32] .match-stats-info[_ngcontent-kkb-c32] .team-container[_ngcontent-kkb-c32] .score[_ngcontent-kkb-c32], .football-event-details[_ngcontent-kkb-c32] .main-detail-header[_ngcontent-kkb-c32] .match-stats-info[_ngcontent-kkb-c32] .team-container[_ngcontent-kkb-c32] .team-name[_ngcontent-kkb-c32] {
            display: inline-block;
            font-size: 16px
        }

        .football-event-details[_ngcontent-kkb-c32] .main-detail-header[_ngcontent-kkb-c32] .match-stats-info[_ngcontent-kkb-c32] .team-container[_ngcontent-kkb-c32] .score[_ngcontent-kkb-c32] {
            padding: 0 var(--xsPad) calc(var(--xsPad)/ 2);
            background-color: var(--event-header-background-color);
            text-align: center
        }

        .football-event-details[_ngcontent-kkb-c32] .main-detail-header[_ngcontent-kkb-c32] .match-stats-info[_ngcontent-kkb-c32] .team-container[_ngcontent-kkb-c32] .team-name[_ngcontent-kkb-c32] {
            margin-left: var(--xsPad)
        }

.football-event-details[_ngcontent-kkb-c32] .main-detail-additional-info[_ngcontent-kkb-c32] {
    margin-top: 2px
}

    .football-event-details[_ngcontent-kkb-c32] .main-detail-additional-info[_ngcontent-kkb-c32] .date-info[_ngcontent-kkb-c32] {
        font-size: 10px
    }

[_nghost-kkb-c28] {
    display: block;
    position: relative;
    margin: calc(-1 * var(--sPad));
    margin-bottom: var(--sPad);
    background: var(--black);
    text-align: center
}

.match-live-wrapper[_ngcontent-kkb-c28] {
    margin: 0 auto;
    overflow: hidden;
    transition: width .1s ease,height .1s ease
}

.stats-tabs-group[_ngcontent-kkb-c28] .nav-tabs-group-container[_ngcontent-kkb-c28] {
    margin: 0 calc(-1 * var(--mPad)) var(--mPad)
}

.scorecard-btn[_ngcontent-kkb-c28] {
    background-color: var(--info);
    width: 100%;
    margin: 0;
    font-size: 14px;
    border-radius: 0
}

[_nghost-kkb-c29] {
    display: block
}

.market-group {
    margin-bottom: var(--mPad)
}

    .market-group .nav-tabs-group-container {
        margin-bottom: var(--sPad);
        border-bottom: 1px solid var(--event-market-tab-border-bottom-color)
    }

    .market-group .nav-tab {
        background: var(--event-market-tab-background-color);
        color: var(--event-market-tab-color);
        border-bottom: 0;
        font-size: 14px
    }

        .market-group .nav-tab.active {
            border-bottom: 3px solid var(--event-market-tab-active-border-bottom-color);
            color: var(--event-market-tab-active-color)
        }

    .market-group .line-market-separator {
        background-color: var(--lines-market-separator-color);
        margin: 10px -10px 18px
    }

    .market-group .bet-builder-button {
        margin: 5px 0 0;                                                                                                                         
        width: 100%
    }

[_nghost-kkb-c36] {
    display: block;
    margin: auto
}

.sport-visualization-wrapper[_ngcontent-kkb-c36] {
    margin: auto;
    overflow: hidden;
    position: relative;
    background-color: var(--event-visualisation-background);
    transition: all .2s ease-in-out
}

[_nghost-kkb-c40] {
    display: block;
    margin: auto
}

    [_nghost-kkb-c40] .football-visualization-loader-container[_ngcontent-kkb-c40] {
        position: relative;
        height: 100%
    }

        [_nghost-kkb-c40] .football-visualization-loader-container[_ngcontent-kkb-c40] .loader[_ngcontent-kkb-c40] {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%)
        }

    [_nghost-kkb-c40] .football-visualization[_ngcontent-kkb-c40] {
        display: block;
        margin: auto;
        border: 0;
        width: 100%;
        height: 100%
    }

[_nghost-kkb-c39] {
    display: block;
    --icons-wrap-width: 53px
}

.markets__title[_ngcontent-kkb-c39] {
    display: flex;
    flex-wrap: nowrap;
    flex: 1 0 0
}

.markets__ladder[_ngcontent-kkb-c39] {
    display: flex;
    align-items: center;
    padding: 0 var(--xsPad)
}

.markets__action[_ngcontent-kkb-c39], .markets__empty-action[_ngcontent-kkb-c39] {
    flex: 0 0 68px;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

@media all and (orientation:portrait) {
    .markets__empty-action[_ngcontent-kkb-c39] {
        display: none
    }
}

.market-wrap[_ngcontent-kkb-c39] {
    margin-bottom: var(--mPad)
}

.market-list-item[_ngcontent-kkb-c39] .heading[_ngcontent-kkb-c39] {
    display: flex;
    padding: 0 0 var(--sPad)
}

    .market-list-item[_ngcontent-kkb-c39] .heading[_ngcontent-kkb-c39] .title[_ngcontent-kkb-c39] {
        flex: 1 0 0;
        padding-left: 9px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between
    }

        .market-list-item[_ngcontent-kkb-c39] .heading[_ngcontent-kkb-c39] .title[_ngcontent-kkb-c39] .header[_ngcontent-kkb-c39] {
            font-weight: 700;
            color: var(--list-header);
            width: calc(100% - var(--icons-wrap-width))
        }

        .market-list-item[_ngcontent-kkb-c39] .heading[_ngcontent-kkb-c39] .title[_ngcontent-kkb-c39] .icons-wrap[_ngcontent-kkb-c39] {
            width: var(--icons-wrap-width)
        }

            .market-list-item[_ngcontent-kkb-c39] .heading[_ngcontent-kkb-c39] .title[_ngcontent-kkb-c39] .icons-wrap[_ngcontent-kkb-c39] .icon[_ngcontent-kkb-c39] {
                height: 20px;
                width: 20px;
                display: inline-block;
                vertical-align: middle
            }

                .market-list-item[_ngcontent-kkb-c39] .heading[_ngcontent-kkb-c39] .title[_ngcontent-kkb-c39] .icons-wrap[_ngcontent-kkb-c39] .icon[_ngcontent-kkb-c39]:first-child {
                    margin-right: 10px
                }

            .market-list-item[_ngcontent-kkb-c39] .heading[_ngcontent-kkb-c39] .title[_ngcontent-kkb-c39] .icons-wrap[_ngcontent-kkb-c39] svg[_ngcontent-kkb-c39] {
                width: 100%;
                height: 100%
            }

            .market-list-item[_ngcontent-kkb-c39] .heading[_ngcontent-kkb-c39] .title[_ngcontent-kkb-c39] .icons-wrap[_ngcontent-kkb-c39] .icon-zero-percent[_ngcontent-kkb-c39] svg[_ngcontent-kkb-c39] {
                fill: var(--notification-icons-background-color)
            }

            .market-list-item[_ngcontent-kkb-c39] .heading[_ngcontent-kkb-c39] .title[_ngcontent-kkb-c39] .icons-wrap[_ngcontent-kkb-c39] .icon-fester-bet[_ngcontent-kkb-c39] svg[_ngcontent-kkb-c39] g[_ngcontent-kkb-c39], .market-list-item[_ngcontent-kkb-c39] .heading[_ngcontent-kkb-c39] .title[_ngcontent-kkb-c39] .icons-wrap[_ngcontent-kkb-c39] .icon-fester-bet[_ngcontent-kkb-c39] svg[_ngcontent-kkb-c39] path[_ngcontent-kkb-c39] {
                stroke: var(--notification-icons-background-color)
            }

    .market-list-item[_ngcontent-kkb-c39] .heading[_ngcontent-kkb-c39] .runners-num[_ngcontent-kkb-c39] {
        color: var(--black);
        font-size: 10px;
        width: calc(100% - 133px);
        padding-left: 12px
    }

.market-list-item[_ngcontent-kkb-c39] .join-market-rows[_ngcontent-kkb-c39] {
    margin-bottom: var(--xsPad)
}

.market-list-item.compact-market-item.last[_ngcontent-kkb-c39] .join-market-rows[_ngcontent-kkb-c39] {
    margin-bottom: var(--lPad)
}

.runner-details[_ngcontent-kkb-c20] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-right: var(--xsPad);
    min-height: 41px;
    width: 100%
}

    .runner-details[_ngcontent-kkb-c20] .title[_ngcontent-kkb-c20] {
        position: relative;
        flex: 1 0 0;
        max-width: calc(100% - 14px);
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .runner-details[_ngcontent-kkb-c20] .title.full-width[_ngcontent-kkb-c20] {
        flex-direction: row
    }

    .runner-details[_ngcontent-kkb-c20] .runner-name[_ngcontent-kkb-c20] {
        font-weight: 700;
        font-size: 14px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: calc(100% - 20px)
    }

    .runner-details[_ngcontent-kkb-c20] .pnl[_ngcontent-kkb-c20] {
        display: flex;
        align-items: center;
        font-size: 14px
    }

    .runner-details[_ngcontent-kkb-c20] ladder-icon[_ngcontent-kkb-c20] {
        position: absolute;
        right: var(--sPad)
    }

    .runner-details[_ngcontent-kkb-c20] .full-width[_ngcontent-kkb-c20] {
        width: 100%
    }

        .runner-details[_ngcontent-kkb-c20] .full-width[_ngcontent-kkb-c20] .runner-name[_ngcontent-kkb-c20] {
            width: calc(100% - 65px)
        }

        .runner-details[_ngcontent-kkb-c20] .full-width[_ngcontent-kkb-c20] .runner-name.greyhound[_ngcontent-kkb-c20], .runner-details[_ngcontent-kkb-c20] .full-width[_ngcontent-kkb-c20] .runner-name.without-race-symbol[_ngcontent-kkb-c20] {
            width: 100%
        }

    .runner-details[_ngcontent-kkb-c20] .full-width-racing-title[_ngcontent-kkb-c20] {
        margin-bottom: -5px
    }

    .runner-details[_ngcontent-kkb-c20] .jockey-name[_ngcontent-kkb-c20] {
        font-size: 10px
    }

    .runner-details[_ngcontent-kkb-c20] .float-container[_ngcontent-kkb-c20] {
        float: left;
        margin-right: var(--sPad)
    }

        .runner-details[_ngcontent-kkb-c20] .float-container[_ngcontent-kkb-c20]:last-child {
            margin-right: 0
        }

        .runner-details[_ngcontent-kkb-c20] .float-container[_ngcontent-kkb-c20] .number-ids[_ngcontent-kkb-c20] {
            font-size: 11px;
            text-align: center;
            min-width: 19px
        }

.runner-details.with-ladder[_ngcontent-kkb-c20] {
    padding-right: 25px
}

[_nghost-kkb-c44] {
    font-size: 12px;
    float: left;
    clear: both
}

.pnl-racing[_nghost-kkb-c44] {
    margin-left: 26px
}

.label[_ngcontent-kkb-c44] {
    font-size: 11px;
    font-weight: 700;
    padding-right: var(--xsPad)
}

section[_ngcontent-kkb-c46] {
    margin-bottom: var(--mPad)
}

.app-list-item[_ngcontent-kkb-c46] {
    background: var(--white);
    font-size: 16px;
    padding: 12px var(--mPad);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.in-play[_ngcontent-kkb-c46] {
    color: var(--in-play);
    margin-bottom: 7px;
    font-size: 18px;
    font-weight: 700
}

    .in-play[_ngcontent-kkb-c46] .label[_ngcontent-kkb-c46] {
        margin-left: var(--lPad)
    }

    .in-play[_ngcontent-kkb-c46] > img[_ngcontent-kkb-c46] {
        width: 18px;
        height: 18px;
        margin-right: 6px;
        top: -1px;
        position: relative;
        vertical-align: sub;
        display: inline-block
    }

    .in-play[_ngcontent-kkb-c46] > i[_ngcontent-kkb-c46] {
        position: absolute;
        margin-top: 1px
    }

.icon-wrap[_ngcontent-kkb-c46] {
    display: flex
}

.see-more[_ngcontent-kkb-c46] {
    background: var(--white);
    line-height: 30px;
    margin: -13px;
    margin-bottom: var(--mPad);
    text-align: center
}

    .see-more[_ngcontent-kkb-c46] span[_ngcontent-kkb-c46] {
        text-transform: uppercase;
        font-size: 10px;
        color: var(--black)
    }

    .see-more[_ngcontent-kkb-c46] .icon[_ngcontent-kkb-c46] {
        position: relative;
        top: -2px;
        margin-left: var(--xsPad)
    }

.in-play-icon[_ngcontent-kkb-c46] {
    color: var(--in-play)
}

.match-stats-info-icon[_ngcontent-kkb-c46] {
    margin: 0
}

    .match-stats-info-icon[_ngcontent-kkb-c46] .icon-match-stats[_ngcontent-kkb-c46] {
        margin-right: 5px !important;
        font-size: 16px;
        color: var(--in-play)
    }

.match-stats-video-tv-icon[_ngcontent-kkb-c46] {
    margin: 3px 0 0
}

    .match-stats-video-tv-icon[_ngcontent-kkb-c46] .icon-video-tv[_ngcontent-kkb-c46] {
        margin-right: 5px;
        font-size: 16px;
        font-weight: 700;
        color: var(--in-play)
    }

.app-list-item[_ngcontent-kkb-c47] {
    background-color: var(--white);
    padding: var(--mPad)
}

    .app-list-item[_ngcontent-kkb-c47] .title[_ngcontent-kkb-c47] {
        font-size: 16px
    }

.date-section[_ngcontent-kkb-c47] {
    margin-bottom: var(--sPad)
}

    .date-section[_ngcontent-kkb-c47] .date[_ngcontent-kkb-c47] {
        background-color: var(--accordion-background);
        color: var(--accordion-color);
        padding: var(--sPad);
        font-size: 12px
    }

    .date-section[_ngcontent-kkb-c47] .in-play-icon[_ngcontent-kkb-c47] {
        color: var(--in-play)
    }

    .date-section[_ngcontent-kkb-c47] .date-info[_ngcontent-kkb-c47] {
        margin: 0 0 2px;
        overflow: inherit;
        font-size: 14px;
        line-height: normal;
        color: #666
    }

.action-wrap[_ngcontent-kkb-c47] {
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    align-items: center
}

    .action-wrap[_ngcontent-kkb-c47] .bet-builder-button[_ngcontent-kkb-c47] {
        width: 30px;
        height: 30px
    }

        .action-wrap[_ngcontent-kkb-c47] .bet-builder-button[_ngcontent-kkb-c47] > [class*=icon][_ngcontent-kkb-c47] {
            margin: 0
        }

        .action-wrap[_ngcontent-kkb-c47] .bet-builder-button[_ngcontent-kkb-c47] + *[_ngcontent-kkb-c47] {
            margin-left: 15px
        }

[_nghost-kkb-c34] {
    display: block
}

.other-event-details[_ngcontent-kkb-c34] {
    background: var(--event-info-background-color);
    color: var(--header-color);
    display: grid;
    grid-template-columns: auto var(--mPad);
    grid-column-gap: var(--sPad);
    vertical-align: middle;
    align-items: center;
    padding: var(--xsPad) var(--sPad)
}

    .other-event-details[_ngcontent-kkb-c34] .show-rules[_ngcontent-kkb-c34] {
        cursor: pointer
    }

    .other-event-details[_ngcontent-kkb-c34] .main-detail-header[_ngcontent-kkb-c34] {
        display: flex;
        align-items: center
    }

        .other-event-details[_ngcontent-kkb-c34] .main-detail-header[_ngcontent-kkb-c34] .event-title[_ngcontent-kkb-c34] {
            word-break: break-word;
            font-size: 18px;
            font-weight: 700
        }

        .other-event-details[_ngcontent-kkb-c34] .main-detail-header[_ngcontent-kkb-c34] .icon[_ngcontent-kkb-c34] {
            font-size: 18px;
            width: 18px;
            height: 18px;
            margin-right: var(--sPad)
        }

    .other-event-details[_ngcontent-kkb-c34] .main-detail-additional-info[_ngcontent-kkb-c34] {
        margin-top: 2px
    }

        .other-event-details[_ngcontent-kkb-c34] .main-detail-additional-info[_ngcontent-kkb-c34] .date-info[_ngcontent-kkb-c34], .other-event-details[_ngcontent-kkb-c34] .main-detail-additional-info[_ngcontent-kkb-c34] .race-details[_ngcontent-kkb-c34] {
            font-size: 10px
        }

    .other-event-details[_ngcontent-kkb-c34] .match-stats-info[_ngcontent-kkb-c34] {
        padding-left: 22px;
        margin-top: 2px;
        font-size: 10px
    }

        .other-event-details[_ngcontent-kkb-c34] .match-stats-info[_ngcontent-kkb-c34] .detail[_ngcontent-kkb-c34] > p[_ngcontent-kkb-c34] {
            margin: 0
        }

            .other-event-details[_ngcontent-kkb-c34] .match-stats-info[_ngcontent-kkb-c34] .detail[_ngcontent-kkb-c34] > p[_ngcontent-kkb-c34]:first-child {
                margin-bottom: 2px
            }

.icon-ladder[_ngcontent-kkb-c45] {
    color: var(--ladder-icon-color)
}

.icon-ladder.disabled[_ngcontent-kkb-c45] {
    color: var(--ladder-icon-disabled-color)
}

[_nghost-tgi-c22] {
    overflow: hidden;
    display: block;
    z-index: 1
}

.bet-form[_ngcontent-tgi-c22] {
    padding: var(--sPad);
    margin-bottom: var(--sPad);
    background: var(--white)
}

.bet-form.back[_ngcontent-tgi-c22] {
    border: 1px solid var(--back-background);
    border-bottom-width: 7px
}

.bet-form.lay[_ngcontent-tgi-c22] {
    border: 1px solid var(--lay-background);
    border-bottom-width: 7px
}

.odds-has-changed-confirmation[_ngcontent-tgi-c22] {
    overflow: hidden;
    margin-top: 3px;
    text-align: center
}

    .odds-has-changed-confirmation[_ngcontent-tgi-c22] .info-icon[_ngcontent-tgi-c22] {
        font-size: 20px;
        margin-right: var(--sPad)
    }

.odds-has-changed-confirmation__message[_ngcontent-tgi-c22] {
    padding: var(--sPad);
    border: 1px solid var(--event-market-notification-border-color);
    border-radius: 5px;
    background: var(--event-market-notification-background);
    color: var(--event-market-notification-color);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color .5s ease-in
}

.inputs[_ngcontent-tgi-c22] {
    display: flex;
    justify-content: stretch;
    align-items: center;
    margin-bottom: var(--sPad)
}

    .inputs[_ngcontent-tgi-c22] .odds-stepper-readonly[_ngcontent-tgi-c22] {
        line-height: 33px;
        color: var(--list-text)
    }

    .inputs[_ngcontent-tgi-c22] .line-value[_ngcontent-tgi-c22], .inputs[_ngcontent-tgi-c22] .price-value[_ngcontent-tgi-c22] {
        font-size: 12px;
        line-height: 17px;
        font-weight: 700;
        padding: var(--sPad) 0;
        color: var(--black)
    }

    .inputs[_ngcontent-tgi-c22] .odds-stepper-group[_ngcontent-tgi-c22] .label-md[_ngcontent-tgi-c22] {
        position: static;
        width: 100%
    }

    .inputs[_ngcontent-tgi-c22] .item-block[_ngcontent-tgi-c22] {
        background: 0 0
    }

    .inputs[_ngcontent-tgi-c22] .item-block.no-liability[_ngcontent-tgi-c22] input[_ngcontent-tgi-c22]::-ms-input-placeholder {
        color: transparent
    }

    .inputs[_ngcontent-tgi-c22] .item-block.no-liability[_ngcontent-tgi-c22] input[_ngcontent-tgi-c22]::placeholder {
        color: transparent
    }

    .inputs[_ngcontent-tgi-c22] .odds-stepper-group[_ngcontent-tgi-c22] {
        display: flex;
        width: 100%;
        flex-direction: column;
        margin: 0 var(--xsPad) 0 0;
        padding: 0
    }

    .inputs[_ngcontent-tgi-c22] .odds-stepper-group.-readonly[_ngcontent-tgi-c22] {
        align-items: center;
        flex: 0 0 60px
    }

    .inputs[_ngcontent-tgi-c22] .odds-stepper-group[_ngcontent-tgi-c22] .odds-price-label[_ngcontent-tgi-c22] .label-md[_ngcontent-tgi-c22] {
        position: static;
        display: inline-block;
        vertical-align: middle
    }

    .inputs[_ngcontent-tgi-c22] .odds-stepper-group[_ngcontent-tgi-c22] .odds-price-label[_ngcontent-tgi-c22] .pre-match-label[_ngcontent-tgi-c22] {
        display: inline-block;
        vertical-align: middle;
        font-size: 7px;
        line-height: 7px;
        color: var(--grey);
        border: 1px solid var(--grey);
        border-radius: 3px;
        padding: 2px 7px;
        margin-left: var(--xsPad);
        text-transform: uppercase
    }

    .inputs[_ngcontent-tgi-c22] .input-group-stake[_ngcontent-tgi-c22], .inputs[_ngcontent-tgi-c22] .odds-stepper-group[_ngcontent-tgi-c22] odds-stepper[_ngcontent-tgi-c22] {
        width: 100%
    }

        .inputs[_ngcontent-tgi-c22] .input-group-stake[_ngcontent-tgi-c22] > label.label-md[_ngcontent-tgi-c22] {
            float: right;
            text-transform: capitalize
        }

            .inputs[_ngcontent-tgi-c22] .input-group-stake[_ngcontent-tgi-c22] > label.label-md[_ngcontent-tgi-c22]:first-child {
                float: left;
                text-transform: uppercase
            }

        .inputs[_ngcontent-tgi-c22] .input-group-stake[_ngcontent-tgi-c22] .text-input[_ngcontent-tgi-c22] {
            height: 35px;
            width: 100%;
            text-align: center;
            transition: box-shadow .2s ease-out;
            box-shadow: none
        }

            .inputs[_ngcontent-tgi-c22] .input-group-stake[_ngcontent-tgi-c22] .text-input[_ngcontent-tgi-c22]:focus {
                border-color: var(--bet-form-stepper-buttons-bg-color)
            }

            .inputs[_ngcontent-tgi-c22] .input-group-stake[_ngcontent-tgi-c22] .text-input[_ngcontent-tgi-c22]::-ms-input-placeholder {
                text-align: left
            }

            .inputs[_ngcontent-tgi-c22] .input-group-stake[_ngcontent-tgi-c22] .text-input[_ngcontent-tgi-c22]::placeholder {
                text-align: left
            }

            .inputs[_ngcontent-tgi-c22] .input-group-stake[_ngcontent-tgi-c22] .text-input[_ngcontent-tgi-c22]:focus::-ms-input-placeholder {
                color: transparent
            }

            .inputs[_ngcontent-tgi-c22] .input-group-stake[_ngcontent-tgi-c22] .text-input[_ngcontent-tgi-c22]:focus::placeholder {
                color: transparent
            }

        .inputs[_ngcontent-tgi-c22] .input-group-stake[_ngcontent-tgi-c22] .text-input.incrementing[_ngcontent-tgi-c22] {
            box-shadow: inset 0 0 8px rgba(68,10,71,.4)
        }

    .inputs[_ngcontent-tgi-c22] .price-input-group[_ngcontent-tgi-c22] {
        line-height: 17px;
        flex: 0 0 60px
    }

    .inputs[_ngcontent-tgi-c22] .line-input-group[_ngcontent-tgi-c22] {
        margin-right: var(--sPad);
        flex: 0 0 60px
    }

    .inputs[_ngcontent-tgi-c22] .line-input-group.with-stepper[_ngcontent-tgi-c22] {
        margin-right: var(--xsPad)
    }

    .inputs[_ngcontent-tgi-c22] label.label-md[_ngcontent-tgi-c22] {
        color: var(--black);
        text-transform: uppercase;
        font-size: 10px;
        margin: 0 0 var(--xsPad);
        padding: 0
    }

    .inputs[_ngcontent-tgi-c22] label.label-value[_ngcontent-tgi-c22] {
        position: relative;
        top: calc(-1 *var(--xsPad));
        white-space: nowrap
    }

.input-buttons[_ngcontent-tgi-c22] {
    display: flex
}

    .input-buttons[_ngcontent-tgi-c22] .button[_ngcontent-tgi-c22] {
        flex: 1 0 0;
        text-transform: capitalize;
        font-size: 13px;
        margin: 0 2px
    }

.input-buttons.confirmation-buttons[_ngcontent-tgi-c22] .button[_ngcontent-tgi-c22] {
    margin-top: 9px;
    margin-left: 2px;
    margin-right: 2px
}

.input-buttons.confirmation-buttons[_ngcontent-tgi-c22] .button.submit[_ngcontent-tgi-c22] {
    position: relative
}

    .input-buttons.confirmation-buttons[_ngcontent-tgi-c22] .button.submit[_ngcontent-tgi-c22] .bet-delay[_ngcontent-tgi-c22] {
        position: absolute;
        top: 0;
        right: 0;
        margin: 5px;
        font-size: 13px;
        line-height: 13px
    }

        .input-buttons.confirmation-buttons[_ngcontent-tgi-c22] .button.submit[_ngcontent-tgi-c22] .bet-delay[_ngcontent-tgi-c22] span[_ngcontent-tgi-c22] {
            font-size: 12px;
            vertical-align: middle;
            margin-left: -2px
        }

.input-buttons.confirmation-buttons[_ngcontent-tgi-c22] .cancel[_ngcontent-tgi-c22] {
    background: var(--white);
    color: var(--cta-disabled);
    box-shadow: none;
    border: 1px solid var(--cta-disabled);
    border-radius: 2px
}

.input-buttons.confirmation-buttons[_ngcontent-tgi-c22] .submit[_ngcontent-tgi-c22] {
    border-radius: 2px
}

    .input-buttons.confirmation-buttons[_ngcontent-tgi-c22] .submit[_ngcontent-tgi-c22] .action[_ngcontent-tgi-c22], .input-buttons.confirmation-buttons[_ngcontent-tgi-c22] .submit[_ngcontent-tgi-c22] .info[_ngcontent-tgi-c22] {
        color: var(--white)
    }

.input-buttons[_ngcontent-tgi-c22]:not(.confirmation-buttons) .button[_ngcontent-tgi-c22] {
    background-color: var(--bet-form-stake-buttons-bg-color);
    color: var(--bet-form-stake-buttons-color);
    flex: 2 2 auto;
    margin-left: 2px;
    margin-right: 2px
}

.bet-buttons[_ngcontent-tgi-c22] {
    margin-bottom: var(--sPad)
}

    .bet-buttons[_ngcontent-tgi-c22] .button[_ngcontent-tgi-c22] {
        height: 28px
    }

.confirmation-control[_ngcontent-tgi-c22] {
    display: flex;
    padding: var(--mPad) 0 var(--sPad);
    color: var(--grey);
    align-items: center;
    justify-content: space-between
}

.place-bet-btn__wrap[_ngcontent-tgi-c22] {
    display: flex;
    flex-direction: column
}

    .place-bet-btn__wrap[_ngcontent-tgi-c22] .action[_ngcontent-tgi-c22] {
        font-size: 13px
    }

    .place-bet-btn__wrap[_ngcontent-tgi-c22] .info[_ngcontent-tgi-c22] {
        font-size: .8em;
        padding: 2px 0
    }

.odds-stepper-fixed[_ngcontent-tgi-c22] {
    line-height: 25px;
    font-weight: 700;
    color: var(--white)
}

@keyframes odds-has-changed-confirmation-blink {
    100% {
        background-color: var(--highlights)
    }
}

.bet-builder-betslip .bet-form {
    margin-top: 15px;
    border: 2px solid !important;
    border-radius: 3px !important;
    color: var(--list-text)
}

.bet-builder-betslip .bet-builder {
    padding-bottom: 10px
}

    .bet-builder-betslip .bet-builder .selections p {
        font-size: 12px;
        margin: 0
    }

    .bet-builder-betslip .bet-builder .header {
        color: var(--bet-builder-border-color);
        vertical-align: middle;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px
    }

        .bet-builder-betslip .bet-builder .header .title {
            display: inline-block;
            font-weight: 700
        }

[_nghost-tgi-c50] {
    height: 24px;
    display: inline-block
}

.toggle-container[_ngcontent-tgi-c50] {
    background: var(--white);
    box-sizing: border-box;
    border-radius: 20px;
    height: 24px;
    width: 54px;
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 10px;
    font-weight: 700;
    transition: background-color .3s
}

.toggle-container.off[_ngcontent-tgi-c50] {
    border: 1px solid var(--grey)
}

    .toggle-container.off[_ngcontent-tgi-c50]:after {
        position: absolute;
        top: 4.5px;
        left: 26px;
        content: "OFF";
        color: var(--grey)
    }

    .toggle-container.off[_ngcontent-tgi-c50] .toggle-button[_ngcontent-tgi-c50] {
        border: 1px solid var(--grey);
        left: -1px
    }

.toggle-container.on[_ngcontent-tgi-c50] {
    border: 1px solid var(--positive);
    background: var(--positive)
}

    .toggle-container.on[_ngcontent-tgi-c50]:after {
        position: absolute;
        left: 9px;
        top: 4.5px;
        content: "ON";
        color: var(--white)
    }

    .toggle-container.on[_ngcontent-tgi-c50] .toggle-button[_ngcontent-tgi-c50] {
        border: 1px solid var(--positive);
        left: 30px;
        background: var(--white)
    }

.toggle-container[_ngcontent-tgi-c50] .toggle-button[_ngcontent-tgi-c50] {
    background: var(--white);
    border-radius: 50%;
    box-sizing: border-box;
    height: 22px;
    width: 22px;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition-property: left;
    transition-duration: .3s
}

toggle.-warning .toggle-container.on {
    background: var(--white);
    border-color: var(--white)
}

    toggle.-warning .toggle-container.on:after {
        color: var(--negative)
    }

    toggle.-warning .toggle-container.on .toggle-button {
        background: var(--negative) !important;
        border-color: var(--negative) !important
    }

[_nghost-tgi-c49] {
    display: block
}

.item-block.input-group[_nghost-tgi-c49] {
    background: 0 0 !important
}

label.label-md[_ngcontent-tgi-c49] {
    color: var(--black);
    text-transform: uppercase;
    font-size: 10px;
    margin: 0 0 var(--xsPad);
    padding: 0;
    position: relative;
    top: -2px
}

.stepper-input[_ngcontent-tgi-c49] {
    display: flex
}

    .stepper-input[_ngcontent-tgi-c49] .minus[_ngcontent-tgi-c49], .stepper-input[_ngcontent-tgi-c49] .plus[_ngcontent-tgi-c49] {
        background-color: var(--bet-form-stepper-buttons-bg-color);
        color: var(--bet-form-stepper-buttons-color);
        position: inherit;
        min-width: 35px;
        height: 33px;
        z-index: 10;
        padding: 0;
        font-weight: 700
    }

    .stepper-input[_ngcontent-tgi-c49] .minus[_ngcontent-tgi-c49] {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .stepper-input[_ngcontent-tgi-c49] .plus[_ngcontent-tgi-c49] {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .stepper-input[_ngcontent-tgi-c49] input.text-input.text-input-md[_ngcontent-tgi-c49] {
        border-radius: 0
    }

    .stepper-input[_ngcontent-tgi-c49] .odds-input[_ngcontent-tgi-c49] {
        border: 1px solid var(--border);
        border-radius: 2px;
        width: 100%
    }

    .stepper-input[_ngcontent-tgi-c49] .odds-input[_ngcontent-tgi-c49] {
        text-align: center
    }

        .stepper-input[_ngcontent-tgi-c49] .odds-input[_ngcontent-tgi-c49]:focus {
            border-color: var(--bet-form-stepper-buttons-bg-color);
            border-radius: 0
        }

[_nghost-tgi-c57] {
    display: block;
    margin-bottom: var(--mPad)
}

.-no-margin[_nghost-tgi-c57] > section.content-wrapper[_ngcontent-tgi-c57] {
    margin-top: 1px;
    color: var(--list-text);
    border-radius: 2px
}

.toggle[_ngcontent-tgi-c57] {
    margin: 0;
    padding: var(--sPad);
    background: var(--accordion-background);
    color: var(--accordion-title-color);
    font-weight: 400;
    font-size: 14px;
    display: flex;
    align-items: center
}

    .toggle[_ngcontent-tgi-c57] .icon-genie-stroke[_ngcontent-tgi-c57] {
        width: 12px;
        height: 24px;
        margin-right: var(--sPad);
        line-height: 24px;
        font-size: 24px
    }

.toggle.-left[_ngcontent-tgi-c57] {
    flex-direction: row-reverse
}

    .toggle.-left[_ngcontent-tgi-c57] .title[_ngcontent-tgi-c57] {
        margin-left: var(--mPad)
    }

.toggle[_ngcontent-tgi-c57] > .title[_ngcontent-tgi-c57] {
    flex: 1
}

.toggle[_ngcontent-tgi-c57] > .chevron[_ngcontent-tgi-c57] {
    height: 18px;
    font-size: 8px;
    display: inline-flex;
    align-items: center
}

section.content-wrapper[_ngcontent-tgi-c57] {
    overflow: hidden;
    margin-top: var(--sPad)
}

section.content-wrapper.close[_ngcontent-tgi-c57] {
    margin: 0 !important;
    border: 0 !important
}

.app-list[_ngcontent-tgi-c57] accordion[_ngcontent-tgi-c57], .app-list[_ngcontent-tgi-c57] accordion[_ngcontent-tgi-c57] .content-wrapper[_ngcontent-tgi-c57] {
    margin: 0
}

[_nghost-tgi-c31] {
    display: block
}

.open-bets-listing[_ngcontent-tgi-c31] .app-list-item[_ngcontent-tgi-c31] {
    background: var(--white);
    border: 1px solid var(--border);
    position: relative;
    padding: var(--mPad) 12px
}

.open-bets-listing[_ngcontent-tgi-c31] .app-list-item.back[_ngcontent-tgi-c31] .bet-info[_ngcontent-tgi-c31] {
    color: var(--back-color);
    margin-bottom: 6px
}

.open-bets-listing[_ngcontent-tgi-c31] .app-list-item.lay[_ngcontent-tgi-c31] .bet-info[_ngcontent-tgi-c31] {
    color: var(--lay-color);
    margin-bottom: 6px
}

.open-bets-listing[_ngcontent-tgi-c31] .app-list-item[_ngcontent-tgi-c31] .bet-info[_ngcontent-tgi-c31] {
    /font-weight: 700*/
}

.open-bets-listing[_ngcontent-tgi-c31] .app-list-item[_ngcontent-tgi-c31] .bet-info.matched[_ngcontent-tgi-c31] {
    text-decoration: underline
}

.open-bets-listing[_ngcontent-tgi-c31] .app-list-item[_ngcontent-tgi-c31] .bet-info.matched.no-link[_ngcontent-tgi-c31] {
    text-decoration: none
}

.open-bets-listing[_ngcontent-tgi-c31] .app-list-item[_ngcontent-tgi-c31] .bet-details[_ngcontent-tgi-c31] {
    font-size: 12px
}

.open-bets-listing[_ngcontent-tgi-c31] .app-list-item[_ngcontent-tgi-c31] .input-buttons[_ngcontent-tgi-c31] {
    margin-top: var(--mPad)
}

.message[_ngcontent-tgi-c31] {
    padding: var(--sPad);
    background: var(--white);
    margin: 0
}

accordion.-no-margin[_ngcontent-tgi-c31] section.content-wrapper {
    border: 0 !important
}
[_nghost-tgi-c51] {
    display: block
}

    [_nghost-tgi-c51] .details[_ngcontent-tgi-c51] {
        padding: var(--mPad);
        width: calc(100% - var(--xlPad))
    }

.bet-confirm-modal .modal-component-wrap {
    width: 100%
}

.bet-confirm-modal .modal-header.-has-event-name .subtitle {
    font-size: 12px;
    font-weight: 400
}

.bet-confirm-modal.lay .modal-component-wrap {
    border-bottom: 7px solid var(--lay-background)
}

.bet-confirm-modal.back .modal-component-wrap {
    border-bottom: 7px solid var(--back-background)
}

.bet-confirm-modal ul {
    width: 100%;
    list-style: none;
    display: flex;
    margin: 0;
    padding: var(--mPad) var(--sPad) var(--lPad);
    border: 1px solid var(--light-grey);
    border-radius: 2px
}

    .bet-confirm-modal ul > li {
        margin: 0;
        padding: 0;
        flex: 1;
        text-align: center
    }

        .bet-confirm-modal ul > li p {
            margin: 0;
            text-transform: uppercase;
            font-size: 11px
        }

            .bet-confirm-modal ul > li p em {
                display: inline-block;
                font-size: 18px;
                margin-top: var(--xsPad);
                font-style: normal;
                font-weight: 700
            }

.bet-confirm-modal .modal-actions .button {
    flex: 1 0 0;
    height: 45px;
    font-size: 13px;
    text-transform: capitalize
}

    .bet-confirm-modal .modal-actions .button.cancel {
        background: var(--white);
        color: var(--cta-disabled);
        box-shadow: none;
        border: 1px solid var(--cta-disabled);
        border-radius: 2px
    }

.bet-confirm-modal .place-bet-btn__wrap {
    display: flex;
    flex-direction: column
}

    .bet-confirm-modal .place-bet-btn__wrap .action {
        font-size: 13px
    }

    .bet-confirm-modal .place-bet-btn__wrap .info {
        font-size: .8em;
        padding: 2px 0
    }
.placing-bet-loader-modal .modal-component-wrap {
    text-align: center
}

    .placing-bet-loader-modal .modal-component-wrap.lay .modal-component-wrap {
        border-bottom: 7px solid var(--lay-background)
    }

    .placing-bet-loader-modal .modal-component-wrap.back .modal-component-wrap {
        border-bottom: 7px solid var(--back-background)
    }

    .placing-bet-loader-modal .modal-component-wrap .modal-content {
        position: relative;
        border-bottom-width: 7px
    }

    .placing-bet-loader-modal .modal-component-wrap .countdown {
        position: relative;
        font-size: 24px;
        width: 60px;
        height: 60px;
        line-height: 60px
    }

    .placing-bet-loader-modal .modal-component-wrap .icon-spinner {
        position: absolute;
        left: 0;
        bottom: 0;
        font-size: 60px
    }
page-title {
    font-weight: 700;
    font-size: 18px;
    margin: 0;
    margin-top: var(--sPad);
    margin-bottom: var(--sPad);
}
[_nghost-tgi-c64] {
    background: var(--white);
    color: var(--rules-regs-color);
    padding: var(--mPad)
}

h2[_ngcontent-tgi-c64], h3[_ngcontent-tgi-c64], h4[_ngcontent-tgi-c64], h5[_ngcontent-tgi-c64], h6[_ngcontent-tgi-c64] {
    font-weight: 700
}

h1[_ngcontent-tgi-c64] {
    margin: 0 0 14px
}

h2[_ngcontent-tgi-c64] {
    font-size: 20px
}

h3[_ngcontent-tgi-c64] {
    font-size: 18px
}

h4[_ngcontent-tgi-c64] {
    font-size: 16px
}

h5[_ngcontent-tgi-c64] {
    font-size: 14px;
    margin-left: 7px
}

h6[_ngcontent-tgi-c64] {
    font-size: 12px;
    margin-left: var(--mPad)
}

.thin-title[_ngcontent-tgi-c64] {
    font-weight: 400
}

li[_ngcontent-tgi-c64], ul[_ngcontent-tgi-c64] ul[_ngcontent-tgi-c64] li[_ngcontent-tgi-c64]:last-child {
    margin-bottom: var(--sPad)
}

    li[_ngcontent-tgi-c64]:last-child {
        margin-bottom: 0
    }

ol.roman[_ngcontent-tgi-c64] li[_ngcontent-tgi-c64] {
    list-style-type: lower-roman
}

.general[_ngcontent-tgi-c64], .intro[_ngcontent-tgi-c64], .specific[_ngcontent-tgi-c64] {
    counter-reset: rules
}

    .general[_ngcontent-tgi-c64] h3[_ngcontent-tgi-c64]::before, .intro[_ngcontent-tgi-c64] h3[_ngcontent-tgi-c64]::before, .specific[_ngcontent-tgi-c64] h3[_ngcontent-tgi-c64]::before {
        counter-increment: rules;
        content: counter(rules) ".  "
    }

    .general[_ngcontent-tgi-c64] .example[_ngcontent-tgi-c64], .general[_ngcontent-tgi-c64] .example-header[_ngcontent-tgi-c64], .intro[_ngcontent-tgi-c64] .example[_ngcontent-tgi-c64], .intro[_ngcontent-tgi-c64] .example-header[_ngcontent-tgi-c64], .specific[_ngcontent-tgi-c64] .example[_ngcontent-tgi-c64], .specific[_ngcontent-tgi-c64] .example-header[_ngcontent-tgi-c64] {
        display: block;
        font-style: italic;
        color: #666;
        margin: 13px 0
    }

        .general[_ngcontent-tgi-c64] .example[_ngcontent-tgi-c64] p[_ngcontent-tgi-c64], .general[_ngcontent-tgi-c64] .example-header[_ngcontent-tgi-c64] p[_ngcontent-tgi-c64], .intro[_ngcontent-tgi-c64] .example[_ngcontent-tgi-c64] p[_ngcontent-tgi-c64], .intro[_ngcontent-tgi-c64] .example-header[_ngcontent-tgi-c64] p[_ngcontent-tgi-c64], .specific[_ngcontent-tgi-c64] .example[_ngcontent-tgi-c64] p[_ngcontent-tgi-c64], .specific[_ngcontent-tgi-c64] .example-header[_ngcontent-tgi-c64] p[_ngcontent-tgi-c64] {
            margin: 0;
            color: #666
        }

    .general[_ngcontent-tgi-c64] .small-table[_ngcontent-tgi-c64], .intro[_ngcontent-tgi-c64] .small-table[_ngcontent-tgi-c64], .specific[_ngcontent-tgi-c64] .small-table[_ngcontent-tgi-c64] {
        width: 250px;
        margin-bottom: var(--sPad)
    }
.report[_ngcontent-tgi-c63] {
    font-size: 12px
}

    .report[_ngcontent-tgi-c63] .header[_ngcontent-tgi-c63] {
        background-color: var(--transfer-report);
        color: var(--accordion-color);
        padding: var(--xsPad) var(--sPad)
    }

    .report[_ngcontent-tgi-c63] .group[_ngcontent-tgi-c63] .header[_ngcontent-tgi-c63] {
        background-color: var(--group-header);
        color: var(--transfer-header-color);
        padding: var(--xsPad) var(--mPad)
    }

    .report[_ngcontent-tgi-c63] .group[_ngcontent-tgi-c63] .content[_ngcontent-tgi-c63] {
        padding: var(--xsPad) var(--sPad) var(--mPad) var(--mPad)
    }

        .report[_ngcontent-tgi-c63] .group[_ngcontent-tgi-c63] .content[_ngcontent-tgi-c63] .details[_ngcontent-tgi-c63] {
            padding: var(--xsPad) 0
        }

            .report[_ngcontent-tgi-c63] .group[_ngcontent-tgi-c63] .content[_ngcontent-tgi-c63] .details[_ngcontent-tgi-c63] .amount[_ngcontent-tgi-c63] {
                font-weight: 700
            }

        ._transfer-page-columns[_ngcontent-tgi-c63], .report[_ngcontent-tgi-c63] .group[_ngcontent-tgi-c63] .content[_ngcontent-tgi-c63] .details[_ngcontent-tgi-c63], .report[_ngcontent-tgi-c63] .header[_ngcontent-tgi-c63] {
            display: flex
        }

            ._transfer-page-columns[_ngcontent-tgi-c63] .date[_ngcontent-tgi-c63], .report[_ngcontent-tgi-c63] .group[_ngcontent-tgi-c63] .content[_ngcontent-tgi-c63] .details[_ngcontent-tgi-c63] .date[_ngcontent-tgi-c63], .report[_ngcontent-tgi-c63] .header[_ngcontent-tgi-c63] .date[_ngcontent-tgi-c63] {
                width: 25%
            }

            ._transfer-page-columns[_ngcontent-tgi-c63] .description[_ngcontent-tgi-c63], .report[_ngcontent-tgi-c63] .group[_ngcontent-tgi-c63] .content[_ngcontent-tgi-c63] .details[_ngcontent-tgi-c63] .description[_ngcontent-tgi-c63], .report[_ngcontent-tgi-c63] .header[_ngcontent-tgi-c63] .description[_ngcontent-tgi-c63] {
                width: 30%
            }

            ._transfer-page-columns[_ngcontent-tgi-c63] .amount[_ngcontent-tgi-c63], .report[_ngcontent-tgi-c63] .group[_ngcontent-tgi-c63] .content[_ngcontent-tgi-c63] .details[_ngcontent-tgi-c63] .amount[_ngcontent-tgi-c63], .report[_ngcontent-tgi-c63] .header[_ngcontent-tgi-c63] .amount[_ngcontent-tgi-c63] {
                width: 45%;
                text-align: right
            }
.pnl-list[_ngcontent-ykn-c62] .date-section[_ngcontent-ykn-c62] {
    margin-bottom: var(--sPad)
}

.pnl-list[_ngcontent-ykn-c62] .wrapper[_ngcontent-ykn-c62] {
    padding: var(--mPad);
    display: flex;
    margin: 2px 0 0;
    background: var(--white);
    color: var(--black);
    font-size: 10px;
    border: 1px solid var(--border)
}

    .pnl-list[_ngcontent-ykn-c62] .wrapper[_ngcontent-ykn-c62] .info[_ngcontent-ykn-c62] {
        float: left;
        width: 70%
    }

        .pnl-list[_ngcontent-ykn-c62] .wrapper[_ngcontent-ykn-c62] .info[_ngcontent-ykn-c62] .market-info[_ngcontent-ykn-c62] {
            margin-bottom: 2px
        }

    .pnl-list[_ngcontent-ykn-c62] .wrapper[_ngcontent-ykn-c62] .pnl-titles[_ngcontent-ykn-c62] {
        text-align: right;
        width: 15%;
        min-width: 55px
    }

        .pnl-list[_ngcontent-ykn-c62] .wrapper[_ngcontent-ykn-c62] .pnl-titles[_ngcontent-ykn-c62]:first-child {
            margin-bottom: 2px
        }

    .pnl-list[_ngcontent-ykn-c62] .wrapper[_ngcontent-ykn-c62] .pnl-numbers[_ngcontent-ykn-c62] {
        text-align: right;
        width: 15%;
        padding-left: 5px
    }

        .pnl-list[_ngcontent-ykn-c62] .wrapper[_ngcontent-ykn-c62] .pnl-numbers[_ngcontent-ykn-c62]:first-child {
            margin-bottom: 2px
        }

    .pnl-list[_ngcontent-ykn-c62] .wrapper[_ngcontent-ykn-c62] .truncate[_ngcontent-ykn-c62] {
        width: 100%;
        font-size: 12px;
        margin-bottom: 3px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-decoration: underline
    }

    .pnl-list[_ngcontent-ykn-c62] .wrapper[_ngcontent-ykn-c62] .truncate-title[_ngcontent-ykn-c62] {
        text-decoration: none
    }

    .pnl-list[_ngcontent-ykn-c62] .wrapper[_ngcontent-ykn-c62] .truncate[_ngcontent-ykn-c62] a[_ngcontent-ykn-c62] {
        color: var(--back-color)
    }

.pnl-list[_ngcontent-ykn-c62] .date[_ngcontent-ykn-c62] {
    padding: var(--sPad);
    background-color: var(--accordion-background);
    color: var(--accordion-color);
    font-size: 12px
}

    .pnl-list[_ngcontent-ykn-c62] .date[_ngcontent-ykn-c62] .total[_ngcontent-ykn-c62] {
        float: right
    }

    .pnl-list[_ngcontent-ykn-c62] .date[_ngcontent-ykn-c62] .value[_ngcontent-ykn-c62] {
        font-weight: 700
    }
.pnl-breakdown-page[_ngcontent-ykn-c63] .betting-title[_ngcontent-ykn-c63] {
    font-weight: 700;
    margin-top: 14px !important;
    font-size: 24px
}

.pnl-breakdown-page[_ngcontent-ykn-c63] .date-section[_ngcontent-ykn-c63] {
    margin-bottom: var(--sPad)
}

.pnl-breakdown-page[_ngcontent-ykn-c63] .order[_ngcontent-ykn-c63] {
    padding: 15px 11px 20px;
    background: var(--white);
    color: var(--black);
    margin: 2px 0 0
}

    .pnl-breakdown-page[_ngcontent-ykn-c63] .order[_ngcontent-ykn-c63] .wrapper[_ngcontent-ykn-c63] {
        display: flex
    }

        .pnl-breakdown-page[_ngcontent-ykn-c63] .order[_ngcontent-ykn-c63] .wrapper[_ngcontent-ykn-c63] .info[_ngcontent-ykn-c63] {
            float: left;
            width: 60%;
            font-size: 10px
        }

            .pnl-breakdown-page[_ngcontent-ykn-c63] .order[_ngcontent-ykn-c63] .wrapper[_ngcontent-ykn-c63] .info[_ngcontent-ykn-c63] .truncate[_ngcontent-ykn-c63] {
                width: 95%;
                font-size: 12px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                margin-bottom: 5px
            }

                .pnl-breakdown-page[_ngcontent-ykn-c63] .order[_ngcontent-ykn-c63] .wrapper[_ngcontent-ykn-c63] .info[_ngcontent-ykn-c63] .truncate[_ngcontent-ykn-c63] .info-color[_ngcontent-ykn-c63] {
                    color: var(--info-color)
                }

            .pnl-breakdown-page[_ngcontent-ykn-c63] .order[_ngcontent-ykn-c63] .wrapper[_ngcontent-ykn-c63] .info[_ngcontent-ykn-c63] .truncate.back[_ngcontent-ykn-c63] {
                color: var(--back-color)
            }

            .pnl-breakdown-page[_ngcontent-ykn-c63] .order[_ngcontent-ykn-c63] .wrapper[_ngcontent-ykn-c63] .info[_ngcontent-ykn-c63] .truncate.lay[_ngcontent-ykn-c63] {
                color: var(--lay-color)
            }

            .pnl-breakdown-page[_ngcontent-ykn-c63] .order[_ngcontent-ykn-c63] .wrapper[_ngcontent-ykn-c63] .info[_ngcontent-ykn-c63] .bet-info[_ngcontent-ykn-c63] {
                margin-bottom: 3px
            }

        .pnl-breakdown-page[_ngcontent-ykn-c63] .order[_ngcontent-ykn-c63] .wrapper[_ngcontent-ykn-c63] .pnl-titles[_ngcontent-ykn-c63] {
            text-align: right;
            width: 20%;
            min-width: 75px;
            font-size: 12px;
            line-height: 16px
        }

            .pnl-breakdown-page[_ngcontent-ykn-c63] .order[_ngcontent-ykn-c63] .wrapper[_ngcontent-ykn-c63] .pnl-titles[_ngcontent-ykn-c63] div[_ngcontent-ykn-c63] {
                font-weight: 700
            }

        .pnl-breakdown-page[_ngcontent-ykn-c63] .order[_ngcontent-ykn-c63] .wrapper[_ngcontent-ykn-c63] .pnl-numbers[_ngcontent-ykn-c63] {
            text-align: right;
            width: 20%;
            padding-left: 5px;
            font-size: 12px;
            line-height: 16px;
            font-weight: 700
        }

        .pnl-breakdown-page[_ngcontent-ykn-c63] .order[_ngcontent-ykn-c63] .wrapper[_ngcontent-ykn-c63] .pnl-numbers.reduced[_ngcontent-ykn-c63] {
            width: 35%
        }

        .pnl-breakdown-page[_ngcontent-ykn-c63] .order[_ngcontent-ykn-c63] .wrapper[_ngcontent-ykn-c63] .pnl-numbers[_ngcontent-ykn-c63] div[_ngcontent-ykn-c63] {
            white-space: nowrap
        }

    .pnl-breakdown-page[_ngcontent-ykn-c63] .order[_ngcontent-ykn-c63] div.wrapper-full-screen[_ngcontent-ykn-c63] {
        font-size: 10px
    }

        .pnl-breakdown-page[_ngcontent-ykn-c63] .order[_ngcontent-ykn-c63] div.wrapper-full-screen[_ngcontent-ykn-c63] .col[_ngcontent-ykn-c63] {
            padding: 0 0 1px
        }

        .pnl-breakdown-page[_ngcontent-ykn-c63] .order[_ngcontent-ykn-c63] div.wrapper-full-screen[_ngcontent-ykn-c63] .bet-props[_ngcontent-ykn-c63] {
            margin: 12px 0 7px;
            text-transform: uppercase
        }

            .pnl-breakdown-page[_ngcontent-ykn-c63] .order[_ngcontent-ykn-c63] div.wrapper-full-screen[_ngcontent-ykn-c63] .bet-props[_ngcontent-ykn-c63] .col[_ngcontent-ykn-c63] {
                padding-top: 5px
            }

        .pnl-breakdown-page[_ngcontent-ykn-c63] .order[_ngcontent-ykn-c63] div.wrapper-full-screen[_ngcontent-ykn-c63] .price-breakdown-toggle__icon[_ngcontent-ykn-c63] {
            padding: 5px;
            margin-top: -6px;
            vertical-align: middle;
            float: right
        }

        .pnl-breakdown-page[_ngcontent-ykn-c63] .order[_ngcontent-ykn-c63] div.wrapper-full-screen[_ngcontent-ykn-c63] apl-settled-order-line-breakdown[_ngcontent-ykn-c63] {
            margin-top: var(--sPad);
            display: block
        }

.pnl-breakdown-page[_ngcontent-ykn-c63] .title[_ngcontent-ykn-c63] {
    padding: var(--sPad);
    font-size: 12px;
    background: var(--accordion-background);
    color: var(--accordion-color)
}

.pnl-breakdown-page[_ngcontent-ykn-c63] .summary-live-casino[_ngcontent-ykn-c63] {
    padding: 15px 12px 20px;
    font-size: 12px;
    background: var(--pnl-summary-background);
    margin-top: var(--sPad);
    margin-left: calc(-1 * var(--mPad));
    margin-right: calc(-1 * var(--mPad))
}

    .pnl-breakdown-page[_ngcontent-ykn-c63] .summary-live-casino[_ngcontent-ykn-c63] strong[_ngcontent-ykn-c63]:nth-child(2) {
        float: right
    }

.pnl-breakdown-page[_ngcontent-ykn-c63] .summary[_ngcontent-ykn-c63] {
    padding: var(--mPad);
    font-size: 12px;
    background: var(--pnl-summary-background);
    margin-top: var(--sPad)
}

    .pnl-breakdown-page[_ngcontent-ykn-c63] .summary[_ngcontent-ykn-c63] .subtotal[_ngcontent-ykn-c63] {
        padding-bottom: 12px
    }

    .pnl-breakdown-page[_ngcontent-ykn-c63] .summary[_ngcontent-ykn-c63] .row[_ngcontent-ykn-c63] {
        color: var(--pnl-color)
    }

    .pnl-breakdown-page[_ngcontent-ykn-c63] .summary[_ngcontent-ykn-c63] .row.net-market[_ngcontent-ykn-c63] {
        padding: var(--sPad) 0;
        border-top: 1px solid var(--pnl-border);
        border-bottom: 1px solid var(--pnl-border)
    }

    .pnl-breakdown-page[_ngcontent-ykn-c63] .summary[_ngcontent-ykn-c63] .col[_ngcontent-ykn-c63] {
        padding: 1px
    }

    .pnl-breakdown-page[_ngcontent-ykn-c63] .summary[_ngcontent-ykn-c63] .col.label[_ngcontent-ykn-c63] {
        text-align: left
    }

    .pnl-breakdown-page[_ngcontent-ykn-c63] .summary[_ngcontent-ykn-c63] .col.number[_ngcontent-ykn-c63] {
        text-align: right
    }

.live-casino[_ngcontent-ykn-c63] .pnl-breakdown-page.wrapper[_ngcontent-ykn-c63] {
    padding-bottom: 11px
}

.pnl-breakdown-page[_ngcontent-ykn-c63] .bet-builder-selections[_ngcontent-ykn-c63] {
    margin-top: var(--sPad);
    padding-top: var(--sPad);
    border-top: 1px solid var(--gray-30);
    font-size: 10px
}

    .pnl-breakdown-page[_ngcontent-ykn-c63] .bet-builder-selections[_ngcontent-ykn-c63] .header[_ngcontent-ykn-c63] {
        font-weight: 700
    }

    .pnl-breakdown-page[_ngcontent-ykn-c63] .bet-builder-selections[_ngcontent-ykn-c63] .selection[_ngcontent-ykn-c63] {
        margin-top: 6px
    }
[_nghost-tgi-c60] {
    display: block
}

.message[_ngcontent-tgi-c60] {
    padding: 0 var(--sPad);
    margin-top: -2px;
    font-size: 10px
}

.message.errors[_ngcontent-tgi-c60] {
    color: var(--negative)
}

.form-group[_ngcontent-tgi-c60] {
    display: flex;
    flex-direction: column
}

.text-input[_ngcontent-tgi-c60] {
    display: block;
    width: 100%;
    margin: var(--sPad) 0;
    padding: var(--sPad);
    height: 35px;
    font-size: .9em
}

.text-input.error[_ngcontent-tgi-c60] {
    border: 1px solid var(--negative)
}

.form-button[_ngcontent-tgi-c60] {
    width: 50%;
    text-transform: capitalize;
    align-self: flex-end
}

.app-list-item[_ngcontent-knf-c27] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: var(--white);
    padding: var(--mPad)
}

    .app-list-item[_ngcontent-knf-c27] .title[_ngcontent-knf-c27] {
        font-size: 16px
    }

.date-section[_ngcontent-knf-c27] {
    margin-bottom: var(--sPad)
}

    .date-section[_ngcontent-knf-c27] .date[_ngcontent-knf-c27] {
        background-color: var(--accordion-background);
        color: var(--accordion-color);
        padding: var(--sPad);
        font-size: 12px
    }

    .date-section[_ngcontent-knf-c27] .in-play-icon[_ngcontent-knf-c27] {
        color: var(--in-play)
    }

    .date-section[_ngcontent-knf-c27] .date-info[_ngcontent-knf-c27] {
        margin: 0 0 2px;
        overflow: inherit;
        font-size: 14px;
        line-height: normal;
        color: #666
    }

.action-wrap[_ngcontent-knf-c27] {
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    align-items: center
}

    .action-wrap[_ngcontent-knf-c27] .icon-genie-button[_ngcontent-knf-c27] {
        margin-right: 5px
    }
[_nghost-oyk-c29] {
    display: block;
    position: relative;
    margin: calc(-1 * var(--sPad));
    margin-bottom: var(--sPad);
    background: var(--black);
    text-align: center
}

.match-live-wrapper[_ngcontent-oyk-c29] {
    margin: 0 auto;
    overflow: hidden;
    transition: width .1s ease,height .1s ease
}

.stats-tabs-group[_ngcontent-oyk-c29] .nav-tabs-group-container[_ngcontent-oyk-c29] {
    margin: 0 calc(-1 * var(--mPad)) var(--mPad)
}

.scorecard-btn[_ngcontent-oyk-c29] {
    background-color: var(--info);
    width: 100%;
    margin: 0;
    font-size: 14px;
    border-radius: 0
}

[_nghost-oyk-c36] {
    display: block
}

.nav-tabs-group-container[_ngcontent-oyk-c36] {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth
}

.nav-tabs-group-container.not-stretched-tabs[_ngcontent-oyk-c36] .nav-tab[_ngcontent-oyk-c36] {
    flex-grow: 0
}

.nav-tab[_ngcontent-oyk-c36] {
    background: var(--event-tab-background-color);
    flex-grow: 1;
    border-bottom: var(--event-tab-border-bottom);
    padding: var(--mPad);
    text-align: center;
    color: var(--event-tab-color);
    font-size: 10px;
    text-transform: uppercase;
    white-space: nowrap
}

.nav-tab.active[_ngcontent-oyk-c36] {
    border-bottom-color: var(--event-tab-active-border-bottom-color);
    color: var(--event-tab-active-color)
}

.nav-tab[_ngcontent-oyk-c36] .tab-icon[_ngcontent-oyk-c36] {
    margin-left: 3px;
    font-weight: 700
}