Fix File

• File: index3.html

• Content:

<head>

.scoreRowtotal,
        .powered-sec,
        .powered-wrap {
            position: relative;
        }

.logo-cric-scorebar {
            position: absolute;
            right: 10px;
            top: 56%;
            text-align: right !important;
        }

.logo-cric-scorebar img {
            max-width: 125px;
        }

.logo-cric-scorebar h6 {
            color: #222;
            font-size: 8px;
            padding: 0;
            margin: 0;
        }

.logo-cric {
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            text-align: right !important;
        }

.logo-cric img {
            max-width: 120px;
        }

.logo-cric h6 {
            padding: 0;
            margin: 0;
            font-weight: 500;
            font-size: 11px;
            color: #fff;

}

.powered-wrap .logo-cric h6 {
            color: #000;
            font-size: 9px !important;
        }

/* Style to change and update. */

body {
            overflow: hidden;
            margin: 0;
            padding: 0;
            background-repeat: no-repeat;
            background-position: right top;
            background-color: #ffffff00;
        }

body,
        body * {
            font-family: 'Rubik', sans-serif;
            box-sizing: border-box;
        }

.overlayWrap {
            visibility: hidden;
        }

body.activeIs1 .ScoreBar {
            visibility: visible;
        }

body.activeIs2 .Batting1 {
            visibility: visible;
        }

body.activeIs3 .Bowling1 {
            visibility: visible;
        }

body.activeIs32 .Batting1-2 {
            visibility: visible;
        }

body.activeIs33 .Bowling1-2 {
            visibility: visible;
        }

body.activeIs20 .pointsTable {
            visibility: visible;
        }

body.activeIs4 .Batting2 {
            visibility: visible;
        }

body.activeIs5 .Bowling2 {
            visibility: visible;
        }

body.activeIs34 .Batting2-2 {
            visibility: visible;
        }

body.activeIs35 .Bowling2-2 {
            visibility: visible;
        }

body.activeIs6 .Squad1 {
            visibility: visible;
        }

body.activeIs7 .Squad2 {
            visibility: visible;
        }

body.activeIs8 .summary {
            visibility: visible;
        }

body.activeIs13 .matchintro {
            visibility: visible;
        }

body.activeIs14 .inningsbreak {
            visibility: visible;
        }

body.activeIs15 .drinksbreak {
            visibility: visible;
        }

body.activeIs28 .raindelay {
            visibility: visible;
        }

body.activeIs16 .batsmancurrentcard {
            visibility: visible;
        }

body.activeIs17 .runnercurrentcard {
            visibility: visible;
        }

body.activeIs18 .bowlercurrentcard {
            visibility: visible;
        }

body.activeIs19 .lastoutcard {
            visibility: visible;
        }

body.activeIs29 .mom {
            visibility: visible;
        }

body.activeIs24 .careercardofplayer {
            visibility: visible;
        }

body.activeIs25 .careercardofplayer {
            visibility: visible;
        }

body.activeIs26 .careercardofplayer {
            visibility: visible;
        }

body.activeIs27 .careercardofplayer {
            visibility: visible;
        }

body.activeIs21 .overByOver {
            visibility: visible;
        }

body.activeIs22 .worm {
            visibility: visible;
        }

body.activeIs23 .partnership {
            visibility: visible;
        }

.mainWrap {
            position: fixed;
            width: 100%;
            height: 100%;
        }

.overlayWrap.ScoreBar {
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 102px;
            transition: 1s all, 1s background-color, 1s padding;
            transition-delay: 1s, 1s, 1s;
            transform: translateY(100%);
        }

body.activeIs1 .overlayWrap.ScoreBar {
            transform: translateY(0%);
            /* transform: translateY(100%); */
        }

body.activeIs2 .overlayWrap.Batting1,
        body.activeIs3 .overlayWrap.Bowling1,
        body.activeIs32 .overlayWrap.Batting1-2,
        body.activeIs33 .overlayWrap.Bowling1-2,

body.activeIs20 .overlayWrap.pointsTable,
        body.activeIs4 .overlayWrap.Batting2,
        body.activeIs5 .overlayWrap.Bowling2,
        body.activeIs34 .overlayWrap.Batting2-2,
        body.activeIs35 .overlayWrap.Bowling2-2,

body.activeIs6 .overlayWrap.Squad1,
        body.activeIs7 .overlayWrap.Squad2,
        body.activeIs8 .overlayWrap.summary,
        body.activeIs13 .overlayWrap.matchintro,
        body.activeIs14 .overlayWrap.inningsbreak,
        body.activeIs15 .overlayWrap.drinksbreak,
        body.activeIs28 .overlayWrap.raindelay,
        body.activeIs16 .overlayWrap.batsmancurrentcard,
        body.activeIs17 .overlayWrap.runnercurrentcard,
        body.activeIs18 .overlayWrap.bowlercurrentcard,
        body.activeIs19 .overlayWrap.lastoutcard,
        body.activeIs29 .overlayWrap.mom,

body.activeIs24 .overlayWrap.careercardofplayer,
        body.activeIs25 .overlayWrap.careercardofplayer,
        body.activeIs26 .overlayWrap.careercardofplayer,
        body.activeIs27 .overlayWrap.careercardofplayer,

body.activeIs21 .overlayWrap.overByOver,
        body.activeIs22 .overlayWrap.worm {
            transform: translateX(0%);
        }

.overlayWrap.ScoreBar {
            position: absolute;
            bottom: -15px;
            width: 100%;
            height: 102px;
            transition: 1s all, 1s background-color, 1s padding;
            transition-delay: 1s, 1s, 1s;
            transform: translateY(100%);
        }

.overlayWrap.Batting1,
        .overlayWrap.Bowling1,
        .overlayWrap.Batting1-2,
        .overlayWrap.Bowling1-2,
        .overlayWrap.pointsTable,
        .overlayWrap.Batting2,
        .overlayWrap.Bowling2,
        .overlayWrap.Batting2-2,
        .overlayWrap.Bowling2-2,
        .overlayWrap.Squad1,
        .overlayWrap.Squad2,
        .overlayWrap.summary,
        .overlayWrap.batsmancurrentcard,
        .overlayWrap.lastoutcard,
        .overlayWrap.mom,
        .overlayWrap.careercardofplayer,
        .overlayWrap.runnercurrentcard,
        .overlayWrap.bowlercurrentcard,
        .overlayWrap.matchintro,
        .overlayWrap.inningsbreak,
        .overlayWrap.drinksbreak,
        .overlayWrap.raindelay,
        .overlayWrap.overByOver,
        .overlayWrap.worm {
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 100%;
            transition: 2s;
            transform: translateX(100%);
            /* background: gray; */
        }

body.secondInn.matchHasEnded .mainCenter,
        body.secondInn.matchHasEnded .scoreTop .mainLeft,
        body.secondInn.matchHasEnded .scoreTop .mainRight,
        body.secondInn.matchHasEnded .scoreBottom {
            display: none;
        }

.matchEnded>div {
            display: inline-block;
        }

.matchEnded .result {
            font-size: 30px;
            padding: 0 14px;
        }

.mEnded {
            position: relative;
            top: -2px;
            font-size: 22px;
        }

.mainLeft,
        .mainRight {
            transition: transform 2s;
            transition-delay: 2s;
        }

.mainLeft {
            transform: translateX(-100%);
        }

.mainRight {
            transform: translateX(100%);
        }

body.activeIs1 .mainLeft,
        body.activeIs1 .mainRight {
            transition-delay: 1.5s;
            transform: translateX(0);
        }

body.firstInn.notYetStarted .scoreTop .mainLeft {
            transform: translateX(-100%);
        }

body.firstInn.notYetStarted .scoreTop .mainRight {
            transform: translateX(100%);
        }

.scoreTop {
            overflow: hidden;
            width: 100%;
            position: relative;
            margin: 0px auto;
            z-index: 0;
            width: 0;
            transition: width 1.5s;
        }

body.activeIs1 .scoreTop {
            transition-delay: 1.5s;
            width: 100%;
        }

body:not(.activeIs1) .mainRight {
            transition-delay: 0s;
            transform: translateX(100%);
        }

body:not(.activeIs1) .mainLeft {
            transition-delay: 0s;
            transform: translateX(-100%);
        }

.scoreBottom {
            transform: translateY(-32px);
            position: relative;
            transition: 1s transform, 1s height;
            height: 0;
            overflow: hidden;
        }

body.activeIs1 .scoreBottom {
            transition-delay: 3s;
            transform: translateY(0px);
            height: 32px;
        }

span.cardlabel {
            font-size: 20px;
            /* margin-left: 20px; */
        }

.scoreRowtotal {
            background-size: cover;
            background-color: #000000ab;
            font-size: 19px;
            padding: 20px;
            text-align: center;
            position: relative;
            color: white;
        }

.scoreRowtotal:before {
            background: #232124;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: -1;
            content: '';
        }

.scoreBottom .secondIn * {
            font-size: 19px !important;
        }

/* animation */
        body.activeIs2 .overlayWrap .insideWrap .insideWrapInside>div,
        body.activeIs3 .overlayWrap .insideWrap .insideWrapInside>div,
        body.activeIs4 .overlayWrap .insideWrap .insideWrapInside>div,
        body.activeIs5 .overlayWrap .insideWrap .insideWrapInside>div,
        body.activeIs32 .overlayWrap .insideWrap .insideWrapInside>div,
        body.activeIs33 .overlayWrap .insideWrap .insideWrapInside>div,
        body.activeIs34 .overlayWrap .insideWrap .insideWrapInside>div,
        body.activeIs35 .overlayWrap .insideWrap .insideWrapInside>div,

body.activeIs6 .overlayWrap .insideWrap .insideWrapInside>div,
        body.activeIs7 .overlayWrap .insideWrap .insideWrapInside>div,
        body.activeIs8 .overlayWrap .insideWrap .insideWrapInside>div,
        body.activeIs13 .overlayWrap .insideWrap .insideWrapInside>div,
        body.activeIs14 .overlayWrap .insideWrap .insideWrapInside>div,
        body.activeIs15 .overlayWrap .insideWrap .insideWrapInside>div,
        body.activeIs28 .overlayWrap .insideWrap .insideWrapInside>div,
        body.activeIs16 .overlayWrap .insideWrap .insideWrapInside>div,
        body.activeIs17 .overlayWrap .insideWrap .insideWrapInside>div,
        body.activeIs18 .overlayWrap .insideWrap .insideWrapInside>div,
        body.activeIs19 .overlayWrap .insideWrap .insideWrapInside>div,
        body.activeIs29 .overlayWrap .insideWrap .insideWrapInside>div,

body.activeIs24 .overlayWrap .insideWrap .insideWrapInside>div,
        body.activeIs25 .overlayWrap .insideWrap .insideWrapInside>div,
        body.activeIs26 .overlayWrap .insideWrap .insideWrapInside>div,
        body.activeIs27 .overlayWrap .insideWrap .insideWrapInside>div,

body.activeIs20 .overlayWrap .insideWrap .insideWrapInside>div,
        body.activeIs21 .overlayWrap .insideWrap .insideWrapInside>div,
        body.activeIs22 .overlayWrap .insideWrap .insideWrapInside>div,
        body.activeIs23 .overlayWrap .insideWrap .insideWrapInside>div {
            transform: translateX(0);
        }

.overlayWrap .insideWrap .insideWrapInside>div {
            transition: 1s transform;
            transform: translateX(1200px);
        }

.overlayWrap .insideWrap .insideWrapInside>div:nth-of-type(1) {
            transition-delay: 0.1s;
        }

.overlayWrap .insideWrap .insideWrapInside>div:nth-of-type(2) {
            transition-delay: 0.15s;
        }

