
.livePage .buttonLiveMarket { height: 30px; }

.livePage .sports-main-middle {
    width: 100%;
}


:root {
    --accent: #14805e;
    --accent-bg: #ff5722;
    --accent-txt: #000;
    --primary-bg: #101010;
    --primary-txt: #fff;
    --secondary-bg: #151515;
    --secondary-txt: #fff;
    --mainBg: #212121;
    --mainBgCol: #fff;
    --bg1: #2d2d2d;
    --col1: #fff;
    --teableHeadersBg: #ff5722;
    --teableHeadersCol: #000000;
    --teableHeadersWeight: 600;
    --teableSubHeadersBg: #484848;
    --teableSubHeadersCol: #ffffff;
    --tableBorders: #383838;
    --casinoGradient1: #2b335a;
    --casinoGradient1-txt: #fff;
    --casinoGradient2: #636363;
    --casinoGradient2-txt: #000;
    --backDrops: #000000cf;
    --casino-content-height: calc(100vh - 165px) !important
}



/* live overview 2022 */

    /* sport_header style START */

        :root {
            --match_action_icons: 25px;
            --match_info: 300px;
            --match_results: 300px;
            --sports_main_right_width: 325px;
            --accent-bg: var(--first-bgcolor-hex);
            --accent-txt: var(--first-textcolor-hex);
            --totH: calc(100vh - 160px);
            --totW: 98vw;
            --leftW: 79vw;
            --rightW: 275px
        }

        /* OVERRIDE */
            .livePage .outcomeDefinition div span {
                float: inherit;
                width: inherit;
                white-space: inherit;
                overflow: inherit;
                text-overflow: inherit;
            }
            .livePage .outcomeName {
                width: inherit;
                display: inherit;
                text-align: inherit;
                font-size: inherit;
                color: inherit;
            }
            .livePage .event-group-live .outcomeDefinition div span.gruppoMercato button,
            .livePage .outcomeDefinition div span .gruppoMercato button,
            .livePage button {   
                position: inherit;
                background: inherit;
                width: inherit;
                min-width: inherit;
                height: inherit;
                margin: inherit;
                padding: inherit;
                cursor: inherit;

                font-family: inherit;
                font-size: inherit;
                font-weight: inherit;
                text-align: inherit;
                vertical-align: inherit;
                line-height: inherit;
                color: inherit;

                border-top: inherit;
                border-bottom: inherit;
                border: inherit;
            }
            .livePage .quote_btn,
            .livePage .btn-odd-rank,
            .livePage button {
                color: inherit;
                margin: inherit;
                width: inherit;
                font-size: inherit;
                border-style: inherit;
                border-width: inherit;
                font-weight: inherit;
                border-color: inherit;
                background-color: inherit;
                border-radius: inherit;
            }
        /* -------- */

        .livePage .sport_header { 
            font-family: 'Roboto Condensed', sans-serif;
            font-weight: 300;
            font-size: 1.1em;

            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            /*text-transform: uppercase;*/

            background-color: var(--bg1);
            
            /* width: calc(99vw - var(--sports_main_right_width))!important; */
            /* min-width: 1100px!important; */

            width: 100%;
            min-width: 100%;
        }
        
        .livePage .sport_header .sport_header_row1 { display: flex; flex-direction: column-reverse; align-content: center; }
        .livePage .sport_header .sport_header_row2 {  }
        .livePage .sport_header .liveoverview_filter_container {
            display: flex;
            align-content: center;
            justify-content: center;
            flex-wrap: wrap;
            margin-bottom: 0.5em;
            padding: .5em 0;
        }
        .livePage .sport_header .liveoverview_filter_input { width: 15em; height: 2em; }

        .livePage .sport_table .sport_icon img,
        .livePage .sport_table .category_icon img,
        .livePage .sport_table .favourite_icon i
        { width: 1.2em; }

        .livePage .sport_header .sport_selector_container {
            display: flex;
            width: 100%;
            flex-direction: row;
            overflow-y: hidden;
            overflow-x: auto;
            margin-bottom: .5em;
            border-top: 1px solid var(--secondary-txt);
            border-bottom: 1px solid var(--secondary-txt);
        }
        .livePage .sport_header .sport_selector {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            padding: .50em;
            color: var(--secondary-txt);
            border-left: 1px solid var(--secondary-txt);
            cursor: pointer;
            border: none;
        }
        .livePage .sport_header .sport_selector:first-child { border-left: none; }
        .livePage .sport_header .sport_selector:last-child { border-right: 1px solid var(--secondary-txt); }
        .livePage .sport_header .sport_selector > div { 
            margin: 0 0.25em;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .livePage .sport_header .sport_icon img { width: 1.2em;   }
        .livePage .sport_header .sport_count {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 1.5em;
            height: 1.5em;
            background-color: var(--secondary-txt);
            background-color: var(--first-bgcolor-hex);
            color: #000;
            border-radius: 50%;
            border-radius: unset;
            font-size: .75em;
            font-weight: 500;
            margin: 0 !important;
        }

        .livePage .sport_header .category_selector_container {
            display: flex;
            width: 100%;
            flex-direction: row;
            overflow-y: hidden;
            overflow-x: auto;
        }
        .livePage .sport_header .category_selector {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            padding: .25em;
            color: var(--secondary-txt);
            border-bottom: 1px groove var(--accent-bg);
            margin: 0 .5em .5em 0;
            cursor: pointer;
        }
        .livePage .sport_header .category_selector:first-child { margin-left: .25em; }
        .livePage .sport_header .category_selector:hover { border-bottom-style: solid; }
        .livePage .sport_header .category_selector > div { margin: 0 .25em; }
        .livePage .sport_header .category_icon img { width: 1.2em; }
    /* ------------------------ */

    /* sport_table style START */

        .livePage .sport_table { 
            font-family: 'Roboto Condensed', sans-serif;
            font-weight: 300;
            font-size: .9em;

            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;

            background-color: var(--bg1);
            
            /* width: calc(99vw - var(--sports_main_right_width))!important; */
            /* min-width: 1100px!important; */

            width: 100%;
            min-width: 100%;
        }

        /* .sport_table { width: calc(100vw - var(--sports_main_right_width)); } */

        .livePage .sport_table .category_container,
        .livePage .sport_table .category_body
        { width: 100%; display: flex; flex-direction: column; }
        .livePage .sport_table .sport_header {
            width: 100%;
            display: flex;
            flex-direction: row;
            background-color: var(--accent-bg);
            margin-bottom: 0;
            color: #000;
        }
        .livePage .sport_table .sport_header > div { margin: .5em; }
        .livePage .sport_table .category_header {
            width: 100%;
            display: flex;
            flex-direction: row;
            background-color: var(--teableSubHeadersBg);
            color: var(--primary-txt);
            border-bottom: 1px groove var(--accent-bg);
        }
        .livePage .sport_table .category_header > div { margin: .5em; }
        .livePage .sport_table .match_info_container {
            width: 100%;
            display: flex;
            flex-direction: row;
            font-size: 1.1em;
            color: var(--primary-txt);
            border-bottom: 1px groove var(--teableSubHeadersCol);
        }
        .livePage .sport_table .match_info_container:last-child; { border-bottom-color: var(--accent-bg); }
        .livePage .sport_table .match_info_container > div { border-right: 1px groove var(--teableSubHeadersCol); }
        .livePage .sport_table .match_info_container > div:last-child { border-right: none; }
        .livePage .sport_table .match_action_icons {
            width: var(--match_action_icons);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 0 .5em;
        }
        .livePage .sport_table .match_action_icons > div { cursor: pointer; }
        .livePage .text-warning { color: #e7d610 !important; font-weight: 900; }

        .livePage .sport_table .match_info {
            width: var(--match_info);
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            padding: 0 .5em;
            cursor: pointer;
        }
        .livePage .sport_table .match_info > div {
            display: flex;
            align-items: center;
        }
        .livePage .sport_table .match_info .match_time { font-size: .75em; }

        .livePage .sport_table .match_results {
            width: var(--match_results);
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
            cursor: pointer;
        }
        
        .livePage .sport_table .results_label { display: none; }
        
        .livePage .sport_table .match_result {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .livePage .sport_table .match_result.gamescore {
            margin-right: 5px;
            color: var(--accent-txt);
            opacity: .8;
        }
        
        
        .livePage .sport_table .match_result:last-child {
            margin-left: 5px;
            font-weight: 600;
            color: var(--first-textcolor-hex);
        }
        
        .livePage .sport_table .match_result > div {
            height: 20px;
            width: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .livePage .sport_table .match_result.gamescore .awayteam_results,
        .livePage .sport_table .match_result.gamescore .hometeam_results {
            border-right: 1px groove var(--teableSubHeadersCol);
            padding-right: 5px;
        }
        
        .livePage .sport_table .match_result:last-child .awayteam_results,
        .livePage .sport_table .match_result:last-child .hometeam_results {
            border-left: 1px groove var(--teableSubHeadersCol);
            padding-left: 5px;
        }
        
        .livePage .sport_table .match_result .results_label {
            color: var(--primary-txt);
            font-weight: 500;
            align-items: center;
            justify-content: center;
            font-size: .75em;
            font-size: .85em;
            /* opacity: 0 !important; */
        }
        .livePage .sport_table .match_result.gamescore .results_label,
        .livePage .sport_table .match_result.gamescore .results_label {
            padding-right: 5px;
            opacity: 1;
        }
        .livePage .sport_table .match_result:last-child .results_label,
        .livePage .sport_table .match_result:last-child .results_label {
            padding-left: 5px;
        }

        /* caso match appena iniziato, con solo match score e first period score */
        .livePage .sport_table .match_result:nth-last-child(-n+2) .awayteam_results,
        .livePage .sport_table .match_result:nth-last-child(-n+2) .hometeam_results,
        .livePage .sport_table .match_result:nth-last-child(-n+2) .results_label,
        .livePage .sport_table .match_result:nth-last-child(-n+2) .results_label {
            border-right: none;
            padding: 0;
        }
        .livePage .sport_table .match_result:nth-last-child(-n+2) {
            margin-right: 0;
        }
        /* --------------------------------------------------------------------- */

        .livePage .sport_table .match_odds {
            width: 70%;
            display: flex;
            justify-content: flex-end;
        }
        .livePage .sport_table .odd_container {
            width: 140px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-evenly;
            border-right: 1px groove var(--teableSubHeadersCol);
        }
        .livePage .sport_table .odd_container:last-child { border-right: none; }
        .livePage .sport_table .odd_container:first-child { border-left: 1px groove var(--teableSubHeadersCol); }
        .livePage .sport_table .odd_container.odd_container_empty { width: 100%; border-left: none; cursor: pointer; }
        
        /* bet stop */
            .livePage .sport_table .bet_stop_container.bet_stop_hide { display: none; }
            .livePage .sport_table .bet_stop_container.bet_stop_show {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
            }
            .livePage .sport_table .bet_stop_container .bet_stop_message {
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 1em;
                color: var(--accent-bg);
                text-transform: uppercase;
            }
            .livePage .bet_stop_message > span { font-size: 1.2em; margin-right: .5em; }
        /* ------- */

        .livePage .sport_table .odd_market_label {
            width: 100%;
            height: 30%;
            padding: 2px 5px;
            
            text-transform: uppercase;
            text-align: center;
            font-size: .9em;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;

            background-color: var(--teableSubHeadersBg);
            border-bottom: 1px groove var(--teableSubHeadersCol);
        }
        .livePage .sport_table .odd_market_label,
        .livePage .sport_table .odd_market_body_DYNAMIC .odd_outcome {
            /* font-size: .75em; */
        }
        .livePage .sport_table .odd_market_body_DYNAMIC .odd_outcome { font-size: .9em; }
        .livePage .sport_table .odd_market_body {
            width: 100%;
            height: 70%;
            display: flex;
            align-items: center;
            justify-content: space-around;
        }

        .livePage .sport_table .odd_market_body button {
            min-width: 45px;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-evenly;
            border-right: 1px groove var(--teableSubHeadersCol);
            cursor: pointer;
        }
        .livePage .sport_table .odd_market_body button:hover,
        .livePage .sport_table .odd_market_body button:active {
            background-color: var(--accent-bg)!important;
            color: var(--accent-txt)!important;
            margin: 0;
            border: inherit;
        }

        .livePage .sport_table .odd_market_body_DYNAMIC {
            width: 45px;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-evenly;
            border-right: 1px groove var(--teableSubHeadersCol);
        }
        .livePage .sport_table .odd_market_body_DYNAMIC:last-child,
        .livePage .sport_table .odd_market_body button:last-child {
            border-right: none;
        }

        /*
        @keyframes kblinkup { 50% { background-color: #2bb73c; }  }
        @keyframes kblinkdown { 50% { background-color: #b52d2d; }  }
        .blinkup{ animation: kblinkup .5s step-end infinite alternate; }
        .blinkdown{ animation: kblinkdown .5s step-end infinite alternate; }
        */

        /* blinkup/blinkdown */
        @-webkit-keyframes GradientDecrease {
            0% {
                background-position: 50% 100%;
            }

            100% {
                background-position: 50% 0%;
            }
        }

        @-moz-keyframes GradientDecrease {
            0% {
                background-position: 50% 100%;
            }

            100% {
                background-position: 50% 0%;
            }
        }

        @keyframes GradientDecrease {
            0% {
                background-position: 50% 100%;
            }

            100% {
                background-position: 50% 0%;
            }
        }

        @-webkit-keyframes GradientIncrease {
            0% {
                background-position: 50% 0%;
            }

            100% {
                background-position: 50% 100%;
            }
        }

        @-moz-keyframes GradientIncrease {
            0% {
                background-position: 50% 0%;
            }

            100% {
                background-position: 50% 100%;
            }
        }

        @keyframes GradientIncrease {
            0% {
                background-position: 50% 0%;
            }

            100% {
                background-position: 50% 100%;
            }
        }

        .blinkup {
            background-image: linear-gradient(transparent,transparent 50%,#2bb73c 50%,#2bb73c);
            background-position: 50% 0%;
            background-size: 300% 300%;
            -webkit-animation: GradientIncrease;
            -moz-animation: GradientIncrease;
            animation-name: GradientIncrease;
            animation-duration: 1s;
            animation-timing-function: ease-out;
            animation-iteration-count: 1;
            animation-fill-mode: backwards;
        }

        .blinkdown {
            background-image: linear-gradient(#b52d2d,#b52d2d 50%,transparent 50%,transparent);
            background-position: 50% 100%;
            background-size: 300% 300%;
            -webkit-animation: GradientDecrease;
            -moz-animation: GradientDecrease;
            animation-name: GradientDecrease;
            animation-duration: 1s;
            animation-timing-function: ease-out;
            animation-iteration-count: 1;
            animation-fill-mode: backwards;
        }
        /* ----------------- */





    /* ----------------------- */

/* live overview 2022 */



.livePage .sport_header .sport_selector .sport_icon img,
.livePage .sport_header .category_icon img {
    width: 1.7em;
}
.livePage .sport_table .match_info_container > div.match_action_icons {
    width: 5%;
}
.livePage .sport_table .match_info_container > div.match_info {
    border-right: none;
    width: 25%;
    overflow: hidden;
    padding-right: 0;
}
.livePage .sport_table .match_info > div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    font-size: .80em;
}
.livePage .sport_table .match_info_container > div.match_results {
    width: 20%;
    overflow: hidden;
    font-size: .80em;
}
.livePage .sport_table .match_info_container > div.match_results .match_result {
    padding: 0;
    border: 0;
    margin: 0 2px;
    width: 10px;
}
.livePage .sport_table .match_result:last-child .awayteam_results,
.livePage .sport_table .match_result:last-child .hometeam_results {
    margin-left: 0;
    font-weight: normal;
    border-left: 0;
}
.livePage .sport_table .match_result.gamescore .awayteam_results, .sport_table .match_result.gamescore .hometeam_results {
    padding-right: 0;
    font-weight: normal;
    border-right: 0;
}

.livePage .sport_table .match_info_container > div.match_odds {
    /* justify-content: flex-start; */
    width: 50%;
    overflow: hidden;
}
.livePage .sport_table .odd_container {
    border-right: 0;
}



.livePage .no-mobile { display: none; }
.livePage .sport_header .sport_selector .sport_name,
.livePage .sport_header .category_selector .category_name {
    display: none;
    opacity: 0;
}

.groupButtonMarket { min-width: unset; }

