.navbar-custom { 
        background-color: #009933; 
        font-size: 12pt;
        color: white;
        font-family: Tahoma, Geneva, sans-serif;
        
    } 
    body { 
      padding-top: 90px;
      background: #F0F0F0;
    }
    
    .body-admin { 
      
      background: #F0F0F0;
    }
    .score-header {
     background-color: #318D464D;
     font-size: .8rem;
     font-family: Arial, Helvetica, sans-serif;
     font-weight: 400;
     border-radius: 5px;
     color: rgb(0, 0, 0);
     text-align: center;
     padding-bottom: 2px;
   }
   .schedule-header {
     background-color: white;
     font-size: 10pt;
     font-family: Arial;
     font-weight: bold;
     border-radius: 5px;
     color: gray;
     text-align: center;
   }
   .score-div {
     background-color: white;
     font-size: 10pt;
     font-family: Arial;
     font-weight: bold;
     border-radius: 5px;
     padding: 5px;
   }
   .score-background {
     background-color: #F0F0F0;
     font-size: 10pt;
     font-family: Verdana;
     height: 10px;
     
   }
   .news-div {
     background-color: white;
     font-size: 10pt;
     font-family: Arial;
     border-radius: 5px;
     padding: 5px;
   }
   .mediacaption-div {
     background-color: white;
     font-size: 18pt;
     font-family: Helvetica Neue;
     font-weight: 700;
     border-radius: 5px;
     padding: 5px;
   }
   .topheader-div {
     font-size: 18pt;
     font-family: Helvetica Neue;
     font-weight: 700;
     border-radius: 5px;
     padding: 5px;
   }
   .standings-div {
     background-color: F0F0F0;
     font-size: 10pt;
     font-family: Arial;
     font-weight: bold;
     border-radius: 5px;
     padding: 5px;
     margin-left: 5%;
     margin-right: 5%;
     
   }
   .new-a { 
       text-decoration: none;
       color: black;

     }
   .new-a:hover { 
       text-decoration: none;
       color: #006400;

     }

   .new-a2 { 
       text-decoration: none;

     }
        .new-a2:hover { 
       text-decoration: none;
       color: #006400;

     }

   .new-a3 { 
       text-decoration: none;
       color: black;
     }
  .new-a3:hover { 
    text-decoration: none;
    color: #006400;

     }
  .leader-background {
     background-color: #F0F0F0;
     font-size: 10pt;
     font-family: Verdana;
     height: 40px;
     }
  .card-year {
    font-weight: 600;
    }
  .card-rounded {
    border-radius: 12px;
    width: 100%;
    }
    
    
       
video {

    position: relative;
    border-radius: 10;
    z-index: 0;
    top: 0px;
    left: 0px; /* fixed to left. Replace it by right if you want.*/
    min-width: 100%;
    min-height: 100%;
    width: 50%;
    height: auto;
}
.index-images {

  position: relative;
  border-radius: 10;
  z-index: 0;
  top: 0px;
  left: 0px; /* fixed to left. Replace it by right if you want.*/
  min-width: 100%;
  min-height: 100%;
  width: 50%;
  height: auto;
}
   .score-header-collapsible {
     background-color: white;
     font-size: 11pt;
     font-family: Verdana, Geneva, Tahoma, sans-serif;
     font-weight: 450;
     border-radius: 5px;
     color: rgb(0, 0, 0);
     text-align: center;
   }
[data-toggle="collapse"]:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  content: "\f054";
  transform: rotate(90deg) ;
  transition: all linear 0.25s;
  }   
[data-toggle="collapse"].collapsed:before {
  transform: rotate(0deg) ;
}
[data-bs-toggle="collapse"]:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
content: "\f054";
transform: rotate(90deg) ;
transition: all linear 0.25s;
}   
[data-bs-toggle="collapse"].collapsed:before {
transform: rotate(0deg) ;
}
.card-highlights {
    min-height: 50px;
    width: 80px;
    border-radius: 2px;
    color: #FC766AFF;
    background-color: #5B84B1FF;
    margin-right: 4px;

}
.card-highlights2 {
    min-height: 50px;
    width: 80px;
    border-radius: 2px;
    color: #ADEFD1FF;
    background-color: #00203FFF;
    margin-right: 4px;

}
.card-highlights3 {
    min-height: 50px;
    width: 80px;
    border-radius: 2px;
    color: #0F2557;
    background-color: #9CC3D5FF;
    margin-right: 4px;

}

.scrolling-wrapper-flexbox {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;


}
.shadowy-box {
  -moz-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow: 3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc; 
}