body {
    direction: rtl;
    font: normal normal normal 10px/10px blender-regular;
    color: #3B3B3B;
}


@font-face {
    font-family: blender-black;
    src: url('../Fonts/Blender/Blender_Sport-Black.woff');
    font-weight: normal;
}

@font-face {
    font-family: blender-bold;
    src: url('../Fonts/Blender/Blender_Sport-Bold.woff');
    font-weight: bold;
}

@font-face {
    font-family: blender-regular;
    src: url('../Fonts/Blender/Blender_Sport-Regular.woff');
    font-weight: normal;
}

.lll {
}

.board 
{
    width: 970px;
    height: 784px;

    /* background-image: url("../Images/Mondial2026/main.svg"); */
    background-position: center center;
    background-repeat: no-repeat;
    /* background-size: 107% 98%; */
    padding: 0;
    background-color:#F5F5F5 ;
    position:relative;
}

.top-row 
{
    height: 161px;
    width:960px;

    border:solid 0px;
    margin:0 0 0 0;
    padding:0 0 0 0;

    position:relative;
    /*top:15px;*/
}

.top-header 
{
    width: 970px;
    height: 54px;
    text-align: center;
    padding:0 0 0 0;
    margin:0 0 14px 0;
    background-image: url("../Images/Mondial2026/title1.svg");
    background-size: contain;
    font: normal normal bold 19px/34px blender-bold;
    letter-spacing: 0px;
}

    .top-header h2 {
        width: 336px;
        height: 37px;
        top: 10.16px;
        left: 316.79px;
        opacity: 1;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        background-color:#fff;
    }