.overlayWrap .insideWrap .insideWrapInside>div:nth-of-type(3) {
            transition-delay: 0.20s;
        }

.overlayWrap .insideWrap .insideWrapInside>div:nth-of-type(4) {
            transition-delay: 0.25s;
        }

.overlayWrap .insideWrap .insideWrapInside>div:nth-of-type(5) {
            transition-delay: 0.30s;
        }

.overlayWrap .insideWrap .insideWrapInside>div:nth-of-type(6) {
            transition-delay: 0.35s;
        }

.overlayWrap .insideWrap .insideWrapInside>div:nth-of-type(7) {
            transition-delay: 0.40s;
        }

.overlayWrap .insideWrap .insideWrapInside>div:nth-of-type(8) {
            transition-delay: 0.45s;
        }

.overlayWrap .insideWrap .insideWrapInside>div:nth-of-type(9) {
            transition-delay: 0.50s;
        }

.overlayWrap .insideWrap .insideWrapInside>div:nth-of-type(10) {
            transition-delay: 0.55s;
        }

.overlayWrap .insideWrap .insideWrapInside>div:nth-of-type(11) {
            transition-delay: 0.60s;
        }

.overlayWrap .insideWrap .insideWrapInside>div:nth-of-type(12) {
            transition-delay: 0.65s;
        }

.overlayWrap .insideWrap .insideWrapInside>div:nth-of-type(13) {
            transition-delay: 0.70s;
        }

.overlayWrap .insideWrap .insideWrapInside>div:nth-of-type(14) {
            transition-delay: 0.75s;
        }

.overlayWrap .insideWrap .insideWrapInside>div:nth-of-type(15) {
            transition-delay: 0.8s;
        }

.overlayWrap .insideWrap .insideWrapInside>div:nth-of-type(16) {
            transition-delay: 0.9s;
        }

.overlayWrap .insideWrap .insideWrapInside>div:nth-of-type(17) {
            transition-delay: 1s;
        }

.overlayWrap .insideWrap .insideWrapInside>div:nth-of-type(28) {
            transition-delay: 0.8s;
        }

.overlayWrap .insideWrap .insideWrapInside>div:nth-of-type(29) {
            transition-delay: 0.8s;
        }

/* animation */

.Squad1 .scoreRow.player,
        .Squad2 .scoreRow.player {
            padding-left: 10px;
        }

.scoreRow.playingxi {
            background: #232124;
            color: white;
            text-align: left;
            padding: 10px;
            font-size: 21px;
        }

body .scoreRow.total.toss {
            background-image: none;
            background-size: cover;
            font-size: 19px;
            padding: 20px;
            text-align: center;
            position: relative;
            color: white;
        }

.scoreRow.total.toss:before {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: -1;
            content: '';
        }

.insideWrapInside.bowlingcard .scoreRow>div.name {
            text-align: right;
        }

.insideWrapInside.bowlingcard .scoreRow>div.group-name-header {
            width: 150px;
            text-align: left;
            margin-left: 8px;
        }

.insideWrapInside.bowlingcard .scoreRow>div {
            width: 80px;
            /* background:gainsboro; */
            text-align: center;
        }

.overlayWrap.Bowling1-2 .insideWrap,
        .overlayWrap.Bowling2-2 .insideWrap,
        .overlayWrap.Bowling1 .insideWrap,
        .overlayWrap.Bowling2 .insideWrap {
            width: 697px
        }

.overlayWrap.pointsTable .insideWrap {
            width: 865px
        }

.overlayWrap.overByOver .insideWrap {
            width: 865px
        }

.overlayWrap.worm .insideWrap {
            width: 865px
        }

.name.fowViewTop {}

.insideWrapInside.bowlingcard .scoreRow.fow>div {
            width: 38px;
        }

.scoreRow.summary_top {
            text-align: right !important;
            padding-right: 20px !important;
        }

.insideWrapInside.summarydata {
            width: 50%;
        }

.insideWrapInside.summarydata.s_t1_bat,
        .insideWrapInside.summarydata.s_t2_bat,
        .insideWrapInside.summarydata.s_t1_bowl,
        .insideWrapInside.summarydata.s_t2_bowl,
        .insideWrapInside.summarydata.s_t1_2_bat,
        .insideWrapInside.summarydata.s_t2_2_bat,
        .insideWrapInside.summarydata.s_t1_2_bowl,
        .insideWrapInside.summarydata.s_t2_2_bowl {
            float: left;
        }

.overlayWrap.summary .scoreRowtotal {
            clear: both;
        }

.overlayWrap.summary .scoreRow.sum_player {
            display: flex;
            justify-content: space-between;
        }

.scoreRow.sum_player {
            padding: 0;
        }

.s_data {
            background: #232124;
            min-width: 100px;
            text-align: center;
            padding: 9px;
            color: white;
        }

.s_player {
            margin-top: 10px;
            padding-left: 15px;
        }

.overlayWrap.summary {}

.overlayWrap.summary .insideWrap {
            width: 690px;
        }

span.summaryballs {
            font-size: 15px;
            opacity: .7;
            margin-left: 5px;
        }

.overlayWrap.Batting1 .scoreRow .status span,
        .overlayWrap.Batting2 .scoreRow .status span,
        .overlayWrap.Batting1-2 .scoreRow .status span,
        .overlayWrap.Batting2-2 .scoreRow .status span {
            font-size: 12px;
            color: #232124;
        }

.overlayWrap.Batting1 .scoreRow .status span.outname,
        .overlayWrap.Batting2 .scoreRow .status span.outname,
        .overlayWrap.Batting1-2 .scoreRow .status span.outname,
        .overlayWrap.Batting2-2 .scoreRow .status span.outname {
            font-size: 15px;
            color: inherit;
        }

.overlayWrap.Batting1 .scoreRow.notout .status span,
        .overlayWrap.Batting2 .scoreRow.notout .status span,
        .overlayWrap.Batting1-2 .scoreRow.notout .status span,
        .overlayWrap.Batting2-2 .scoreRow.notout .status span {
            color: white !important
        }

.mainCenterB {
            position: absolute;
            height: 70px;
        }

.mainCenterBR {
            right: 15px;
            width: 116px;
        }

.mainCenterBL {
            right: 10px;
            width: 84px;
            left: 15px;
        }

.mainCenter:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background-position: center center;
        }

.mainCenterBottom,
        .mainCenterTop {
            z-index: 1;
            /* position: relative; */
        }

.teamlogostat {
            width: 60px !important;
            height: 100%;
            position: absolute;
            z-index: 1;
            right: 10px;
            top: 0;
            float: none;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
        }

.batsman1ProfileImange_stats {
            width: 60px !important;
            height: 100%;
            position: absolute;
            z-index: 1;
            right: 10px;
            top: 0;
            float: none;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
        }

.intrasplash .teamlogostat {
            width: 300px !important;
        }

.scoreRow.player_stat_box p {
            margin: 0;
            color: white;
            font-size: 24px;
            /* background: gainsboro; */
            padding-right: 70px;
        }

.scoreRow.player_stat_box p.batstyle {
            font-size: 17px;
        }

.scoreRow.player_image {
            display: inline-block;
            margin: 0;
            padding: 0 !important;
            /* border-bottom: 20px solid black; */
            position: absolute;
            left: 0;
            z-index: 1;
            top: 20px;
            text-align: right;
            background: #66339900;
            width: 160px;
            /* height: 190px; */
        }

.scoreRow.player_image img {
            border: 0;
            padding: 0;
            margin: 0;
            width: 100%;
            /* max-width: 60px; */
            border-bottom: 10px solid #232124;
        }

.left_col .scoreRow {
            padding-left: 40px;
        }

.stat_data {
            display: inline-block;
            font-weight: bold;
            font-size: 20px;
        }

.insideWrap.left_col .insideWrapInside>div>div {
            width: inherit;
            float: inherit;
        }

.stat_type {
            display: inline-block;
            min-width: 120px;
        }

.insideWrap.current_bottom_stat_row {
            bottom: 200px;
            transform: translate(-50%, 100%);
        }

.current_bottom_stat_row .scoreRow.player_stat_box {
            min-height: inherit;
        }

.player_current.scoreRow {
            padding: 0;
        }

.current_bottom_stat_row .player_stat_box p {
            display: inline-block;
        }

.current_bottom_stat_row .scoreRow.player_stat_box p {
            padding: 0;
        }

p.player_stat_runs {
            font-weight: bold;
            padding-left: 15px !important;
            font-size: 30px !important;
        }

.scoreRow.player_current>div {
            display: inline-block !important;
            width: inherit;
            float: inherit;
            min-width: inherit;
            font-size: 20px;
            padding: 14px 0px;
        }

.scoreRow.player_current .stat_data {
            /* margin-right: 9px; */
            margin-left: 5px;
            border-right: 1px solid #00000040;
            padding-right: 15px;
        }

.scoreRow.player_current .stat_type {
            padding-left: 12px;
        }

.scoreRow.tournamentName {
            background: #232124;
            color: white;
            padding: 20px;
            text-align: center;
            font-size: 27px;
        }

.splash_center {}

.scoreRow.player.splash_contain {
            min-height: 340px;
            position: relative;
            text-align: center;
            background-image: inherit;
            background: -webkit-linear-gradient(-90deg, rgba(254, 254, 254, 0.9) 0.53%, rgba(237, 237, 237, 0.9) 50.51%, rgba(225, 225, 225, 0.9) 51.01%, rgba(179, 179, 179, 0.9) 100%);
            background: -webkit-gradient(linear, 50% 4.55%, 50% 96.95%, color-stop(0.0053, rgba(254, 254, 254, 0.9)), color-stop(0.5051, rgba(237, 237, 237, 0.9)), color-stop(0.5101, rgba(225, 225, 225, 0.9)), color-stop(1, rgba(179, 179, 179, 0.9)));
            background: -o-linear-gradient(-90deg, rgba(254, 254, 254, 0.9) 0.53%, rgba(237, 237, 237, 0.9) 50.51%, rgba(225, 225, 225, 0.9) 51.01%, rgba(179, 179, 179, 0.9) 100%);
        }

.splash_center {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 100% !important;
            float: inherit !important;
        }

.team_detail>div {
            display: inline-block;
        }

.intro_team {
            width: 140px;
            height: 140px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center;
            margin: 0 20px;
            border-radius: 50%;
        }

.team_detail {
            margin-bottom: 20px;
        }

.versus_intro {
            font-weight: bold;
            font-size: 50px;
            position: relative;
            top: -40px;
        }

.splash_type {
            font-weight: bold;
            font-size: 28px;
        }

.overlayWrap.pointsTable .insideWrapInside.bowlingcard .scoreRow>div.name {
            text-align: left !important;
        }

.playerbox {
            width: 13.5%;
            float: left;
            margin: 10px 6px;
            box-shadow: 0px 0px 10px #888;
            border-radius: 15px 15px 20px 15px;
            background-color: #fff;
        }

.playerPic {
            width: 100%;
            height: 150px;
            background-size: cover;
            background-repeat: no-repeat;
            border-radius: 10px 10px 0 0;
            background-position: top center;
        }

.players-body-sec {

display: table-row;
            justify-content: space-between;
        }

.playerName {
            font-size: 2vmin;
            background-repeat: no-repeat;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-align: center;
            background-color: transparent;
            color: #fff;
            font-weight: bold;
            text-transform: uppercase;
            border-radius: 0px 0px 0px 0px;
            padding: auto;
        }

.flex-row-box {
            display: flex;
            align-items: center;
        }

.flex-row-box .insideWrapInside {
            width: 100%;
        }

.side-player-img {
            width: 150px;
            height: 160px;
            background-size: cover;
            background-position: top center;
            border-radius: 5px 0px 0px 5px;
            /* border: 3px solid #232124; */
        }

