html, body {
    margin: 0;
    padding: 0;
    font-family: 'Noto Sans', Roboto, sans-serif !important;
    color: #000000;
    font-size: 15px;
    font-weight: 400;
}
* {margin:0; padding:0; box-sizing:border-box;}
a {color:#000000; text-decoration:none;}
ul, li, form { list-style-type:none;}

.iplw_widget, .iplw_content, .scores {width:100%; float:left; position:relative;}
.sepnav {position:absolute; top:57px; width:100%; z-index:-1; border-top:2px solid #ccc; }
.iplw_widget input {
  clear: both;
  display: none;
}

.iplw_widget label {
padding: 0 0 6px 0;
margin-bottom:-1px;
width: 24%;
color: #2B2B2B;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
position: relative;
display:inline-block;
text-align:center;
cursor:pointer;
}
.iplw_content {padding:20px 20px 0 0; position:absolute; left:-9999px; opacity:0;}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
  position:relative;
  left:0;
  opacity:1;
  -webkit-animation: fadeInScale 0.7s ease-in-out;
  -moz-animation: fadeInScale 0.7s ease-in-out;
  animation: fadeInScale 0.7s ease-in-out;
}
.iplw_widget [id^="tab"]:checked + label {
  color: #008D2F;
  border-bottom:3px solid #008D2F;
}
/*Content Animation*/
@keyframes fadeInScale {
  0% {
  	transform: scale(0.9);
  	opacity: 0;
  }
  
  100% {
  	transform: scale(1);
  	opacity: 1;
  }
}

.scores {padding:4px 10%;}
.scores ul {margin:0 0 20px 0;}
.scores ul li{width:100%; padding:5px 0; float:left;}
.scores li span {display:inline-block; position:relative;}
.scores li span:nth-child(1) {width:85%; font-size:20px; font-weight:700;}
    .scores li span:nth-child(2) {
        width: 15%;
        text-align: right;
        float: right;
        vertical-align: top;
        font-size: 15px;
        font-weight: 400;
        color: #979797;
    }
.scores li h4{font-size:15px;}
.scores li p{font-size:15px; color:#3A372F; font-weight:400;}
.scores li em{font-style:normal; font-weight:400; color:#8A8A8A;}
/*.played, .played span {color:#979797;}*/
    .played, .played span {
        color: #000000;        
    }
.scores li.headinfo {margin-top:-18px; margin-bottom:8px; height:62px;}
.scores li.sep {position:relative; height:30px;}
.scores li.sep:before {content:''; background:#E6E6E6; height:1px; width:100%; position:absolute; top:15px;}
.scores li.sep span {width:auto; float:right; background:#fff; font-size:11px!important; color:#A2A2A2; font-weight:400; padding-left:10px;}

.scores .footnote {width:100%; float:left; margin-top:15px; border-radius:8px; background:rgba(236,236,236,0.6); padding:5px; font-size:13px; line-height:20px; text-align:center; color:#008D2F;}
.scores .footnote span, .scores .footnote em {position:relative; color:#9B9B9B; font-style:normal;}
.scores .footnote span:before {content:'|'; display:inline-block; margin:0 5px; color:#D0CACA;}

.pointstable {width:100%; float:left; margin-top:-10px;}
.pointstable table {width:100%; float:left; border:0; margin:0; padding:0; border-collapse:collapse;}
.pointstable th, .pointstable td {padding:9px; margin:0; text-align:center; border:0;}
.pointstable th {font-weith:700; color:#2B2B2B;}
.pointstable #ptsBody tr:nth-child(odd) {background:#F2FEFE; border-radius:4px;}
.pointstable tr td:first-child {border-radius:4px 0 0 4px;}
.pointstable tr td:last-child {border-radius:0 4px 4px 0;}
.pointstable tr th:nth-child(2), .pointstable tr td:nth-child(2) {text-align:left;}

#content4 .scores ul li{padding:0;}
#content4 .scores li.headinfo {margin-top:-15px; height:50px;}
#content4 .scores li.sep {height:20px;}
#content4 .scores li.sep:before {top:10px;}

.iplw_widget .swiper-container {min-height:233px;}
.iplw_widget .swiper-button-next, .iplw_widget .swiper-button-prev {width:12px; height:18px; background-size: 12px 44px;}
.iplw_widget .swiper-button-prev,.iplw_widget .swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%239DA5C5'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}
.iplw_widget .swiper-button-next,.iplw_widget .swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%239DA5C5'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}
.iplw_widget .swiper-pagination-bullet-active {background:#008D2F!important; width:12px!important; height:12px!important;}
.iplw_widget .swiper-pagination-bullet {width:10px; height:10px; background:#D8D8D8; opacity:1;}


@media screen and (max-width:400px) {
    .iplw_widget label {color:#E4E4E4; font-size:13px; font-weight:500; width:auto; padding:2px 6px 1px 6px; line-height:18px;}
    .iplw_widget [id^="tab"]:checked + label{color:#2FFF75; border-bottom:2px solid #2FFF75;}
    .sepnav {display:none;}
    .iplw_content {padding-top:30px; padding-right:10px;}
    .iplw_widget .swiper-container {min-height: 250px;}
    .iplw_widget .swiper-button-prev, .iplw_widget .swiper-container-rtl .swiper-button-next {left:0;}
    .iplw_widget .swiper-button-next, .iplw_widget .swiper-container-rtl .swiper-button-prev {right:0;}
    .scores .footnote {width: calc(100% + 60px); position: relative; left: -30px; font-size:12px; line-height:14px;}
    .scores li.sep {height:40px;}
    .scores li.sep:before {top:20px;}
    .scores li.sep span {margin-top:5px;}
    .pointstable {margin-top:-23px;}
    .pointstable th, .pointstable td {padding: 13px 8px;}
}
.iplw_content > span {
    text-align: center;
    display: block;
}

#content1.iplw_content {padding-top:10px;}
#content1 .scores li.sep {height:20px;}
#content1 .scores li.sep:before {top:10px;}
#content1 .scores li.sep span {margin-top:0px;}
#content1 .scores li span:nth-child(1) {font-size:18px;}
#content1 .scores .footnote {margin-top:0px;}
#content1 .scores .altft{background:none;}
#content1 .swiper-container {min-height:290px;}
.winpercolor { color: #008D2F !important; }
#content1 .swiper-button-next, #content1 .swiper-button-prev { top: 49.3% !important; }

#content2 .swiper-button-next, #content2 .swiper-button-prev { top: 52%; }
#content1 .scores li.sep span:first-child {
    float: none;
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    display: block;
    /* float: none; */
    margin: 0px;
    padding: 4px 10px 4px 0px;
    top: -3px;
    font-size: 14px !important;
}
#content2 .scores li.sep span:first-child {
    float: none;
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    display: block;
    /* float: none; */
    margin: 0px;
    padding: 4px 10px 4px 0px;
    top: -3px;
    font-size: 14px !important;
}
#content4 .scores li.sep span:first-child {
    float: none;
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    display: block;
    /* float: none; */
    margin: 0px;
    padding: 4px 10px 4px 0px;
    top: -3px;
    font-size: 14px !important;
}
.iplw_widget {
    padding-top: 10px;
}