:root {
    --text_color: white;
    --bg_color: #051739;
    --fav_color: #003FAF;
    --high-color: #003FAF;
    --bgdarker_color: rgb(18, 23, 44);
}

body {
    background-color: var(--bg_color);
    color: var(--text_color);
}

a:link {
    color: var(--text_color);
}

a:active {
    color: var(--text_color);
}

a:visited {
    color: var(--text_color);
}

a:hover {
    color: #add8e6;
    text-decoration: underline;
}

table {
    border-color: rgb(192, 192, 192);
}

h1 {
    color: var(--text_color);
}

h2 {
    color: var(--text_color);
}

h3 {
    color: var(--text_color);
}

h4 {
    color: var(--text_color);
}

h5 {
    color: var(--text_color);
}

h6 {
    color: var(--text_color);
}

button {
    border: 4px ridge #FFFF00;
    background-color: #283360;
    color: #FFFF00;
}

input {
    background-color: var(--bg_color);
    color: #f5f5f5;
    border-color: gray;
}

.aspinput {
    background-color: var(--bg_color);
    color: #f5f5f5;
    border-color: gray;
}

label {
    color: rgb(12, 0, 0);
}

textarea {
    color: black;
}

fieldset {
    color: var(--text_color);
}

legend {
    color: rgb(153, 153, 204);
}

select {
    color: var(--text_color);
    background-color: var(--bg_color);
}

caption {
    color: rgb(153, 153, 204);
}

th {
    color: var(--text_color);
}

#catch {
    color: yellow;
}

.clsMenu {
    border-right: gray thin outset;
    border-top: silver thin outset;
    border-left: silver thin outset;
    border-bottom: gray thin outset;
    background-color: var(--fav_color);
}

    .clsMenu A {
        color: var(--text_color);
        text-decoration: none;
    }

        .clsMenu A:hover {
            color: #283360;
            background-color: #dcdcdc;
            text-decoration: none;
        }

.favTeam {
    background-color: var(--fav_color);
}

.bottombuttonSelected {
    background-color: var(--fav_color);
}

.bottombuttonlongSelected {
    background-color: var(--fav_color);
}

.sbtn, .nbtn {
    border: 1px ridge grey;
    background-color: var(--fav_color);
}

.sdrp {
    border: 1px ridge grey;
    background-color: var(--fav_color);
}

.sbtnSelected {
    border: 1px ridge #FFFFFF;
    background-color: var(--fav_color);
}

.sbtnBlue, .xsbtnBlue {
    border: 1px ridge grey;
    background-color: var(--fav_color);
    color: var(--text_color);
}

.sbtnWhite, .xsbtnWhite {
    border: 1px ridge grey;
    background-color: #F8F8F8;
    color: #000080;
}

.sbtnBig, .xsbtnBig {
    border: 1px ridge grey;
    background-color: var(--text_color);
    color: black;
}
.bigIcon, input.bigIcon {
    background-color: var(--fav_color);
    fill: var(--text_color);
}
svg {
    fill: var(--bg_color);
}

text {
    fill: white;
}

path {
    stroke: white;
    fill: transparent;
}

.svgbgDarker {
    fill: rgb(18, 23, 44);
}