.partnership-profiles {
            display: flex;
            justify-content: space-around;
        }

.partnership-bg {
            background-size: cover;
            background-position: top;
            background-color: #ffffff;
            width: 200px;
            height: 240px;
            border-radius: 20px
        }

.left-sec .partnership-bg {
            transform: perspective(400px) rotateY(20deg);
            box-shadow: -2px 0px 0px 10px #cdcdcd;
        }

.left-sec .partnershipScore1 {
            width: 200px;
            height: 50px;
            border-radius: 20px;
            transform: perspective(400px) rotateZ(-7deg);

background-color: #232124;
            color: #fff;
            font-size: 20px;
            text-align: center;
            margin-top: 20px;
            line-height: 50px;
        }

.right-sec .partnershipScore2 {
            width: 200px;
            height: 50px;
            border-radius: 20px;
            transform: perspective(400px) rotateZ(7deg);

background-color: #232124;
            color: #fff;
            font-size: 20px;
            text-align: center;
            margin-top: 20px;
            line-height: 50px;
        }

.right-sec .partnership-bg {
            transform: perspective(400px) rotateY(-20deg);
            box-shadow: 2px 0px 0px 10px #cdcdcd;
        }

.partnership-bottom {
            margin-top: 80px;
        }

.partnership-bottom-1 {
            display: block;
            width: 100%;
            min-height: auto !important;
            padding: 15px 0px !important;
        }

.partnership-bottom-1 h4 {
            margin: 0;
            padding: 0;
            text-align: center;
            font-size: 28px;
            color: #fff;
        }

.partnership-bottom-2 {
            display: flex;
            width: 100%;
            text-align: center;
        }
    </style>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="chart.min.js"></script>

var url_string = window.location.href
        var url = new URL(url_string);
        var club = url.searchParams.get("clubId");

var match = url.searchParams.get("matchId");
        var fixtureId = url.searchParams.get("fixtureId");

function formulaEcon(rs, bs) {
            var value = rs * 6 / bs;
            value = value.toFixed(2);
            return value;
        }

function formulaEconOV(rs, ov) {

ov = "" + ov;
            var ov_left = ov.toString().split(".")[0];
            var ov_balls = ov.toString().split(".")[1];

if (ov_balls != null) {
                ov_balls = parseInt(ov_left) * 6 + parseInt(ov_balls);

} else {

ov_balls = parseInt(ov_left) * 6

}

var value = rs * 6 / ov_balls;
            value = value.toFixed(2);

return value;
        }

function formulaSR(rs, bs) {
            var value = rs / bs;
            value = value * 100;
            value = value.toFixed(2);
            return value;
        }

function ballsToOvers(balls) {
            if (balls == 0) {
                return "0.0";
            }

var retVal = "";
            retVal += Math.floor(balls / 6);
            retVal += "." + balls % 6;

return retVal;
        }

