.sprite { background: url(../images/allballs2.png); width:50px; height:56px; }
.ball1  { background-position:   0px   0px; } .ball2  { background-position: -50px   0px; }
.ball3  { background-position: -100px   0px; } .ball4  { background-position: -150px   0px; }
.ball5  { background-position: -200px   0px; } .ball6  { background-position: -250px   0px; }
.ball7  { background-position: -300px   0px; } .ball8  { background-position: -350px   0px; }
.ball9  { background-position: -400px   0px; } .ball10 { background-position:   0px -60px; }
.ball11 { background-position: -50px  -60px; } .ball12 { background-position: -100px -60px; }
.ball13 { background-position: -150px -60px; } .ball14 { background-position: -200px -60px; }
.ball15 { background-position: -250px -60px; } .ball16 { background-position: -300px -60px; }
.ball17 { background-position: -350px -60px; } .ball18 { background-position: -400px -60px; }
.ball19 { background-position: -450px -60px; } .ball20 { background-position:   0px -120px; }
.ball21 { background-position: -50px -120px; } .ball22 { background-position: -100px -120px; }
.ball23 { background-position: -150px -120px; } .ball24 { background-position: -200px -120px; }
.ball25 { background-position: -250px -120px; } .ball26 { background-position: -300px -120px; }
.ball27 { background-position: -350px -120px; } .ball28 { background-position: -400px -120px; }
.ball29 { background-position: -450px -120px; } .ball30 { background-position:   0px -180px; }
.ball31 { background-position: -50px -180px; } .ball32 { background-position: -100px -180px; }
.ball33 { background-position: -150px -180px; } .ball34 { background-position: -200px -180px; }
.ball35 { background-position: -250px -180px; } .ball36 { background-position: -300px -180px; }
.ball37 { background-position: -350px -180px; } .ball38 { background-position: -400px -180px; }
.ball39 { background-position: -450px -180px; } .ball40 { background-position:   0px -240px; }
.ball41 { background-position: -50px -240px; } .ball42 { background-position: -100px -240px; }
.ball43 { background-position: -150px -240px; } .ball44 { background-position: -200px -240px; }
.ball45 { background-position: -250px -240px; } .ball46 { background-position: -300px -240px; }
.ball47 { background-position: -350px -240px; } .ball48 { background-position: -400px -240px; }
.ball49 { background-position: -450px -240px; } .ball50 { width:50px; height:50px; background-position:   0px -300px; }
.ball51 { width:50px; height:50px; background-position: -50px -300px; } .ball52 { width:50px; height:50px; background-position: -100px -300px; }
.ball53 { width:50px; height:50px; background-position: -150px -300px; } .ball54 { width:50px; height:50px; background-position: -200px -300px; }
.ball55 { width:50px; height:50px; background-position: -250px -300px; } .ball56 { width:50px; height:50px; background-position: -300px -300px; }
.ball57 { width:50px; height:50px; background-position: -350px -300px; } .ball58 { width:50px; height:50px; background-position: -400px -300px; }
.ball59 { width:50px; height:50px; background-position: -450px -300px; }

.n.available {
    position: relative; width: 10%; height: 65px;
    color: #3366cc; background: #fafa57;
    border-radius: 5px; border-bottom: 3px solid rgba(50,50,50,.3);
    text-align: center; cursor: pointer;
    transition: all 0.25s ease 0s;
}
.n.selected { background-color: #57fa57 !important; font-weight: bold; }
.fontsize { font-size: 25px !important; }
.toSearch {
    position: relative; width: 100%; font-size: 1.5em;
    color: #3366cc; background: #57fa57;
    border-radius: 5px; text-align: center;
    cursor: pointer; transition: all 0.25s ease 0s;
}
.row1 { width: 100%; }
body { font-family: Arial, sans-serif; margin: 0; padding: 0; }

/* Prevent dark mode from inverting images */
@media (prefers-color-scheme: dark) {
    body { background: #fff !important; color: #000 !important; }
    img { filter: none !important; }
}