body {background-color: #FFD500;
    max-width: 900px;
    font-family: Helvetica;
    font-size: min(3vw, 30px);
    box-sizing: border-box;
    margin: auto;
}

.basic-bg{
    background-image: url("../images/Betbot2.png");
    background-repeat: repeat-y;
    background-size: 100%;
}

h1 {color: #0000CC; font-size: min(3vw, 30px); font-weight: bold;}
h2 {color: #0000CC; font-size: min(3vw, 30px); font-weight: bold;}
h3 {color: #0000CC; font-size: min(3vw, 30px); font-weight: bold;}

.tophead {
    font-size: min(3.8vw, 34px);
    font-weight: bold
    }

button {background-color: black;
    font-size: min(3vw, 20px);
    width: 95%;
    height: 95%;
    color: white;
    font-weight: bold;
    font-family: sans-serif;
    cursor: pointer;
    padding: 7px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
}

@media(hover: hover){
    button:hover{background-color: grey;}
   }

.grid-cont{
    display: grid;
    width: 100%;
    box-sizing:border-box;
    margin-top: 5px;
    margin-bottom: 5px;
    grid-row-gap: 5px;
    grid-template-columns: 20% 20% 20% 20% 20%;
        place-items: center;

}
.grid-head{
    display: grid;
    width: 100%;
    box-sizing:border-box;
    margin-top: 5px;
    margin-bottom: 5px;
    grid-row-gap: 5px;
    grip-column-gap: 10px;
    grid-template-columns: 56% 22% 22%;
    place-items: center;
}

table{
    border: 0px solid white;
    border-spacing: 0px;
    font-size: min(2.2vw, 22px);
}

td, th {font-weight: bold;
    padding: 1px 2px 1px 2px;
    border: 1px solid rgb(27,146,22);
}

img {width: 100%}

thead {background-color: black; color: white; font-family: Helvetica;}
tbody {background-color: #99FFAA; font-family: Helvetica;}
.race_header {font-size: min(2.6vw, 26px); }
.racestyle_closed th {color: #FF1919;  }
.racestyle_suspended th {color: #FF8000; }
.racestyle th {color: #00ff00; }

.betstyle th {color: #ff66ff}
.betstylev th {color: #66ccff}
.betstylev3 th {color: #cc9900}

.config th {color:black; text-align:left}

.silks {object-fit: fill; object-position: top; width: 2em; height: 1em}
.silks_dogs {object-fit: fill; object-position: top; width: 0.9em; height: 0.9em}
.settings {color: red; font-weight: bold; cursor: pointer;}
.animals {color: blue; font-weight: bold; cursor: pointer;}
.dateup {color: red; font-weight: bold; cursor: pointer;}
.datedown {color: red; font-weight: bold; cursor: pointer;}
.settings_table{border: 0px}
.login_fields {font-size:5vw; width:40vw}
.checkbox-cell{
    text-align:center;
    }

input[type=checkbox] {
    zoom: 1.5;
    font-size: min(2vw, 2em);
    width: 2em;
}
input[type=number] {
    width: 2.5em;
}
input {
    font-size: min(3vw, 2em);
    width: 25vw;

}
select {
    font-size: min(3vw, 2em);
    zoom: 1.0;
}

#settings {display: none}
#dogs {display: none}
#horses {display: block}

#my_date{background-color: yellow;
    font-weight: bold;
    border-radius: 10px;
    font-size: min(3.8vw, 25px);
    width: 7em}

/*#rows{width:60px}
#loops{font-size:15px; width:70px}
#raceLimit{font-size:20px; width:60px}
#minodds{font-size:15px; width:80px}
#avt_days{font-size:15px; width:60px}
#pandl_target{font-size:15px; width:100px}
#periods{font-size:15px; width:100px}
#mins{font-size:15px; width:100px}*/

/*#login_page {background-image: url("../images/Betbot2.png"); height: 600px; width: 600px;}*/


#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  top: 60px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  width: 60px;
  height: 40px;
}