@font-face {
    font-family: 'PremierLeagueW01-Regular';
    src: url('../fonts/PremierLeagueW01-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'PremierLeagueW01-Bold';
    src: url('../fonts/PremierLeagueW01-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'PremierLeagueW01-Heavy';
    src: url('../fonts/PremierLeagueW01-Heavy.woff2') format('woff2');
}

    .grid-container {
        border-radius: 4px;
        /*overflow: hidden;*/
    }
    .grid-container table {
        border-collapse: collapse;
        /*border:none;*/
        
    }
    /*.grid-container table tr:not(:first-child) {
        border-top: 1px solid #ccc;
    }*/

    /*.grid-container table th,
    .grid-container table td {
        border: none;
    }*/

    /*.grid-container table caption0 {*/
        /*background: linear-gradient(60deg, #05EAFF 30%, #7B4FFF 50%, #03FF79 70%, #5887FF 100%);*/
        /*background-image: linear-gradient(rgba(255, 255, 255, 0) 30px, rgba(255, 255, 255, 0.5) 30px, white 40px), url('../images/pattern-2-crop-184.d7588c45.png'), linear-gradient(to right, rgb(2, 239, 255), rgb(98, 123, 255));
        font-family: PremierSans-Bold, Arial, "Helvetica Neue", Helvetica, sans-seriff;
        background-size: auto, auto, auto;
        color: #fff;
        font-weight: bold;
        padding: 5px;*/
        /*border-bottom: 2px solid #0056b3;*/
        /*text-transform: uppercase;*/
        /*letter-spacing: 2px;
        text-align: center;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        margin-top: 5px;
    }*/
        .grid-container table caption {
            font-family: PremierSans-Bold, Arial, "Helvetica Neue", Helvetica, sans-seriff !important;
            font-weight: bold;
            /*color: #fff;*/
            padding: 5px;
            border-top-left-radius: 7px;
            border-top-right-radius: 7px;
            background-repeat: no-repeat;
            background-position: 0px center, right top, 0px center;
            background-image: linear-gradient(rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0.2) 30px, white 60px), url('../images/pattern-2-crop-90.0e86ae39.png'), linear-gradient(to right, rgb(2, 239, 255), rgb(98, 123, 255));
            box-shadow: rgba(107, 107, 107, 0.08) 0px 8px 12px 0px;
            overflow: auto;
            margin-top: 5px;
        }

        .grid-container table tr {
            /*display:flow;*/
            /*display:normal;*/
            /*display:table-row;*/
        }

        .grid-container table tr:first-child {
            /*background-image: url('../images/bg_green_blue.png');
            background-size: 100% 100%;*/
            /*background-position: left top, 0px center, 0px center !important;*/  
            background: linear-gradient(to right,rgba(24,232,255), rgba(85,171,255) );
            background-attachment: fixed;
            
        }

        .grid-container tr.red-row {
            /*background-image: linear-gradient(245.98deg,#ff6900 -48.99%,#ff6604 -32.53%,#ff6010 -14.01%,#ff5625 4.51%,#ff4743 23.03%,#ff3468 41.55%,#ff2882 53.89%,#963cff 156.77%) !important;*/
            /*background-image: url('../images/bg_purple_red.png') !important;
            background-position-x:left;*/
            /* background: linear-gradient(245.98deg,#ff6900 -48.99%,#ff6604 -32.53%,#ff6010 -14.01%,#ff5625 4.51%,#ff4743 23.03%,#ff3468 41.55%,#ff2882 53.89%,#963cff 156.77%) !important;*/
            background: linear-gradient(to right, rgb(255,53,101), rgb(255,51,106)) !important;
            background-attachment: fixed;
        }

        .grid-container tr.blue-row {
            /*background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 30px, rgba(255, 255, 255, 0.5) 70px, white 70px), -webkit-linear-gradient(to right, rgb(2, 239, 255), rgb(98, 123, 255));
            background-image: linear-gradient(rgba(255, 255, 255, 0) 30px, rgba(255, 255, 255, 0.5) 70px, white 70px), linear-gradient(to right, rgb(2, 239, 255), rgb(98, 123, 255));*/
            /*background-image: url('../images/bg_green_blue.png');
            background-position: left top, 0px center, 0px center;*/

            background-image: linear-gradient(to right, rgb(18,239,255), rgb(98, 123, 255));
            background-attachment: fixed;
            /*background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(18,239,255)), color-stop(100%, rgba(98, 123, 255)));
            background-image: -webkit-linear-gradient(left, rgba(18,239,255), rgba(98, 123, 255));
            background-image: -o-linear-gradient(left, rgba(18,239,255), rgba(98, 123, 255));*/
        }

           

        .grid-container th {
        padding: 4px;
        color: rgb(55, 0, 60);
        }


        .grid-container th > a {
            color: rgb(55, 0, 60);
        }
    
    .grid-container tr:nth-child(even) {
      /*background-color: #f9f9f9;*/

    }
        .grid-container td {
            padding: 6px;
            font-family: PremierLeagueW01-Regular, Arial, "Helvetica Neue", Helvetica, sans-seriff;
            /*position:relative;*/
        }

            .grid-container td.text-bold {
                font-family: "PremierLeagueW01-Bold", Arial, "Helvetica Neue", Helvetica, sans-serif !important;
                font-size: 9pt;
            }

    .grid-container td a {    
        font-family: PremierLeagueW01-Bold, Arial, "Helvetica Neue", Helvetica, sans-seriff;
        font-size:9pt;
    }

        







    .grid-container tr td.blue-cell {
        background-image: linear-gradient(rgba(255, 255, 255, 0) 30px, rgba(255, 255, 255, 0.5) 270px, white 70px), linear-gradient(to right, rgb(2, 239, 255), rgb(98, 123, 255)) !important;
        /*color: white;*/
    }


    .grid-container tr td.red-cell {
        background-image: linear-gradient(245.98deg,#ff6900 -48.99%,#ff6604 -32.53%,#ff6010 -14.01%,#ff5625 4.51%,#ff4743 23.03%,#ff3468 41.55%,#ff2882 53.89%,#963cff 156.77%) !important;
        /*color: white;*/
    }

    .grid-container tr td.white-cell {
        background-image: linear-gradient(white,white);
    }

    .grid-container tr td.gray-cell {
        /*background-color: transparent !important;*/
    }

    .grid-container tr:hover {
        background-color: #37003C;
        color: white !important;
    }

        .grid-container tr:hover td {
            background-color: #37003C;
            color: white !important;
        }
        /*    .grid-container tr:hover .green-text {
            
        color: #00FF87;
    }

    .grid-container tr:hover .blue-text {
        color: #13DBFF;
    }*/



        .grid-container tr:hover th > a {
            color: rgb(55, 0, 60);
        }

        .grid-container tr:hover td > a {
            color: white !important;
        }