.card-body {
    padding: 1rem !important;
}

.bg-csk {
    background: linear-gradient(136deg,#fdb913,#f85c00) !important;
    color: white !important;
}

    .bg-csk:hover {
        background: linear-gradient(136deg,#f85c00,#fdb913) !important;
        color: white !important;
    }

.bg-dc {
    background: linear-gradient(136deg,#004c93,#0358a7) !important;
    color: white !important;
}

    .bg-dc:hover {
        background: linear-gradient(136deg,#0358a7,#004c93) !important;
        color: white !important;
    }

.bg-dd {
    background: linear-gradient(136deg,#004c93,#0358a7) !important;
    color: white !important;
}

    .bg-dd:hover {
        background: linear-gradient(136deg,#0358a7,#004c93) !important;
        color: white !important;
    }

.bg-kxip {
    background: linear-gradient(136deg,#aa4545,#740f0b) !important;
    color: white !important;
}

    .bg-kxip:hover {
        background: linear-gradient(136deg,#740f0b,#aa4545) !important;
        color: white !important;
    }

.bg-pk {
    background: linear-gradient(136deg,#aa4545,#740f0b) !important;
    color: white !important;
}

    .bg-pk:hover {
        background: linear-gradient(136deg,#740f0b,#aa4545) !important;
        color: white !important;
    }

.bg-pkbs {
    background: linear-gradient(136deg,#aa4545,#740f0b) !important;
    color: white !important;
}

.btn-pkbs {
    background: linear-gradient(136deg,#aa4545,#740f0b) !important;
    color: white !important;
}

.bg-pkbs:hover {
    background: linear-gradient(136deg,#740f0b,#aa4545) !important;
    color: white !important;
}

.bg-kkr {
    background: linear-gradient(136deg,#70458f,#3d2057) !important;
    color: white !important;
}

    .bg-kkr:hover {
        background: linear-gradient(136deg,#3d2057,#70458f) !important;
        color: white !important;
    }


.bg-mi {
    background: linear-gradient(136deg,#005da0,#003a63) !important;
    color: white !important;
}

    .bg-mi:hover {
        background: linear-gradient(136deg,#003a63,#005da0) !important;
        color: white !important;
    }

.bg-rr {
    background: linear-gradient(136deg,#EA1A85,#172e5e) !important;
    color: white !important;
}

    .bg-rr:hover {
        background: linear-gradient(136deg,#172e5e,#EA1A85) !important;
        color: white !important;
    }

.bg-rcb {
    background: linear-gradient(136deg,#000,#464646) !important;
    color: white !important;
}

    .bg-rcb:hover {
        background: linear-gradient(136deg,#464646,#000) !important;
        color: white !important;
    }

.bg-dec {
    background: linear-gradient(136deg,#000,#464646) !important;
    color: white !important;
}

    .bg-dec:hover {
        background: linear-gradient(136deg,#464646,#000) !important;
        color: white !important;
    }

.bg-srh {
    background: linear-gradient(136deg,#fb643e,#b81c25) !important;
    color: white !important;
}

    .bg-srh:hover {
        background: linear-gradient(136deg,#b81c25,#fb643e) !important;
        color: white !important;
    }

.bg-ipl {
    background-image: url(assets/images/abstacrt.png);
    background: linear-gradient(136deg,#19398a,#19398a) !important;
    color: white !important;
}

    .bg-ipl:hover {
        background-image: url(assets/images/abstacrt.png);
        background: linear-gradient(136deg,#19398a,#0358a7) !important;
        color: white !important;
    }

.btn-csk {
    background: linear-gradient(136deg,#fdb913,#f85c00) !important;
    color: white !important;
}

.btn-dc {
    background: linear-gradient(136deg,#004c93,#0358a7) !important;
    color: white !important;
}

.btn-dd {
    background: linear-gradient(136deg,#004c93,#0358a7) !important;
    color: white !important;
}

.btn-kxip {
    background: linear-gradient(136deg,#aa4545,#740f0b) !important;
    color: white !important;
}

.btn-pk {
    background: linear-gradient(136deg,#aa4545,#740f0b) !important;
    color: white !important;
}

.btn-kkr {
    background: linear-gradient(136deg,#70458f,#3d2057) !important;
    color: white !important;
}

.btn-mi {
    background: linear-gradient(136deg,#005da0,#003a63) !important;
    color: white !important;
}

.btn-rr {
    background: linear-gradient(136deg,#EA1A85,#172e5e) !important;
    color: white !important;
}

.btn-rcb {
    background: linear-gradient(136deg,#000,#464646) !important;
    color: white !important;
}

.btn-dec {
    background: linear-gradient(136deg,#000,#464646) !important;
    color: white !important;
}

.btn-srh {
    background: linear-gradient(136deg,#fb643e,#b81c25) !important;
    color: white !important;
}

.bg-pwi {
    background: linear-gradient(136deg,#c0d6eb,#2f9be3) !important;
    color: white !important;
}

    .bg-pwi:hover {
        background: linear-gradient(136deg,#2f9be3,#c0d6eb) !important;
        color: white !important;
    }

.bg-ktk {
    background: linear-gradient(136deg,#e94017,#ad2d0e) !important;
    color: white !important;
}

    .bg-ktk:hover {
        background: linear-gradient(136deg,#ad2d0e,#e94017) !important;
        color: white !important;
    }

.bg-rps {
    background: linear-gradient(136deg,#d11d9b,#b50d82) !important;
    color: white !important;
}

    .bg-rps:hover {
        background: linear-gradient(136deg,#b50d82,#d11d9b) !important;
        color: white !important;
    }

.bg-gl {
    background: linear-gradient(136deg,#e4660b,#ba550b) !important;
    color: white !important;
}

    .bg-gl:hover {
        background: linear-gradient(136deg,#ba550b,#e4660b) !important;
        color: white !important;
    }

.btn-pwi {
    background: linear-gradient(136deg,#c0d6eb,#2f9be3) !important;
    color: white !important;
}

.btn-ktk {
    background: linear-gradient(136deg,#e94017,#ad2d0e) !important;
    color: white !important;
}

.btn-rps {
    background: linear-gradient(136deg,#d11d9b,#b50d82) !important;
    color: white !important;
}

.btn-gl {
    background: linear-gradient(136deg,#e4660b,#ba550b) !important;
    color: white !important;
}

.btn-ipl {
    background: linear-gradient(136deg,#19398a,#19398a) !important;
    color: white !important;
}

.bg-ipl-stats {
    background: linear-gradient(136deg,#556ee6,#0358a7) !important;
    color: white !important;
}

    .bg-ipl-stats:hover {
        background: linear-gradient(136deg,#0358a7,#556ee6) !important;
        color: white !important;
    }

.btn-ipl-stats {
    background: linear-gradient(136deg,#556ee6,#0358a7) !important;
    color: white !important;
}

.bg-ipl-stats-black {
    background: linear-gradient(136deg,#333333,#464646) !important;
    color: white !important;
}

.btn-ipl-stats-black {
    background: linear-gradient(136deg,#333333,#464646) !important;
    color: white !important;
}

.in-numbers__block.t-pattern-1 .in-numbers__card:after {
    /*background-position: bottom;
            background-size: 100%;
            opacity: 1;
            top: -3rem;
            bottom: -10.5rem;
            -webkit-transform: rotate(100deg) scaleY(-1);
            transform: rotate(100deg) scaleY(-1);*/
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 20%;
    opacity: 1;
    height: 100%;
    width: 100%;
    z-index: 0;
}

.win-circle {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #34c38f;
    position: absolute;
    margin: 0.75rem !important;
}

.in-numbers__block.t-pattern-1 .in-numbers__card:after, .in-numbers__block.t-pattern-2 .in-numbers__card:after {
    background-repeat: no-repeat;
    background-position: 100% 100%;
}

.previous-winner.CSK:after {
    background-repeat: no-repeat;
    background-position: 0 100%;
}

.previous-winner:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
}

.bg-ipl-stats-light {
    background: linear-gradient(136deg,#556ee6,#0358a7) !important;
    color: white !important;
}

    .bg-ipl-stats-light:hover {
        background: linear-gradient(136deg,#0358a7,#556ee6) !important;
        color: white !important;
    }

.btn-ipl-stats-light {
    background: linear-gradient(136deg,#0358a7,#556ee6) !important;
    color: white !important;
}

.nav-link {
    color: white !important;
}

.nav-link-selection {
    color: white !important;
    font-weight: bold;
}

body[data-layout=horizontal][data-topbar=light] .topnav {
    background: linear-gradient(136deg,#404040,#404040) !important;
    color: white !important;
}

p {
    margin-top: 0;
    margin-bottom: 0.75rem !important;
}

.mb-0-white {
    color: white !important;
}

.trophy-bg {
    background: linear-gradient(136deg,#edc213,#f2d14b) !important;
    color: white !important;
}

.first-bg {
    background: linear-gradient(136deg,#020414,#020414) !important;
    color: white !important;
}

.trophy-color {
    color: #edc213 !important;
}

.badge-primary {
    color: #fff !important;
}

.btn-group-example .btn:before {
    content: "VS" !important;
}

.btn-won {
    background: linear-gradient(136deg,#34c38f,#34c38f) !important;
    color: white !important;
}

.btn-loss {
    background: linear-gradient(136deg,#f46a6a,#f46a6a) !important;
    color: white !important;
}

.btn-poll {
    width: 10rem !important;
}

#page-topbar {
    background: linear-gradient(136deg,#000b5b,#ea0048) !important;
    color: white !important;
}


.bg-tbc {
    background: linear-gradient(136deg,#acafb5,#ccd0d9) !important;
    color: white !important;
}

.btn-tbc {
    background: linear-gradient(136deg,#acafb5,#ccd0d9) !important;
    color: white !important;
}

.bg-sub-footer {
    padding: 0.7rem;
    background-color: #333;
    font-size: 0.7rem !important;
    color: white;
}

    .bg-sub-footer a {
        font-size: 0.7rem !important;
        color: white;
        padding-left: 3px;
        padding-right: 3px;
    }


.bg-lsg {
    background: linear-gradient(136deg, #A72056, #FFCC00) !important;
    color: white !important;
}

    .bg-lsg:hover {
        background: linear-gradient(136deg, #FFCC00, #A72056) !important;
        color: white !important;
    }

.bg-gt {
    background: linear-gradient(136deg, #1C1C1C, #0B4973) !important;
    color: white !important;
}

    .bg-gt:hover {
        background: linear-gradient(136deg, #0B4973, #1C1C1C) !important;
        color: white !important;
    }

.btn-lsg {
    background: linear-gradient(136deg, #A72056, #FFCC00) !important;
    color: white !important;
}

.btn-gt {
    background: linear-gradient(136deg, #1C1C1C, #0B4973) !important;
    color: white !important;
}


.mb-0-white {
    color: white !important;
}

.padding-0 {
    padding: 0 !important;
}

.margin-0 {
    margin: 0 !important;
}

.width-50 {
    width: 50% !important;
}

.noborder {
    border: 0px !important;
}

.black-color {
    color: black !important;
}

.align-left {
    text-align: left !important;
}

.align-right {
    text-align: right !important;
}

.align-center {
    text-align: center !important;
}

.no-margin {
    margin: 0px !important;
    margin-bottom: 0.2rem !important;
}

.no-padding {
    margin: 0px !important;
    margin-bottom: 0.2rem !important;
}
canvas {
    overflow-y: hidden;
    overflow-x: hidden;
    width: 100%;
    height:80% !important;
    margin: 0;
}

.website-footer {
    position: fixed;
    z-index: 1000000;
    overflow: hidden;
    bottom: 0px;
    width: 100%;
    margin-top: 1rem;
    text-align: center;
}

.bg-cricstats-footer {
    background: linear-gradient(136deg,#142048,#333333) !important;
    color: white !important;
    padding: 10px;
}

.bg-t20stats {
    background: linear-gradient(180deg, #de2316, #cc2121) !important;
    color: white !important;
    padding: 10px;
}

.bg-iplstats {
    background: linear-gradient(136deg, #19398a, #19398a) !important;
    color: white !important;
    padding: 10px;
}

.bg-bblstats {
    background: linear-gradient(136deg, #33332a, #33332a) !important;
    color: white !important;
    padding: 10px;
}

.bg-cplstats {
    background: linear-gradient(136deg, #d6bd15, #d6bd15) !important;
    color: white !important;
    padding: 10px;
}

.bg-lplstats {
    background: linear-gradient(136deg, #0b063d, #0b063d) !important;
    color: white !important;
    padding: 10px;
}

.bg-sa20stats {
    background: linear-gradient(136deg, #5ae090, #5ae090) !important;
    color: white !important;
    padding: 10px;
}