body{
    background-image: url("assets/img/bg2.png") !important;
    background-attachment: fixed !important;
    background-size: auto 100vh !important; 
 
    background-repeat: no-repeat !important;
 }
 /*
@font-face {
    font-family: 'digitalClock';
    src: url('../assets/css/digital-7mono.ttf') format('truetype');
}

.stopWatch{
    font-family: digitalClock;
    
    color: black;
    font-size:2em;
    text-align: center;
}
*/

 .pt-4{padding-top:0px !important;}
 .py-4{padding-bottom:0px !important;}

  
@keyframes highlightInvalid {
    0% {
      border-color: #ff0000 ;  
    }
    50% {
      border-color: #ffffff ;  
    }
    100% {
      border-color: #ff0000 !important;  
    }
  }
  
  
  .is-invalid {
    animation: highlightInvalid 1s infinite;  
    border: 2px solid #ff0000 ;  
  }

  .is-valid {
     
    border: 2px solid green;  
  }

button h1{
    margin-bottom: 0px !important;
}
.dSmall{
    font-size: 0.7em !important;
}



.logo img{
    max-height: 3em !important;
}



#ulButtons button{
    padding:0px 10px !important;
}

.circleFrame{
border-radius: 10px !important;
overflow: hidden;
box-shadow: -8px 7px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: -8px 7px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -8px 7px 5px 0px rgba(0,0,0,0.75);}

.nStaff{
    float:right;
}
.nStaff{
  background-color: rgb(242, 242, 255);
}