Fix File

• File: style.css

• Content:

@font-face {
    font-family: "Gilroy";
    src: url(fonts/Gilroy-Black.ttf),
        url(fonts/Gilroy-Thin.ttf);
}

body {
    overflow: hidden;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: right top;
    /* background-image: url(../scorestrip/images/bg.jpg); */
}

body,
body * {
    /* font-family: 'Montserrat', sans-serif; */
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
    /* font-family: 'Nunito', sans-serif; */
    font-family: 'Nunito Sans', sans-serif;
    /* font-family: 'Barlow', sans-serif; */
    /* font-family: 'Dosis', 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.activeIs20 .pointsTable {
    visibility: visible;
}

body.activeIs4 .Batting2 {
    visibility: visible;
}

body.activeIs5 .Bowling2 {
    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.activeIs16 .batsmancurrentcard {
    visibility: visible;
}

body.activeIs17 .runnercurrentcard {
    visibility: visible;
}

body.activeIs18 .bowlercurrentcard {
    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.activeIs20 .overlayWrap.pointsTable,
body.activeIs4 .overlayWrap.Batting2,
body.activeIs5 .overlayWrap.Bowling2,
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.activeIs16 .overlayWrap.batsmancurrentcard,
body.activeIs17 .overlayWrap.runnercurrentcard,
body.activeIs18 .overlayWrap.bowlercurrentcard {
    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.pointsTable,
.overlayWrap.Batting2,
.overlayWrap.Bowling2,
.overlayWrap.Squad1,
.overlayWrap.Squad2,
.overlayWrap.summary,
.overlayWrap.batsmancurrentcard,
.overlayWrap.runnercurrentcard,
.overlayWrap.bowlercurrentcard,
.overlayWrap.matchintro,
.overlayWrap.inningsbreak,
.overlayWrap.drinksbreak {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: 2s;
    transform: translateX(100%);
    /* background: gray; */
}

.insideWrap {
    /* background: khaki; */
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 17px;
    width: 900px;
    left: 50%;
}

.insideWrap.teaminfo {
    position: fixed;
    width: 800px;
    right: 200px;
}

.insideWrap.left_col {
    width: 500px;
    left: 25%;
    padding-left: 140px;
}

.scoreTop {
    /*background: white;*/
    width: 100%;
    height: 114px;
    margin-top: -28px !important;
    background-image: url(images/ScoreBar.png);
    background-size: 100% 100%;
    background-color: #ffffff00;
}

.mainCenter {
    width: 250px;
    height: 70px;
    position: absolute;
    /* left: 3%; */
    top: -15px;
    margin-left: 55px;
    background-image: url(images/);
    text-align: center;
    color: white;
}

.mainRight .LeftRowBottom {
    text-align: center;
    float: right;
    width: 50%;
    position: fixed;
    margin-left: -1.3vmin;
}

.mainCenterTopLeft,
.mainCenterBottomLeft {
    float: left;
}

.mainCenterTopLeft,
.mainCenterBottomLeft {
    width: 84px;
    margin-left: 15px;
}

.mainCenterBottomRight,
.mainCenterTopRight {
    width: 116px;
    float: left;
}

.mainCenter {
    color: #000000;
}

.mainCenterTopLeft,
.mainCenterTopRight {
    font-size: 32px;
    padding-top: 8px;
    font-weight: 700;
    /* margin-left: 195px; */
    ;
}

.mainCenterBottomLeft,
.mainCenterBottomRight {
    font-size: 25px;
    padding-top: 0px;
    color: #ffffff;
    margin-left: 100px;
}

.mainCenterBottomLeft {
    letter-spacing: .5px;
}

.mainCenterBottomRight {
    margin-left: 120px;
    margin-top: 20px;
    margin-left: 30vmin;
    margin-top: 3vmin;
    font-size: 2vmin;
    position: fixed;
    font-weight: bolder;
}

.mainLeft>div>div {
    display: inline-block;
    font-size: 20px;
}

.mainRight>div>div {
    display: inline-block;
    font-size: 20px;
}

.mainLeft .LeftRowTop {
    margin-left: 69vmin;
    float: right;
    width: 50%;
    text-align: center;
    position: fixed;

}

#batsman1Runs {
    font-size: 2.8vmin;
    margin-right: 4px;
    font-weight: 700;
    color: black;
    margin-top: 0.7vmin;
    position: fixed;
    margin-left: 50vmin;
    width: 6.5vmin;
}

#batsman2Runs {
    font-size: 2.8vmin;
    margin-right: 4px;
    margin-left: -93vmin;
    font-weight: 700;
    margin-top: 6.5vmin;
    color: black;
    position: fixed;
    width: 6.5vmin;
}

