body{
        /* background-color: #00DBDE;
        background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%); */
        /* background-color: rgba(0, 219, 222, 0.1); Adjust the last number (0.5) for desired opacity */
        background-color: rgba(221, 221, 221, 0.5); /* Adjust the last number (0.5) for desired opacity */
        /* background-image: linear-gradient(90deg, rgba(0, 219, 222, 0.5) 0%, rgba(252, 0, 255, 0.5) 100%); */

}
/* #video-container {
    margin-top: 20px;  
} */

#videoPlayer {
    border: 2px solid #333;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.watermark {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: yellow;
    color: black;
    padding: 5px;
    font-size: 14px;
    opacity: 0.75;
    z-index: 100;
}

#profileInfo, #stats {
    background-color: #f7f7f9;
    /* min-width: auto !important; */
    padding: 10px;
    border: 1px solid #e1e1e8;
    /* margin-top: 10px; */
    font-size: 0.9rem; 
}

#statsPanel {
    position: relative;
    padding-left: 20px;
    display: flex;
    /* min-width: 300px; */
    flex-direction: column;
    /* height: 600px;  */
}

select {
    margin-top: 5px;
    width: 100%;
}
footer {
    text-align: center;
    margin-top: 20px;
    padding: 10px;
    background-color: #f7f7f9;
    border-top: 1px solid #e1e1e8;
}

#profileInfo {
    flex-grow: 1; /* Allows this div to take up only as much space as it needs */
    /* max-height: 30%; Adjust percentage based on your preference */
}

#stats {
    flex-grow: 2; 
    /* Allows this div to take more space */
    /* max-height: 50%;  */
    /* Adjust percentage based on your preference */
}



#stats {
    /* width: 80%;  */
    max-height: 420px;

    /* max-height: 320%; */
    overflow: auto;
    /* margin: 20px auto; */
    padding: 10px 30px;
    /* border: 1px solid #ededed; */
    /* background-color: #ffffff; */
    /* background-color: #f00505; */
    border-radius: 5px;
    font-size: 10pt;
}

/* Styling the scrollbar itself */
#stats::-webkit-scrollbar {
    width: 10px;
}

#stats::-webkit-scrollbar-track {
    background: #f1f1f1;
}


.stats::-webkit-scrollbar-thumb {
    background: #888;
}


#stats::-webkit-scrollbar-thumb:hover {
    background: #555;

}


#detailsPanel {
  position: relative;
  padding-left: 20px;
  display: flex;
  /* min-width: 300px; */
  flex-direction: column;
  /* height: 600px;  */
  background-color: #f7f7f9;
  /* min-width: auto !important; */
  padding: 10px;
  border: 1px solid #e1e1e8;
  /* margin-top: 10px; */
  font-size: 0.9rem; 
  
}

#headerDetails{
  max-height: 1620px;
  overflow: auto;

}

.table td, .table th {
  padding: .50rem;
  padding-top: 0.50rem;
  padding-right: 0.50rem;
  padding-bottom: 0.50rem;
}