/*! Main Stylesheet */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');


* { font-family: "Source Sans Pro",Arial,sans-serif; }
body, html { height: 100%; }
.smWrap { position: relative; min-height: 100% }
.smcpl-row { padding-bottom: 50px; }
html { /*height: 100vh; background-image: linear-gradient(101deg, rgba(64,89,167, 0.1) 0%, rgba(64,89,167, 0.1) 22%,rgba(227, 227, 227,0.03) 22%, rgba(227, 227, 227,0.03) 65%,rgba(236,27,83, 0.05) 65%, rgba(236,27,83, 0.05) 100%),linear-gradient(204deg, rgba(185, 185, 185,0.03) 0%, rgba(185, 185, 185,0.03) 5%,rgba(9, 9, 9,0.03) 5%, rgba(9, 9, 9,0.03) 20%,rgba(247, 247, 247,0.03) 20%, rgba(247, 247, 247,0.03) 100%),linear-gradient(90deg, rgb(245,245,245),rgb(245,245,245));*/
background-image: linear-gradient(101deg, rgba(64,89,167, 0.14) 0%, rgba(64,89,167, 0.14) 22%,rgba(227, 227, 227,0.03) 22%, rgba(227, 227, 227,0.03) 65%,rgba(236,27,83, 0.08) 65%, rgba(236,27,83, 0.08) 100%),linear-gradient(204deg, rgba(185, 185, 185,0.03) 0%, rgba(185, 185, 185,0.03) 5%,rgba(64,89,167, 0.28) 5%, rgba(64,89,167, 0.28) 20%,rgba(247, 247, 247,0.03) 20%, rgba(247, 247, 247,0.03) 100%),linear-gradient(90deg, rgb(245,245,245),rgb(245,245,245));
background-attachment: fixed;}

#matchCenter { /*background-image: linear-gradient(101deg, rgba(10,10,10, 0.07) 0%, rgba(10,10,10, 0.07) 22%,rgba(255,255,255, 0.03) 22%, rgba(255,255,255, 0.03) 65%,rgba(80,80,80, 0.04) 65%, rgba(80,80,80, 0.04) 100%),linear-gradient(204deg, rgba(185,185,185, 0.25) 0%, rgba(185,185,185, 0.25) 5%,rgba(9,9,9, 0.08) 5%, rgba(9,9,9, 0.08) 20%,rgba(255,255,255, 0.03) 20%, rgba(255,255,255, 0.03) 100%),linear-gradient(90deg, rgb(250,250,250),rgb(250,250,250));*/
/*background-image: linear-gradient(101deg, rgba(236,27,83, 0.08) 0%, rgba(236,27,83, 0.08) 22%,rgba(227, 227, 227,0.03) 22%, rgba(227, 227, 227,0.03) 65%,rgba(64,89,167, 0.09) 65%, rgba(64,89,167, 0.09) 100%),linear-gradient(204deg, rgba(185, 185, 185,0.03) 0%, rgba(185, 185, 185,0.03) 5%,rgba(9, 9, 9,0.03) 5%, rgba(9, 9, 9,0.03) 20%,rgba(247, 247, 247,0.03) 20%, rgba(247, 247, 247,0.03) 100%),linear-gradient(90deg, rgb(245,245,245),rgb(245,245,245));*/
}
.mc__headerWrap{ height: 80px; background: url(../images/header-pattern.png) repeat center top / contain; position: relative; }
.mc__headerWrap::after { content:""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/header-img.png) no-repeat center / 475px; }

p { font-family: inherit; }
.downLink { display: none; }
.mcRow { max-width: 100%; }
.matchHead .back .logo, .matchHead .back h1 { display: none; }
.mcContainer { width: 100%;  }
#matchFilterWrapper { position: relative; overflow: inherit; margin: 0; padding: 15px 0;  background: rgb(24, 24, 74); }
#matchFilterWrapper::after {content: "";display: block; position: absolute;bottom: 0; left: 0; width: 100%; height: .4rem; box-shadow: 0 .1rem 0.2rem 0 rgba(0,0,0,.25);}

#mcMenuWrapper { height: 44px; background-image: linear-gradient(170deg,#EC1B53 0,#4059A7 77%);
 box-shadow: 0 .3rem .4rem 0 rgba(0,0,0,.25); margin: 0 0 25px 0; transition: height 4s cubic-bezier(.86,0,.07,1); }