#batsman1Balls {
    font-size: 2.8vmin !important;
    color: black;
    margin-top: 0.7vmin;
    margin-left: 53vmin;
    font-weight: bold;
    position: fixed;
    width: 6.5vmin;
    text-align: center;
}

#batsman1Balls:before {
    content: "(";
}

#batsman1Balls:after {
    content: ")";
}

#batsman2Balls {
    font-size: 2.8vmin !important;
    color: black;
    margin-top: 6.5vmin;
    margin-left: -89.5vmin;
    position: fixed;
    font-weight: bold;
    width: 6.5vmin;
    text-align: center;
}

#batsman2Balls:before {
    content: "(";
}

#batsman2Balls:after {
    content: ")";
}

div#batsman1Name {
    font-size: 2.7vmin;
    margin-left: 20vmin;
    margin-top: 1vmin;
    color: black;
    font-weight: bold;
    position: fixed;
    text-align: left;
    width: 27vmin;
    text-transform: uppercase;
}

div#batsman2Name {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: bold;
    color: black;
    position: fixed;
    margin-left: -235px;
    margin-top: 6.5vmin;
    text-align: left;
    width: 27vmin;
}

/* div#batsman1Name:before {
    content: url('images/bat_icon.svg');
    width: 16px;
    display: inherit;
    margin-right: 10px;
}

div#batsman2Name:before {
    content: url('images/bat_icon.svg');
    width: 16px;
    display: inherit;
    margin-right: 10px;
} */

.teamlogoscorebar {
    position: absolute;
    width: 60px;
    height: 60px;
    /* border-left: 5px solid; */
    box-sizing: content-box;
    background-size: cover;
    background-position: center;
    box-shadow: 0px 0px 30px 0 rgba(0, 0, 0, 0.22) inset;
    z-index: 1;
}

.team1logo.teamlogoscorebar {
    left: 0;
}

.team2logo.teamlogoscorebar {
    right: 0;
}

.bowlerStatScore {
    font-size: 22px;
    display: inline-block;
    margin-top: 42px;
    direction: ltr;
    transition-delay: 2s;
    white-space: nowrap;
}

.bowlerStatScore span#bowlerName {
    margin-right: 15px;
    color: black;
    font-size: 2.6vmin;
    font-weight: bold;
    position: fixed;
    margin-top: -4.5vmin;
    margin-left: 77.5vmin;
}

#bowlerRuns:after {
    content: "-";
}

.bowlerStatScore span#bowlerOvers {
    margin-left: 114vmin;
    position: fixed;
    margin-top: -4vmin;
    font-size: 2.3vmin !important;
    font-weight: bold;
    color: black;
    width: 3.5%;
    text-align: center;
}

.bowlerStatScore span#bowlerOvers:before {
    content: "(";
}

.bowlerStatScore span#bowlerOvers:after {
    content: ")";
}

.ballsMainWrap>span {
    text-align: center;
    height: 20px;
    background-color: transparent;
    padding: -1px;
    /* position: absolute; */
    /* top: 0; */
}

.innerRightScorebar {
    direction: rtl;
    align-items: center;
}

.ballsMainWrap {
    flex: 1;
    overflow: hidden;
    text-overflow: inherit;
    direction: ltr;
    text-align: center;
}

.ballsMainWrap>span>span {
    font-size: 14px;
    position: relative;
    top: 2px;
    padding-left: 3px;
}

.ballsMainWrap span.currentball.WicketHighlight {
    background: #af0000;
    color: #ffffff;
}

.scoreBottom {
    /* background: rgb(174,134,37);
    background: linear-gradient(180deg, rgba(174,134,37,1) 0%, rgba(247,239,138,1) 30%, rgba(210,172,71,1) 70%, rgba(210,172,71,1) 100%); */
    height: 32px;
    width: 1000px;
    margin: 0px auto;
    right: 100;
}

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

.firstIn,
.secondIn {
    text-align: center;
    /* padding-top: 6px; */
    position: relative;
}

.firstIn span,
.secondIn span {
    font-size: 16px;
}

.firstIn.sum span,
.secondIn.sum span {
    color: #ffffff !important;
    font-size: 19px;
}

body.firstInn .mainCenterTopLeft.t2Code,
body.secondInn .mainCenterTopLeft.t1Code,
body.secondInn .firstIn,
body.firstInn .secondIn {
    display: none;
}

.scoreBottom .secondIn>div {
    display: block;
    padding-right: 20px;
}

.bottomRight {
    position: absolute;
    right: 20px;
}

.bottomLeft {
    position: absolute;
    left: 20px;
}

