#scoringScroll {
    display: flex;
    overflow-x: scroll;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 5px;
    scroll-behavior: smooth; /* Smooth scrolling */
    -webkit-overflow-scrolling: touch;}

.child {
    flex: 0 0 auto;
    display: inline-block;
    width: 220px;
    height: 50px;
    border: 1px solid #CCC;
    margin-right:4px;
    padding-left:5px;
    text-align:left;
    border-radius: 10px;
    cursor: pointer; 
    scroll-behavior: smooth; /* Smooth scrolling */
    -webkit-overflow-scrolling: touch;
}

.image-container {
  width: 400px; /* Set your desired width */
  height: 200px; /* Set your desired height */
  overflow: hidden; /* Important: hides any overflowing image parts */
}

.card {
    background: #fff;
    padding: 1px;
    border-radius: 2px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    margin-bottom: 30px;
}

.card h2 {
    font-size: 2rem;
    margin-bottom: 25px;
    color: #333;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
}

.card-body {padding:0px;}

.card-text {
   width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom:12px;
}    
.card-title {
   width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom:8px;
}    
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.image {
  height: fit-content;
  position: relative;
  cursor: pointer;
  color: white;
  z-index:1;
}
.image::after{
  content:"";
  position:absolute;
  background: linear-gradient(0deg,        rgba(39,38,42,1) 0%, rgba(255,255,255,0)     60%);
  z-index:2;
  height:100%;
  width:100%;
  top:0;
  left:0;
}

.image__text {
  font-size: 2rem;
  position: absolute;
  bottom: 5px;
  line-height: 35px;
  left: 10px;
  z-index:3
}

.fill {
    display: flex;
    justify-content: center;
    align-items: center;
    /* overflow: hidden */
}
.fill img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%
}
.bb {border-bottom: 1pt solid #EEEEEE;}


.liveSc th {
  height: 25px;
  vertical-align: center;
  background-color:#F8F8F8;
  color: #000000;
}

.liveSc td {
  height: 25px;
  vertical-align: center;
  background-color:#ffffff;
  color: #000000;
}

.scrollerDiv { border: 2px solid #EEEEEE; border-radius: 4px; margin-right:4px;}
.badgeSchedule { background-color: #F0F0F0; color: #000000; padding: 2px 4px; text-align: center; border-radius: 2px; font-size:8px; width:60px; display:block;}
.insTeamImage {
    border-radius: 100%;
    border: 2px solid #D0D0D0;
    display: flex; 
    flex: 0 0 20px;
    height: 20px ! important;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 20px;
}  
.insPlayerImage {
    border-radius: 100%;
    border: 2px solid #D0D0D0;
    display: flex; 
    flex: 0 0 50px;
    height: 50px ! important;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 50px;}
.topc1 {background-position: center top 195px;}
.topc2 {background-position: center top 57px;}
.topc3 {background-position: center top 55px;}

.leaders3 {
    font-size: 15px;
    line-height: 14px;
    font-weight: 500;
    letter-spacing: -0.01px;
    gap: 12px;
    border: solid 1px #E0E0E0;
    border-radius: 8px;
    height: 35px;
    padding: 7px 12px;
    text-align: left;
    display: flex;
    align-items: center;
    margin-bottom:3px;
}
.no-dec {text-decoration:none;color:#000000;} 

select {margin-bottom:4px;width:100%;background-color: #ffffff !important;border: 1px solid #000000 !important;} 
.whiteText {color: #FFFFFF;text-decoration:none;}
.inter-1200 {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 1200;
  font-style: normal;
  font-variation-settings: "slnt" 0;
  color: #000000;
}
.size-30 {
        font-size: 30px;
        font-weight: 1000;
        font-family: "Inter", sans-serif;
        color: #000000;
}
.size-15 {
        font-size: 15px;
        font-weight: 600;
        font-family: "Inter", sans-serif;
        color: #000000;
}
.size-20 {
        font-size: 20px;
        font-weight: 600;
        font-family: "Inter", sans-serif;
        color: #000000;
}
.mt2 {margin-top:6px;padding-bottom:0px;margin-bottom:0px;}
.mb2 {margin-bottom:2px;}
.p0 {padding:0;}
.m0 {margin:0;}
.leaders3:hover {text-decoration:none;color:#FFFFFF;}
.truncated {
    white-space: nowrap; /* forces text to single line */
    overflow: hidden;
    text-overflow: ellipsis;
}