ul.mcTabs { border-radius: 0; margin: 0 auto 15px; background: transparent; border: 0; }
ul.mcTabs li { position: relative; color: #ffffff; font-size: 14px; padding: 14px 0; margin: 0 2.4rem; }
ul.mcTabs li span { border: 0; padding: 0; }
ul.mcTabs li.current, ul.mcTabs  li:hover, ul.mcTabs  li:focus,
ul.roleTab.teamTab li.current, ul.roleTab.tourTab li.current { background: transparent; font-weight: 400; }
ul.mcTabs li.current { font-weight: 600; }

ul.mcTabs li::before { content: "";
  height: 0;
  display: block;
  position: absolute;
  bottom: 0;
  left: -.6rem;
  right: -.6rem;
  margin: 0 auto;
  background: #ffffff;
  transition: height .1s ease-in;
}
ul.mcTabs li.current::before {  content: ""; background: #ffcc05; height: .3rem;}
ul.mcTabs li:hover::before, ul.mcTabs li:focus::before { height: 0.3rem; }

.no-scrollbar {scrollbar-width: none; margin-bottom: 0; padding-bottom: 0;}
.no-scrollbar::-webkit-scrollbar {display: none;}
.hide-for-mobile { display: block; }
.hide-for-web { display: none; }

.navbar-fixed {position: sticky; top: 0; left: 0; width: 100%;text-align: center; z-index: 2; }

.matchBox, .matchVenue, .mcRowData .btRuns, .mcTotal, .innScore,
.batStyle .wagonSide h6, .widget .widgetTitle, .mcSecondaryMenu ul li,
.resultStrip .resultBox, .liveStrip .resultBox, .mcExtras, .mcTotal { font-family: "Source Sans Pro",Arial,sans-serif; }

.resultStrip .resultBox .btnScorecard { margin-right: 5px; }
.resultStrip .resultBox .btnScorecard:last-child { margin: 0; }

/* Calendare*/
.atc-style-menu-wb .atcb-list .atcb-item { width: 100%; }
.atc-style-menu-wb .atcb-item.hover, .atc-style-menu-wb .atcb-item:hover { background: #4059A7; }

/* OverAll - Match Box Strip */
.matchBox {  background: #fff; border-radius: 8px;  border: none; margin-bottom:15px; z-index: 1;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09), 0 1px 3px 0 rgba(0, 0, 0, 0.07), 0 2px 1px -3px rgba(0, 0, 0, 0.06); 
background-image: url(images/cmd-pattern-1.png), url(images/cmd-pattern-1.png);
background-repeat: no-repeat, no-repeat;
background-position: center left, center right;
background-size: 300px, 300px;
background-color:#ffffff;border-top: 1px solid #4059a74a;
}



/*.matchBox::before { content: url(images/cmd-pattern-1.png); position: absolute; top: -873px; left: -738px; transform: scale(0.2); z-index: -1; }
.matchBox::after { content: url(images/cmd-pattern-1.png); position: absolute; bottom: -764px; right: -738px; transform: scale(0.2); z-index: -1; }
*/
.matchInfo .teamNames p { color: rgb(36, 46, 53); }
.runs { font: 600 20px/ 24px 'Oswald', sans-serif; color: rgb(36, 46, 53);  }
.overs, .runRate,
.resultStrip .innings .teamScore.activeInn .runRate, 
.resultStrip .innings .teamScore.activeInn .overs, 
.resultStrip .innings .teamScore .runRate, 
.resultStrip .innings .teamScore .overs,
.resultStrip .resultBox .matchDate, 
.resultStrip .resultBox .matchVenue, 
.liveStrip .resultBox .matchDate, 
.liveStrip .resultBox .matchVenue{ color: #4a4d4f;  font-weight: 600;}

.matchTeams .logo__container .tLogo { width: auto; height: auto; box-shadow: 0 2px 2px rgba(0,0,0,0.2); background: -webkit-radial-gradient(#fff,#eee);
background: -moz-radial-gradient(#fff,#eee); background: -o-radial-gradient(#fff,#eee); background: radial-gradient(#fff,#eee); }

.matchTeams .tLogo img { width: 75px; height: 75px; }

.count { width: 65%; font-weight: 600; }
.matchCountdown span { font-size: 12px; color: #777777; font-weight: 600; }
.matchTeams .tLogo, .matchTeams .tVs { font-size: 15px; }

/** Fixture - Match Box Strip **/
.fixtureStrip { display: flex;align-items: center;justify-content: space-between;height: 8rem;  }
.fixture-date_container { width: 9rem; padding-right: .4rem; }
.fixture-venue_container { width: 13rem; }
.fixture-date_container, .fixture-venue_container { position: relative; }
.fixture-date_container::after, .fixture-venue_container::after { position: absolute;top: 0;right: 0;width: .1rem;height: 100%;content: "";display: block;background: #d7d7d7;}
.fixture-date_container .matchDate { font: 600 18px/ 24px 'Oswald', sans-serif; color: rgb(36, 46, 53); display: block; width: auto; }
.fixture-date_container .matchTime { font-size: 16px; line-height: 20px; font-weight: 600; background: linear-gradient(90deg,#EC1B53 0%,#4059A7 40%); background-clip: border-box;-webkit-background-clip: text;
-webkit-text-fill-color: transparent;color: #fff;}

.fixture-venue_container .matchVenue { color: rgb(36, 46, 53); margin: 0; padding: 0 10px; }
.fixture-venue_container .matchVenue .fixture-ground_name {font-size: 13px; line-height: 15px; font-weight: 600; padding-bottom: 2px; }

.fixture-team_container {display: flex; flex-grow: 1; justify-content: center; align-items: center} 
.fixture-team_container .fixture-team-info { display: flex; align-items: center; }
.fixture-team_container .fixture-team-info p { margin: 0; width: 10rem }
.fixture-team_container .fixture-team-info img { height: 4rem;  padding: 0 10px; }
.fixture-team_container .fixture-team-info.fixture-team__second { flex-direction: row-reverse; }
.fixture-team_container .tVs, .matchTeams .tVs { padding: 0 5px; font-weight: 700; background: linear-gradient(90deg,#EC1B53,#4059A7); background-clip: border-box;-webkit-background-clip: text;
-webkit-text-fill-color: transparent;color: #fff;}

.fixture-team_container .fixture-team-info .fixture-team_name { font-size: 18px; line-height: 20px; text-transform: uppercase; font-weight: 700; }
.fixture-team_container .fixture-team__first .fixture-team_name { text-align: right; margin-left: 10px; }
.fixture-team_container .fixture-team__second .fixture-team_name { text-align: left; margin-right: 10px; }

.fixtureStrip .matchInfo .teamNames p, .fixtureStrip .matchInfo .teamNames span { font-size: 16px; line-height: 18px; }
.fixtureStrip .matchInfo .teamNames p { font-weight: 600; }
.fixtureTimerCountdown span.fixtureTimer, .count { position: relative;  background: transparent; z-index: 1; }
.fixtureTimerCountdown span.fixtureTimer::after, .count::after { content:''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; 
background-color: #EC1B53;transform: skewX(-6deg); border-radius: 5px; box-shadow: 0px 3px 2px #DF0E463B; z-index: -1; }
.fixtureTimerCountdown span span.timerLabel { font-size: 12px; line-height: 14px; color: #fff; font-weight: 400; } 
.fixtureTimerCountdown span span.timervalue { font-size: 22px; font-weight: 600; line-height: 24px; font-family: "Oswald",Arial,sans-serif; color: #ffffff; }
.fixtureStrip ul.otherMatchInfo { font-family: "Source Sans Pro",Arial,sans-serif; }

.fixture-countdown-info .matchCountdown { width: 13rem; margin: 0; }
.fixtureTimerCountdown span.fixtureTimer { width: 22%; }
.fixture-other-info { width: 11rem; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.fixtureStrip ul.otherMatchInfo li { background: transparent; margin: 0; }
.fixture-other-info .btnScorecard { margin-top: 5px; }

.count { color: #EC1B53; font-family: "Oswald",Arial,sans-serif; font-size: 16px; font-weight: 500; }
.count::after { color: #EC1B53; background: none; box-shadow: none; }

.matchInfo { border-left: 2px dashed #999; }

/** Result - Match Box Strip **/
.matchTeams .logo__container .tLogo { background: transparent; box-shadow: none; }
.matchTeams .logo__container .teamLogo-name_info { display: flex; flex-direction: column; justify-content: center; align-items: center;}
.matchTeams .logo__container .teamLogo-name_info .tm-name { display: none; width: 8rem; font-size: 12px; line-height: 14px; font-weight: 600; text-transform: uppercase; margin: 0; }

.resultStrip .matchTeams .matchSummary,
.liveStrip .matchTeams .matchSummary { display: none; }
.resultStrip .matchInfo, .liveStrip .matchInfo { border-left: 1px solid #ccc; border-right: 1px solid #ccc;  }
.resultStrip .resultBox .matchResult { font-weight: 700; font-size: 18px; line-height: 20px; color: #EC1B53; margin: 0; }

.resultStrip .innings .vs {  }
.innings .teamScore { font-size: 18px; font-weight: 700; text-transform: uppercase; }

#mcBestPerformers { border: 0; margin-bottom: 0; }
#mcBestPerformers  .mcTitle { color: #232323; }
.statsContent { margin: 0 0 30px;}

select.mcSelectDefault { padding: 5px 45px 5px 16px; background-image: linear-gradient(45deg, transparent 50%, rgb(107, 107, 176) 50%), linear-gradient(135deg, rgb(107, 107, 176) 50%, transparent 50%);
background-position: calc(100% - 23px) calc(1em + 0px), calc(100% - 15px) calc(1em + 0px), 100% 0;}
.seasonFilter select.mcSelectDefault,
.seasonFilter input.mcSearchDefault { background-color: rgb(54, 54, 98); box-shadow: none; border-radius: 0; color: #ffffff; font-size: 16px; font-weight: 700; }


#mcBestPerformers, #fullScoreContent, #mwpage, #analytPage { padding: 0 10px }
#fullScoreContent #rightPanel { padding-right: 0; }

/* Scorecard */
#briefScoreBoard { background: linear-gradient( #EC1B53 ,#050b5f); }
#scoreBox::after { content: url('images/bg-pattern.png');position: absolute;bottom: -115px;left: 0px; transform: scale(1); z-index: -1; }
.matchNav { width: auto; font-size: 12px; }

#briefScoreBoard { height: auto; padding: 0 0 20px 0; margin: 0;}
#briefScoreBoard::after { 
background:rgba(20, 24, 78, 0.94);
background: -webkit-linear-gradient(120deg, rgba(63, 85, 153, 0.4), rgba(29, 44, 92, 0.8));
background: -moz-linear-gradient(120deg, rgba(63, 85, 153, 0.4), rgba(29, 44, 92, 0.8));
background: -o-linear-gradient(120deg, rgba(63, 85, 153, 0.4), rgba(29, 44, 92, 0.8));
background: linear-gradient(120deg, rgba(63, 85, 153, 0.4), rgba(29, 44, 92, 0.8));
}
.matchSummary { color: #4059A7; font-size: 13px; line-height: 20px; margin: 5px 0; font-weight: 600; display: inline-block; padding: 0 15px;background: #4059A714; }
#scoreBox .innings { clear: both; overflow: hidden; border-bottom: 2px solid rgba(255,255,255,0.15); }
#scoreBox .innings .teamScore { color: #fff; width:140px; opacity: 1; }
#scoreBox .tournament--name { font-size: 14px; line-height: 20px; letter-spacing: 2px; color:#ffffff; margin-bottom: 2px; }
#scoreBox .matchSummary { color: #ffcc05; font: 700 24px/30px "Source Sans Pro",Arial,sans-serif; margin: 0 0 10px;  }
#briefScoreBoard  #scoreBox .innings .vs {  }
#scoreBox .innings .vs {  }
#scoreBox .innings .teamScore .runs { font-size: 42px; line-height: 52px; color: #ffffff; }
#scoreBox .tName, #scoreBox .matchDate, #scoreBox .matchVenue { font: 600 16px/24px "Source Sans Pro",Arial,sans-serif; }
#scoreBox .tLogo img { margin: 0; }
#scoreBox .tLogo { border-radius: 50%; padding: 0; margin: 0 0 10px;overflow: hidden; }
#scoreBox .matchVenue { margin-bottom: 0; }
#overStreamMC .dataStreamSMIPL { background: rgba(0,0,0,0.2); }
#overStreamSMIPL ul.bbbMC li a.mcBall {}

.btnWrap { overflow: inherit; }
.btnScorecard { position: relative; background-color: transparent; background: #4059A7; color: #ffffff; border-radius: 5px; 
padding: 10px 10px; font-size: 14px; line-height: 16px; box-shadow: 0px 3px 2px #4059A73B; z-index: 1; }

.btnScorecard::before { content:''; position: absolute; top:0; bottom: 0; left: 0; right: 0; 
background-image: linear-gradient(120deg,#4059A7 0,#EC1B53 77%); z-index: -1; transition: opacity .5s linear; opacity: 0; border-radius: 5px;   }
.btnScorecard:hover::before, .btnScorecard:focus::before { opacity: 1; }
.btnScorecard span {display: none; }
.btnScorecard:hover, .btnScorecard:focus {  background: #EC1B53; }
.playingXI .widgetContent .team ul.squadList { text-transform: uppercase; }

ul.bbbMC li { font-size: 16px; }
.bgSix, .mcSix,
.bgWicket, .mcWicket,
.bgFour, .mcFour { font-weight: 600; }
.resultStrip .innings .teamScore.activeInn { color: #131313; }

#fullScoreContent #leftPanel { padding: 0.5rem; background: #fff; box-shadow: 0 0px 5px 0px #ddd; border: none; border-radius: 8px; }
#fullScoreContent .mcRowData .playerName { font-size: 14px; font-weight: 600; color: rgb(36, 46, 53); }
#fullScoreContent .mcRowData .dismissalSmall { color: #757e84; }
.battingCardMC, .bowlingCardMC, .mcNotBat, .mcFallWicket, .partnerChart { margin-bottom: 15px; clear: both; }
.mcRowData .mcRowData-Inner { padding: 7px 10px; }
.mcRowData .icon-plus-circled{ color: #888; }
.mcRowData .icon-minus-circled { color: rgb(8, 41, 108); }
.mcRowHead { margin-bottom: 5px; }
.mcRowHead, .mcFallWicket h4, .mcRowHead .tt, .partnerChart .performHeader { border-radius: 5px; background: #4059A7; color: #ffffff; font-weight: 600; font-size: 13px; }
.mcRowData:nth-child(2n+1) { background: transparent; }
.mcRowData .plyData { color: rgb(36, 46, 53); font-size: 14px; }

.mcRowData .btRuns, .partnerChart ul.partnerContent li .parters-chart .prTot span { font-weight: 700; color: rgb(36, 46, 53); }

.scorecardHeader .inningsList { background-color: #ffffff; border: 1px solid #e0e0e0; color: rgb(36, 46, 53); font-weight: 700; 
background-image: linear-gradient(45deg, transparent 50%, #052839 50%), linear-gradient(135deg, #052839 50%, transparent 50%);}
select.mcSelectDefault, input.mcSearchDefault { color: #052839;  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.1); }
.widget { background: #ffffff; margin-left: 15px; border: 0; border-radius: 8px; box-shadow: 0px 4px 10px 0px rgb(6 6 6 / 15%); }
.innScore { color: rgb(36, 46, 53); font-weight: 700; }
.playingXI .widgetContent .team ul.squadList,
.h2h__perform .mcRowHead {font-weight: 500; }
.mcTotal { font-size: 14px; color: #EC1B53; font-weight: 700; border-bottom: 2px solid #4059A7; }
.mcExtras { border-top: 2px solid #4059A7; color: rgb(36, 46, 53); font-weight: 600; }

.mcNotBat {  border: 0; margin: 0 0 10px 0; }
.mcNotBat h4 { text-transform: uppercase; font-weight: 700; color: #4059A7; }
.mcNotBat span, .mcFallWicket p span { font-size: 14px; }

.mcFallWicket { background: rgba(64,89,167,0.1); border-radius: 8px; padding-bottom: 8px; }
.mcFallWicket p { padding-left: 10px; }

.partnerChart ul.partnerContent li .parters-chart .prTot span { font-size: 14px; }

/* Inner Scorecard */
#scorecardWrapper {  }
#scorecardWrapper .tabLinkscontainer { background: linear-gradient(170deg,#EC1B53 0,#4059A7 77%);}
#scorecardTabs.mcTabs li { margin:0; }
#scorecardTabs.mcTabs li span { margin: 0 20px; }
#scorecardTabs.mcTabs li::before { width: 75%; }

.widget .widgetTitle  { color: #EC1B53; font-weight: 700;font-size: 18px; }
.matchDetails .widgetContent ul li { font-size: 14px; }
.matchDetails .widgetContent ul li { display: flex; border-bottom: 1px solid #eee; }
.matchDetails .widgetContent ul li span:first-child { font-weight: 500;  color: #444444; padding-right: 10px;text-transform: capitalize;}
.matchDetails .widgetContent ul li span:last-child {color: #222222;flex: 1; text-transform: uppercase;}
.matchDetails .widgetContent ul li span {font-weight: 600; font-size: 14px; line-height: 18px;}
.matchDetails .widgetContent ul li:last-child { border: 0; }

.hrz-bg1 { background: #EC1B53; }
.hrz-bg2 { background: #4059A7; }

/* All Upcoming Match List - POPUP */
.matchNav.openDev, .matchNav.openDev span:last-child{ width: 100%; }
.matchNavContent { top: 0; background: rgb(39, 35, 36,0.98); }
.matchHead {  background: rgb(24, 24, 74); z-index: 9; }
.noScroll .matchHead { top: 20px; left: 0; right: 0; margin: 0 auto; z-index: 9999; position: absolute; width:18%; }
.matchNavContent.active .mcContainer { margin-top: 60px; }
.matchNavContent .matchesByType ul.matchList li a.event, .matchNavContent .matchesByType ul.matchList li a.event .team.winner { color: #fff; background: #63656a;  }
.noRecord { color: #777777; font-size: 18px; line-height: 22px; text-transform: uppercase; }
.matchNavContent .matchesByType ul.matchList li a:hover::after { border-left-color: #fff; }

/** Story **/
#photostreamPage #photoGrid-SM, #newsPage #newsGrid-SM, #videostreamPage .container { margin-bottom: 30px; padding-top: 0.5rem; padding-bottom: 0.5rem;
background: #fff;border: 1px solid #ddd; box-shadow: 0 0px 5px 0px #ddd; }
.thumb-caption { background: #282b56; }
.tagColor-three { background: #282b56; }
.thumb-container:hover > ul.otherLinks, .thumb-container:focus > ul.otherLinks { background: rgba(40,43,86,0.9); }
ul.otherLinks li.newsView-icon a:hover, ul.otherLinks li.newsView-icon a:focus { background-color: rgba(67, 14, 77, 1); }

#photostreamPage .matchNavContent.photosDetailBlock #photoGrid-SM { box-shadow: none; background: transparent; border: 0; }

/** Commentary **/
#commentPage { position: relative; }
#cmdBlockSmipl::before {background-image: linear-gradient(#EC1B53,#EC1B53);
background-position: 0;
background-repeat: repeat-y;
background-size: 4px 10px;
content: "";
height: 100%;
left: 48px;
position: absolute;
width: .2rem;
z-index: -1;}

.endOverInfo { background: none; margin-bottom: 15px;border-bottom: 2px solid #ccc;padding:0 0 9px; }
.endOverInfo p { font-size: 16px; color: #121f2b; font-weight: 600; }
.endOverInfo p.totRun { background: transparent; color: #EC1B53; padding: 0; font-size: 16px; }
.endOverInfo p.secondChild i.mcBall { line-height: 28px; width: 30px; height: 30px; background: rgba(0,0,0,0.1); }
.endOverInfo p.secondChild i.bgWicket { background: #e24f31; }
.endOverInfo p.secondChild i.bgSix { background: #33a2db; }
.endOverInfo p.secondChild i.bgWide { background: #bc760d; }
.endOverInfo p.secondChild i.bgFour { background: #4870d7; }
.endOverInfo p.firstChild { color: #121f2b;font-size: 16px;font-weight: 700; margin-right: 10px; }
.ppText { padding: 10px 10px 10px 0; }
.overTeam1Momentum{color:#EC1B53;}
.overTeam2Momentum{color:#4059A7;}
.ovExRun{font-size:12px;}
.overNoFilterBox .cSBDisplay { font-weight: 600; color: #EC1B53; }
.match-analytics { display: flex; flex-direction: column; font-size:13px; font-weight: 600;    margin-top: 5px; }
.match-analytics .overMomentum, .match-analytics .overSPWL { color: #121f2b; line-height: 16px; }
.statsBarWrap{height:10px;background:rgba(0,0,0,0.1);width:200px;display:inline-block;border-radius:5px}
.statsBarItem{width:50%;float:left;height:10px;position:relative}
.statsBarVal.fr{position:absolute;top:-15px;float:right;right:10px}
.statsBarVal.fl{float:left;position:absolute;top:-15px;left:10px}
.statsBar.fr{float:right;background-color:#EC1B53;height:10px;border-bottom-left-radius:5px;border-top-left-radius:5px}
.statsBar.fl{float:left;background-color:#4059A7;height:10px;border-bottom-right-radius:5px;border-top-right-radius:5px}
.BWscorePotential{color:#ffcc05;font:700 24px/30px "Source Sans Pro",Arial,sans-serif;margin:0 0 10px;cursor:pointer}
.BWpotentialChartWrap{background-color:#FFF;padding:10px;position:relative;border-radius:5px}
.BWpotentialChartWrap .legent_li{font-size:20px;font-weight:700;display:inline-block;margin-left:10px}
.potentialDetails{font-weight:700;color:#ec1b53}
.previewModelTitle{color:#EC1B53;font:700 24px/30px "Source Sans Pro",Arial,sans-serif}

.previewModel{position:fixed;top:0;left:0;z-index:99999;width:100%;height:200%;display:none;background-color:rgb(34 34 34 / 75%);}
.previewModel.active{display:block!important}
.previewModelContentWrap{display:flex;width:100%;height:100%;text-align:center;padding-top:100px;}
.previewModelClose{position:absolute;top:20px;right:20px}

.analytics-title { width: 7rem; display: inline-block; }
.over-score { display: flex; align-items: center; }
.endOverInfo p.secondChild i.bgNoball, #byb__comment .cmdOver.bgNoball { color: #121f2b; }

#byb__comment{ border: 0;box-shadow: 0px 4px 10px 0px rgba(6, 6, 6, 0.15);padding: 0.6rem 0.5rem; margin-bottom: 20px; border-radius: 8px; }
#byb__comment .cmdEvent .cmdOver{ display: flex; align-items: center; background:none; color: #161616; font-size: 16px; font-weight: 700; padding: 15px 20px; }
#byb__comment .cmdEvent .cmdOver i { margin-right: 5px;}
#byb__comment .cmdEvent.mcBall { position:relative;
background-color: #f7f7f7;  margin-bottom:6px; border:none; border-radius:4px; }
#byb__comment .cmdEvent:last-child { margin: 0; }

#byb__comment .cmdEvent .cmdText { padding: 15px 0; }
#byb__comment .cmdEvent .cmdText,#byb__comment .cmdEvent .cmdText p,.prepostMatchCommentry .ppText p{width:calc(100% - 300px);font-size:15px;line-height:22px;color:#161616;font-weight:500}
#byb__comment .cmdEvent .cmdText p,.prepostMatchCommentry .ppText p{ color: #222; margin:0;font-size:14px;width:100%}

#byb__comment .cmdEvent .prepostMatchCommentry { margin: 0; background: transparent; border:0;  } 
.prepostMatchCommentry { background: linear-gradient(to top right, #d0ddff 10%, #fff);
border-bottom: 2px solid #ccc; box-shadow: none; border-radius: 8px; }
.prepostMatchCommentry .ppText p { color: #232323; }
.ppCmd { background: #4059A7; border: 0; }

#byb__comment .cmdEvent.bgSix,
#byb__comment .cmdEvent.bgFour,
#byb__comment .cmdEvent.bgWicket  { position: relative; overflow: hidden; z-index: 99; }
#byb__comment .cmdEvent.bgSix { background: linear-gradient( to right, #066ea4, #33a2db); }
#byb__comment .cmdEvent.bgSix .cmdOver,
#byb__comment .cmdEvent.bgSix .cmdText,
#byb__comment .cmdEvent.bgFour .cmdText,
#byb__comment .cmdEvent.bgFour .cmdOver,
#byb__comment .cmdEvent.bgWicket .cmdText,
#byb__comment .cmdEvent.bgWicket .cmdOver { color: #ffffff; font-weight: 600;}

#byb__comment .cmdEvent.bgSix .cmdOver p,
#byb__comment .cmdEvent.bgSix .cmdText p,
#byb__comment .cmdEvent.bgFour .cmdText p,
#byb__comment .cmdEvent.bgFour .cmdOver p,
#byb__comment .cmdEvent.bgWicket .cmdText p,
#byb__comment .cmdEvent.bgWicket .cmdOver p{ color: #ffffff; font-weight: 600;}

#byb__comment .cmdEvent.bgSix .cmdOver i.mcBall { background: #ffffff; color: #33a2db; }

#byb__comment .cmdEvent.bgFour { background: linear-gradient( to right, #14358a, #4870d7);}
#byb__comment .cmdEvent.bgFour .cmdOver i.mcBall { background: #ffffff; color: #4870d7; }

#byb__comment .cmdEvent.bgFour:after,
#byb__comment .cmdEvent.bgSix:after,
#byb__comment .cmdEvent.bgWicket:after{ content: url(images/cmd-pattern.png); position: absolute; right: -205px;top: -305px;transform: scale(0.5);z-index: -1;opacity: 0.25; }

#byb__comment .cmdEvent.bgWicket { background: linear-gradient( to right, #e24f31, #ff785d); }
#byb__comment .cmdEvent.bgWicket .cmdOver i.mcBall { background: #ffffff; color: #e24f31; }

.playlistShareIcon{width:30px;height:30px;border-radius:5px;position:absolute;right:10px;top:10px;background-image:url(images/share.png);background-repeat:no-repeat;background-position:center center;background-size:22px;background-color:#222;cursor:pointer;z-index:10000}
.overHistoryShare.playlistShareIcon{position:static}
.overHistoryShare.playlistShareIcon.FixIcon{position:fixed;right:10px;top:10px}
.overNoFilterBoxWrap.fixPos{position:fixed;right:60px;top:10px;z-index:200}
.plusIcon.addToShare {
    background-image: url(images/share-out.png?v=1);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: center center;
}
.addToShare{padding-left:5px;padding-right:5px;width:30px;height:30px;display:inline-block;cursor:pointer;float:right;position:absolute;right:20px}
.minusIcon.addToShare{background-image:url(images/share-in.png);background-repeat:no-repeat;background-size:18px;background-position:center center;background-color:rgba(0,0,0,0.2);padding:5px;border-radius:10px}
.siteAlertPopup{background-color:rgba(34,34,34,0.79);height:100%;left:0;position:fixed;text-align:center;top:0;width:100%;z-index:20000;display:block;height:1px;visibility:hidden;overflow:hidden}
.siteAlertPopup.active{display:block;height:100%;visibility:visible;overflow:visible}
.siteAlertPopup .displayTable{display:table;height:100%;text-align:center;width:100%}
.siteAlertPopup .verticalHld{display:table-cell;vertical-align:middle}
.siteAlertPopup .displayTableCell{display:table-cell;vertical-align:middle}
.sharedLinkPopup .siteAlertPopupContainer{max-width:500px;float:none;background:none!important;margin:0 auto}
.siteAlertPopup.sharedLinkPopup .siteAlertPopupContainer .SAPopupClose svg{width:30px!important;height:30px!important;fill:#FFF}
.siteAlertPopup.sharedLinkPopup .SAPopupClose {
    float: right;
    text-align: center;
    cursor: pointer;
	 width: 30px !important;
    height: 30px !important;
	background-image:url("https://instaplay-cricketcloud.s3-ap-southeast-1.amazonaws.com/matchcentrev3/videoplayer/icons/close.png");
	background-repeat:no-repeat;
	background-position:center center;
	border-radius:50%;
}
.SAPopupHeaderTitle{font-size:22px;text-transform:uppercase;text-align:left}
.SAPopupContentWrap{background:#261D1E;position:relative}
.sharedLinkPopup .SAPopupContent{padding-top:10px;padding-bottom:10px}
.sharedLinkPopup .SAPopupHeader{padding:10px;background:#1B0C09;color:#FFF}
.sharedLinkPopup .playlistViewAsPublicLink{color:#FFF}

/** WagonWheel **/
.c3 svg { fill: #4f4f4f !important; font-weight: normal; }
.c3 path, .c3 line { stroke: #b7b7b7; }

#wagonWheelContent .settingWrap { flex-flow: row; padding: 0; }
#wagon-panel{position: relative;z-index: 1;}
#wagon-panel ul.wagon-points, .switch_data .wagonData { justify-content: center; }
#wagon-panel  { width: 100%; }
select.innsFilter { background-image: linear-gradient(45deg, transparent 50%, #223d84 50%), linear-gradient(135deg, #223d84 50%, transparent 50%); }
#wagonWheelContent, #manhattan-wrapper { background: #fff; border-radius: 8px; box-shadow: 4px 4px 20px 0px rgba(6, 6, 6, 0.15);
margin-bottom: 20px; padding: 20px 10px 0;}
#wagonWheelContent{ background-color: #161b52; overflow: hidden; position: relative; z-index: 0; }
#wagonWheelContent::before {content: url(images/cmd-pattern-1.png);position: absolute;left: 118px;bottom: 0;z-index: -1;transform: scale(0.7);top: -500px;}
#wagonWheelContent select.innsFilter, 
#wagonWheelContent select.batsmenFilter, 
#wagonWheelContent select.bowlerFilter { background-color: #e9f0ff; width: 15%; border: 0; }
#wagonWheelContent select.innsFilter {  background-color: #e9f0ff; font-weight: 600; width: 20%; }
select.innsFilter, select.batsmenFilter, select.bowlerFilter { color:#232323; }
#mwpage.current { overflow: inherit; }

ul.wagon-points li span { font-weight: 500; color: #FFF; }
.wc4, .wc4P { background:#355eff !important; }
.switch_data { display: flex;flex-direction: column;justify-content: center;align-items: center; margin-left: 5%; }

#wagonWheelContent .batStyle { display: flex; width: 100%; border-bottom: 2px solid #4d527c; padding-bottom: 20px; margin: 0 0 20px 0; }
.switch_data .batStyle .wagonSide { position: relative; width: 100%; display: flex; justify-content: center; align-items: center; border-radius: 5px; background: #4059A7; 
border: 0; padding: 13px 22px; opacity: 0.5; border: 0; font-size: 16px; z-index: 1; }
.switch_data .batStyle .wagonSide.active { background: linear-gradient(90deg,#EC1B53 0,#4059A7 77%); opacity: 1; }

.switch_data .batStyle .wagonSide::before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-image: linear-gradient(120deg,#4059A7 0,#EC1B53 77%);z-index: -1;transition: opacity .5s linear;opacity: 0;border-radius: 5px;}
.switch_data .batStyle .wagonSide.active:hover::before { opacity: 1; }

.switch_data .batStyle .wagonSide h6, .batStyle .wagonSide span { color: #ffffff; padding: 0;  text-transform: uppercase; }
.batStyle .wagonSide span {margin-left: 6px; font-size: 15px; }
.switch_data. .batStyle .wagonSide.offSide { border: 0; }
.wagonData { width: 100%; }
.wagonData .side { width: 24%; background-color: #f3f5f9; padding: 0 0 4px 0; margin: 0 11px 0 0;  border: 0; border-radius: 5px; overflow: hidden; }
.wagonData .side:last-child { margin: 0; }
.wagonData .side span { font-size: 14px; color: #434343; }
.wagonData .side h6 { background: #EC1B53; font-size: 14px; padding: 7px 0; }
.wagonData .side span i { font-size: 18px; }
ul.wagon-points li {width: 16%;border-radius: 5px;padding: 5px 0;margin: 0 4px 0 0;display: flex;justify-content: center;align-items: center; }
ul.wagon-points li:last-child { margin: 0; }
ul.wagon-points li.all { padding: 10px 0; }
ul.wagon-points li i { border: 0;border-radius: 50%;background: rgba(0,0,0,0.25);padding: 5px;width: 30px;height: 30px;text-align: center;line-height: 18px;margin: 0 0 0 8px; }
.all { background-color: #5e00c8 !important; }

.perform-graphs ul.wagon-points li { padding-bottom: 0; }
.perform-graphs ul.wagon-points li.all { padding: 17px 0; }
.perform-graphs ul.wagon-points li i { background: transparent; margin: 0; }

/** Manhattan **/
#manhattan-wrapper .manhattonwidgetTitle, 
#wlProb_widget h1, #widget_momentum h1 { text-align: center; font-size: 18px; font-weight: 700; color: rgb(19, 19, 19); border: 0; }

#manhattan-wrapper.version2 .mchart-wkts,#manhattan-wrapper.version2 .mchart-overno{font-weight:500;font-size:12px;}
.customToolTip { padding: 0 10px 10px; border: none; background-color: rgba(24, 24, 74,0.94); color: #fff; border-radius: 6px; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25); }
#manhattan-wrapper.version2 .customToolTip p { margin: 0; color: #fff; line-height: 20px; }
#manhattan-wrapper.version2 .mchart-label {font-weight: 500; font-size: 12px; color: #ffcc05; padding: 0 2px 0 0;}
#manhattan-wrapper.version2 .mchart-label:nth-child(2) { padding-left: 5px;}
#manhattan-wrapper.version2 .mchart-teamname { padding-top: 8px; }
.c3 line { stroke: #cccccc; }
#wlProb_widget { margin-left: 0; }
#widget_momentum .wlpDetails .wlpTeam, #wlProb_widget .tabBlock .two-teams, #spotential_widget .tabBlock .two-teams { font-weight: 600; font-size: 16px; }

.activeInn, .activeInn .overs, .activeInn .runRate { color: #4a4d4f; }

/* Style For Footer - This sytle will be overwriting the website footer style */ 
.footerWrapper .mcRow, #copyright .mcRow { width: 1280px; margin: 0 auto; } 
.footerWrapper .mcColumn, #copyright .mcColumn { padding: 0 10px; } 

.footer { width: 100%; height: 50px; position: absolute; bottom: 0; color: #ffffff; background: #243878; padding: 15px 20px 0; }
.copyright { display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.copyright p { margin: 0; font-size: 13px; font-weight: 400; }
.copyright .logoutLink { color: #fff; border-bottom: 1px solid #EC1B53; }
.copyright .logoutLink:hover { border-bottom: 1px solid #4059A7}

.social_widgetShareIcon { display: none; }

#plyRotateSmipl .next-prev-direction a { background: #2a2b2f; z-index: 0; }
.mcPlyOption span.opActive, .mcPlyOption span:hover, .mcPlyOption span:focus { color: #282b56; background: #ffd628;}
#playerStatsWrapper select.mcSelectDefault { }
#playerStatsWrapper input.mcSearchDefault { font-size: 11px; }

/* Font Icons TO Image Icons */
.matchHead .back .icon-angle-left { background: url(images/left-arrow.png) no-repeat center center; height: 20px; width: 20px;  }
.matchHead .back .icon-angle-left::before{ display: none;}
.matchNav.icon-down-open-mini1{ background: url(images/down-arrow.png) no-repeat center right;  }
.matchNav.icon-down-open-mini1.openDev { background: url(images/popup_close.png) no-repeat center right;  }
.matchHead .matchNav.openDev::after { display: none; }

span.icon-plus-circled, span.icon-minus-circled  { display: inline-block; vertical-align: middle; height: 30px; width: 30px;}
span.icon-plus-circled { background: url(images/plus.png) no-repeat center center / 10px; }
span.icon-minus-circled{ background: url(images/minus.png) no-repeat center center / 10px; }

#overStreamMC .next-prev-direction a.icon-angle-right::before,
#overStreamMC .next-prev-direction a.icon-angle-left::before { width: 16px; }
#overStreamMC .next-prev-direction a.icon-angle-right::before, #plyRotateSmipl .next-prev-direction a.icon-angle-right::before { background: url(images/right-arrow.png) no-repeat center center; content: ""; height: 20px; }
#overStreamMC .next-prev-direction a.icon-angle-left::before, #plyRotateSmipl .next-prev-direction a.icon-angle-left::before { background: url(images/left-arrow.png) no-repeat center center; content: ""; height: 20px; }
#plyRotateSmipl .next-prev-direction a.icon-angle-right::before, #plyRotateSmipl .next-prev-direction a.icon-angle-left::before  { height: 100%;}
#overStreamMC .selector p::before {display: none;}
.mcSearchResults.icon-search-1::before { background: url(images/search.png) no-repeat center center; width: 45px; height: 38px; content:"";}

#wagon-panel{position: relative;z-index: 1;}

/*** print features **/
#printScorecardIcon{width:30px;height:30px;background-image:url(images/print_black.png);background-repeat:no-repeat;background-position:center center;float:right!important;background-color:transparent!important;cursor:pointer}
.statsExportExcelIcon{right:19px;top:-4px;background-image:url(images/excel_black.png)}
.statsShareIcons{width:30px;height:30px;background-repeat:no-repeat;background-position:center center;background-size:100%;cursor:pointer;position:absolute;top:0}

/* Points Table */
#stadingSmipl { margin-bottom: 20px; }
#stadingSmipl h3 { color: #d71a21; }
table.tablePoints { background: #ffffff; box-shadow: 0px 4px 10px 0px rgb(6 6 6 / 15%);  }
table.tablePoints thead th { background: #4059A7; color: #ffffff; font-weight: 600; padding: 20px 10px; }
table.tablePoints tbody tr:nth-child(2n+1) { background: #eeeeee; }
table.tablePoints tbody td { color: #424242; font-size: 15px; font-weight: 500; padding: 15px 0; }
table.tablePoints tbody td:nth-of-type(2) { font-weight: 600; color: #131313; display: flex; align-items: center; }
table.tablePoints tbody td:nth-of-type(2) img { width: 30px; margin-right: 5px; }
table.tablePoints tbody td:nth-of-type(4) { color: #178a32; }
table.tablePoints tbody td:nth-of-type(5) { color: #ec3036; }
table.tablePoints tbody td:last-child { font-size: 15px; font-weight: 600;  color: #131313}

/* Stats */
.statsHeader { background: transparent; padding: 0; margin-bottom: 30px; }
.statsContent ul.mcTabs li { color: #131313; }
.statsContent ul.mcTabs li.current { font-weight: 600; }
#mcBestPerformers .mcTitle { font-size: 20px; font-weight: 700; text-align: center; }

ul.statsList {   flex-wrap: wrap; justify-content: space-evenly; border: 1px solid #4059a74a;border-radius: 10px; overflow: hidden; background: #4059a74a; }
ul.statsList li { font-size: 12px; font-weight: 400; width: 155px; height: 65px; padding: 0; margin: 0 1px 1px 0;
display: flex;flex-direction: column-reverse;align-items: center;justify-content: center;
flex: auto; background: rgba(255, 255, 255, 0.9); color: #000; }
ul.statsList li i { font-size: 20px; font-weight: 700; background: linear-gradient(90deg,#EC1B53,#4059A7);
 background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent; }
ul.statsList li span { color: #555555; }

#topRunGetter, #higiestSr, #leadWcktTakers, #bestEcon, #maxSixes, #highestScore {box-shadow: 0px 4px 10px 0px rgb(6 6 6 / 15%); border-radius: 8px; }
#mcTourBattingStats .nicescroll_content, #mcTourBowlingStats .nicescroll_content { background: #fff; border-radius: 8px; overflow: hidden;}
table.mcTableDefault { padding: 0.5rem; background: #ffffff; box-shadow: 0px 4px 10px 0px rgb(6 6 6 / 15%); }
table.mcTableDefault thead th { background: #4059A7; font-weight: 600; }
table.mcTableDefault th, table.mcTableDefault td { padding: 10px 10px; }

.tabTeamContent { border-radius: 8px; }
#teamStatsWrapper table.batCardTable tr th:nth-child(1), #teamStatsWrapper table.batCardTable tr td:nth-child(1) { padding: 10px; }

/* Player Stats */
.mcPlyRotList .mcPlythumb a { background: #4059A7; }
.mcPlyRotList .mcPlythumb a span , .mcPlyRotList .mcPlythumb a span i {color: #fff; }
.mcPlyRotList .mcPlythumb a:hover, .mcPlyRotList .mcPlythumb a.plyActive { background: #EC1B53; }
.mcPerformersList a.mcTopOne span.mcTopOneDetail span.mcTopScore { font-weight: 700; }
.mcPerformersList a.mcTopOne { background: linear-gradient(170deg,rgba(236,27,83,0.5) 10%,rgb(24, 24, 74) 0%); color: #fff; }
.mcPerformersList a.mcTopOne span.mcPlyImg { border-radius: inherit; }
.mcOtherTpp { background: #ffffff; border-bottom: 1px solid #dddddd; margin: 0; }
.mcOtherTpp p { color: #001036; }
.mcOtherTpp .plyImg { margin-right: 5px; }
.mcSecondaryMenu ul { padding: 0 10px }

.ply-stats-wrap { display: block; background: linear-gradient(170deg,rgba(236,27,83) 10%,rgb(24, 24, 74) 0%); overflow: hidden; padding: 30px 0 25px; }
#playerStatsWrapper .mcPlyOption span {
  width: 45%;
  text-align: center;
  padding: 8px 10px;
  border-radius: 5px;
  border: 2px solid rgba(255,255,255,0.2);
  margin: 0 10px 0 0;
}
.mcPlyStatsHeader .positionDetail { padding-left: 10px; }
.mcPlyStatsHeader .positionDetail .mcPlyName { font-size: 24px; line-height: 28px; font-weight: 700; }
#playerStatsWrapper .mcPlyStatsHeader .plyImg {
  margin: 0 10px;
  border-radius: 10px;
  z-index: 9;
}
#playerStatsWrapper ul.statsList { padding: 0 15px 0 0; }
#playerStatsWrapper ul.statsList li { background: rgba(255,255,255,0.1); }
#playerStatsWrapper ul.statsList li i { color: #fff; -webkit-text-fill-color: #fff; }
#playerStatsWrapper ul.statsList li span { color: rgba(255,255,255,0.8); }

/*****commentary filters ***********/
#commentPage select.commentryinningsList{max-width:250px}
#commentPage select.batsmenFilter,#commentPage select.bowlerFilter,#commentPage select.eventsFilter{
max-width: 200px;margin-bottom: 0;border-left: 1px solid #c6c6c6;border-radius: 0;height: 100%;box-shadow: none;border-top: 0;border-bottom: 0;border-right: 0;margin: 0;
background-image:linear-gradient(45deg, transparent 50%, #052839 50%), linear-gradient(135deg, #052839 50%, transparent 50%);
background-position: calc(100% - 23px) calc(1em + 3px), calc(100% - 15px) calc(1em + 3px), 100% 0; 
text-transform: capitalize; }
#commentPage select:hover { color: #EC1B53; }
#commentPage select.mcSelectDefault.ng-not-empty { color: #EC1B53; }

#commentPage{min-height:150px}
.commentaryNoDataMsg{text-align:center}

/*****Fixture GoogleMapLink *******/
.fixture-venue_container{display:flex}
.fixture-venue_container .GoogleMapLink{width:30px;height:30px;background-image:url(images/GoogleMapLink.png);background-repeat:no-repeat;background-size:100%;cursor:pointer}
.mtWeather{margin-left:5px!important}

/**** Batsman impact Bowler impact *****/
#byb__comment .cmdEvent{position:relative;}
.playerImpact{position: absolute; right: 0;padding: 5px;display:none;}
.playerImpact .battingImpact .impactValue:before{
	content:' ';
	width:15px;
	height:15px;
	background-image:url('images/bat-icon-white.png');
	background-repeat:no-repeat;
	background-size:100%;
	    display: inline-block;
    position: absolute;
    left: 2px;
    top: 5px;
}
.playerImpact .bowlingImpact .impactValue:before{
	content:' ';
	width:15px;
	height:15px;
	background-image:url('images/ball-icon-white.png');
	background-repeat:no-repeat;
	background-size:100%;
	    display: inline-block;
    position: absolute;
    left: 2px;
    top: 5px;
}
.playerImpact .bowlingImpact{}
.playerImpact .impactValue{padding: 2px 5px; border-radius: 3px; margin-bottom: 3px; width: 50px;  float: left; text-align: center;
padding-left: 15px;position:relative;}
.playerImpact .impactValue.bg-green{background-color: #01a54b;color:#FFF;}
.playerImpact .impactValue.bg-red{background-color: #ff290c;color:#FFF;}

/** Stats Page **/
.mcSecondaryMenu ul li.current {color: #EC1B53; font-weight: 600; }
.mcSecondaryMenu ul li:hover, .mcSecondaryMenu ul li:focus { color: #EC1B53; }

/** KPY **/
.KPL-content { display: flex; flex-direction: column; background: #ffffff; border-radius: 8px; box-shadow: 4px 4px 20px 0px rgba(6, 6, 6, 0.15); margin-bottom: 20px; padding: 10px;}
#playerKPI .widgetTitle { color: rgb(36, 46, 53); margin-top: 0; }
.KPL-content table thead tr th { background: #4059A7; }

/* pitch Report CSS*/
.pitchTable{width:85%;margin:0 auto}
table.pitchTable td,table.pitchTable th{padding:0 0 5px;display:inline-block;text-align:center;vertical-align:middle;color:#000;font-weight:600}
table.pitchTable th{font-size:12px;width:11.5%;line-height:14px;vertical-align:text-top;padding:20px 0}
table.pitchTable th:first-child { width: 10%; background-color: transparent; }
.tab_container.pitchreportBackground{
	background: url("http://feeds-100mb-test.s3.ap-southeast-1.amazonaws.com/mc/images/pitchImage.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center -148px;
	padding: 3% 0;
}
table.pitchTable th span { background: #4059A7;
    display: flex;
    padding: 5px;
    margin: 0 5px;
    color: #fff;
    align-items: center;
    justify-content: center;
    height: 38px; box-shadow: 0 7px 7px rgb(0 0 0 / 25%);}

table.pitchTable td:not(:first-child) { width: 11.5%; font-size: 18px; font-size: 700; padding: 20px 0; cursor:pointer;}
table.pitchTable td:first-child { 
	width: 10%;
    text-align: left;
    font-size: 12px;
    line-height: 14px;
    text-transform: capitalize; 
	background: #fff;
    padding: 6px 10px;
    border-radius: 3px;
    box-shadow: 0 7px 7px rgb(0 0 0 / 25%);
    color: rgb(64, 89, 167);
    font-weight: 700; 
}
#Pitchmap .inningsList {flex: none; width: 30%;}
#Pitchmap select.mcSelectDefault {margin-bottom: 0;}

/* Match Highlights pop Up CSS */
/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
	backdrop-filter: blur(5px);
	z-index: 9;
  }
  
  /* Modal Content */
  .modal-content {
	  width: 56.25%;
	  margin-left: auto;
	  margin-right: auto;
	  position: relative;
	  margin-top: 40px;
  }
  
  /* The Close Button */
  .close {
	  color: #fff;
	  font-size: 44px; line-height: 0.9; text-align: center;
	  font-weight: 600;
	  position: absolute;
	  right: 20px; top: 20px; display:inline-block; 
  }
  .close, .playPauseBtn i { width: 40px; height: 40px; background: rgba(255,255,255,0.2); transition: all 0.5s ease-in-out; }
  .playPauseBtn { background: transparent; border: 0; right: 70px; top: 20px; padding: 0; }
  .playPauseBtn i{font-size: 24px;display: flex;justify-content: center; align-items: center; }
  

.playPauseBtn i:hover,.playPauseBtn i.fa-play,.close:hover,.close:focus{background:#EC1B53;text-decoration:none;cursor:pointer}
*{box-sizing:border-box}
body{font-family:Verdana,sans-serif}
.image-sliderfade{display:none;margin:0 auto;text-align:center}

img {vertical-align: middle;}
  
/* Slideshow container */
.container { max-width: 1000px; position: relative;margin: auto; }
  
/* Caption text */
.mcHighlightstext{color:#f3f3f3;font-size:30px;font-weight:600;padding:20px 15px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:75%;background:linear-gradient(110deg,#44184a,#303091);text-align:center;margin:0 auto;text-transform:uppercase;line-height:38px;border-radius:10px}
.mcHighlightsHeading{font-size:18px;padding:5px 0;font-weight:700;text-align:center;position:absolute;left:0;right:0;top:62px;z-index:9999;color:#fff;width:75%;margin:0 auto;background:rgba(0,0,0,0.3)}
/* The dots/bullets/indicators */
 .dot{height:15px;width:15px;margin:0 2px;background-color:transparent;border-color:#ddd;
 border-width:5px px;border-style:solid;border-radius:50%;display:inline-block;transition:border-color .6s ease}
  
  .active { border-color: #666; }
  #image-sliderfade img{
  /* height: 729px;
  width: 1029px; */
  object-fit: contain;
  }
 
  /* Animation */
  .fade
  {
  -webkit-animation-name: fade-image;
  -webkit-animation-duration: 1.5s;
  animation-name: fade-image;
  animation-duration: 1.5s;
  }
  @-webkit-keyframes fade-image
  {
  from {opacity: .4}
  to {opacity: 1}
  }
  
  @keyframes fade-image
  {
  from {opacity: .4}
  to {opacity: 1}
  }
  
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    width: 100%;
	margin: auto;
	opacity: 1; border-radius: 10px;
  }
  .carousel-inner > .item:first-child > img { width: 400px; height: auto; }
  .carousel-inner > .item:last-child > img  { width: 100%; height:580px; }
  
  .img-title{ position:relative;background-color:#fff;color:#000;width:100%;text-align:center;opacity:.43;filter:alpha(opacity=43)}

/**** Mini Scorecard for Commentary Page ****/
#miniscoreCard { display: block; overflow: hidden; margin-bottom: 20px; width: 75%; margin: 0 auto 20px; }
.miniBox { position: relative; background: linear-gradient(150deg, rgba(0,0,0,0.15) 5%, #fff 70%); padding: 6px; margin-bottom: 10px;
border-width: 1px; border-style: solid; border-image: linear-gradient(150deg, rgba(0,0,0,0.4), #fff) 20; box-shadow: 5px 5px 4px rgba(0,0,0,0.15); }

.miniBox.miniScard__batters { display: flex; align-items: center; padding-left: 30px; background: linear-gradient( 170deg,#fff 45%, rgba(236,27,83,0.1) 80%);
border-image: linear-gradient(-10deg, #fff, #ec1b53) 10; }
.miniBox.miniScard__bowler { position: relative; margin: 0; padding-left: 30px; background: linear-gradient( 170deg, #fff 25%, rgba(64,89,167,0.15) 95%); border-image: linear-gradient(-10deg, #fff, #2d4797) 1; 
border-width: 1px; border-style: solid; }

.miniScard__batters::before { content:url(images/batters-text.png); position: absolute; left: 5px; top: -17px; transform: scale(0.5); }
.miniScard__bowler::before { content:url(images/bowler-text.png); position: absolute; left: 5px; top: -14px; transform: scale(0.5); }
.batterBox, .bowlerBox { display: flex; align-items: center; }
.currentBowlerIcon { width: 13px; height: 14px; margin: 0;background-image: url(../images/ball_icon.png); }
.batterBox { flex: 1; }
.miniScard__batters .ply-current { font-size: 13px; color: #ec1b53; animation: horizontal-shaking 1.6s ease-in-out 0.5s infinite; }

.miniScard__bowler .ply-current { position: absolute; bottom: -3px;left: 27px; animation: bounce 2s infinite;}

.player__name { margin-bottom: 2px; }
.player__name .playerName { font-size: 13px; line-height: 18px; }

.player__pic { background: #e6e6e6; border-radius: 50%; padding: 5px; margin:0 10px; width: 42px; height: 42px; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.stricker .player__pic { border: 1px solid #ec1b53; }
.player__pic img { border-radius: 150%; height: 36px; width: 36px; }
.player__performance { display: flex; justify-content: center; flex-direction: column; flex: 1; }
ul.player__scores { margin: 0; display: flex; justify-content: space-between; width: 75%; }
ul.player__scores li { line-height: 1; }
ul.player__scores li span:first-child { color: #555555; font-size: 12px; line-height: 1; }
ul.player__scores li span:last-child { font-size: 14px; line-height: 1; font-weight: 600; color:#131313; margin-left: 2px; }

.miniBox.miniScard__batters ul.player__scores { width: 85%;}
.current__partnership { font-size:13px; font-style: italic; line-height: 1; }
.current__partnership span { font-weight: 700; color: #4059a7; font-size: 14px; font-style: normal; margin-left: 3px;}

@keyframes horizontal-shaking {
 0% { transform: translateX(0) }
 25% { transform: translateX(5px) }
 50% { transform: translateX(0px) }
 75% { transform: translateX(5px) }
 100% { transform: translateX(0) }
}


@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-20px);}
	60% {transform: translateY(-05px);}
}

/**** Filter Section for Commentary Page *****/
.filter-section { display: flex; align-items: center; }
.filter-section .overNoFilterBoxWrap { margin-right: 10px; }
.filter__icon { display: inline-block; line-height: 1; }
.filter__icon svg {width: 24px; padding-top: 5px;  }
#filter-toggle { cursor: pointer; display: flex; align-items: center; border-radius: 5px; background: #ffffff; padding: 3px 8px 3px 5px; font-size: 14px; text-transform: uppercase; font-weight: 600; 
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.1); }
.filter-inner { overflow-y: hidden; background: #ffffff; width: 100%; height: 0; max-height: 0; 
transition: all .5s cubic-bezier(0, 1, 0.5, 1); border-radius: 5px; }
.filter-inner.filter-active { height:100px; max-height: 40px; margin-bottom: 15px; }
.cmd-filter {display: flex;justify-content: end;align-items: center;height: 40px; }

/**** Four - Six - Wicket ---- Animation *****/

/*tada*/
@keyframes tada {
  0% {
	 
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 0, 1deg);
  }
 
  80%{
    transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, -6deg);
  }
  85% {
    transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 6deg);
  }
  90% {
    transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, -6deg);
  }
  95% {
    transform: scale3d(1.2, 1.2, 1.2) rotate3d(0, 0, 1, 6deg);
  }
  100% {
    transform: scale3d(1, 1, 1) rotate3d(0, 0, 0, 1deg);
  }
}

/*jackInTheBox*/
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  70% {
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/*fadeIn*/
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/*bounceIn*/
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

/*zoomInDown*/
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -200px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -200px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
 
.bgFour .cherry-box { position: absolute; right: 50px; }
.bgSix .cherry-box { position: absolute; right: 68px; }
.bgWicket .cherry-box { position: absolute; right: 22px; }
.cherry-box__anim, .bgFour .cmdText, .bgSix .cmdText, .bgWicket .cmdText { opacity: 0; transition: opacity 0.5s ease-in-out; } 
.cherry-box__anim.showCherry-anim { animation: jackInTheBox 1s ease-in-out 1.5s; 
visibility: visible; opacity: 1; transition: visibility 1s ease-in-out 1.5s, opacity 1s ease-in-out 1.5s; }  
.bgSix .cherry-box__anim.showCherry-anim {animation-name: bounceIn; }
.bgWicket .cherry-box__anim.showCherry-anim {animation-name: zoomInDown; }
.bgFour .cmdText.showCMD-anim, .bgSix .cmdText.showCMD-anim, .bgWicket .cmdText.showCMD-anim { animation: fadeIn 0.6s ease-in-out 2.5s;
visibility: visible;opacity: 1; transition: visibility 0.6s ease-in-out 2.5s, opacity 0.6s ease-in-out 2.5s; }
.cherry-box__text { animation: tada 2s ease-in-out 3s infinite;
 text-transform: uppercase; text-align: center;  font-size: 38px; font-weight: 700; letter-spacing: 1px; }
.cherry-four { text-shadow: -0.07em 0 red, 0.08em 0 cyan; color: #f7ff00; }
.cherry-six { text-shadow: -0.07em 0 red, 0.08em 0 cyan; color: #f7ff00; }
.cherry-wicket { text-shadow: -0.07em 0 red, 0.08em 0 cyan; color: #f7ff00; }

/* ----------------------------------------------------------------------------------------------- */
/* = Media Query for all Browser */
/* ----------------------------------------------------------------------------------------------- */
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	.page-header { margin-bottom: 10px;}
	/* Media Query for Footer */
	.mcSML-12{width:100%}
	.wagonData.uniform-grid {  }
	#wagonwheelContainer { width: 320px;}
	#playerStatsWrapper select.mcSelectDefault { margin-bottom: 10px; } 
}
/* Smartphones (portrait) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : portrait) {	
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : landscape) {
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
	/* Media Query for Footer */
	.mcSML-12{width:100%}
}

@media only screen
and (min-device-width : 360px)
and (max-device-width : 640px) {	 
}

@media only screen
and (min-device-width : 360px)
and (max-device-width : 640px)
and (orientation : portrait) {
}

@media only screen
and (min-device-width : 360px)
and (max-device-width : 640px)
and (orientation : landscape) { 
	/* Media Query for Footer */
	.mcMED-2{width:16.66667%}
	.mcMED-10{width:83.33333%}
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (max-device-width : 768px){
	#scoreBox .innings .teamScore .runs { font-size: 22px;line-height: 28px; }
	.h2h__perform { padding:0 ; margin: 0; }
	.noScroll .matchHead { top: 80px; background: #243878; left:0; width: 100%; }
	.matchNavContent { top: 80px;  padding: 5px 10px 20px; }
	.matchHead .matchNav span:last-child { font-size:12px; }
	#matchFilterWrapper {  }
	.matchInfo { border-left: 0; }
	.resultStrip .matchInfo, .liveStrip .matchInfo {border-right: 0;padding-right: 0; border-left: 0; }
	.matchSummary { background: transparent; line-height: 16px; padding: 0; }
	.matchTeams .logo__container .tLogo img { width: 40px; height: 40px; }
	.runs { font-weight: 700; font-size: 22px; line-height: 26px; }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	/* Media Query for Footer */
	.mcMED-2{width:16.66667%}
	.mcMED-10{width:83.33333%}
}
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) 
{
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
}
@media only screen and (max-width: 992px) {}
/* = Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) { 
	/* Media Query for Footer */
	.mcLA-2{width:16.66667%}
	.mcLA-10{width:83.33333%}
}
/* = Large screens ----------- */
@media only screen
and (min-width : 1824px) {
	/* Media Query for Footer */
	.mcXL-2, .mcRow .mcXL-2  { width: 16.66667%; }
	.mcXL-10, .mcRow .mcXL-10 { width: 83.33333%; }
}

/* iPhone 6, 7, & 8 in portrait & landscape
============================================ */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) {
/* Styles */
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) {
/* Styles */
}

@media only screen 
and (min-device-width: 414px) 
and (max-device-height: 736px) 
and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen 
and (min-device-width: 414px) 
and (max-device-height: 736px) 
and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}


@media  (max-width : 1024px) {
	#printScorecardIcon{
		display: none;
	}
}

/* WEB in portrait & landscape
============================================ */

@media screen and (min-width: 1650px) and (max-width: 3048px) {	
}
@media screen and (min-width: 1450px) and (max-width: 1550px) {
}
@media screen and (min-width: 1680px) and (max-width: 3000px) {
}
@media screen and (max-width: 1680px) {
	.modal-content { width: 56.25%; }
	.carousel-inner > .item:first-child > img { width: 400px; height:auto; }
	.carousel-inner > .item:last-child > img { height: 528px; width: 100%; }
}
@media (max-width: 1650px) {	
}
@media (min-width: 1600px)  and (max-width: 900px) {	
}
@media (max-width: 1450px) {
	.modal-content { width: 56.25%; }
	.carousel-inner > .item:first-child > img { width: 400px; height: auto; }
	.carousel-inner > .item:last-child > img { height: 474px; }
	.carousel-inner > .item:last-child > img { width: 100%; }
}
@media only screen and (max-width: 1366px) {
	.modal-content { width: 58%; }
	.carousel-inner > .item:first-child > img { width: 400px; height: auto; }
.carousel-inner > .item:last-child > img{ height: 400px; }
	.mcHighlightstext { font-size: 22px; line-height: 1.4; padding: 15px;  }
}
@media only screen and (max-width: 1360px) {
}
/* 1024 to 1299 */ 
@media (min-width:64.0625em) and (max-width:81.24em) {
}
/* 1299 */
@media (max-width:81.24em) {
}
/* 1024 */
@media (max-width:64.0525em) {
/* WagonWheel*/
 #wagonwheelContainer { float: none; }
.wagonData, ul.wagon-points, .batStyle { margin: 0 auto 15px; }
.wagonData .side {  padding: 0; }
.wagonData .side span { display: inline-block; margin: 0 5px 5px; }
.wagonData .side span i { line-height: 20px; }
.wagonData .side h6 { font-size: 12px; }
.switch_data { position: relative; margin: 0 auto;text-align: center;width: 50%;float: none; }
.switch_data .batStyle .wagonSide { flex-direction: column; padding: 5px 10px;}
.batStyle .wagonSide span { font-size: 16px; font-size: 14px; }
.ProjectedScoreInnrWrap{margin-right: 8px;padding-right: 5px;font-size: 14px;}

.playPauseBtn {font-size: 20px;}
.sr-only{font-size:30px	}
}
@media only screen and (max-width:990px) { 
}
@media only screen and (max-width: 950px){
	.matchTeams .logo__container .tLogo { margin: 0; }
	.matchTeams .tLogo img { width: 50px; height: 50px; }
	/** Fixture Strip **/
	.count { padding: 0; }
	
	.fixtureStrip.matchBox { padding: 10px 10px; }
	.fixtureStrip { flex-direction: column; height: auto; }
	.fixtureStrip .fixture-other-info { position: absolute; top: 10px; }
	.fixtureStrip .atcb-link img { width: 80px; }
	.fixture-date_container, .fixture-venue_container { width: 100%; padding: 0; }
	.fixture-venue_container .matchVenue { padding: 0; }
	.fixture-date_container::after, .fixture-venue_container::after { background: transparent; padding: 0 0 5px 0;  }
	.fixture-date_container { display: flex; align-items: center; justify-content: space-between;  border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px; }
	.fixture-date_container .matchTime { font: 600 18px/ 24px 'Oswald', sans-serif; }
	.fixture-countdown-info { margin: 8px 0 10px; width: 100%; }
	.fixture-countdown-info .matchCountdown { width: auto; }
	.fixtureTimerCountdown span.fixtureTimer {  width: 80px; display: flex; justify-content: center; align-items: center; padding: 3px 0; }
	.fixtureTimerCountdown span span.timervalue { margin-right: 7px; }
	.fixture-team_container { width: 100%; justify-content: space-between; }
	.fixture-team_container .fixture-team-info img { padding: 0; }
	.fixture-team_container .fixture-team-info {flex-direction: row-reverse; width: calc(45% - 15px); justify-content: start; align-items: center;}
	.fixture-team_container .fixture-team__first .fixture-team_name { text-align: left; margin-left: 5px; }
	.fixture-team_container .fixture-team__second .fixture-team_name { text-align: right; margin-right: 5px; }
	.fixture-team_container .fixture-team-info.fixture-team__second { flex-direction: revert; justify-content: end; width: calc(45% - 15px);}
	/** Result Strip **/
	.resultStrip .resultBox .matchResult { font-size: 16px; line-height: 18px; }
	
	
	.playPauseBtn {font-size: 20px;}
	.sr-only{font-size:30px	}
}
/* 839 */
@media (max-width:52.49em) {
	.matchBox::before { opacity: 0.7; }
	.matchBox::after { bottom: -614px; right: -764px; top: inherit; }
	.matchBox { padding: 10px 10px 20px; background-position: right bottom, -125px bottom; background-size: 200px, 200px; } 
	
	/* WagonWheel*/
	select.innsFilter, select.batsmenFilter, select.bowlerFilter { margin: 0 10px 0 0; }
	#wagonWheelContent select.innsFilter, #wagonWheelContent select.batsmenFilter, #wagonWheelContent select.bowlerFilter { width: 40%; }
	.switch_data { width: 70%; top: -100px; }
	
	.modal-content { width: 90%; }
	
	.current__partnership { margin-bottom: 10px; }
	.miniBox { padding: 6px 6px 6px 0; }
	ul.player__scores, .miniBox.miniScard__batters ul.player__scores { width: 100%;}
	.miniScard__bowler .ply-current { left: 20px; right: inherit; }
	
	#miniscoreCard { width: 100%; }
}

@media (max-width : 768px) {
	.fixture-team_container .fixture-team-info p { width: 15rem; }
	
	.matchFormat { margin: 0; }
	.btnScorecard { width: auto; }
	.resultStrip .matchTeams .logo__container { padding-top: 10px; border-top: 1px solid #ccc; }
	.resultStrip .matchTeams .logo__container, .resultStrip .matchInfo .innings,
    .liveStrip .matchTeams .logo__container, .liveStrip .matchInfo .innings	{ display: flex; justify-content: space-between; }
	.resultStrip .matchTeams .logo__container .teamLogo-name_info,
    .resultStrip .innings .teamScore,
	.liveStrip .matchTeams .logo__container .teamLogo-name_info,
    .liveStrip .innings .teamScore 	{ width: 45%; margin:0; }
	.matchTeams .logo__container .teamLogo-name_info .tm-name,
	.resultStrip .matchTeams .matchSummary, .liveStrip .matchTeams .matchSummary { display: block;  margin-bottom: 10px; }

	.resultStrip .matchInfo, .liveStrip .matchInfo { border: 0; padding-top: 0; }
	
	.resultStrip .matchInfo .teamNames, .resultStrip .matchInfo .matchSummary,
	.liveStrip .matchInfo .teamNames, .liveStrip .matchInfo .matchSummary { display: none; } 
	#byb__comment .cmdEvent .cmdText { padding-right: 15px; width: 100%; }
	#scoreBox .matchSummary { font-size: 18px; line-height: 22px; }
	#scoreBox .innings .teamScore .overs, #scoreBox .innings .teamScore .runRate { font-size: 12px; line-height: 18px; font-weight: 500; }
	#scoreBox .tName, #scoreBox .matchDate, #scoreBox .matchVenue { font-size: 12px; line-height: 16px; }
	#scoreBox .matchDate { margin-bottom: 5px; font-weight: 400; font-size: 12px;}
	#scoreBox .tLogo img { width: 60px; height: 60px; }
	.perform-graphs ul.wagon-points li.all { padding: 17px 10px; }
	
	.playPauseBtn {font-size: 20px;}
	.sr-only{font-size:30px	}
	#scorecardWrapper ul.mcTabs {
	  white-space: nowrap;
	  border: 0;
	  border-radius: 0;
	  background: transparent;
	  margin: 0;
	  margin-bottom: 0px;
	  display: grid;
	  grid-gap: calc(var(--gutter) / 2);
	  grid-template-columns: 140px;
	  grid-template-rows: minmax(50px, 1fr);
	  grid-auto-flow: column;
	  grid-auto-columns: calc(50% - var(--gutter) * 2);
	  overflow-x: scroll;
	  scroll-snap-type: x proximity;
	  padding-bottom: calc(.75 * var(--gutter));
	  margin-bottom: calc(-.25 * var(--gutter));
	}
	#scorecardWrapper ul.mcTabs li {
	  position: relative;
	  scroll-snap-align: center;
	  padding: calc(var(--gutter) / 2 * 1.5);
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	}
	#matchDetailsContent .widget, #playingXIContent .widget { margin: 0; }
	
	/* Stats - Player stats*/
	.ply-stats-wrap { padding: 10px 0; background: transparent; }
	#playerStatsWrapper .mcPlyStatsHeader {
	  position: relative;
	  flex-direction: row;
	  padding: 15px 0; margin: 0 10px 10px;
	  background: linear-gradient(170deg,rgba(236,27,83) 10%,rgb(24, 24, 74) 0%);
	  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
	  border-radius: 10px;
	  align-items: initial;
	}
	#playerStatsWrapper ul.statsList { padding: 0 10px; }
	.mcPlyStatsHeader .positionDetail .mcPlyName { font-size: 18px; line-height: 22px; }
	#playerStatsWrapper ul.statsList li { padding: 10px 10px; background: rgba(0,0,0,0.1); }
	#playerStatsWrapper ul.statsList li span { color: rgba(0,0,0,0.8); }
	#playerStatsWrapper ul.statsList li i { color: #052839; -webkit-text-fill-color: #052839; }
	
	table.tablePoints thead th:nth-of-type(2), table.tablePoints td:nth-of-type(2) { padding-left: 10px; }
	#mob_Wagonwheel { margin: 0 auto; }
	.switch_data { width:90%; top: -10%; }
}
@media  (max-width : 640px) {
	#scoreBox .innings { display: flex; }
	#scoreBox .innings .teamScore { width: 100%; }
	.switch_data { top: 0%; }
	#wagonWheelContent { margin: 0 0.5rem; }
	.seasonFilter select.mcSelectDefault, .seasonFilter input.mcSearchDefault { font-size: 13px; font-weight: 600; }
	.fixture-venue_container { justify-content: center; }
	.fixture-venue_container .matchVenue { line-height: 1; }
}
/* 639 */
@media (max-width:39.99em) {
	.matchFormat { margin: 0; }
	.resultStrip .matchTeams .matchSummary { font-size:12px; line-height: 14px; }
	.matchTeams .logo__container .teamLogo-name_info .tm-name { font-size: 10px; line-height: 12px; }
	
	/** Fixture Strip **/
	.fixture-team_container .fixture-team__first .fixture-team_name,
	.fixture-team_container .fixture-team__second .fixture-team_name  { font-size: 12px;line-height: 14px; }
	.fixture-date_container .matchDate, .fixture-date_container .matchTime { font-size: 16px; }
	
	#scoreBox .tName, #scoreBox .matchDate, #scoreBox .matchVenue { font-size: 14px; line-height: 16px; }
	#byb__comment .cmdEvent { flex-direction: column; align-items: start; }
	#byb__comment .cmdEvent .cmdOver { margin: 0; padding: 10px; }
	#byb__comment .cmdEvent .cmdText { width: 100%; padding: 0 10px 10px; }
	#byb__comment .cmdEvent .cmdText, 
	#byb__comment .cmdEvent .cmdText p, 
	.prepostMatchCommentry .ppText p { font-size: 14px; line-height: 20px; font-weight: 500; }
	.cherry-box__text { font-size: 24px; }
	.bgFour .cherry-box, .bgSix .cherry-box, .bgWicket .cherry-box { top: 5px; }
	.bgSix .cherry-box { position: absolute; right: 68px; }
	.bgWicket .cherry-box { position: absolute; right: 22px; }
	
	.mcHighlightsHeading { font-size: 13px; top: 35px; width: 85%; }
	.mcHighlightstext { font-size: 15px; line-height: 1.2; padding: 10px;  }
	.playPauseBtn { right: 60px; }
	.playPauseBtn i { font-size: 18px; }
	.close { font-size: 36px; line-height: 0.8; }
	.close, .playPauseBtn i { width: 32px; height: 32px; }
	.sr-only{font-size:30px !important;	}
	.modal-content { margin-top: 60px; }
	.carousel-inner > .item:first-child > img { width: 200px; height: auto; }
	.carousel-inner > .item:last-child > img { height: 100%; } 
	
	.miniBox.miniScard__batters { flex-direction: column;}
	.batterBox { width: 100%; }
	.ppCmd { padding: 25px 0px 25px 12px; margin-right: 15px; }
}
@media only screen and (max-width: 550px){
}
@media only screen and (max-width: 450px){
}

/* When the viewport width is maximum 450px */
@media  (max-width : 450px) {	
	.hide-for-mobile { display: none; }
	.hide-for-web { display: block; }
	.batterBox:first-child { margin-bottom: 5px; }
	.batterBox:last-child { padding-left: 12px; }
	ul.player__scores, .miniBox.miniScard__batters ul.player__scores { width: 80%; }
    .miniScard__batters::before { top: 14px; }
	#miniscoreCard { padding-bottom: 20px; margin: 0; }
	.miniBox.miniScard__batters { border-image: linear-gradient(180deg, #fff, #ec1b53) 10; padding-left: 22px; }
	.miniBox.miniScard__bowler { border-image: linear-gradient(180deg, #fff, #2d4797) 10; }
	.current__partnership { text-align: center; }
	
	
	.cmd-filter { flex-wrap: wrap; }
	.filter-inner.filter-active { height: 80px; max-height: 80px; overflow: initial; }
	#cmdBlockSmipl::before { left: 20px; }
	#commentPage .scorecardHeader { flex-direction: row; }
	#commentPage select.commentryinningsList { margin: 0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.1)}
	
	.overNoFilterBoxWrap { margin: 0; }
	.overNoFilterBoxWrap .cSBDisplay { color: #232323; text-transform: capitalize; box-shadow: none; border-radius: 0; height: 100%; }
	
	#commentPage select.batsmenFilter, #commentPage select.bowlerFilter,
	#commentPage select.eventsFilter, .overNoFilterBoxWrap { width: 50%; max-width: 50%; border-bottom: 1px solid #c6c6c6; }
}

/* When the viewport width is maximum 399px */
@media (max-width:24.99em) {
	.fixtureStrip.matchBox { padding: 10px 10px 5px; }
	.fixture-team_container .fixture-team-info img { height: 3rem; }
	.matchBox::after { bottom: -739px; right: -762px; }
	.endOverInfo p.firstChild { font-size: 14px; }
	.endOverInfo p.totRun { font-size: 15px; }
	.fixtureTimerCountdown span.fixtureTimer { width: 68px; }
	.fixtureTimerCountdown span span.timervalue { font-size: 20px; line-height: 22px; }
	
	#playerStatsWrapper ul.statsList { padding: 0 10px; }
	.addToShare { top: 10px; }
	.mcHighlightsHeading { font-size: 11px; }
	.mcHighlightstext { font-size: 14px; }
	.sr-only { font-size: 30px !important; }
	ul.wagon-points li i { font-size: 12px; line-height: 14px; margin: 0 0 0 3px; width: 25px; height: 25px; }
	ul.wagon-points li.all { padding: 8px 0; }
	.switch_data { width: 95%; }
}

#widget_linelength .widget_header  { float: left; }
#widget_linelength .wlpDetails { float: right; }
#widget_linelength .wlpDetails i.social_widgetShareIcon { display: none; }
#widget_linelength .wlpDetails .wlpTeam, #wlProb_widget  .tabBlock .two-teams,
#spotential_widget  .tabBlock .two-teams { font-size: 18px; font-weight: 700; display: inline-block; vertical-align: middle; }
#widget_linelength .wlpDetails .wlpTeam.wlpTeam1{ margin-right: 15px}
#widget_linelength .widget_header  ul, 
#wlProb_widget .widget_header .smcpl-columns.tabBlock,
#spotential_widget .widget_header .smcpl-columns.tabBlock { border: 1px solid #e0e0e0; text-transform: uppercase; display: flex; margin: 0; background: #f0f0f0; border-radius: 30px; font-size:12px; padding: 5px 12px; }
#widget_linelength .widget_header  ul  li, 
#wlProb_widget .widget_header .smcpl-columns.tabBlock .tabItem,
#spotential_widget .widget_header .smcpl-columns.tabBlock .tabItem { transition: all 0.25s ease-in-out;  cursor: pointer; color: #333333; opacity: 0.6; }
#widget_linelength .widget_header  ul  li:hover, 
#wlProb_widget .widget_header .smcpl-columns.tabBlock .tabItem:hover,
#spotential_widget .widget_header .smcpl-columns.tabBlock .tabItem:hover { opacity: 1; color: #223d84; }
#widget_linelength .widget_header  ul  li:not(:last-child), 
#wlProb_widget .widget_header .smcpl-columns.tabBlock .tabItem.potenTab,
#spotential_widget .widget_header .smcpl-columns.tabBlock .tabItem.potenTab{ padding-right: 8px; margin-right: 8px; border-right: 2px solid rgba(5,40,57,0.75); }
#widget_linelength .widget_header  ul  li.active, 
#wlProb_widget .widget_header .smcpl-columns.tabBlock .active,
#spotential_widget .widget_header .smcpl-columns.tabBlock .active { opacity: 1; color: #223d84; font-weight: 600; }

.commentaryImgPreview{position:fixed;top:0;left:0;z-index:2000;width:100%;height:200%;display:none;background-color:#2226}
.commentaryImgPreview.active{display:block!important}
.commentaryImgPreviewWrap{display:flex;align-items:center;width:100%;height:100%;text-align:center}
.commentaryImgPreviewWrap img{max-width:100%;max-height:100%;margin:0 auto}
.commentaryImgPreviewClose{position:absolute;top:20px;right:20px}
.imgComment img{max-width:768px;max-height: 1024px;  border-radius: 5px; margin-bottom: 20px; }
.imgComment{cursor: pointer;}
.imgComment img {
    max-width: 768px;
    max-height: 1024px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.matchBox .btnWrap .btnVideo{
	display:none;
}