span.overscorebottom {
    color: #232124;
    font-size: inherit;
}

.bottomLeft span.t1Overs {
    font-size: initial;
}

.bottomLeft .t1Code {
    color: #232124;
}

body.secondInn.matchHasEnded .matchEnded {
    visibility: visible;
    opacity: 1;
    transition: 1s opacity;
    transition-delay: 1s;
}

.matchEnded {
    position: absolute;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    font-size: 20px;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 1s linear;
}

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;
    color: #252326;
}

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

.matchEnded .t1Code,
.matchEnded .t2Code,
.matchEnded span.oversended {
    color: #252326;
}

.mainLeft,
.mainRight {
    color: #ffffff;
    transition: transform 1s;
    transition-delay: 1s;
}

.mainLeft {
    margin-top: 4px;
    float: left;
    /* width: 50%; */
    transform: translateX(-100%);
}

.mainRight {
    margin-top: 4px;
    float: right;
    /* width: 50%; */
    transform: translateX(100%);
}

body.activeIs1 .mainLeft,
body.activeIs1 .mainRight {
    transition-delay: 1s;
    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;
}

.insideWrapInside>div>div {
    /* width: 500px; */
    float: left;
    font-size: 20px;
}

.insideWrapInside>div>div.name {
    min-width: 260px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* background: white; */
    text-align: right;
    margin-right: 30px;
    text-transform: uppercase;
}

.insideWrapInside>div>div.group-name {
    min-width: 260px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* background: white; */
    text-align: left;
    margin-left: 1px;
}

.insideWrapInside>div>div.status {
    width: 320px;
    font-size: 15px;
    border-left: 1px solid;
    padding-left: 10px;
    line-height: 21px;
    font-weight: 700;
    padding-left: 30px;
}

.insideWrapInside>div>div.runs {
    min-width: 44px;
    text-align: right;
    margin-right: 6px;
    border-left: 1px solid;
    font-weight: 700;
    margin-left: 160px;
    padding-left: 30px;
}

.insideWrapInside>div>div.balls {
    min-width: 35px;
    text-align: left;
    font-size: 16px;
    line-height: 23px;
}

.scoreRow {
    background: transparent;
    padding: 6px 0;
    height: inherit;
    overflow: hidden;
    border-bottom: 1.5px solid #00000036;
    background-image: url(images/Batting_Card_RowBG.png);
    background-size: 100% 100%;
    color: white;
}

.scoreRow.notout {
    background-image: url(images/Batting_Card_RowBG.png);
    background-size: 100% 100%;
    padding: 6px 0;
    color: white;
}

.insideWrapInside>div.notout>div.runs {
    color: #ffffff;
    font-weight: 700;
    margin-left: 160px;
    padding-left: 30px;
}

.insideWrapInside>div.notout>div.balls {
    /* color: #ffffff; */
}

.teaminfo {
    width: 100%;
}

.teaminfo {
    font-size: 30px;
    text-transform: uppercase;
}

.teaminfo .totalruns {
    /* display: inline-block; */
    font-size: 29px;
    /* position: relative; */
    /* top: -15px; */
    margin-bottom: 10px;
}