.txt-header {
  opacity: 1;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    background-color: #fff;
    padding: 8px;
    margin: 10px;
    top: 10px;
    position: relative;
}

    .datesHolder {
        text-align: center;
        height: 20%;
        float: none;
        margin: 0 auto 17px auto;
        padding: 0 0 0 0;
        width: 732px;
        border: solid 0px;
    }

    .date-cell {
        width: 20px;
        height: 36px;
        display: inline-block;
        text-align: center;
        border-radius: 4px;
        font: normal normal bold 12px/15px blender-bold;
        letter-spacing: 0px;
        color: #3B3B3B;
        direction: rtl;
    }

        .date-cell.active,
        .date-cell.hoverable:hover {
            background: #304FFF 0% 0% no-repeat padding-box !important;
            color: #FFFFFF !important;
            border-top-left-radius: 12px;
            border-top-right-radius: 12px;
            border-bottom-right-radius: 12px;
        }

    .blocked-cell {
        background-color: transparent;
        font: normal normal bold 12px/15px blender-bold;
        letter-spacing: 0px;
        color: #D5DEE6;
    }

    .months-row {
        float: right;
        margin: 5px 2%;
        width: 715px;
    }

    .month-cell {
        padding: 8px 10px 0 0;
        font: normal normal bold 16px/15px blender-bold;
        letter-spacing: -0.16px;
        color: #F6F9FC;
    }

        .month-cell:nth-child(even) {
            width: 36%;
            height: 30px;
            background-color: #304FFF;
        }

        .month-cell:nth-child(odd) {
            width: 64%;
            height: 30px;
            background-color: #DCDCDC;
        }

    .right-column {
        float: right;
        font-size: 14pt;
        text-align: left;
        padding: 0 0 0 0;
        width: auto;
        margin: 30px 8px 0px 15px;
        background-color: #ffffff;
        border-bottom-right-radius: 12px;
    }

    .house {
        width: 100px;
        height: 25px;
        padding: 6px 6px;
        margin: 1px 0 0 0;
        box-sizing: border-box;
        font: normal normal bold 12px/14px blender-bold;
        border-radius: 4px;
        white-space: nowrap;
        color: #000;
        text-align: center;
    }

    .left-column {
        float: left;
        padding: 0 3px 0 0;
        width: auto;
        margin: 30px 0 0 7px;
        background-color: #ffffff;
        border-bottom-right-radius: 12px;
    }


    .stadium {
        padding: 6px 6px;
        margin: 1px 0;
        border-radius: 4px;
        text-align: center;
        height: 27px;
        width: 100px;
        box-sizing: border-box;
    }

    .stadium-city {
        font: normal normal bold 12px/14px blender-bold;
        letter-spacing: 0px;
        /* color: #3B3B3B;*/

        text-align: center;
        align-items: center;
        justify-content: start;
    }

    .stadium-field {
        font: normal normal normal 10px/10px blender-regular;
        letter-spacing: 0px;
        color: #3B3B3B;
        align-items: center;
        justify-content: start;
        padding: 2px 0;
    }
    /*.active .stadium-city,
.active .stadium-field 
{
    color: #fff;
}*/



    .teamsHolder {
        float: none;
        width: 721px;
        height: 102px;
        background-color: #ffffff;
        padding: 0 0 0 0;
        margin: 5px 130px 0 auto;
        border: solid 0px;
        white-space: nowrap;
        position: relative;
        top: 52px;
        border-bottom-right-radius: 12px;
    }

        .teamsHolder .team {
            width: 20px;
            height: 118px;
            display: inline-block;
            margin: -8px 8px 0 0;
            padding: 0 0 0 0;
        }

            .teamsHolder .team:first-of-type {
                margin-right: -22px;
            }

    .longer-team {
        height: 115px;
    }

    .teamsHolder .team-flag {
        width: 22px;
        /*height: 15px;*/
        margin: 8px 0px -2px 0;
        /* -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); */
    }

    .teamsHolder .team-name {
        /* -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); */

        min-width: 100px;
        width: auto;
        padding: 63px 0 0 0;
        margin: 26px -7px 0 0;
        text-align: right;
        font: normal normal bold 12px/13px blender-regular;
        letter-spacing: 0px;
    }

    .middle-screen {
        width: 75%;
        height: 387px;
        bottom: -25px;
        padding: 5px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    /*    .middle-screen.regular-bg {
        background-image: none;
    }*/

    .middle-header-row {
        position: absolute;
        top: 56px;
        left: 42px;
        white-space: nowrap;
        border: solid 0px red;
        width: 677px !important;
        text-align: justify;
    }

        .middle-header-row span {
            float: none;
            padding: 0 23px;
            color: white;
            display: inline-block;
            font-size: 14px;
        }

            .middle-header-row span:first-child,
            .middle-header-row span:last-child {
                padding: 0px 27px;
            }

    .finals-bg .additional-header {
        color: white;
        top: 329px;
        width: 80px !important;
        position: absolute;
        width: 80px;
        right: 320px;
        position: absolute;
    }
    /* general game card*/
    .game-card {
        padding: 0 0 0 0;
        margin: 18px auto;
        background-color: white;
        float: right;
        left: 5px;
        /* border: 1px solid #D5DEE6; */
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

        .game-card .card-header {
            padding: 5px;
            height: 21px;
            background-color: #0D0D0D;
            color: white;
            width: 291;
            padding-top: 7px;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
        }

        .game-card .card-content {
            color: black;
        }

        .game-card .card-header div {
            padding: 0;
        }

        .game-card .card-content {
            padding: 0;
            text-align: center;
        }

        .game-card .team-1 {
            float: right;
            text-align: right;
            width: 30%;
            align-items: center;
            display: flex;
            margin: 0 0 0 6px;
        }

        .game-card .team-2 {
            float: left;
            text-align: left;
            direction: ltr;
            width: 30%;
            align-items: center;
            display: flex;
        }

        .game-card .article-link {
            min-width: 67px;
            min-height: 19px;
            z-index: 1;
            background-color: transparent;
            background-image: unset;
            font: normal normal bold 10px/10px blender-bold;
            letter-spacing: 0px;
            color: #FE034B;
            position: absolute;
            right: 0;
            left: 0;
            margin: auto;
        }

    .game-card-3 .card-header .gamedate {
        text-align: center;
        width: 40%;
    }

    .card-header .lsnum {
        white-space: nowrap;
        font: normal normal normal 10px/10px blender-regular;
        letter-spacing: 0px;
    }

    .game-card-3 .card-header .lsnum {
        width: 24%;
        text-align: right;
    }

    .game-card-3 .card-header .fieldname {
        width: 30%;
        text-align: center;
    }
    /* game card for max 3 */

    .game-card-3 {
        min-height: 85px;
        float: none;
        border-bottom-right-radius: 7px;
    }

        .game-card-3 .teamname {
            color: black;
            max-height: 65px;
            text-align: center;
        }

        .game-card-3 .team-1 .teamname {
            width: 140px;
            height: 65px;
            padding-right: 53px;
        }

        .game-card-3 .team-2 .teamname {
            width: 140px;
            height: 65px;
            padding-left: 53px;
        }

    .game-card .flag {
        width: 30px;
        height: 20px;
    }

    .game-card-3 .flag {
        position: absolute;
        top: 15px;
    }

    .game-card-3 .team-1 .flag {
        float: right;
        right: 10px;
        top: 20px;
    }

    .game-card-3 .team-2 .flag {
        float: left;
        left: 0;
        left: 10px;
        top: 20px;
    }

    .game-card-3 .game-stats {
        margin-top: 8px;
    }

    .game-stats {
        white-space: nowrap;
        padding: 6px 0 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .game-stats span {
            display: inline-block;
        }


    .game-card .card-content .team1pendel,
    .game-card .card-content .team2pendel {
        font: normal normal bold 14px/13px blender-bold;
        letter-spacing: -0.14px;
        color: #00E2BC;
    }


    .game-card-3 .article-link {
        top: 49px;
    }
    /* game card for 4, 5 or more games */

    .game-card-4 {
        min-height: 72px;
        max-height: 72px;
        min-width: 314px;
        max-width: 279px;
        margin: 0px auto 12px auto;
        float: none;
        border-bottom-right-radius: 7px;
    }

    .game-card-5 {
        min-height: 72px;
        max-height: 72px;
        min-width: 245px;
        max-width: 277px;
        margin: 20px 1px 8px 0;
        width: 100%;
        border-bottom-right-radius: 7px;
    }

    .game-card .card-header .gamedate {
        white-space: nowrap;
        font: normal normal normal 10px/10px blender-regular;
        letter-spacing: 0px;
        color: #fff;
    }

    .game-card-4 .card-header .gamedate,
    .game-card-5 .card-header .gamedate {
        text-align: center;
        width: 33%;
    }

    .game-card-4 .card-header .lsnum,
    .game-card-5 .card-header .lsnum {
        width: 30%;
        text-align: right;
    }

    .game-card-4 .card-header .fieldname,
    .game-card-5 .card-header .fieldname {
        width: 34%;
        font-size: 7pt;
        text-align: center;
    }

    .game-card-4 .flag,
    .game-card-5 .flag {
        position: absolute;
        width: 30px;
        height: 20px;
    }

    .game-card-4 .team-1 .flag,
    .game-card-5 .team-1 .flag {
        right: 10px;
        top: 15px;
    }

    .game-card-4 .team-2 .flag,
    .game-card-5 .team-2 .flag {
        left: 10px;
        top: 15px;
    }

    .game-card .teamname {
        font: normal normal bold 12px/11px blender-bold;
        color: black;
        width: auto;
        height: 50px;
        text-align: center;
        align-items: center;
        display: flex;
        align-content: center;
        line-height: 13px;
    }

    .game-card-4 .teamname,
    .game-card-5 .teamname {
    }

    .game-card-4 .team-1 .teamname,
    .game-card-5 .team-1 .teamname {
        padding-right: 45px;
    }

    .game-card-4 .team-2 .teamname,
    .game-card-5 .team-2 .teamname {
        padding-left: 45px;
        direction: ltr;
    }

    .game-card .card-content .gamescore {
        font: normal normal bold 26px/28px blender-bold;
        letter-spacing: -1.3px;
        color: #1A237E;
        height: 35px;
        padding: 4px 0 0 0;
    }

    .game-card-4 .article-link {
        top: 34px;
        width: 48px;
    }

    .game-card-5 .article-link {
        top: 35px;
        width: 48px;
    }
    /* classes for highlights and hovers */
    /*.active 
{
    background: #1A237E 0% 0% no-repeat padding-box;
    color:#fff;
    cursor:pointer;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}*/

    .highlight {
        background: #304FFF 0% 0% no-repeat padding-box;
        color: #FFFFFF;
        cursor: pointer;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }
    /* WAY TO THE FINALS*/
    /* eighth right */

    .middle-screen.regular-bg {
        background-image: url("../Images/Mondial2026/main.in.png");
        padding: 0;
        left: 13px;
        background-size: 110% 117%;
        height: 465px;
    }

    .middle-screen.finals-bg {
        background-image: url(../Images/Mondial2026/final2.png);
        padding: 0;
        left: 13px;
        background-size: 110% 100%;
        height: 465px;
        top: 25px !important;
        position: relative;
    }

    .middle-screen.regular-bg,
    .middle-screen.finals-bg,
    .right-column,
    .left-column {
    }

    .eighth-right {
        font-family: blender-regular;
        font-size: 0.78em;
        width: 80px;
        height: 48px;
        right: 16px;
        position: absolute;
        border: solid yellow 0;
    }

        .eighth-right .t1-pic {
            top: 3px;
            position: absolute;
        }

        .eighth-right .t2-pic {
            top: 26px;
            position: absolute;
        }

        .eighth-right .t1-name,
        .eighth-right .t2-name {
            color: #0D0D0D;
            width: 45px;
            height: 22px;
            position: absolute;
            right: 21px;
            line-height: 10px;
            display: flex;
            align-items: center;
        }

        .eighth-right .t2-name {
            top: 27px;
        }

        .eighth-right .t1-score {
            color: gray;
            float: left;
            position: absolute;
            top: 9px;
            right: 57px;
            width: 20px;
            text-align: left;
        }

        .eighth-right .t2-score {
            color: gray;
            float: left;
            position: absolute;
            top: 32px;
            right: 57px;
            width: 20px;
            text-align: left;
        }

        .eighth-right .game-details {
            font: normal normal normal 10px / 12px blender-regular;
            font-weight: 400;
            line-height: 11px;
            color: #fff;
            width: 72px;
            height: 25px;
            top: 52px;
            position: absolute;
            right: 15px;
        }
    /* eighth left */

    .eighth-left {
        font-family: blender-regular;
        font-size: 0.78em;
        width: 80px;
        height: 50px;
        position: absolute;
        right: 636px;
        border: solid red 0px;
    }

        .eighth-left .t1-pic {
            top: 3px;
            position: absolute;
            right: 63px;
        }

        .eighth-left .t2-pic {
            top: 26px;
            position: absolute;
            right: 63px;
        }

        .eighth-left .t1-name {
            text-align: left;
            color: #0D0D0D;
            width: 45px;
            height: 22px;
            position: absolute;
            right: 10px;
            line-height: 10px;
            display: flex;
            align-items: center;
            direction: ltr;
        }

        .eighth-left .t2-name {
            text-align: left;
            color: #0D0D0D;
            width: 45px;
            height: 22px;
            position: absolute;
            right: 10px;
            top: 25px;
            line-height: 10px;
            display: flex;
            align-items: center;
            direction: ltr;
        }

        .eighth-left .t1-score {
            color: gray;
            float: left;
            position: absolute;
            top: 5px;
            right: 3px;
        }

        .eighth-left .t2-score {
            color: gray;
            float: left;
            position: absolute;
            top: 29px;
            right: 3px;
        }

        .eighth-left .game-details {
            font-size: 0.9em;
            font: normal normal normal 10px / 12px blender-regular;
            color: #fff;
            font-weight: 400;
            width: 75px;
            height: 26px;
            line-height: 11px;
            top: 50px;
            left: 12px;
            position: absolute;
        }
    /* quoter right */

    .quoter-right {
        font-family: blender-regular;
        font-size: 7.9pt;
        width: 74px;
        height: 52px;
        right: 118px;
        position: absolute;
    }

        .quoter-right .t1-pic {
            top: 3px;
            position: absolute;
        }

        .quoter-right .t2-pic {
            top: 26px;
            position: absolute;
        }

        .quoter-right .t1-name {
            color: #0D0D0D;
            width: 45px;
            height: 22px;
            position: absolute;
            right: 21px;
            line-height: 10px;
            display: flex;
            align-items: center;
        }

        .quoter-right .t2-name {
            color: #0D0D0D;
            width: 45px;
            height: 20px;
            top: 26px;
            position: absolute;
            right: 21px;
            line-height: 10px;
            display: flex;
            align-items: center;
        }

        .quoter-right .t1-score {
            color: gray;
            float: left;
            position: absolute;
            top: 5px;
            right: 50px;
            width: 20px;
            text-align: left;
        }

        .quoter-right .t2-score {
            color: gray;
            float: left;
            position: absolute;
            top: 32px;
            right: 50px;
            width: 20px;
            text-align: left;
        }

        .quoter-right .game-details {
            font-size: 0.9em;
            font: normal normal normal 10px / 12px blender-regular;
            color: #fff;
            font-weight: 400;
            line-height: 10px;
            width: 75px;
            height: 25px;
            line-height: 11px;
            top: 52px;
            position: absolute;
            right: 12px;
        }
    /* quoter left */

    .quoter-left {
        font-family: blender-regular;
        font-size: 7.9pt;
        width: 80px;
        height: 78px;
        right: 527px;
        position: absolute;
        border: solid yellow 0px;
    }

        .quoter-left:first-of-type {
        }

        .quoter-left .t1-pic {
            top: 3px;
            position: absolute;
            right: 63px;
        }

        .quoter-left .t2-pic {
            top: 26px;
            position: absolute;
            right: 63px;
        }

        .quoter-left .t1-name {
            text-align: left;
            color: #0D0D0D;
            width: 45px;
            height: 22px;
            position: absolute;
            right: 10px;
            line-height: 10px;
            display: flex;
            align-items: center;
            direction: ltr;
        }

        .quoter-left .t2-name {
            color: #0D0D0D;
            width: 45px;
            height: 22px;
            position: absolute;
            right: 10px;
            top: 24px;
            line-height: 10px;
            display: flex;
            align-items: center;
            direction: ltr;
            text-align: left;
        }

        .quoter-left .t1-score {
            color: gray;
            float: left;
            position: absolute;
            top: 6px;
            right: 2px;
        }

        .quoter-left .t2-score {
            color: gray;
            float: left;
            position: absolute;
            top: 32px;
            right: 2px;
        }

        .quoter-left .game-details {
            font-size: 0.9em;
            font: normal normal normal 10px / 12px blender-regular;
            color: #fff;
            font-weight: 400;
            line-height: 10px;
            width: 75px;
            height: 25px;
            line-height: 10px;
            top: 52px;
            left: 6px;
            position: absolute;
        }
    /* half right */

    .half-right {
        font-family: blender-regular;
        font-size: 7.9pt;
        width: 80px;
        height: 31px;
        right: 220px;
        position: absolute;
    }

        .half-right .t1-pic {
            top: 3px;
            position: absolute;
        }

        .half-right .t2-pic {
            top: 8px;
            right: -7px;
            position: absolute;
        }

        .half-right .t1-name {
            color: #0D0D0D;
            width: 45px;
            height: 22px;
            position: absolute;
            right: 21px;
            line-height: 10px;
            display: flex;
            align-items: center;
        }

        .half-right .t2-name {
            color: #0D0D0D;
            width: 45px;
            height: 20px;
            top: 7px;
            position: absolute;
            right: 15px;
            line-height: 10px;
            display: flex;
            align-items: center;
        }

        .half-right .t1-score {
            color: gray;
            float: left;
            position: absolute;
            top: 7px;
            right: 57px;
            width: 15px;
            text-align: left;
        }

        .half-right .t2-score {
            color: gray;
            float: left;
            position: absolute;
            top: 11px;
            right: 51px;
            width: 15px;
            text-align: left;
        }

        .half-right .game-details-right {
            font: normal normal normal 10px / 12px blender-regular;
            font-weight: 400;
            line-height: 11px;
            color: #fff;
            width: 72px;
            height: 25px;
            top: 27px;
            position: absolute;
            right: 15px;
        }

        .half-right .finals-team-line:last-child {
            top: 165px;
            width: 70px;
            height: 30px;
            right: 6px;
            position: absolute;
        }
    /* half left */

    .half-left {
        font-family: blender-regular;
        font-size: 7.9pt;
        width: 80px;
        height: 25px;
        right: 435px;
        position: absolute;
    }

        .half-left .t1-pic {
            top: 3px;
            position: absolute;
            right: 57px;
        }

        .half-left .t2-pic {
            top: 26px;
            position: absolute;
            right: 57px;
        }

        .half-left .t1-name {
            text-align: left;
            color: #0D0D0D;
            width: 45px;
            height: 26px;
            position: absolute;
            right: 4px;
            line-height: 10px;
            display: flex;
            align-items: center;
            direction: ltr;
        }

        .half-left .t2-name {
            text-align: left;
            color: #0D0D0D;
            width: 45px;
            height: 22px;
            position: absolute;
            right: 4px;
            top: 21px;
            line-height: 10px;
            display: flex;
            align-items: center;
            direction: ltr;
        }

        .half-left .t1-score {
            color: gray;
            float: left;
            position: absolute;
            top: 7px;
            right: 3px;
        }

        .half-left .t2-score {
            color: gray;
            float: left;
            position: absolute;
            top: 28px;
            right: 3px;
        }

        .half-left .game-details-left {
            font-size: 0.9em;
            font: normal normal normal 10px / 12px blender-regular;
            color: #fff;
            font-weight: 400;
            line-height: 10px;
            width: 75px;
            height: 25px;
            line-height: 8px;
            top: 26px;
            position: absolute;
            right: -8px;
        }

        .half-left .finals-team-line:last-child {
            top: 149px;
            position: absolute;
        }

            .half-left .finals-team-line:last-child .game-details {
                top: 46px;
            }
    /* loosers left*/

    .loosers-left {
        font-family: blender-regular;
        font-size: 7.9pt;
        width: 80px;
        height: 52px;
        right: 338px;
        position: absolute;
    }

        .loosers-left .t1-pic {
            top: 3px;
            position: absolute;
            right: 57px;
        }

        .loosers-left .t2-pic {
            top: 26px;
            position: absolute;
            right: 57px;
        }

        .loosers-left .t1-name {
            color: #0D0D0D;
            width: 45px;
            height: 22px;
            position: absolute;
            right: -8px;
            line-height: 10px;
            display: flex;
            align-items: center;
            direction: ltr;
        }

        .loosers-left .t2-name {
            text-align: right;
            color: #0D0D0D;
            width: 45px;
            height: 22px;
            position: absolute;
            right: 10px;
            top: 25px;
            line-height: 10px;
            display: flex;
            align-items: center;
            direction: ltr;
        }

        .loosers-left .t1-score {
            color: gray;
            float: left;
            position: absolute;
            top: 3px;
        }

        .loosers-left .t2-score {
            color: gray;
            float: left;
            position: absolute;
            top: 28px;
        }

        .loosers-left .game-details {
            font-size: 0.9em;
            font: normal normal normal 10px / 12px blender-regular;
            color: #fff;
            font-weight: 400;
            line-height: 11px;
            width: 75px;
            height: 25px;
            top: 50px;
            position: absolute;
            left: 15px;
        }
    /* final game*/

    .finals-card {
        font-family: blender-regular;
        font-size: 7.9pt;
        width: 70px;
        height: 52px;
        right: 340px;
        position: absolute;
    }

        .finals-card .t1-pic {
            top: 26px;
            position: absolute;
            right: 57px;
        }

        .finals-card .t2-pic {
            top: 3px;
            position: absolute;
            right: 57px;
        }

        .finals-card .t1-name {
            text-align: right;
            color: #0D0D0D;
            width: 45px;
            height: 22px;
            position: absolute;
            right: 10px;
            top: 25px;
            line-height: 10px;
            display: flex;
            align-items: center;
            direction: ltr;
        }

        .finals-card .t2-name {
            text-align: right;
            color: #0D0D0D;
            width: 45px;
            height: 22px;
            position: absolute;
            right: 10px;
            line-height: 10px;
            display: flex;
            align-items: center;
            direction: ltr;
        }

        .finals-card .t1-score {
            color: #0D0D0D;
            float: left;
            position: absolute;
            top: 28px;
            right: 2px;
        }

        .finals-card .t2-score {
            color: #0D0D0D;
            float: left;
            position: absolute;
            top: 3px;
            right: 2px;
        }

        .finals-card .game-details {
            font-size: 0.9em;
            font: normal normal normal 10px/12px blender-regular;
            color: #fff;
            font-weight: 400;
            line-height: 11px;
            width: 75px;
            height: 25px;
            top: 50px;
            position: absolute;
            left: 5px;
        }

    .dateHeader {
        background-color: #fff;
        float: none;
        margin: 0 auto 16px auto;
        padding: 0 0 0 0;
        width: 747px;
        border: solid 0px;
        height: 70px;
        position: relative;
    }
        /* Dates slick scroller (top row) */
        .dateHeader .dates-slider-arrows {
            position: absolute;
            left: 50%;
            right: auto;
            top: 0;
            height: 42px;
            width: 732px;
            transform: translateX(-50%);
            pointer-events: none;
        }

            .dateHeader .dates-slider-arrows .slick-prev,
            .dateHeader .dates-slider-arrows .slick-next {
                position: absolute;
                z-index: 10;
                display: block !important;
                width: 16px;
                height: 16px;
                background-color: transparent;
                border: 0;
                border-radius: 0;
                box-shadow: none;
                opacity: 1;
                cursor: pointer;
                pointer-events: auto;
                top: 13px !important;
                margin: 0;
                padding: 0;
                line-height: 0;
                background-repeat: no-repeat;
                background-position: center;
                background-size: 8px 16px;
            }

            .dateHeader .dates-slider-arrows .slick-prev {
                right: 6px !important;
                left: auto !important;
                background-image: url('../Images/arrow_right.svg');
            }

            .dateHeader .dates-slider-arrows .slick-next {
                left: 6px !important;
                right: auto !important;
                background-image: url('../Images/arrow_left.svg');
            }
    /* Reserve space so arrows don't sit on top of date cells */
    .datesHolder.dates-slider {
        box-sizing: border-box;
        padding-left: 28px;
        padding-right: 28px;
    }

        .datesHolder.dates-slider .slick-list {
            padding: 0 !important;
        }

        .datesHolder.dates-slider .slick-track {
            display: flex !important;
        }

    .dateHeader .dates-slider-arrows .slick-prev:before,
    .dateHeader .dates-slider-arrows .slick-next:before {
        content: '';
        opacity: 1;
    }

    .dateHeader .dates-slider-arrows .slick-disabled {
        opacity: 0.35;
        cursor: default;
        pointer-events: none;
    }
    /* Keep date cells centered within each computed slide width */
    .datesHolder.dates-slider .slick-slide {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 21px !important;
        min-width: 21px;
    }
    /* Ensure dates slider flows RTL (first date on the right) */
    .datesHolder.dates-slider,
    .datesHolder.dates-slider .slick-list,
    .datesHolder.dates-slider .slick-track {
        direction: rtl;
    }

        .datesHolder.dates-slider .slick-slide {
            float: right !important;
        }

    .dates-title {
        background-color: #1A237E;
        width: 78%;
        height: 30px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background-color: #1A237E;
        margin: 0 auto 5px auto;
        font: normal normal bold 12px/12px blender-bold;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .teams-title,
    .stadiums-title,
    .houses-title {
        background-color: #1A237E;
        width: 100px;
        height: 30px;
        margin: 0 auto 5px auto;
        font: normal normal bold 10px/10px blender-bold;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        padding-top: 5px;
        padding-left: 0px;
        font-size: 12px;
    }

    .teams-title {
        bottom: -57px;
        font: normal normal bold 14px/14px blender-bold;
        background-color: #1A237E;
        width: 74.5%;
        height: 30px;
        margin: 0 auto 5px auto;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        padding-top: 5px;
        padding-left: 0px;
        font-size: 12px;
    }

    .stadiums-title {
        font: normal normal bold 12px/12px blender-bold;
    }

    .stadiums-title,
    .houses-title {
        position: absolute;
        /* -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); */
    }

.stadiums-title {
    top: 173px;
    left: 8px;
    }

    .houses-title {
        top: 179px;
        right: 8px;
    }

    .finals-team-line div {
        font: normal normal normal 10px/10px blender-regular;
    }

    .cards-left-column,
    .cards-right-column {
        /*  margin: -45px 0 0 0;*/
    }

    .cards-center-column {
        clear: both;
        float: none !important;
        width: 100% !important;
        max-width: none;
        margin: 0 auto;
        padding: 0 !important;
        display: flex;
        justify-content: center;
    }

        .cards-center-column .game-card-5 {
            float: none !important;
            width: 277px;
            margin: 20px auto;
        }
    /*cards-right-column-clone,
cards-left-column-clone,
cards-left-column,
cards-right-column {
    margin: 15px 0 0 0;
}*/
    /* Research desk notes (RTL/LTR-aware)
   Use `dir="auto"` on the note element to let the browser detect direction
   by the first strong character (Hebrew/Arabic => RTL, English => LTR). */
    .research-desk-notes-grid {
        direction: rtl;
    }

        .research-desk-notes-grid .research-desk-note,
        .research-desk-notes-grid textarea,
        .research-desk-notes-grid [contenteditable="true"] {
            unicode-bidi: plaintext;
            text-align: start;
        }

        .research-desk-notes-grid [dir="rtl"] {
            direction: rtl;
            text-align: right;
        }

        .research-desk-notes-grid [dir="ltr"] {
            direction: ltr;
            text-align: left;
        }
    /* Teams slick scroller */
    .teamsHolder.teams-slider {
        position: relative;
    }
    /* Houses slick scroller (vertical) */
    #houses {
        position: relative;
        padding-top: 4px;
        padding-bottom: 4px;
        background-color: #ffffff;
    }

    #houses-slider {
        position: relative;
        width: 100px;
        max-width: 100px;
        margin: 0 auto;
        background-color: #ffffff;
    }

    #houses .houses-slider-arrows {
        display: none;
    }
    /* Minimal Slick layout rules scoped to houses-slider (fallback if CDN CSS is blocked/overridden) */
    #houses-slider.slick-slider {
        display: block;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -webkit-tap-highlight-color: transparent;
    }

    #houses-slider .slick-list {
        display: block;
        position: relative;
        overflow: hidden;
        margin: 0;
        padding: 0 !important;
    }

    #houses-slider .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin-left: auto;
        margin-right: auto;
        will-change: transform;
    }
    /* Slider viewport height */
    #houses-slider.slick-initialized {
        height: 410px !important;
    }

        #houses-slider.slick-initialized .slick-list {
            height: 410px !important;
        }

    #houses-slider .house.slick-slide {
        font: normal normal bold 12px/14px blender-bold;
        font-weight: 400;
        margin: 0;
        box-sizing: border-box;
        height: 50px !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        padding: 0 !important;
        border: 6px solid transparent;
        border-radius: 4px;
        background-color: #ffffff;
        background-clip: padding-box;
    }
    /* Hover/selection colors for houses (match stadiums) */
    #houses-slider .house.hoverable:hover,
    #houses-slider .house.active,
    #stadiums-slider .stadium.hoverable:hover,
    #stadiums-slider .stadium.active {
        background: #304FFF 0% 0% no-repeat padding-box !important;
        color: #FFFFFF !important;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }
    /*.active 
{
    background: #1A237E 0% 0% no-repeat padding-box;
    color:#fff;
    cursor:pointer;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}*/

    #houses-slider .house.highlight {
        background: #304FFF 0% 0% no-repeat padding-box !important;
        color: #FFFFFF !important;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }
    /* Arrows live outside the slick element */
    #houses .houses-slider-arrows {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        pointer-events: none;
    }

        #houses .houses-slider-arrows .slick-prev,
        #houses .houses-slider-arrows .slick-next {
            position: absolute;
            z-index: 10;
            display: block !important;
            width: 16px;
            height: 16px;
            background-color: transparent;
            border: 0;
            border-radius: 0;
            box-shadow: none;
            opacity: 1;
            cursor: pointer;
            pointer-events: auto;
            left: 50%;
            right: auto;
            margin: 0;
            padding: 0;
            line-height: 0;
            background-repeat: no-repeat;
            background-position: center;
            background-size: 16px 8px;
        }

        #houses .houses-slider-arrows .slick-prev {
            top: 6px !important;
            bottom: auto !important;
            transform: translate(-50%, 0);
            background-image: url('../Images/arrow__up.svg');
        }

        #houses .houses-slider-arrows .slick-next {
            top: auto !important;
            bottom: 6px !important;
            transform: translate(-50%, 0);
            background-image: url('../Images/arrow_down.svg');
        }

            #houses .houses-slider-arrows .slick-prev:before,
            #houses .houses-slider-arrows .slick-next:before {
                content: '';
                opacity: 1;
            }

        #houses .houses-slider-arrows .slick-disabled {
            opacity: 0.35;
            cursor: default;
            pointer-events: none;
        }
    /* Stadiums slick scroller (vertical) */
    #stadiums {
        position: relative;
        padding-top: 0px;
        padding-bottom: 0px;
        background-color: #ffffff;
    }

    #stadiums-slider {
        position: relative;
        width: 100px;
        max-width: 100px;
        margin: 0 auto;
        background-color: #ffffff;
    }
        /* Minimal Slick layout rules scoped to stadiums-slider (fallback if CDN CSS is blocked/overridden) */
        #stadiums-slider.slick-slider {
            display: block;
            box-sizing: border-box;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-touch-callout: none;
            -webkit-tap-highlight-color: transparent;
        }

        #stadiums-slider .slick-list {
            display: block;
            position: relative;
            overflow: hidden;
            margin: 0;
            padding: 0 !important;
        }

        #stadiums-slider .slick-track {
            position: relative;
            top: 0;
            left: 0;
            display: block;
            margin-left: auto;
            margin-right: auto;
            will-change: transform;
        }
        /* Slider viewport height */
        #stadiums-slider.slick-initialized {
            height: 410px !important;
        }

            #stadiums-slider.slick-initialized .slick-list {
                height: 410px !important;
            }

        #stadiums-slider .stadium.slick-slide {
            margin: 0;
            box-sizing: border-box;
            height: 50px !important;
            display: flex !important;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 4px 6px !important;
            border: 6px solid transparent;
            border-radius: 4px;
            background-color: #ffffff;
            background-clip: padding-box;
        }
        /*#stadiums-slider .stadium.hoverable:hover,
#stadiums-slider .stadium.active {
    background: #1A237E 0% 0% no-repeat padding-box !important;
    color: #ffffff !important;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    width: 92;
    height: 23;
}
*/
        /* #stadiums-slider .stadium.hoverable:hover .stadium-city,
#stadiums-slider .stadium.hoverable:hover .stadium-field {
    color: #ffffff !important;
} */

        #stadiums-slider .stadium.highlight {
            background: #304FFF 0% 0% no-repeat padding-box !important;
            color: #FFFFFF !important;
            border-top-left-radius: 12px;
            border-top-right-radius: 12px;
            border-bottom-right-radius: 12px;
        }
    /* Arrows live outside the slick element */
    #stadiums .stadiums-slider-arrows {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        pointer-events: none;
    }

        #stadiums .stadiums-slider-arrows .slick-prev,
        #stadiums .stadiums-slider-arrows .slick-next {
            position: absolute;
            z-index: 10;
            display: block !important;
            width: 16px;
            height: 16px;
            background-color: transparent;
            border: 0;
            border-radius: 0;
            box-shadow: none;
            opacity: 1;
            cursor: pointer;
            pointer-events: auto;
            left: 50%;
            right: auto;
            margin: 0;
            padding: 0;
            line-height: 0;
            background-repeat: no-repeat;
            background-position: center;
            background-size: 16px 8px;
        }

        #stadiums .stadiums-slider-arrows .slick-prev {
            top: 6px !important;
            bottom: auto !important;
            transform: translate(-50%, 0);
            background-image: url('../Images/arrow__up.svg');
        }

        #stadiums .stadiums-slider-arrows .slick-next {
            top: auto !important;
            bottom: 6px !important;
            transform: translate(-50%, 0);
            background-image: url('../Images/arrow_down.svg');
        }

            #stadiums .stadiums-slider-arrows .slick-prev:before,
            #stadiums .stadiums-slider-arrows .slick-next:before {
                content: '';
                opacity: 1;
            }

        #stadiums .stadiums-slider-arrows .slick-disabled {
            opacity: 0.35;
            cursor: default;
            pointer-events: none;
        }

    .teamsHolder.teams-slider.slick-initialized {
        white-space: normal;
    }

        .teamsHolder.teams-slider.slick-initialized .team {
            height: 96px;
            width: 26px;
            margin: 0 2px;
            padding: 4px 2px 4px;
            display: flex !important;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            border-radius: 8px;
        }

            .teamsHolder.teams-slider.slick-initialized .team:first-of-type {
                margin-right: 2px;
            }

        .teamsHolder.teams-slider.slick-initialized .team-flag {
            width: 23px;
            height: 13px;
            object-fit: cover;
            margin: 5px 0 8px 0;
            transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
        }

        .teamsHolder.teams-slider.slick-initialized .team-name {
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            min-width: 0;
            width: auto;
            height: auto;
            padding: 0;
            margin: 0;
            text-align: center;
            font: normal normal bold 10px/10px blender-regular;
            letter-spacing: 0px;
            writing-mode: vertical-rl;
            text-orientation: mixed;
            white-space: nowrap;
            overflow: hidden;
        }

    .teamsHolder.teams-slider .team.hoverable:hover,
    .teamsHolder.teams-slider .team.active {
        background: #304FFF 0% 0% no-repeat padding-box !important;
        color: #FFFFFF !important;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    .teamsHolder.teams-slider .slick-list {
        padding: 0 18px;
    }

    .teamsHolder.teams-slider .slick-prev,
    .teamsHolder.teams-slider .slick-next {
        z-index: 10;
        width: 8px;
        height: 16px;
        top: 50%;
        transform: translateY(-50%);
        background-color: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .teamsHolder.teams-slider .slick-prev {
        right: 8px;
        left: auto;
    }

    .teamsHolder.teams-slider .slick-next {
        left: 3px;
        right: auto;
    }

        .teamsHolder.teams-slider .slick-prev:before,
        .teamsHolder.teams-slider .slick-next:before {
            content: '';
            opacity: 1;
        }

    .teamsHolder.teams-slider .slick-disabled:before {
        opacity: 0.25;
    }

    .teamsHolder.teams-slider .slick-prev,
    .teamsHolder.teams-slider .slick-next {
        background-repeat: no-repeat;
        background-position: center;
        background-size: 8px 16px;
    }
    /* In RTL, Slick keeps prev/next semantics; we map icons explicitly */
    .teamsHolder.teams-slider .slick-prev {
        background-image: url('../Images/arrow_right.svg');
    }

    .teamsHolder.teams-slider .slick-next {
        background-image: url('../Images/arrow_left.svg');
    }
    /* If the toggle button sits above the menu, force it below when open */
    .open > .dropdown-toggle,
    .btn-group.open .dropdown-toggle,
    .dropdown.open .dropdown-toggle {
        position: relative;
        z-index: 1 !important;
    }

    .modal {
        z-index: 20000;
    }

    .modal-backdrop {
        z-index: 19990;
    }

    .popover {
        z-index: 20010;
    }

    .tooltip {
        z-index: 20020;
    }
    /* Specific Actions menu element (role="menu") */
    div[role="menu"][aria-label*="GOOG"],
    div[role="menu"][aria-label*="act"],
    div[role="menu"][aria-label*="Actions"],
    div[role="menu"][aria-label*="ACTIONS"] {
        position: relative;
        z-index: 40000 !important;
    }