var firstInningButtomTabRefreed = false;
        function refreshScore() {
            fisrtDataLoaded = true;
            var matchIdApi = parseInt(match, 10);
            var clubIdApi = parseInt(club, 10);
            var fixtureIdApi = parseInt(fixtureId, 10);
            var ajaxUrl = ajaxUrl2 = '';
            ajaxUrl = 'https://cricclubs.com/liveScoreOverlayData.do?clubId=' + clubIdApi + '&matchId=' + matchIdApi;
            ajaxUrl2 = 'https://ccapi.cricclubs.com/CCAPI/scoreCard/getScoreCard?matchId=' + matchIdApi + '&clubId=' + clubIdApi;

// var ajaxUrl = '/liveScoreOverlayData.do?clubId='+club+'&matchId='+match;

$.ajax({
                url: ajaxUrl,
                success: function (result) {
                    if (result != '') {
                        //alert(result);
                        var returnedData = JSON.parse(result);

/* UK */
                        if (returnedData.view == "1") {
                            if (returnedData.values.batsman1IsOut == "1") {
                                returnedData.values.batsman1Name = "";
                                returnedData.values.batsman1Balls = "";
                                returnedData.values.batsman1Fours = "";
                                returnedData.values.batsman1Runs = "";
                                returnedData.values.batsman1Sixers = "";
                                returnedData.values.batsman1ProfileImange = "";
                            }
                            if (returnedData.values.batsman2IsOut == "1") {
                                returnedData.values.batsman2Name = "";
                                returnedData.values.batsman2Balls = "";
                                returnedData.values.batsman2Fours = "";
                                returnedData.values.batsman2Runs = "";
                                returnedData.values.batsman2Sixers = "";
                                returnedData.values.batsman2ProfileImange = "";
                            }
                        }

if (!$('body').hasClass('activeIs' + returnedData.view)) {
                                $('body').removeClass();
                                setTimeout(function () {
                                    $('body').addClass('activeIs' + returnedData.view);
                                }, 2000);
                            }
                        
                        /* add class is second innings */

false != 'false';
                        inningsClass = '';

var currentInnings = returnedData.isSecondInningsStarted

if (currentInnings == false) {
                            inningsClass = 'firstInn';
                        } else {
                            inningsClass = 'secondInn';
                        }

if (returnedData.view == "8" && (returnedData.values.isTestMatch == "true" || returnedData.values.isTestMatch == true)) {
                            if (returnedData.values.fourthInningt1 == true || returnedData.values.fourthInningt2 == true
                                || returnedData.values.thirdInningt2 == true || returnedData.values.thirdInningt1 == true) {
                                inningsClass = 'secondInn';
                            }
                        }

$("body").removeClass('firstInn');
                        $("body").removeClass('secondInn');
                        $("body").addClass(inningsClass);
                        if (!firstInningButtomTabRefreed) {
                            if (returnedData.values.showInfoWithT1Buttom) {
                                $("#firstInningButtomTab").empty();
                                $("#firstInningButtomTab").append("<div class='bottomLeft'> <span class='showScoreMsgForOpositTeam' id='showScoreMsgForOpositTeam'></span> </div> <div class='bottomMed showRunsRequired'> <div class='need-hide'> <span class='showMsgForScoreNeeded' id='showMsgForScoreNeeded'></span> </div> </div>");
                            } else {
                                $("#firstInningButtomTab").empty();
                                $("#firstInningButtomTab").append("<span class='t1Name'></span> VS <span class='t2Name'></span>");
                            }
                            firstInningButtomTabRefreed = true;
                        }

// match ended class

if (returnedData.values.t1Overs == "0.0") {
                            $('body').addClass('notYetStarted');
                        } else {
                            $('body').removeClass('notYetStarted');
                        }

// has first delivery bowled yet?

if (returnedData.values.isMatchEnded == "1") {
                            $('body').addClass('matchHasEnded');
                        } else {
                            $('body').removeClass('matchHasEnded');
                        }

setTimeout(function () {
                            /* why timeout? so the content doesnt change while the animation is happening */

$.each(returnedData.values, function (name, value) {
                                //alert(name + ": " + value);
                                $("." + name).html(value);
                            });

if (returnedData.view == 1) {
                                //first name/first word for bowler
                                var bwl = returnedData.values.bowlerName;
                                var bwlFrstFind = bwl.indexOf(" ");
                                var bwlFrst = bwl.substring(0, bwlFrstFind);
                                // alert(bwlFrst);
                                $(".bowlerName.bowlerleftscore").html(bwl);//bowlerName 
                            }

$("span.runrate").text(function () {
                                return $(this).text().replace("--.--", "0.00");
                            })

// get squads

if (returnedData.view == 7) {

var currentSquadView = [];
                                var currentSquadView2 = [];
                                var playernamesContent = "";

$.ajax({
                                    url: ajaxUrl2,
                                    success: function (result2) {

result2.data.innings1.batting.forEach(element => {
                                            currentSquadView.push(element.firstName + " " + element.lastName);
                                        });
                                        result2.data.innings2.batting.forEach(element => {
                                            currentSquadView2.push(element.firstName + " " + element.lastName);
                                        });

$(".t1Name").html(result2.data.innings1.teamName);

playernamesContent += "<div>"
                                        for (var i = 0; i < currentSquadView.length; i++) {

playernamesContent += "<div class='row' style='background-image: url(images/Squad_PlayerBG.png); background-size: 100%;width: 83.3vmin;'>"
                                            playernamesContent += "<div class='playerName' style='font-family: Gilroy;margin-left:10vmin; text-align: left;'>" + currentSquadView[i] + "</div>"
                                            playernamesContent += "<div style='text-align: left;margin-left:45vmin; margin-top: -2.5vmin;color: white;font-family: Gilroy;text-transform: uppercase;'>" + currentSquadView2[i] + "</div>"
                                        }
                                        playernamesContent += "</div><div></div>"

$("div.insideWrapInside.playingxinames").html(playernamesContent);
                                    }
                                });

// var currentSquadViewPic = [];
                                // var currentSquadView2 = [];
                                // if (returnedData.view == "6") {
                                //     currentSquadView = returnedData.values.t1Players;
                                //     currentSquadView2 = returnedData.values.t2Players;
                                // }  else if (returnedData.view == "7") {
                                //     currentSquadView = returnedData.values.t2Players;
                                //     currentSquadViewPic = returnedData.values.t2PlayerPics;
                                // }

}

/* get summary*/

if (returnedData.view == 8) {

var t1bat = returnedData.values.t1Batting;
                                var t2bowl = returnedData.values.t2Bowling;
                                var t2bat = [];
                                var t1bowl = [];

var t1_2bat = [];;
                                var t2_2bowl = [];;
                                var t2_2bat = [];
                                var t1_2bowl = [];

$(".tem2-sumary-hndl").hide();
                                $(".need-hide").hide();
                                $(".testHideAll").hide();
                                if (returnedData.isSecondInningsStarted) {
                                    $(".need-hide").show();
                                    $(".tem2-sumary-hndl").show();
                                    t2bat = returnedData.values.t2Batting;
                                    t1bowl = returnedData.values.t1Bowling;
                                }

if (returnedData.view == "8" && (returnedData.values.isTestMatch == "true" || returnedData.values.isTestMatch == true)) {
                                    if (returnedData.values.fourthInningt1 == "true" || returnedData.values.fourthInningt2 == "true"
                                        || returnedData.values.thirdInningt2 == "true" || returnedData.values.thirdInningt1 == "true") {
                                        inningsClass = 'secondInn';
                                        $(".need-hide").show();
                                        $(".testHideAll").show();
                                        $(".tem2-sumary-hndl").show();
                                        t2bat = returnedData.values.t2Batting;
                                        t1bowl = returnedData.values.t1Bowling;
                                    }
                                }
                                $(".tem1_2-sumary-hndl").hide();
                                $(".tem2_2-sumary-hndl").hide();

if (returnedData.values.isTestMatch == "true" || returnedData.values.isTestMatch == true) {
                                    // Handle UI of summary on the basis of innings t1-2 for both innings.
                                    if (returnedData.values.fourthInningt2 == "true" || returnedData.values.fourthInningt1 == "true") {
                                        $(".need-hide").show();
                                        $(".tem1_2-sumary-hndl").show();
                                        t1_2bat = returnedData.values.t1_2Batting;
                                        t2_2bowl = returnedData.values.t2_2Bowling;
                                        $(".need-hide").show();
                                        $(".tem2_2-sumary-hndl").show();
                                        t2_2bat = returnedData.values.t2_2Batting;
                                        t1_2bowl = returnedData.values.t1_2Bowling;
                                    }
                                    if (returnedData.values.thirdInningt2 == "true") {
                                        $(".need-hide").show();
                                        $(".tem2_2-sumary-hndl").show();
                                        t2_2bat = returnedData.values.t2_2Batting;
                                        t1_2bowl = returnedData.values.t1_2Bowling;
                                    }
                                    if (returnedData.values.thirdInningt1 == "true") {
                                        $(".need-hide").show();
                                        $(".tem1_2-sumary-hndl").show();
                                        t1_2bat = returnedData.values.t1_2Batting;
                                        t2_2bowl = returnedData.values.t2_2Bowling;
                                    }
                                    // get players t1 bat

var summaryplayers = "";

$.each(t1_2bat, function (index, value) {

var lastnamebatcard = value.firstName;
                                        var lastnameperiod = lastnamebatcard.slice(0, 1) + '.';
                                        var nicknamebatcard = value.nickName;

summaryplayers += '<div class="scoreRow sum_player"><div class="s_player" style="text-transform: uppercase">' + value.firstName + " " + value.lastName + '</div><div class="s_data">' + value.runsScored + '<span class="summaryballs">' + value.ballsFaced + '</span></div></div>';

});

$("div.summarydata.s_t1_2_bat").html(summaryplayers);

// get players t1 bat

var summaryplayers = "";

$.each(t2_2bat, function (index, value) {

var lastnamebatcard = value.firstName;
                                        var lastnameperiod = lastnamebatcard.slice(0, 1) + '.';

});

$("div.summarydata.s_t2_2_bat").html(summaryplayers);

// get players t1 bowl

var summaryplayers = "";

$.each(t1_2bowl, function (index, value) {

var lastnamebatcard = value.firstName;
                                        var lastnameperiod = lastnamebatcard.slice(0, 1) + '.';

summaryplayers += '<div class="scoreRow sum_player"><div class="s_player" style="text-transform: uppercase">' + value.firstName + " " + value.lastName + '</div><div class="s_data">' + value.runs + '-' + value.wickets + '<span class="summaryballs">' + ballsToOvers(value.balls) + '</span></div></div>';

});

$("div.summarydata.s_t2_2_bowl").html(summaryplayers);

// get players t2 bowl

var summaryplayers = "";

$.each(t2_2bowl, function (index, value) {

summaryplayers += '<div class="scoreRow sum_player"><div class="s_player" style="text-transform: uppercase">' + value.firstName + " " + value.lastName + '</div><div class="s_data">' + value.runs + '-' + value.wickets + '<span class="summaryballs">' + ballsToOvers(value.balls) + '</span></div></div>';

});

$("div.summarydata.s_t1_2_bowl").html(summaryplayers);
                                    // Ends for Test match summary.
                                }

// get players t1 bat -- One Day match.

var summaryplayers = "";

$.each(t1bat, function (index, value) {

var lastnamebatcard = value.firstName;
                                    var lastnameperiod = lastnamebatcard.slice(0, 1) + '.';
                                    var nicknamebatcard = value.nickName;

summaryplayers += '<div class="scoreRow sum_player" style="background-image: url(images/Summary_LeftPlayerTopBG.png)"><div class="s_player" style="margin-left: 6vmin; text-transform: uppercase;">' + value.firstName + " " + value.lastName + '</div><div class="s_data" style="color: white; margin-left: 30vmin;">' + value.runsScored + '<span class="summaryballs">' + value.ballsFaced + '</span></div></div>';

});

$("div.summarydata.s_t1_bat").html(summaryplayers);

// get players t1 bat

var summaryplayers = "";

$.each(t2bat, function (index, value) {

var lastnamebatcard = value.firstName;
                                    var lastnameperiod = lastnamebatcard.slice(0, 1) + '.';

});

$("div.summarydata.s_t2_bat").html(summaryplayers);

// get players t1 bowl

var summaryplayers = "";

$.each(t1bowl, function (index, value) {

var lastnamebatcard = value.firstName;
                                    var lastnameperiod = lastnamebatcard.slice(0, 1) + '.';

summaryplayers += '<div class="scoreRow sum_player" style="background-image: url(images/Summary_RightPlayerTopBG.png)"><div class="s_player" style="text-transform: uppercase">' + value.firstName + " " + value.lastName + '</div><div class="s_data" style="color: white;">' + value.runs + '-' + value.wickets + '<span class="summaryballs"></span></div></div>';

});

$("div.summarydata.s_t2_bowl").html(summaryplayers);

// get players t2 bowl

var summaryplayers = "";

$.each(t2bowl, function (index, value) {

var lastnamebatcard = value.firstName;
                                    var lastnameperiod = lastnamebatcard.slice(0, 1) + '.';
                                    var nicknamebatcard = value.nickName;

});

$("div.summarydata.s_t1_bowl").html(summaryplayers);

}

/* get bat scorecard */

if (returnedData.view == 2 || returnedData.view == 4 || returnedData.view == 32 || returnedData.view == 34) {

if (returnedData.view == "2" || returnedData.view == "32") {
                                    var currentSquadView = returnedData.values.t1Batting;
                                } else if (returnedData.view == "4" || returnedData.view == "34") {
                                    var currentSquadView = returnedData.values.t2Batting;
                                }

// get players

var playersbat = "";

$.each(currentSquadView, function (index, value) {

notoutclass = "";

if (value.outStringNoLink == 'not out' && value.isOut == '0') {
                                        var notoutclass = 'notout ';
                                    }

if (value.isOut == undefined) {
                                        value.outStringNoLink = '';
                                        value.runsScored = '';
                                        value.ballsFaced = '';
                                    }

var lastnamebatcard = value.firstName;
                                    var lastnameperiod = lastnamebatcard.slice(0, 1) + '.';
                                    var nicknamebatcard = value.nickName;
                                    // alert(bwlFrst);
                                    $(".bowlerName.bowlerleftscore").html(bwlFrst);//bowlerName

playersbat += '<div class="scoreRow ' + notoutclass + ' batted_' + value.matchID + '" ><div class="name" style="font-family: Gilroy; margin-left:8vmin; text-align: left;">' + nicknamebatcard + '</div><div class="status" style="font-family: Gilroy; margin-left: -6vmin;">' + value.outStringNoLink + '</div><div class="runs" style="font-family: Gilroy; margin-left:8vmin;">' + value.runsScored + '</div><div class="balls" style="font-family: Gilroy; margin-top: 0.2vmin; padding-top: 0.1vmin;">' + value.ballsFaced + '</div></div>';
                                });

$("div.insideWrapInside.battingcard").html(playersbat);

}

/* get bowling scorecard */

if (returnedData.view == 3 || returnedData.view == 5 || returnedData.view == 33 || returnedData.view == 35) {

if (returnedData.view == "5" || returnedData.view == "35") {
                                    var currentSquadView = returnedData.values.t1Bowling;
                                } else if (returnedData.view == "3" || returnedData.view == "33") {
                                    var currentSquadView = returnedData.values.t2Bowling;
                                }

// get players

var playersbowl = "";

$.each(currentSquadView, function (index, value) {

playersbowl += '<div class="scoreRow players" style="background-image: url(images/Bowling_Card_RowBG.png);background-size: 100% 100%;"><div class="name" style="text-align: left; margin-left:8vmin;">' + value.nickName + '</div><div class="oversbowled" style="margin-left:-4vmin;">' + ballsToOvers(value.balls) + '</div><div class="maidens">' + value.maidens + '</div><div class="bowlerruns">' + value.runs + '</div><div class="wickets">' + value.wickets + '</div><div class="economy">' + formulaEcon(value.runs, value.balls) + '</div></div>';
                                });

$("div.insideWrapInside.bowlingcard").html('<div class="scoreRow players labelhead" style="background-image: url(images/Bowling_Card_TopLabelBG.png);background-size: 100% 100%;"><div class="name"></div><div class="oversbowled" style="margin-left:30.8vmin;">O</div><div class="maidens">M</div><div class="bowlerruns">R</div><div class="wickets">W</div><div class="economy">E</div></div>' + playersbowl + '<div class="scoreRow fow" style="background-image: url(images/Bowling_Card_FowBG.png);"><div class="name fowViewTop">F.O.W </div></div><div class="scoreRow fow fow_bottom" style="padding-left:290px;background-image: url(images/Bowling_Card_RowBG.png);background-size: 100% 100%;"><div class="name fowViewBottom" style="color: white;"></div></div>');

}

/* get bowling scorecard */
                            if (returnedData.view == 20) {
                                // insideWrapInside pointTableRecords
                                var pointsTableTeams = returnedData.values.teams;
                                var teamPointsTableDIV = "";

var teamPointsGroupNames = "";
                                var pointsTableGroups = returnedData.values.groups

if (pointsTableGroups && pointsTableGroups.length > 1) {
                                    $.each(pointsTableGroups, function (index, value) {
                                        teamPointsTableDIV += '<div class="scoreRow players labelhead"><div class="group-name-header">' + value.groupName + '</div></div>';

var pointsTableTeamsGroup = value.teams;
                                        $.each(pointsTableTeamsGroup, function (index1, value1) {
                                            teamPointsTableDIV += '<div class="scoreRow players" style="background-image: url(images/Bowling_Card_TopLabelBG.png);background-size: 100% 100%;">' +
                                                '<div class="s-number">' + (index1 + 1) +
                                                '</div><div class="name">' + value1.team.teamName +
                                                '</div><div class="oversbowled">' + value1.team.matches +
                                                '</div><div class="maidens">' + value1.team.won +
                                                '</div><div class="bowlerruns">' + value1.team.lost +
                                                '</div><div class="wickets">' + value1.team.noResult +
                                                '</div><div class="economy">' + value1.team.points +
                                                '</div><div class="economy">' + value1.team.netRunRate +
                                                '</div></div>';

});
                                    });
                                } else {
                                    $.each(pointsTableTeams, function (index, value) {
                                        teamPointsTableDIV += '<div class="scoreRow players" style="background-image: url(images/Bowling_Card_TopLabelBG.png);background-size: 100% 100%;">' +
                                            '<div class="s-number">' + (index + 1) +
                                            '</div><div class="name">' + value.teamName +
                                            '</div><div class="oversbowled">' + value.matches +
                                            '</div><div class="maidens">' + value.won +
                                            '</div><div class="bowlerruns">' + value.lost +
                                            '</div><div class="wickets">' + value.noResult +
                                            '</div><div class="economy">' + value.points +
                                            '</div><div class="economy">' + value.netRunRate +
                                            '</div></div>';
                                    });

}

// Get FOW data and show on 
                            if (returnedData.view == 2 || returnedData.view == 4 || returnedData.view == 3 || returnedData.view == 5
                                || returnedData.view == 32 || returnedData.view == 34 || returnedData.view == 33 || returnedData.view == 35) {

var fowtop = "";
                                var fowbottom = "";

$.each(Object.keys(returnedData.values.partnerShip), function (index, value) {
                                    fowtop += '<div class="fowboxes fow_top fow-remove" style="color: white;">' + (index + 1) + '</div>';
                                });
                                $.each(returnedData.values.partnerShip, function (index, value) {

fowbottom += '<div class="fowboxes fow_bottom fow-remove" style="color: white;">' + value + '</div>';
                                });
                                $("div.fow-remove").remove();
                                $(".fowViewTop").after(fowtop);
                                $(".fowViewBottom").after(fowbottom);
                                //$("div.scoreRow.fow1").html(fowtop);
                                //$("div.scoreRow.fow2").html(fowbottom);

}

if (returnedData.view == 21) {

var ctx = document.getElementById("overByOverChart");

var ajaxUrl = 'https://sportapi.cricclubs.com/sport/app/scorecard/getChartsDataSets?clubId=' + clubIdApi + '&matchId=' + matchIdApi;

$.ajax({
                                    url: ajaxUrl, headers: { 'Content-Type': 'application/json', 'consumerKey': '9e9L7i5Te', 'ApiKey': 'Et5I7L9E9' }, success: function (response) {
                                        if (response.responseState) {
                                            chartData = response.data;
                                            displayChart();
                                        }
                                    }
                                });

function getDataSets() {

var datasetValue = [];

datasetValue[0] = {
                                        type: 'bar',
                                        label: chartData.team1Name,
                                        data: chartData.team1RunsChartData,
                                        wickets: chartData.team1WicketsChartData,
                                        backgroundColor: '#005ce0'
                                    }
                                    datasetValue[1] = {
                                        type: 'bar',
                                        label: chartData.team2Name,
                                        data: chartData.team2RunsChartData,
                                        wickets: chartData.team2WicketsChartData,
                                        backgroundColor: '#e0b000'
                                    }

var k = 1;

for (var j = 2; j < 11; j++) {

datasetValue[j] = {
                                            type: 'bubble',
                                            label: chartData.team1Name,
                                            data: chartData.team1WicketRunsData[k - 1],
                                            tpData: chartData.team1WicketTPData[k - 1],
                                            fill: false,
                                            borderColor: '#005ce0',
                                            backgroundColor: '#005ce0',
                                            pointBorderColor: '#005ce0',
                                            pointBackgroundColor: '#005ce0',
                                            hoverRadius: 1
                                        }
                                        k = k + 1;
                                    }

k = 1;

for (var j = 11; j < 20; j++) {
                                        datasetValue[j] = {
                                            type: 'bubble',
                                            label: chartData.team2Name,
                                            data: chartData.team2WicketRunsData[k - 1],
                                            tpData: chartData.team2WicketTPData[k - 1],
                                            fill: false,
                                            borderColor: '#e0b000',
                                            backgroundColor: '#e0b000',
                                            pointBorderColor: '#e0b000',
                                            pointBackgroundColor: '#e0b000',
                                            hoverRadius: 1
                                        }
                                        k = k + 1;
                                    }
                                    return datasetValue;
                                }

function displayChart() {

document.getElementById("team1Score").innerHTML = chartData.team1Name + ' (' + chartData.team1TotalRuns + '-' + chartData.team1TotalWickets + ')';
                                    document.getElementById("team2Score").innerHTML = chartData.team2Name + ' (' + chartData.team2TotalRuns + '-' + chartData.team2TotalWickets + ')';

var data = {
                                        labels: chartData.oversChartData,
                                        datasets: getDataSets()
                                    };

//options
                                    var options = {
                                        title: {
                                            display: false,
                                            position: "top",
                                            text: "Over By Over",
                                            fontSize: 18,
                                            fontColor: "#111"
                                        },
                                        legend: {
                                            display: false,
                                            position: "bottom",
                                            labels: {
                                                fontColor: "#333",
                                                fontSize: 16
                                            }
                                        },
                                        scales: {
                                            xAxes: [{
                                                gridLines: {
                                                    display: false
                                                },
                                                scaleLabel: {
                                                    display: true,
                                                    labelString: 'Overs',
                                                    fontColor: 'blue',
                                                    fontStyle: 'bold'
                                                },
                                                ticks: {
                                                    autoSkip: true,
                                                    maxTicksLimit: 30,
                                                    fontColor: 'blue',
                                                    padding: 0
                                                }
                                            }],
                                            yAxes: [{
                                                scaleLabel: {
                                                    display: true,
                                                    labelString: 'Runs',
                                                    fontColor: 'blue',
                                                    fontStyle: 'bold'
                                                },
                                                ticks: {
                                                    min: 0,
                                                    stepSize: chartData.barChartStepSizeY,
                                                    fontColor: 'blue'
                                                }
                                            }]
                                        },
                                        responsive: true,
                                        animation: {
                                            duration: 1,
                                        },
                                        tooltips: {
                                            enabled: true,
                                            mode: 'single',
                                            callbacks: {
                                                label: function (tooltipItems, data) {
                                                    var type = data.datasets[tooltipItems.datasetIndex].type;
                                                    var label = data.datasets[tooltipItems.datasetIndex].label;

if (type == 'bubble' && label == chartData.team1Name) {
                                                        return label + ' ' + data.datasets[tooltipItems.datasetIndex].tpData[(tooltipItems.xLabel)];
                                                    } else if (type == 'bubble' && label == chartData.team2Name) {
                                                        return label + ' ' + data.datasets[tooltipItems.datasetIndex].tpData[(tooltipItems.xLabel)];
                                                    } else if (type != 'bubble' && label == chartData.team1Name) {
                                                        return chartData.team1Name + ' ' + tooltipItems.yLabel;
                                                    } else if (type != 'bubble' && label == chartData.team2Name) {
                                                        return chartData.team2Name + ' ' + tooltipItems.yLabel;
                                                    }
                                                }
                                            }
                                        },
                                        elements: {
                                            point: { radius: 4 }
                                        }
                                    };

var barChart = new Chart(ctx, {
                                        type: "bar",
                                        data: data,
                                        options: options,
                                        plugins: [{
                                            afterUpdate: function (barChart, options) {
                                                for (var k = 2; k < 11; k++) {

var localMap = new Map(Object.entries(barChart.config.data.datasets[k]._meta));
                                                    var iterator1 = localMap.keys();
                                                    var keyValue = parseInt(iterator1.next().value);

//if(barChart.config.data.datasets[k]._meta[0]  !== undefined){    				
                                                    for (var i = 0; i < barChart.config.data.datasets[k]._meta[keyValue].data.length; i++) {
                                                        var barWidth = barChart.config.data.datasets[0]._meta[keyValue].data[i]._model.width;
                                                        var barPercentage = barChart.config.data.datasets[k]._meta[keyValue].data[i]._xScale.options.barPercentage;
                                                        barChart.config.data.datasets[k]._meta[keyValue].data[i]._model.x -= barWidth / (2 * barPercentage);
                                                        barChart.config.data.datasets[k]._meta[keyValue].data[i]._model.controlPointNextX -= barWidth / (2 * barPercentage);
                                                        barChart.config.data.datasets[k]._meta[keyValue].data[i]._model.controlPointPreviousX -= barWidth / (2 * barPercentage);
                                                    }
                                                    //}
                                                }
                                                for (var k = 11; k < 20; k++) {
                                                    //if(barChart.config.data.datasets[k]._meta[0]  !== undefined){ 
                                                    var localMap1 = new Map(Object.entries(barChart.config.data.datasets[k]._meta));
                                                    var iterator11 = localMap1.keys();
                                                    var keyValue1 = parseInt(iterator11.next().value);

for (var i = 0; i < barChart.config.data.datasets[k]._meta[keyValue1].data.length; i++) {
                                                        var barWidth = barChart.config.data.datasets[1]._meta[keyValue1].data[i]._model.width;
                                                        var barPercentage = barChart.config.data.datasets[k]._meta[keyValue1].data[i]._xScale.options.barPercentage;
                                                        barChart.config.data.datasets[k]._meta[keyValue1].data[i]._model.x += barWidth / (2 * barPercentage);
                                                        barChart.config.data.datasets[k]._meta[keyValue1].data[i]._model.controlPointNextX += barWidth / (2 * barPercentage);
                                                        barChart.config.data.datasets[k]._meta[keyValue1].data[i]._model.controlPointPreviousX += barWidth / (2 * barPercentage);
                                                    }
                                                    //}
                                                }
                                            }

}]
                                    });

}

if (returnedData.view == 22) {

var ctx = document.getElementById("wormChart");

var ajaxUrl = 'https://sportapi.cricclubs.com/sport/app/scorecard/getChartsDataSets?clubId=' + clubIdApi + '&matchId=' + matchIdApi;

function getDataSets() {

var datasetValue = [];

datasetValue[0] = {
                                        type: 'line',
                                        label: chartData.team1Name,
                                        data: getTeamOneChartData(),
                                        fill: false,
                                        borderColor: '#005ce0',
                                        borderWidth: 2,
                                        backgroundColor: '#005ce0',
                                        pointRadius: 0,
                                        hoverRadius: 0

}
                                    datasetValue[1] = {
                                        type: 'line',
                                        label: chartData.team2Name,
                                        data: getTeamTwoChartData(),
                                        borderColor: '#e0b000',
                                        fill: false,
                                        borderWidth: 2,
                                        backgroundColor: '#e0b000',
                                        pointRadius: 0,
                                        hoverRadius: 0
                                    }
                                    var k = 1;

for (var j = 2; j < 8; j++) {

datasetValue[j] = {
                                            type: 'bubble',
                                            label: chartData.team1Name,
                                            data: getTeam1WicketsData(k),
                                            tpData: getTeam1TPData(k),
                                            borderColor: '#005ce0',
                                            backgroundColor: '#005ce0',
                                            pointBorderColor: '#005ce0',
                                            pointBackgroundColor: '#005ce0',
                                            hoverRadius: 1
                                        }
                                        k = k + 1;
                                    }
                                    k = 1;

for (var j = 8; j < 14; j++) {
                                        datasetValue[j] = {
                                            type: 'bubble',
                                            label: chartData.team2Name,
                                            data: getTeam2WicketsData(k),
                                            tpData: getTeam2TPData(k),
                                            borderColor: '#e0b000',
                                            backgroundColor: '#e0b000',
                                            pointBorderColor: '#e0b000',
                                            pointBackgroundColor: '#e0b000',
                                            hoverRadius: 1
                                        }
                                        k = k + 1;
                                    }
                                    return datasetValue;
                                }

function getTeamRuns(runs) {

var runsSteps = 5;

if (runs > 50 && runs <= 100) {
                                        return runsSteps = 10;
                                    } else if (runs > 100 && runs <= 150) {
                                        return runsSteps = 15;
                                    } else if (runs > 150 && runs <= 200) {
                                        return runsSteps = 20;
                                    } else if (runs > 200 && runs <= 250) {
                                        return runsSteps = 25;
                                    } else if (runs > 250 && runs <= 300) {
                                        return runsSteps = 30;
                                    } else if (runs > 300 && runs <= 350) {
                                        return runsSteps = 35;
                                    } else if (runs > 350 && runs <= 400) {
                                        return runsSteps = 40;
                                    } else if (runs > 400) {
                                        return runsSteps = 50;
                                    } else {
                                        return runsSteps;
                                    }
                                }

function getStepSize() {

var runsSteps = 5;

if (chartData.team1TotalRuns > chartData.team2TotalRuns) {
                                        runsSteps = getTeamRuns(chartData.team1TotalRuns);
                                    } else {
                                        runsSteps = getTeamRuns(chartData.team2TotalRuns);;
                                    }
                                    return runsSteps;
                                }

function displayChart() {

document.getElementById("team1Scorew").innerHTML = chartData.team1Name + ' (' + chartData.team1TotalRuns + '-' + chartData.team1TotalWickets + ')';
                                    document.getElementById("team2Scorew").innerHTML = chartData.team2Name + ' (' + chartData.team2TotalRuns + '-' + chartData.team2TotalWickets + ')';

var data = {
                                        labels: getOversLabels(),
                                        datasets: getDataSets()
                                    };

//options
                                    var options = {
                                        responsive: true,
                                        elements: {
                                            point: { radius: 4 }
                                        },
                                        title: {
                                            display: false,
                                            position: "top",
                                            text: "Worm",
                                            fontSize: 18,
                                            fontColor: "#111"
                                        },
                                        legend: {
                                            display: false
                                        },
                                        scales: {
                                            xAxes: [{
                                                gridLines: {
                                                    display: false
                                                },
                                                scaleLabel: {
                                                    display: true,
                                                    labelString: 'Overs',
                                                    fontColor: 'blue',
                                                    fontStyle: 'bold'
                                                },
                                                ticks: {
                                                    autoSkip: true,
                                                    maxTicksLimit: 40,
                                                    fontColor: 'blue',
                                                    padding: 0
                                                }
                                            }],
                                            yAxes: [{
                                                scaleLabel: {
                                                    display: true,
                                                    labelString: 'Runs',
                                                    fontColor: 'blue',
                                                    fontStyle: 'bold'
                                                },
                                                ticks: {
                                                    min: 0,
                                                    stepSize: getStepSize(),
                                                    fontColor: 'blue'
                                                }
                                            }]
                                        },
                                        animation: {
                                            duration: 1,
                                        },
                                        tooltips: {
                                            enabled: true,
                                            mode: 'single',
                                            callbacks: {
                                                label: function (tooltipItems, data) {
                                                    var type = data.datasets[tooltipItems.datasetIndex].type;
                                                    var label = data.datasets[tooltipItems.datasetIndex].label;

var wormChart = new Chart(ctx, {
                                        type: "line",
                                        data: data,
                                        options: options
                                    });
                                }
                            }

if (returnedData.view == "23") {
                                $(".partnershipImg1").css('background-image', 'url(https://cricclubs.com' + returnedData.values.currentPartnershipMap.partnershipBatsman1ProfilePic + ')');
                                $(".partnershipImg2").css('background-image', 'url(https://cricclubs.com' + returnedData.values.currentPartnershipMap.partnershipBatsman2ProfilePic + ')');

$(".p1pRuns").html(returnedData.values.currentPartnershipMap.partnershipBatsman1ContributionRuns);
                                $(".p1pBalls").html(returnedData.values.currentPartnershipMap.partnershipBatsman1ContributionBalls);

$(".p2pRuns").html(returnedData.values.currentPartnershipMap.partnershipBatsman2ContributionRuns);
                                $(".p2pBalls").html(returnedData.values.currentPartnershipMap.partnershipBatsman2ContributionBalls);

$(".p1tRuns").html(returnedData.values.batsman1Runs);
                                $(".p1tBalls").html(returnedData.values.batsman1Balls);

$(".p2tRuns").html(returnedData.values.batsman2Runs);
                                $(".p2tBalls").html(returnedData.values.batsman2Balls);

$(".p1pName").html(returnedData.values.currentPartnershipMap.partnershipBatsman1Name);
                                $(".p2pName").html(returnedData.values.currentPartnershipMap.partnershipBatsman2Name);

$(".ptRuns").html(returnedData.values.currentPartnershipMap.partnershipTotalRuns);
                                $(".ptBalls").html(returnedData.values.currentPartnershipMap.partnershipTotalBalls);

}

// get logos

$(".team1logo").attr('style', 'background-image : url(https://cricclubs.com' + returnedData.values.firstLogo + ')');
                            $(".team2logo").attr('style', 'background-image : url(https://cricclubs.com' + returnedData.values.secondLogo + ')');

$(".intro_team_1").attr('style', 'background-image : url(https://cricclubs.com' + returnedData.values.t1Logo + ')');
                            $(".intro_team_2").attr('style', 'background-image : url(https://cricclubs.com' + returnedData.values.t2Logo + ')');

$(".teamlogostat_bat").attr('style', 'background-image : url(https://cricclubs.com' + returnedData.values.firstLogo + ')');
                            $(".teamlogostat_bowl").attr('style', 'background-image : url(https://cricclubs.com' + returnedData.values.secondLogo + '); top:-25px;');

$(".batsman1ProfileImange_img").attr('style', 'background-image : url(https://cricclubs.com' + returnedData.values.batsman1ProfileImange + ')');
                            $(".batsman2ProfileImange_img").attr('style', 'background-image : url(https://cricclubs.com' + returnedData.values.batsman2ProfileImange + ')');
                            $(".lastOutProfileImange_img").attr('style', 'background-image : url(https://cricclubs.com' + returnedData.values.lastOutProfileImange + ')');
                            $(".careerProfileImage_img").attr('style', 'background-image : url(https://cricclubs.com' + returnedData.values.careerProfileImage + ')');
                            $(".bowlerProfileImange_img").attr('style', 'background-image : url(https://cricclubs.com' + returnedData.values.bowlerProfileImange + ')');

// $(".batsman1ProfileImange_img").attr('https://cricclubs.com'+returnedData.values.batsman1ProfileImange+'');
                            // $(".batsman2ProfileImange_img").attr('https://cricclubs.com'+returnedData.values.batsman2ProfileImange+'');
                            // $(".lastOutProfileImange_img").attr('https://cricclubs.com'+returnedData.values.lastOutProfileImange+'');
                            // $(".careerProfileImage_img").attr('https://cricclubs.com'+returnedData.values.careerProfileImage+'');
                            // $(".bowlerProfileImange_img").attr('https://cricclubs.com'+returnedData.values.bowlerProfileImange+'');

// $(".momImagepath_bg").css('background-image', 'url('+returnedData.values.momImagePath+')');
                            $(".momImagepath_bg").css('background-image', 'url(https://cricclubs.com' + returnedData.values.momImagePath + ')');

$(".lastOutProfileBgImange_img").css('background-image', 'url(https://cricclubs.com' + returnedData.values.lastOutProfileImange + ')');
                            $(".bowlerProfileBgImange_img").css('background-image', 'url(https://cricclubs.com' + returnedData.values.bowlerProfileImange + ')');
                            $(".batsman2ProfileBgImange_img").css('background-image', 'url(https://cricclubs.com' + returnedData.values.batsman2ProfileImange + ')');
                            $(".batsman1ProfileBgImange_img").css('background-image', 'url(https://cricclubs.com' + returnedData.values.batsman1ProfileImange + ')');
                            $(".careerProfileBgImage_img").css('background-image', 'url(https://cricclubs.com' + returnedData.values.careerProfileImage + ')');

// $(".lastOutProfileBgImange_img").css('background-image', 'url('+returnedData.values.lastOutProfileImange+')');					
                            // $(".bowlerProfileBgImange_img").css('background-image', 'url('+returnedData.values.bowlerProfileImange+')');
                            // $(".batsman2ProfileBgImange_img").css('background-image', 'url('+returnedData.values.batsman2ProfileImange+')');
                            // $(".batsman1ProfileBgImange_img").css('background-image', 'url('+ returnedData.values.batsman1ProfileImange+')');
                            // $(".careerProfileBgImage_img").css('background-image', 'url('+ returnedData.values.careerProfileImage+')');

// strike rate
                            $("div.stat_sr_current1").html(formulaSR(returnedData.values.batsman1Runs, returnedData.values.batsman1Balls));
                            $("div.stat_sr_current2").html(formulaSR(returnedData.values.batsman2Runs, returnedData.values.batsman2Balls));
                            if (returnedData.view == "19") {
                                $("div.stat_sr_lastout").html(formulaSR(returnedData.values.lastOutRuns, returnedData.values.lastOutBalls));
                            }

// economy bowl stat
                            $("div.stat_ec_current").html(formulaEconOV(returnedData.values.bowlerRuns, returnedData.values.bowlerOvers));

// get balls

// if (returnedData.view == "1") {
                            //     var ballContent = "";
                            //     $.each(returnedData.balls, function (index, value) {
                            //         if (value.match("W$")) {
                            //             var wicketball = "WicketHighlight";
                            //         }
                            //         ballContent += "<span class='currentball " + wicketball + "'><span>" + value + "<\/span><\/span> ";
                            //     });
                            //     $(".ballsMainWrap").html(ballContent);
                            // }

if (returnedData.view == "1") {
                                console.log(returnedData);
                                var ballContent = "";
                                $.each(returnedData.balls, function (index, value) {
                                    if (value.match("W$")) {
                                        var wicketball = "WicketHighlight";
                                    }
                                    ballContent += "<span class='" + wicketball + "'><span>" + value + "<\/span><\/span> ";
                                });
                                    var quotient = returnedData.values.remainingOvers.split('.')[0];
                                    var remainder = returnedData.values.remainingOvers.split('.')[1];

$(".ballstest").html("<span style='text-transform: uppercase; padding-right:10px;'>NEED " + returnedData.values.requiredRuns + " RUNS IN " + 
                                        ((parseInt(quotient) * 6) + parseInt(remainder)) + " BALLS AT " + returnedData.values.RRR + "</span>");
                                
                            }
                            
                        }, 1000);

var runs = parseInt(returnedData.values.requiredRuns);
                        if (!isNaN(runs) && runs > 0) {
                            $(".showRunsRequired").show();
                        } else {
                            //$(".showRunsRequired").hide();
                        }

}
                }
            });
        }

refreshScore();
        setInterval(function () {
            refreshScore();
        }, 3000);
    </script>
    <meta charset="utf-8">
    <link href="style.css" rel="stylesheet">

<div class="mEnded team1">
                        <span class="t2Code"></span>
                        <span class="t2Total"></span>/<span class="t2Wickets"></span>
                        <span class="oversended">OVERS</span>
                        <span class="t2Overs"></span>
                    </div>

<div class="mEnded team2">
                        <span class="t1Code"></span>
                        <span class="t1Total"></span>/<span class="t1Wickets"></span>
                        <span class="oversended">OVERS</span>
                        <span class="t1Overs"></span>
                    </div>

</div>
                <div class="scoreTop">

</div>

</div>

</div> -->
                        <div class="ballstest" style="color: #ffffff; font-weight: 400; font-size: 1.7vmin; 
                                    position: fixed;margin-top: 5vmin; margin-left: 113.5vmin;
                                    letter-spacing: 2px;text-transform: capitalize;font-weight: bold;">
                            123 33
                        </div>
                        <div class="container" style="position: fixed;margin-left: 295px;">

</div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <div style="font-size: 2vmin;color: white;
                                    text-transform: uppercase;margin-left: 18vmin;
                                    width: 20vmin;margin-top: 1vmin;font-weight: bold;">
                            <span class="t1Name"></span> vs <span class="t2Name"></span>
                        </div>
                        <div class="row" style="padding-top:65px;color:white;text-transform: uppercase;">

<div id="" class="firstInn slideshow-container" style="margin-top: -5px;">
                                    
                                    
                                </div>

</div>

</div>
                    </div>
                </div>

</div>
            </div>
        </div>

<div class="insideWrap">
                <div class="teaminfo">
                    <div class="teamtitle" style="font-family: Gilroy;">
                        <div
                            style="margin-left: 18vmin; width:100%; display: flex; font-size: 2.5vmin; color: white;font-weight: bold;font-family: Gilroy;">
                            <span class="t1Name"></span>
                        </div>
                        <p
                            style="font-size: 1.5vmin;color: white;margin-left: 18vmin;position: fixed;margin-top: 4vmin;font-weight: bold;">
                            EMIRATES D50 POWERED BY FANCODE</p>
                        <img src="images/Tour_Logo.png"
                            style="width: 11vmin;height: 11vmin;background-color: transparent;padding: 1px 1px 1px 1px;margin-left: -66vmin;margin-top: -4vmin;border-radius: 5px 5px 5px 5px;padding-top: -10vmin;">
                    </div>
                </div>

</div>
                <div class="scoreRow total bowling but_batting"
                    style="background-image: url('images/Batting_Card_BottomBG.png'); border-bottom: transparent;">
                    <span class="cardlabel"
                        style="color: white;margin-left: -35.5vmin;position: fixed;margin-top: .7vmin;"> EXTRAS
                    </span>
                    <span class="t1Extras"
                        style="margin-left: -23.5vmin;font-size: 2.6vmin;font-weight: bold;color:#03035e;position: fixed;">8</span>
                    <span class="cardlabel"
                        style="margin-left: -8vmin;position: fixed;margin-top: .5vmin;font-size: 2vmin;"> OVERS
                    </span>
                    <span class="t1Overs"
                        style="position: fixed;font-size: 2.6vmin;font-weight: bold;color:#03035e; margin-left: 2.5vmin;">4.0</span>
                    <span class="cardlabel"
                        style="margin-left: 21vmin;position: fixed;margin-top: .5vmin;font-size: 2vmin;"> TOTAL
                    </span>
                    <span class="t1Total"
                        style="position: fixed; font-size: 2.6vmin;font-weight: bold;color:#03035e;margin-left: 27.5vmin;width: 6.5%;">76</span>
                    <p
                        style="position: fixed;font-size: 32px;font-weight: bold;color:#03035e;margin-top: -.3vmin;margin-left: 74.3vmin;">
                        -</p>
                    <span class="t1Wickets"
                        style="font-size: 2.6vmin;font-weight: bold;color:#03035e;position: fixed;margin-left: 33.5vmin;width: 4.5%;">2</span>

</div>

</div> 
        </div> 
        <div class="overlayWrap Batting1-2">

</div>
                <div class="scoreRow total bowling but_batting">
                    <span class="cardlabel"> Overs </span>
                    <span class="t1Overs"></span>
                    <span class="cardlabel"> RR </span>
                    <span class="t1RR"></span>
                    <span class="cardlabel"> Extras </span>
                    <span class="t1Extras"></span>
                    <span class="cardlabel"> Total </span>
                    <span class="t1Total"></span>/<span class="t1Wickets"></span>
                </div>

</div> 
        </div>

<div class="teaminfo">
                    <div class="teamtitle "
                        style="background-image: url(images/Bowling_Card_TopBG.png); background-size: 100% 100%;">
                        <span class="t2Name"
                            style="font-family: inherit; font-size: 28px; color: white; font-weight: bold; margin-left: -22vmin;position: fixed;"></span>
                    </div>
                    <p
                        style="font-size: 1.5vmin;color: white;margin-left: 17.7vmin;position: fixed;margin-top: -4vmin;font-weight: bold;">
                        EMIRATES D50 POWERED BY FANCODE</p>
                    <img src="images/Tour_Logo.png"
                        style="width: 11vmin;height: 11vmin;background-color: transparent;padding: 1px 1px 1px 1px;margin-left: 3vmin;margin-top: -11.6vmin;border-radius: 5px 5px 5px 5px;padding-top: -10vmin;">
                </div>

</div>

<div class="scoreRow total bowling powered-wrap"
                    style="background-image: url('images/Bowling_Card_BottomBG.png'); border-bottom: transparent;">
                    <span class="cardlabel"
                        style="position: fixed;font-size: 2.3vmin;margin-left: -36vmin;margin-top: 0.3vmin;"> EXTRAS
                    </span>
                    <span class="t1Extras"
                        style="position: fixed;/*! margin-right: 100px; */font-size: 2.5vmin;font-weight: bold;color:#2e2e86;margin-left: -22.3vmin;margin-top: 0.1vmin;"></span>

<span class="cardlabel"
                        style="position: fixed;margin-left: 18vmin;font-size: 2.3vmin;margin-top: 0.3vmin;"> TOTAL
                    </span>
                    <span class="t1Overs"
                        style="position: fixed;font-size: 2.5vmin;font-weight: bold;color:#2e2e86; /*! padding-right: 100px; */margin-left: 2.1vmin;margin-top: 0.1vmin;"></span>
                        <span class="t1Total"
                        style="font-size: 2.5vmin;font-weight: bold;color:#2e2e86;position: fixed;margin-left: 26.5vmin;margin-top: 0.1vmin;width: 6.5%;"></span>
                        <span style="font-size: 22px;font-weight: bold;color:#2e2e86;margin-left: 31.3vmin;position: fixed;margin-top: 0.5vmin;">-</span>
                        <span class="t1Wickets"
                        style="font-size: 2.5vmin;font-weight: bold;color:#2e2e86;position: fixed;margin-left: 32vmin;margin-top: 0.1vmin;width: 4.5%;"></span>

</div>

</div>

</div> 
        <div class="overlayWrap Bowling1-2">

</div>

<div class="scoreRow total bowling powered-wrap" style="background-image: url('images/Black_BG.png');">
                    <span class="cardlabel"> Extras: </span>
                    <span class="t1Extras"
                        style="margin-right: 100px;font-size: 22px;font-weight: 700;color:white;"></span>
                    <span class="cardlabel"> Overs: </span>
                    <span class="t1Overs" style="font-size: 22px;font-weight: 700;color:white;"></span>
                    <span class="cardlabel"> </span>
                    <span class="t1Total" style="font-size: 32px;font-weight: 700;color:white;"></span><span
                        style="font-size: 32px;font-weight: 700;color:white;">-</span><span class="t1Wickets"
                        style="font-size: 32px;font-weight: 700;color:white;"></span>
                </div>

</div>

</div> 
        <div class="overlayWrap Batting2">

<div class="insideWrap">
                <div class="teaminfo">
                    <div class="teamtitle ">
                        <span class="t2Name"
                            style="margin-left: 18vmin; width:100%; display: flex; font-size: 2.5vmin; color: white;font-weight: bold;font-family: Gilroy;"></span>
                        <p
                            style="font-size: 1.5vmin;color: white;margin-left: 18vmin;position: fixed;margin-top: 4vmin;font-weight: bold;">
                            EMIRATES D50 POWERED BY FANCODE</p>
                        <img src="images/Tour_Logo.png"
                            style="width: 11vmin;height: 11vmin;background-color: transparent;padding: 1px 1px 1px 1px;margin-left: -66vmin;margin-top: -4vmin;border-radius: 5px 5px 5px 5px;padding-top: -10vmin;">
                    </div>
                </div>

<div class="scoreRow total bowling powered-wrap"
                    style="background-image: url('images/Batting_Card_BottomBG.png'); border-bottom: transparent;">
                    <span class="cardlabel"
                        style="color: white;margin-left: -35.5vmin;position: fixed;margin-top: .7vmin;"> EXTRAS
                    </span>
                    <span class="t2Extras"
                        style="margin-left: -23.5vmin;font-size: 2.6vmin;font-weight: bold;color:#03035e;position: fixed;">8</span>
                    <span class="cardlabel"
                        style="margin-left: -8vmin;position: fixed;margin-top: .5vmin;font-size: 2vmin;"> OVERS
                    </span>
                    <span class="t2Overs"
                        style="position: fixed;font-size: 2.6vmin;font-weight: bold;color:#03035e; margin-left: 2.5vmin;">4.0</span>
                    <span class="cardlabel"
                        style="margin-left: 21vmin;position: fixed;margin-top: .5vmin;font-size: 2vmin;"> TOTAL
                    </span>
                    <span class="t2Total"
                        style="position: fixed; font-size: 2.6vmin;font-weight: bold;color:#03035e;margin-left: 28vmin;width: 6.5%;">76</span>
                    <p
                        style="position: fixed;font-size: 32px;font-weight: bold;color:#03035e;margin-top: -.3vmin;margin-left: 74.3vmin;">
                        -</p>
                    <span class="t2Wickets"
                        style="font-size: 2.6vmin;font-weight: bold;color:#03035e;position: fixed;margin-left: 33.5vmin;width: 4.5%;">2</span>

</div>

</div> 
        </div> 
        <div class="overlayWrap Batting2-2">

<div class="scoreRow total bowling powered-wrap">
                    <span class="cardlabel"> Overs </span>
                    <span class="t2Overs"></span>
                    <span class="cardlabel"> RR </span>
                    <span class="t2RR"></span>
                    <span class="cardlabel"> Extras </span>
                    <span class="t2Extras"></span>
                    <span class="cardlabel"> Total </span>
                    <span class="t2Total"></span>/<span class="t2Wickets"></span>

</div>

<div class="scoreRowtotal showRunsRequired">
                    <div class="reqstat need-hide">
                        <span class="showMsgForScoreNeeded" id="showMsgForScoreNeeded"></span>
                    </div>
                    
                </div>

</div> 
        </div>

<div class="teaminfo">
                    <div class="teamtitle ">
                        <span class="t1Name"
                            style="font-family: inherit; font-size: 28px; color: white; font-weight: bold; margin-left: -22vmin;position: fixed;"></span>
                    </div>
                    <p
                        style="font-size: 1.5vmin;color: white;margin-left: 18vmin;position: fixed;margin-top: -4vmin;font-weight: bold;">
                        EMIRATES D50 POWERED BY FANCODE</p>
                    <img src="images/Tour_Logo.png"
                        style="width: 11vmin;height: 11vmin;background-color: transparent;padding: 1px 1px 1px 1px;margin-left: 3vmin;margin-top: -11.6vmin;border-radius: 5px 5px 5px 5px;padding-top: -10vmin;">
                </div>

</div>

<div class="scoreRow total bowling but_batting"
                    style="background-image: url('images/Bowling_Card_BottomBG.png'); border-bottom: transparent;">
                    <span class="cardlabel"
                        style="position: fixed;font-size: 2.3vmin;margin-left: -36vmin;margin-top: 0.3vmin;"> EXTRAS
                    </span>
                    <span class="t2Extras"
                        style="position: fixed;/*! margin-right: 100px; */font-size: 2.5vmin;font-weight: bold;color:#2e2e86;margin-left: -22.3vmin;margin-top: 0.1vmin;"></span>

<span class="cardlabel"
                        style="position: fixed;margin-left: 18vmin;font-size: 2.3vmin;margin-top: 0.3vmin;"> TOTAL
                    </span>
                    <span class="t2Overs"
                        style="position: fixed;font-size: 2.5vmin;font-weight: bold;color:#2e2e86; /*! padding-right: 100px; */margin-left: 2.1vmin;margin-top: 0.1vmin;"></span>
                        <span class="t2Total"
                        style="font-size: 2.5vmin;font-weight: bold;color:#2e2e86;position: fixed;margin-left: 26.5vmin;margin-top: 0.1vmin;width: 6.5%;"></span>
                        <span style="font-size: 22px;font-weight: bold;color:#2e2e86;margin-left: 31.3vmin;position: fixed;margin-top: 0.5vmin;">-</span>
                        <span class="t2Wickets"
                        style="font-size: 2.5vmin;font-weight: bold;color:#2e2e86;position: fixed;margin-left: 32vmin;margin-top: 0.1vmin;width: 4.5%;"></span>

</div>

</div>

</div>

</div>

<div class="scoreRow total bowling but_batting" style="background-image: url('images/Black_BG.png');">
                    <span class="cardlabel"> Extras: </span>
                    <span class="t2Extras"
                        style="margin-right: 100px;font-size: 22px;font-weight: 700;color:white;"></span>
                    <span class="t2Overs" style="font-size: 22px;font-weight: 700;color:white;"></span>
                    <span class="cardlabel" style="padding-right:100px;"> Overs </span>
                    <span class="cardlabel"> </span>
                    <span class="t2Total" style="font-size: 32px;font-weight: 700;color:white;"></span><span
                        style="font-size: 32px;font-weight: 700;color:white;">-</span><span class="t2Wickets"
                        style="font-size: 32px;font-weight: 700;color:white;"></span>
                </div>

</div>

</div>

</div>

<div class="overlayWrap partnership">

</div>

<div class="partnership-bottom">
                        <div class="scoreRow player_stat_box partnership-bottom-1"
                            style="background-image: url(images/Batting_Card_RowBG.png); padding-top:10px">
                            <h4>Partnership <span style="font-weight:normal; font-size:24px;"><span
                                        class="ptRuns"></span> (<span class="ptBalls"></span>)</span></h4>

</div>
                        <div class="clearfix"></div>
                        <div class="scoreRow player player_current powered-wrap partnership-bottom-2"
                            style="background-image: url(images/Squad_BottomBG.png);">
                            <div><span class="p1pName" style="padding-right:5px;font-weight:500;"></span> <span
                                    style="font-weight:normal; font-size:20px;"><span class="p1pRuns"></span> (<span
                                        class="p1pBalls"></span>)</span></div>
                            <div>Contributions</div>
                            <div><span class="p2pName" style="padding-right:5px;font-weight:500;"></span> <span
                                    style="font-weight:normal; font-size:20px;"><span class="p2pRuns"></span> (<span
                                        class="p2pBalls"></span>)</span></div>
                        </div>
                    </div>
                </div>

</div> 
        </div>

</div>

</div>

</div> 
    </div>

<div class="insideWrap">
            <div class="teaminfo">
                <div class="teamtitle" style="color: white; font-family: Gilroy; font-size: 3vmin;padding-left: 8vmin;">
                    EMIRATES D50 POWERED BY FANCODE</div>
                
                <img src="images/Tour_Logo.png"
                    style="width: 11vmin;height: 11vmin;background-color: transparent;padding: 1px 1px 1px 1px;margin-left: 3vmin;margin-top: -11.6vmin;border-radius: 5px 5px 5px 5px;padding-top: -10vmin;">
                <p
                    style="position: fixed;margin-left: 19vmin;margin-top: -4.5vmin;color: white;font-weight: bold;font-size: 3vmin;">
                    PLAYING XI</p>
            </div>
            <div class="teaminfo">
                <div class="teamtitlesquad t2Name" id="t2Name"
                    style="padding-left: 35vmin;color: white;padding-top: 2vmin;font-size: 3vmin;font-family: Gilroy;">
                </div>
                <div class="t1Name" id="t1Name"
                    style="padding-left: 19vmin;margin-top: -5.5vmin;padding-bottom: 1vmin;color: white;font-family: Gilroy;">
                </div>

</div>

</div>

</div> 
    </div>

<div class="teamtitle" style="background-image: url(images/Summary_TopBG.png);">
                    <span style="font-size: 3vmin;color: white;font-weight: bold;margin-left: -17vmin;">Match
                        Summary</span>
                </div>
                <p
                    style="font-size: 1.5vmin;color: white;margin-left: 18vmin;position: fixed;margin-top: -4vmin;font-weight: bold;">
                    EMIRATES D50 POWERED BY FANCODE</p>
                <img src="images/Tour_Logo.png"
                    style="width: 11vmin;height: 11vmin;background-color: transparent;padding: 1px 1px 1px 1px;margin-left: 3vmin;margin-top: -11.6vmin;border-radius: 5px 5px 5px 5px;padding-top: -10vmin;">

</div>

<div class="teamtitlesummary t1Name"
                        style="position: fixed;margin-top: 11.5vmin;margin-left: 4vmin;width: 32%;text-align: left;font-family: Gilroy;">
                    </div>
                    <span class="t1Overs"
                        style="font-size: 3vmin;color:#ffffff;position: fixed;margin-top: 0.6vmin;margin-left: -16vmin;"></span>
                    <span class="cardlabel"
                        style="padding-right:2px;color:#ffffff;font-size: 3vmin;margin-top: 0.6vmin;position: fixed;margin-left: -28vmin;">
                        OVERS </span>
                    <span class="cardlabel"> </span>
                    <span class="t1Total"
                        style="font-size: 2.5vmin;color:#ffffff;position: fixed;margin-left: -48vmin;margin-top: 0.8vmin;width: 6%;text-align: right;"></span><span
                        style="font-size: 2.5;color:#ffffff;font-size: 2.5vmin;color: #ffffff;position: fixed;margin-left: -43vmin;margin-top: 0.8vmin;">-</span><span
                        class="t1Wickets"
                        style="font-size: 32px;color:#ffffff;font-size: 2.5vmin;color: #ffffff;position: fixed;margin-left: -41.5vmin;margin-top: 0.8vmin;"></span>
                </div>

</div>
            <div class="row" style="background-image: url(images/Batting_Card_BottomBG.png);">

<div class="teamtitlesummary t2Name"
                        style="position: fixed;margin-top: 30vmin;margin-left: 4vmin;text-align: left;width: 32%;font-family: Gilroy;">
                    </div>
                    <span class="t2Overs"
                        style="font-size: 3vmin;color:#ffffff;position: fixed;margin-top: 0.6vmin;margin-left: -16vmin;"></span>
                    <span class="cardlabel"
                        style="padding-right:2px;color:#ffffff;font-size: 3vmin;margin-top: 0.6vmin;position: fixed;margin-left: -28vmin;">
                        OVERS </span>
                    <span class="cardlabel"> </span>
                    <span class="t2Total"
                        style="font-size: 2.5vmin;color:#ffffff;position: fixed;margin-left: -48vmin;margin-top: 0.8vmin;width: 6%;text-align: right;"></span><span
                        style="font-size: 2.5;color:#ffffff;font-size: 2.5vmin;color: #ffffff;position: fixed;margin-left: -43vmin;margin-top: 0.8vmin;">-</span><span
                        class="t2Wickets"
                        style="font-size: 32px;color:#ffffff;font-size: 2.5vmin;color: #ffffff;position: fixed;margin-left: -41.5vmin;margin-top: 0.8vmin;"></span>
                </div>

</div>

<div class="summary_top_head team1_2 tem1_2-sumary-hndl testHideAll">

<span class="cardlabel"> Overs </span>
                    <span class="t1_2Overs"></span>
                    <span class="cardlabel"> Extras </span>
                    <span class="t1_2Extras"></span>
                    <span class="cardlabel"> Total </span>
                    <span class="t1_2Total"></span>/<span class="t1_2Wickets"></span>
                </div>

</div>

<div class="summary_top_head team2_2 tem2_2-sumary-hndl testHideAll">

<span class="cardlabel"> Overs </span>
                    <span class="t2_2Overs"></span>
                    <span class="cardlabel"> Extras </span>
                    <span class="t2_2Extras"></span>
                    <span class="cardlabel"> Total </span>
                    <span class="t2_2Total"></span>/<span class="t2_2Wickets"></span>
                </div>

</div>

</div> 
    </div>

<div class="scoreRow player_stat_box">
                    <p class="player_stat_name">Steven Taylor</p>
                    <p class="player_stat_batstyle batstyle">Left Handed Batsman</p>
                    <div class="teamlogostat"></div>
                </div>

</div>

<div class="stat_type">Matches</div>
                    <div class="stat_data stat_matches">33</div>

</div>

</div>

<div class="stat_type">Fifties</div>
                    <div class="stat_data stat_fifties">4</div>

</div>

<div class="stat_type">Hundreds</div>
                    <div class="stat_data stat_hundred">1</div>

</div>

<div class="stat_type">Average</div>
                    <div class="stat_data stat_av">33.4</div>

</div>

<div class="stat_type">Strike Rate</div>
                    <div class="stat_data stat_sr">121.4</div>

</div>

</div>

</div>

</div>

<div class="scoreRow player_stat_box">
                    <p class="player_stat_name">Jessy Singh</p>
                    <p class="player_stat_batstyle batstyle">Right-arm medium</p>
                    <div class="teamlogostat"></div>
                </div>

</div>

<div class="stat_type">Matches</div>
                    <div class="stat_data stat_matches">125</div>

</div>

<div class="stat_type">Wickets</div>
                    <div class="stat_data bat_stat_matches">195</div>

</div>

<div class="stat_type">Average</div>
                    <div class="stat_data stat_fifties">25.92</div>

</div>

<div class="stat_type">Economy</div>
                    <div class="stat_data stat_hundred">4.88</div>

</div>

</div>

</div>

</div>

</div>

<div class="stat_type"
                                style="position: fixed;font-size: 2.5vmin;text-transform: uppercase;margin-top: 1.5vmin;margin-left: 1vmin;">
                                Fours:</div>
                            <div class="stat_data batsman1Fours"
                                style="position: fixed;font-size: 2.5vmin;text-transform: uppercase;margin-top: 1.5vmin;margin-left: 13vmin;">
                            </div>

<div class="stat_type"
                                style="position: fixed;position: fixed;font-size: 2.5vmin;text-transform: uppercase;margin-top: 1.5vmin;margin-left: 19vmin;">
                                Sixes:</div>
                            <div class="stat_data batsman1Sixers"
                                style="position: fixed;position: fixed;font-size: 2.5vmin;text-transform: uppercase;margin-top: 1.5vmin;margin-left: 29.5vmin;">
                            </div>

</div>

</div>
            </div>

</div>

<div class="stat_type"
                            style="position: fixed;font-size: 2.5vmin;text-transform: uppercase;margin-top: 1.5vmin;margin-left: 1vmin;">
                            Fours:</div>
                        <div class="stat_data lastOutFours"
                            style="position: fixed;font-size: 2.5vmin;text-transform: uppercase;margin-top: 1.5vmin;margin-left: 13vmin;">
                        </div>

<div class="stat_type"
                            style="position: fixed;position: fixed;font-size: 2.5vmin;text-transform: uppercase;margin-top: 1.5vmin;margin-left: 19vmin;">
                            Sixes:</div>
                        <div class="stat_data lastOUtSixers"
                            style="position: fixed;position: fixed;font-size: 2.5vmin;text-transform: uppercase;margin-top: 1.5vmin;margin-left: 29.5vmin;">
                        </div>

</div>

</div>

</div>
    </div>

<div class="stat_type">Man Of The Match</div>

</div>

</div>
            </div>

</div>
    </div>

<div class="stat_type">Matches</div>
                            <div class="stat_data totalCareerMatches"></div>

<div class="stat_type">Wickets</div>
                            <div class="stat_data totalCareerWickets"></div>

</div>

</div>
                </div>

</div>

</div>
    </div>

<div class="stat_type"
                            style="position: fixed;font-size: 2.5vmin;text-transform: uppercase;margin-top: 1.5vmin;margin-left: 1vmin;">
                            Fours:</div>
                        <div class="stat_data batsman2Fours"
                            style="position: fixed;font-size: 2.5vmin;text-transform: uppercase;margin-top: 1.5vmin;margin-left: 13vmin;">
                        </div>

<div class="stat_type"
                            style="position: fixed;position: fixed;font-size: 2.5vmin;text-transform: uppercase;margin-top: 1.5vmin;margin-left: 19vmin;">
                            Sixes:</div>
                        <div class="stat_data batsman2Sixers"
                            style="position: fixed;position: fixed;font-size: 2.5vmin;text-transform: uppercase;margin-top: 1.5vmin;margin-left: 29.5vmin;">
                        </div>

</div>

</div>
            </div>

</div>

<div class="side-player-img bowlerProfileBgImange_img"
                        style="background-image:url(images/Stats_LogoBG.png); height: 12.3vmin;"></div>

<div class="stat_type">OVERS:</div>
                            <div class="stat_data stat_overs_current bowlerOvers"></div>

<div class="stat_type">MAIDENS:</div>
                            <div class="stat_data stat_fours_current bowlerMaidens"></div>

<div class="stat_type">WICKETS:</div>
                            <div class="stat_data bowlerWickets stat_wickets_current"></div>

<div class="stat_type">ECONOMY:</div>
                            <div class="stat_data stat_ec_current"></div>

</div>
                    </div>

</div>

</div>
        </div>

</div>

<div class="splash_type">WE WILL BE STARTING SOON</div>

</div>

</div>

</div>

<div class="splash_type">INNINGS BREAK</div>

</div>

</div>

</div>

<div class="splash_type">DRINKS BREAK</div>

</div>

</div>

</div>

<div class="splash_type">RAIN DELAY</div>

</div>

</div>

</div>

<div class="teaminfo">
                <div class="teamtitle" style="color: white; font-family: Gilroy; font-size: 3vmin;">Points Table</div>
            </div>
            <img src="images/Tour_Logo.png"
                style="width: 7vmin;height: 7vmin;background-color: transparent;padding: 1px 1px 1px 1px;margin-left: 5vmin;margin-top: -7vmin;border-radius: 5px 5px 5px 5px;">

</div>

</div>

</div>

</div>

}
    </script>

</body>

</html>

• Search:

• Replace: