body {
    font-family: Arial, Helvetica, sans-serif;
}

#topRow {
    /* background-color: aliceblue; */
    width: 100%;
    display: block;
}

/* this is not needed? */
#topLeftGear {
    /*display: inline-block;*/
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    float:left;
    border: 1px solid gray;
}
#setMin, #incMin, #decMin, #setSec, #incSec, #decSec,
#setFra, #incFra, #decFra {
    /*display: inline-block;*/
    padding-top: 5px;
    padding-bottom: 5px;
    width: 10%;
    border: 1px solid gray;
    text-align: center;
    /*float:left;*/
    margin:0;

}

/* Timer row definitions*/
#timerRow {
    position: relative;
    clear: left;
    /* background-color: aquamarine; */
    /*font-family: Arial, Helvetica, sans-serif; */

}
#timerLeft, #timerCenter {
    text-align: center; /* added 8 February 2025 */
    float:left;
}
#timerRight {
    float:right;
    text-align: center; /* added 8 February 2025 */
}
#timerCenter {
    text-align: center;
    font-size: 20vw;
    width:100%
}
#timerLeft, #timerRight {
    width: 10%;
    font-size: 10vw;
    position: absolute;
    bottom:0;
}
#timerLeft {
    left:0;
}
#timerRight {
    right:0;
}


#scoreRow {
    /*background-color: aliceblue;*/
    text-align: center;

}

#scoreLeft {
    font-size: 15vw;
    float: left;
    width:33%;
    
}

#scoreCenter {
    font-size: 10vw;
    width:33%;
    float: left;

}
#scoreRight {
    font-size: 15vw;
    float: right;
    width:33%;
}

#homeName, #visitorName, #centerName,
#homeTimeouts, #visitorTimeouts, #centerTimeouts {
    font-size: 3vw;
    width:33%;
}
#homeName, #centerName, #homeTimeouts,
#centerTimeouts {
    float: left;
}
#visitorName, #visitorTimeouts {
    float:right;
}



/*
#bottomRow {
    background-color: "";
}
*/
#bottomRowControl, #topRowControl,
#scoreRowControl, #bottomControlRight {
    float: left;
    border: 1px solid gray; 
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    
}
#bottomControlRight {
    float: right;
}

#bottomRowLeft, #bottomRowCenter, #bottomRowRight,
#topRowLeft, #topRowCenter, #topRowRight { 
    width: 30%;
    float: left;
    text-align: center;
}

#setHomeScore, #setVisitorScore,
#setMin, #setSec, #setFra {
    width: 25%;
    display: inline-block;
    border: 1px solid gray;
    padding-top: 5px;
    padding-bottom: 5px;
}
.small {
    font-size: x-small;
    width: 15%;
    display: inline-block;

}
.faultFull {
    background-color: red;

}

#decMin, #incMin,  #decSec,
#incSec, #decFra, #incFra,
#incHomeScore, #decHomeScore, #incPeriod,
#decPeriod, #incVisitorScore, #decVisitorScore,
#decHomeTimeouts, #incHomeTimeouts, 
#decVisitorTimeouts, #incVisitorTimeouts {
    width: 30%;
    display: inline-block;
    border: 1px solid gray;
    padding-top: 5px;
    padding-bottom: 5px;
}
/*
#setHomeScore, #incHomeScore,#decHomeScore {
    float: left;
}
#setVisitorScore, #incVisitorScore, #decVisitorScore {
    float: right;
}
*/
#breaks {
    text-align: center;
}
#breakName {
    display: inline-block;
    margin-top: 5px;
}
#break15, #break5, #break2, #breakCustom, #breakReset {
    margin-top: 5px;
    display: inline-block;
    width: 10%;
    padding: 5px;
    border: 1px solid gray;
}

#startStop {
    width: 100%;
    display: inline-block;
    border: 1px solid gray;
    padding-top: 5px;
    padding-bottom: 5px;  
}
#siren {
    float: right;
    border: 1px solid gray;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    transform: rotate(180deg);
}

#score {
    display: none;
} 
#bottomLeft {
    float: left;
    width: 90%;
    display: none;
}
.column33 {
    width: 31%;
    float: left;
    text-align: center;
}
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
  }