﻿:root{--sptfce-primary:#449623;--sptfce-secondary:rgba(255, 255, 255, 0.34);--sptfce-white:#fff;--sptfce-black:#000}
.bb-custom-side a,.sptfce-wrap a{text-decoration:none}
.sptfce-wrap img{max-width:100%;display:inline-block;font-size:0;line-height:0;border:0}
.sptfce-body{margin:0;padding:0;font:normal 400 14px/1 Roboto,sans-serif;color:var(--sptfce-white)}
.sptfce-body *{box-sizing:border-box}
.sptfce-wrap{width:120px;height:120px;padding:8px;text-align:center;background-color:var(--sptfce-primary);color:var(--sptfce-white);display:flex;flex-direction:column;justify-content:flex-start;box-sizing:border-box}
.mini_score *,.sptfce-wrap *{box-sizing:border-box;font-family:Roboto,sans-serif;line-height:1}
.sptfce-ttl{font-size:12px;font-weight:900;line-height:1.2;background-color:var(--sptfce-white);color:var(--sptfce-primary);border-radius:4px;padding:1px 5px;margin:0 auto;display:none}
.sptfce-cont{width:100%;height:100%;display:flex;align-items:center;text-align:center;justify-content:center;border:solid 2px rgba(255,255,255,.15);border-radius:4px}
.sptfce-col_lft{width:32px;flex-shrink:0;margin-right:5px}
.sptfce-col_rgt{flex-shrink:0}
.sptfce-tem_1,.sptfce-tem_2{font-size:15px;font-weight:500;line-height:1}
.sptfce-tem_vs{font-size:12px;line-height:1;color:var(--sptfce-white);font-weight:500;display:flex;align-items:center;justify-content:center;margin:1px auto 3px auto}
.sptfce-img{width:100%;display:inline-block;font-size:0}
@-webkit-keyframes pulseeffect{
0%{text-shadow:0 0 40px #fff}
50%{text-shadow:0 0 40px #03a9f4}
100%{text-shadow:0 0 40px #fff}
}
@keyframes pulseeffect{
0%{text-shadow:0 0 40px #fff}
50%{text-shadow:0 0 40px #03a9f4}
100%{text-shadow:0 0 40px #fff}
}
.pulseeffec{text-shadow:0 0 40px #fff;-webkit-animation:pulseeffect 1s linear;animation:pulseeffect 1s linear}
.mini_score{width:120px;height:120px;background:var(--sptfce-primary);display:inline-block;box-sizing:border-box;padding:5px;margin:0}
.mini_score h4{font-size:12px;color:#fff;font-weight:400;margin:0;padding:0 0 5px 0;text-align:center}
.mini_score .score_tab{width:100%;display:flex;align-items:center;justify-content:space-between;font-size:13px;line-height:12px;font-weight:700}
.mini_score .score_tab .scr_tb{width:calc(50% - 12px);color:#fff;text-decoration:none;text-transform:uppercase;padding:3px 5px 1px 5px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;text-align:center}
.mini_score .score_tab span{width:20px;display:inline-block;padding:0;color:#fff;font-weight:400;text-align:center}
.mini_score .score_tab .scr_tb.active{background:#fff;color:#000;border-radius:2px 2px 0 0;font-weight:700}
.mini_score .score_tab .scr_tb.active::after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;background-color:#fff;display:block;z-index:2}
.mini_score .score_veiw{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--sptfce-white);text-align:center;border-radius:2px;font-size:18px;line-height:18px;font-weight:700;margin-top:0;padding:3px;color:var(--sptfce-black);position: relative; z-index: 2;}
.mini_score .score_veiw span{font-size:12px;line-height:12px;font-weight:500;width:100%;display:block;color:var(--sptfce-primary)}
.mini_score .score_report{width:100%;float:left;text-align:center;color:#fff;font-size:10px;line-height:10px;padding-top:5px}
.mini_score.view2 .score_veiw{font-size:22px;line-height:24px}
.mini_score.view2 .score_report{line-height:normal}
.winning-perc{float:left;margin:0 0 10px 0;padding:0;box-sizing:border-box;width:100%;border-radius:2px;background:#fff;overflow:hidden}
.winning-perc table{background:#fff}
.winning-perc table tr{border:none}
.winning-perc table td{font-size:24px;padding:2px 7px 2px 10px;text-align:right;line-height:normal;background:0 0}
.winning-perc table td:first-child{text-align:left;color:#1c480c;font-size:20px;font-weight:700}
.mini_score h3{color:#fff;font-weight:400;margin:0;padding:5px 0 0;text-transform:uppercase;font-size:14px;line-height:14px;font-weight:600;text-align:center}
.match_head{color:#fff;font-size:18px;font-weight:700;margin:0;padding:10px;text-align:center;line-height:18px;text-transform:uppercase}
.match_head span{font-size:18px;text-transform:none}
.batting-score{float:left;margin:0;padding:0;box-sizing:border-box;width:100%}
.mini_score table{width:100%;margin:0;border-collapse:collapse;border-spacing:0}
.mini_score table tr{border-bottom:none;box-sizing:border-box;width:100%;display:table;border-radius:2px;position:relative;overflow:hidden;margin-bottom:2px}
.mini_score table tr:last-child{border-bottom:none;margin-bottom:0}
.mini_score table th{ display:table-cell; color:#fff;font-size:10px;line-height:10px;font-weight:400;margin:0;padding:0 2px 0 0;text-align:right}
.mini_score table th:first-child{text-align:left;padding:0 0 0 3px}
.mini_score table td{display:table-cell; color:#000;font-size:10px;line-height:10px;font-weight:500;margin:0;padding:2px;background:#fff;text-transform:capitalize;text-align:right}
.mini_score table td:first-child{text-align:left;border-radius:2px 0 0 2px}
.mini_score table td:last-child{border-radius:0 2px 2px 0}
.graph,.graph #container,.graph #container svg{height:60px}
.bottom_cont{font-size:12px;padding-top:3px}
#tblBowler{margin-top:5px}
@media only screen and (max-width:767px){
.top_cont{font-size:10px}
.mini_score_percent h5{font-size:7px;text-transform:none}
.top_cont p{font-size:12px}
.graph,.graph #container,.graph #container svg{height:35px}
.bottom_cont{font-size:9px}
.mini_score{width:80px!important;height:80px!important;padding:2px!important}
.mini_score h4{font-size:8px;line-height:8px;padding-bottom:2px}
.mini_score .score_tab,.mini_score .score_veiw span{font-size:9px}
.mini_score .score_tab a{padding:2px;line-height:10px}
.mini_score .score_veiw{font-size:14px;line-height:12px;padding:1px}
.mini_score .score_report{font-size:7px;line-height:7px;padding-top:2px}
.mini_score .score_tab span{width:18px}
.mini_score table{margin:0}
.mini_score table th{font-size:7px;line-height:7px;padding-right:2px;text-align:right}
.mini_score table th:first-child{padding:2px 2px 0 1px}
.mini_score table td{font-size:7px;line-height:7px;font-weight:700;padding:1px;text-transform:capitalize}
.mini_score table tr{margin-bottom:1px}
.sptfce-wrap{width:80px!important;height:80px!important;padding:3px!important}
.sptfce-col_lft{width:28px}
.sptfce-ttl{font-size:9px}
.sptfce-tem_1,.sptfce-tem_2{font-size:12px}
.sptfce-tem_vs{font-size:10px; margin: 1px auto;}
#tblBowler{margin-top:2px}
}