/* Styles for leaderboard table */
.leaderboard-table {
    border-collapse: collapse;
 
}

.leaderboard-table th, .leaderboard-table td {
    padding: 6px;
    text-align: center;

}

.leaderboard-table + * {
    margin-top: 20px; /* Adjust the value as needed */
  }

.player-table{
    border-collapse: collapse;
    border-spacing: 5px; /* Adjust this value as needed */

}

.player-table th {
    padding: 3px;
    text-align: center;

}

.player-table td{
    padding: 3px;
    text-align: left;

}

.playerscore-table{
    margin-top: 10px; /* Adjust the value as needed */
    border-collapse: collapse;
    border-spacing: 15px; /* Adjust this value as needed */
    margin-left: 5px;

}

.playerscore-table td{
    text-align: left;
    padding: 5px;


}



 @media only screen and (max-width: 900px) {

}


.playerNameLabel{
    width: 70px;
    height: 25px;
    text-align: left;
    display: inline-block;
    margin-bottom: 10px;

}

.playerNameInput{
    width: 150px;
    height: 25px;
    text-align: right;
    display: inline-block;
    margin-bottom: 10px;

}


.hcpInputLabel {
    width: 40px;
    height: 25px;
    text-align: right;
    display: inline-block;
    margin-bottom: 10px;


}


.groupInputLabel {
    width: 40px;
    height: 25px;
    text-align: right;
    display: inline-block;
    margin-bottom: 10px;
}






.playerScoreLabel {
    text-align: left;
    width: 150px; /* Set a fixed width for the labels */
    display: inline-block; /* Ensure the width is respected */
    white-space: nowrap; /* Prevent text wrapping */
    overflow: hidden; /* Hide overflow */
    text-overflow: ellipsis; /* Display ellipsis for overflow text */
    margin-bottom: 2px;

}

.playerScoreInput{
    width: 40px;
    height: 25px;
    text-align: right;
    display: inline-block;
    margin-bottom: 2px;

}

.puttsInput{
    width: 40px;
    height: 25px;
    text-align: right;
    display: inline-block;
    margin-bottom: 2px;

}

.numberInput{
    width: 40px;
    height: 25px;
    text-align: right;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 5px;
    margin-left: 5px;

}

.teamDropDownLabel{
    vertical-align: middle; 
    margin-bottom: 5px;
    width: 110px; /* Set a fixed width for the labels */
    display: inline-block; /* Ensure the width is respected */
    white-space: nowrap; /* Prevent text wrapping */
    overflow: hidden; /* Hide overflow */
    text-overflow: ellipsis; /* Display ellipsis for overflow text */

}

.teamDropDown{

    width: auto;
    height: 25px;
    text-align: left;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 5px;

}

.matchPlayTeam1 {
    text-align: center;
    font-size: 2em; /* Adjust font size as needed */
    font-weight: bold;
}

/* Styles for buttons */
button {
    background-color: #007bff;;
    color: white;
    align-items: center;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 5px;
}

button:hover {
    background-color: #45a049;
}

input {
    font-size: 16px; /* Adjust the font size as needed */
    touch-action: manipulation; /* Disable double-tap gesture zooming */
}


#expandButton {
    margin-top: 1px;
    padding: 3px 10px;
    background-color: #007bff;
    color: white;
    border: none;
    cursor: pointer;
}

.hidden-row {
    display: none;
}


#editGolfersButton {
    margin-top: 1px;
    margin-left:2px;
    padding: 3px 10px;
    background-color: #007bff;
    color: white;
    border: none;
    cursor: pointer;
}

#editCourseButton {
    margin-top: 1px;
    margin-left:2px;
    padding: 3px 10px;
    background-color: #007bff;
    color: white;
    border: none;
    cursor: pointer;
}

#groupButtons {
    height: 140px; /* Set the minimum height */
    width: 180px; /* Set the minimum width */
    vertical-align: top;
}

.clickable-cell {
    color: blue;
    text-decoration: underline;
    cursor: pointer; /* Change cursor to pointer on hover */
}

.scorecard-table{
    border-collapse: collapse;
    border: 2px solid black; 
    margin-bottom: 15px;
    width: 370px;
    ;
    
}

.scorecard-table th, .scorecard-table td {
    padding: 6px;
    text-align: center;
    border: 1px solid black;

}

.roundTypeLabel{
    vertical-align: middle; 
    margin-bottom: 5px;
    width: 110px; /* Set a fixed width for the labels */
    display: inline-block; /* Ensure the width is respected */
    white-space: nowrap; /* Prevent text wrapping */
    overflow: hidden; /* Hide overflow */
    text-overflow: ellipsis; /* Display ellipsis for overflow text */

}

.roundSelect{

    width: auto;
    height: 25px;
    text-align: left;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 5px;

}