/* ==========================================================================
   Author's custom styles
   ========================================================================== */

#team-container {
    margin-left: 5%;
}


#submit-buzzer-div {
      background-image: url("../images/buzzer.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position:center;
}
#submit-buzzer-div.done {
     pointer-events: none;
     background-image: url("../images/buzzer_disabled.png");
}

#img-buzzer-btn {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
    opacity : 0.2;
}

#submit-choice-div {
  background-image: url("../images/buzzer.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position:center;
}
#submit-choice-div2 {
  background-image: url("../images/buzzer.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position:center;
    width: 50%;
}
#img-choice-btn2 {
    min-width: 50%;
    min-height: 50%;
    opacity : 0.2;
}



#submit-choice-table {
            width: 100%;
            border-collapse: collapse;
        }
        
        
.submit-choice-btn {
            font-size: 10rem;
            text-align: center; /* Center text horizontally */
            vertical-align: top; /* Center text vertically */
            width: 50%;
            height: 128px;
            padding: 0px;
            border: 1px solid #ddd;
            box-sizing: border-box;
            background-image: url("../images/multibtn.png");
            background-size: contain;
            background-repeat: no-repeat;
            background-position:center;
            
              -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
        }

.score-header {
    font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem;
    border: 3px solid black;
     color: #f9edcb;
    font-family: ScoresFont;
    background-color: #fc945c;
}
.score-text {
    font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; 
    border: 3px solid;
    font-family: ScoresFont;
     color: #042054;
    text-align: center
}

.scores-title {
     font-size: 6.0rem; line-height: 1.5; 
    font-family: ScoresFont;
     text-align: center;
     color: #fb3617;
     text-shadow: 3px 3px #f9edcb;
}

#teams-score-table {
            width: 100%;
            border-collapse: collapse;
        }
        

.score-table-rank {
     width: 15%;
     text-align: center;
}
.score-table-team {
     width: 65%;
         text-align: left;
}
.score-table-points {
     width: 20%;
     text-align: center;
}

.highlight td {
    background-color: #fb3617;
    border: 4px solid;
}
.active-question td {
    background-color: #C3F033;
}
.inactive-question td {
    background-color: #b3b3b3;
}

.bg {
    background-image: url("../images/back6.jpg");      
  /* Full height */
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-blend-mode: color
}
 html, body{
   height: 100%;
 }
.bgwhite {
    background-color: #f9edcb;
}

.overlapping-div {
    position: absolute;
    top: 50; /* Position div in the vertical middle of the cell */
    left: 0; /* Position div at the right side of the cell */
    transform: translateY(-40%); /* Center div vertically within cell */
    width: 25px; /* Adjust width as needed */
    height: 20px; /* Adjust height as needed */
      z-index: 1; /* Ensure the div appears above other content */
  
     font-size: 1.4rem; letter-spacing: -.08rem;
     color: #fc945c;
  text-align: center;
}

@font-face {
  font-family: ScoresFont;
  src: url(../font/RammettoOne-Regular.ttf);
}