.teaminfo .teamtitle {
    background-image: url(images/Batting_Card_TopBG.png);
    background-size: 100% 100%;
    height: 130px;
    color: #000000;
    font-size: 23px;
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.teaminfo .teamtitlesquad {
    background-image: url(images/Squad_TOPTeamNameBG.png);
    background-size: 100% 100%;
    height: 80px;
    color: #000000;
    font-size: 23px;
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

span.cardlabel {
    font-size: 20px;
    margin-right: 10px;
}

.scoreRowtotal {
    /* margin-top: 10px; */
    background-image: url(images/Bottom.png);
    background-size: 100% 100%;
    background-color: #000000ab;
    font-size: 19px;
    padding: 20px;
    text-align: center;
    position: relative;
    color: white;
}

.scoreRowtotal:before {
    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.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.activeIs16 .overlayWrap .insideWrap .insideWrapInside>div,
body.activeIs17 .overlayWrap .insideWrap .insideWrapInside>div,
body.activeIs18 .overlayWrap .insideWrap .insideWrapInside>div,
body.activeIs20 .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;
}

/* 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 {
    /* margin-top: 10px; */
    background: url(images/Green_BG.png);
    background-size: 100% 100%;
    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 .insideWrap,
.overlayWrap.Bowling2 .insideWrap {
    width: 860px
}

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

.scoreRow.players.labelhead {
    background-image: url(images/Green_BG.png);
    background-size: 100% 100%;
    color: #ffffff;
}

.scoreRow.total.bowling>div {
    display: inline-block;
    text-align: center;
}

.scoreRow.total.bowling {
    text-align: center;
    background-size: 100% 100%;
    height: 5vmin;
}

.scoreRow.total.bowling .cardlabel {
    /* font-size: 25px;
    color: #2e2e86;
    font-weight: 700; */
}

.scoreRow.total.bowling * {
    font-size: 20px;
}

.scoreRow.fow {
    background-image: url(images/Bowling_Card_FowLabelBG.png) !important;
    background-size: 100% 100%;
    padding: 0;
}

.name.fowViewTop {}

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

.scoreRow.fow {
    text-align: right;
}

.scoreRow.fow {
    background-image: url(images/Bottom.png);
    background-size: 100% 100%;
    padding: 10px 0;
    color: #ffffff;
}

.fow_top,
.fow_bottom {
    font-size: 16px;
}

.fow_top {
    color: #ffffff;
}

.fow_bottom {
    color: #000000;
}

.scoreRow.fow.fow_bottom:before {
    background-image: url(images/Bowling_Card_FOWBG.png);
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    content: '';
}

.scoreRow.summary_top {
    text-align: right !important;
    padding-right: 20px !important;
    background: url(images/Green_BG.png);
    background-size: 100% 100%;
}

.teamtitlesummary {
    /* position: absolute; */
    left: 20px;
    top: 18px;
    text-transform: uppercase;
    color: #ffffff;
}

.teamtitlesummary.t1Name {
    font-size: 30px !important;
}

.teamtitlesummary.t2Name {
    font-size: 30px !important;
}

.summary_top_head {
    position: relative;
    overflow: hidden;
    clear: both;
}

.insideWrapInside.summarydata {
    width: 50%;
}

.insideWrapInside.summarydata.s_t1_bat,
.insideWrapInside.summarydata.s_t2_bat,
.insideWrapInside.summarydata.s_t1_bowl,
.insideWrapInside.summarydata.s_t2_bowl {
    float: left;
}

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

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

.teamtitlesummary {
    float: left;
    padding-left: 20px;
}

.scoreRow.sum_player {
    padding: 0;
}

.s_data {
    background: transparent;
    min-width: 100px;
    text-align: center;
    margin-left: 272px;
    color: black;
    position: fixed;
    font-weight: 700;
}

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

.overlayWrap.summary {}

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

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

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

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

.overlayWrap.Batting1 .scoreRow.notout .status span,
.overlayWrap.Batting2 .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: fixed; */
}

.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;
}

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

.scoreRow.player_stat_box {
    background-image: url(images/Green_BG.png);
    background-size: 100% 100%;
    min-height: 100px;
    padding: 20px;
    text-transform: uppercase;
}

.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: 30px !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-image: url(images/Batting_Sheet.png);
    background-size: 100% 100%;
    color: #000000;
    padding: 20px;
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
}

.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;
}

.vsStrip {
    /* padding-top: 8px; */
    text-align: center;
    color: #ffffff;
}

.sponsorLogo {
    text-align: center;
}

.sponsorLogo img {
    width: 150px;
    border: #CFB53B 5px solid;
}

.mySlides {
    display: none;
}

/* Slideshow container */
.slideshow-container {
    position: relative;
}

/* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {
        opacity: .4
    }

to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }

to {
        opacity: 1
    }
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
    .text {
        font-size: 11px
    }
}

p.player_stat_name.lastOutString {
    margin-left: 50px;
    text-transform: none;
}

.t1code {
    position: fixed;
    margin-top: 5px;
    /* padding-left: 65px;  */
    margin-left: 44vmin;
    font-size: 55px;
    font-weight: bold;
    color: white;
}

.t2code {
    /* padding-left: 385px; */
    padding-top: 5px;
    font-size: 55px;
    margin-left: 240vmin;
    position: fixed;
    font-weight: bold;
    color: white;
}

.bowlerName {
    text-transform: uppercase;
}

canvas {
    font-size: 14px;
}

.ballstest {
    font-size: 22px;
}

.scorebottom {
    font-size: 22px;
}

.labels {
    text-align: center;
    background-color: #ffffff50;
    padding-bottom: 10px;
    padding-top: 10px;
}

.team1ChartLabel {
    background-color: #005ce0;
    /* padding: 3px 5px; */
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 7px;
    font-size: 15px;
    border-radius: 10px;
}

.team2ChartLabel {
    background-color: #e0b000;
    /* padding: 3px 5px; */
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 7px;
    margin-left: 10px;
    font-size: 15px;
    border-radius: 10px;
}

• Search:

• Replace: