:root {
    --font-color: #333333;
    --font-color-red: #a30e1c;
    --font-color-yellow: #ffb922;
    --font-color-darkgray: #444444;
    --font-color-darkgreen: #244510; /* #3E771B;*/
    --font-color-darkblue: #337AB7;
    --back-color: #E5EECF;
    --lightgreen: #E5EECF;
    --lightgray: #f1f1f1;
}

*, ::before, ::after {
    /*box-sizing: border-box;*/
}

    *, *:focus, *:hover {
        /*outline: none;*/
    }

html {
    height: 100%;
}

body {
    margin: auto;
    padding: 0;
    font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.5em;
    color: #333;
    height: 100%;
    background-color: var(--back-color);
    /* background-color: rgb(89.8,93.3,81.2,0.1);*/
}

div {
    margin: 0px;
    padding: 0px;
}

table {
    text-align: center;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    border-spacing: 0px;
}

tbody {
    width: 100%;
}

th {
    font-size: 1.2em;
    padding-right: 10px;
    font-weight: normal;
}

tr {
    padding-top: 3px;
    padding-bottom: 3px;
}

td {
    padding: 0px;
    margin: 0px;
    text-align: left;
    vertical-align: top;
}

input, select, textarea { /* makes select equal width */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

input {
    margin-bottom: 12px;
    margin-top: 3px;
    margin-right: 12px;
}

    input[disabled] {
        border-bottom: 0px solid black;
    }

    input[type="checkbox"] {
        /*display:none;*/
        margin: 5px;
        width: 24px;
    }

    input[type="radio"] {
        /*display:none;*/
        margin: 5px;
        width: 24px;
        text-align: right;
    }

    input[type="submit"] {
        color: var(--font-color-darkgreen);
        border: none;
    }

    input:hover {
        color: #000000 /* background-color: #fbfbfb; /*color: #ffffff;*/;
    }

button[disabled], a[disabled] {
    text-shadow: none;
}

[disabled] {
    color: darkgray;
}

a {
    color: var(--font-color-darkgreen); /*#337AB7; ; /* font-variant: small-caps; */
    cursor: pointer;
    font-style: normal;
    /* font-family: Tahoma, Arial, 'Courier New', 'Trebuchet MS';*/
    font-variant: normal;
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px dotted var(--font-color-darkgray);
}

    a:link {
        /*color: #333; /* #337AB7 /* #0066cc;*/
    }

    a:hover {
        text-decoration: none;
        padding-bottom: 1px;
        border-bottom: 1px solid var(--font-color-darkgray);
    }

    a:visited {
        text-decoration: none;
        padding-bottom: 1px;
        /*border-bottom: 1px dotted var(--font-color-darkgray);*/
    }

    a:focus {
    }

    a:active {
    }

    a[disabled] {
        color: #CCCCCC;
        text-decoration: line-through;
    }

img {
    border-style: none;
}