:root {
    --sdpi-bgcolor: #2D2D2D;
    --sdpi-background: #3D3D3D;
    --sdpi-color: #d8d8d8;
    --sdpi-bordercolor: #3a3a3a;
    --sdpi-buttonbordercolor: #969696;
    --sdpi-borderradius: 3px;
    --sdpi-width: 224px;
    --sdpi-fontweight: 600;
    --sdpi-letterspacing: -0.25pt;
}

html {
    --sdpi-bgcolor: #2D2D2D;
    --sdpi-background: #3D3D3D;
    --sdpi-color: #d8d8d8;
    --sdpi-bordercolor: #3a3a3a;
    --sdpi-buttonbordercolor: #969696;
    --sdpi-borderradius: 3px;
    --sdpi-width: 224px;
    --sdpi-fontweight: 600;
    --sdpi-letterspacing: -0.25pt;
    height: 100%;
    width: 100%;
    overflow: hidden;
    touch-action: none;
}

html, body {
    --sdpi-bgcolor: #2D2D2D;
    --sdpi-background: #3D3D3D;
    --sdpi-color: #d8d8d8;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 10pt;
    background-color: var(--sdpi-bgcolor);
    color: var(--sdpi-color);
}

body {
    height: 100%;
    padding:0 10px;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

img.tsinfo {
    width: 20px;
    height: 20px;
    content: url("../Images/ic_info_outline_white.png");
    margin-bottom: -7px;
}


img.tschecked {
    width: 20px;
    height: 20px;
    content: url("../Images/checkbox_checked.jpg");
    margin-bottom: -7px;
}

img.tscleared {
    width: 20px;
    height: 20px;
    content: url("../Images/checkbox_cleared.jpg");
    margin-bottom: -7px;
}

table, th, td {
  border: 1px solid gray;
  border-collapse: collapse;
  padding:4px;
}
ul {
    padding-left: 25px;
    padding-right: 10px;
}

.info
{
	overflow-y:auto; 
	height:510px;
}

.contribution
{
    position:absolute; 
    bottom:10px; 
    margin-right:10px; 
	margin-bottom: 0;
    padding:10px; 
    border-width: 2px; 
    border-style: double; 
    border-color: gray; 
    border-radius: 5px;
}

.box
{
    margin-right:0px; 
    padding:5px 10px ; 
    border-width: 1px; 
    border-style: solid; 
    border-color: gray; 
    border-radius: 5px;
}

.box2
{
    margin-right:5px; 
    padding:5px; 
    border-width: 1px; 
    border-style: solid; 
    border-color: gray; 
    border-radius: 5px;
}
.box3
{
	margin-right:5px; 
	padding:5px; 
	border-width: 2px; 
	border-style: double; 
	border-color: red; 
	border-radius: 5px;
}

.boxheader {
    color: PaleGoldenRod;
    font-weight: bold;
    font-style: italic;
}

.ts-hr {
    border: none;
    height: 1px;
    background: linear-gradient(to right, transparent, #666, transparent);
    margin-bottom: 15px;
    margin-top: 15px;
}

.gotobutton
{
    height:25px;
}
.gotobutton:hover {
    color:white;
    background: dimgray;
}
a:link {
  color: OldLace;
}

a:visited {
  color: BurlyWood;
}

a:hover {
  color: lightgreen;
}

a:active {
  color: hotpink;
} 
p
{
	margin-block-start: .3em;
    margin-block-end: .3em;
}
h3
{
	margin-block-start: .7em;
    margin-block-end: .3em;
}
h4
{
	margin-block-start: .3em;
    margin-block-end: .3em;
}
hr
{
  border-top: 1px dashed gray;
  border-bottom: 0;
}
.rainbow_text_animated:hover {
    background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 5s linear infinite;
    background-size: 400% 100%;
}

.rainbow_plus_animated {
    background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 5s linear infinite;
    background-size: 400% 100%;
}

.rainbow_title_animated {
    background: linear-gradient(to right, #ffffff, #ffffff, #C7E9ED , #add8e6, #87cefa, #6495ed, #6495ed);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 90s ease-in infinite;
    background-size: 400% 100%;
}

.rainbow_title_animated_60 {
    background: linear-gradient(to right, #ffffff, #ffffff, #C7E9ED , #add8e6, #87cefa, #6495ed, #6495ed);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 60s ease-in infinite;
    background-size: 400% 100%;
}

.rainbow_title_animated_30 {
    background: linear-gradient(to right, #ffffff, #ffffff, #C7E9ED , #add8e6, #87cefa, #6495ed, #6495ed);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 30s ease-in infinite;
    background-size: 400% 100%;
}

.rainbow_title_animated_20 {
    background: linear-gradient(to right, #ffffff, #ffffff, #C7E9ED , #add8e6, #87cefa, #6495ed, #6495ed);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 20s ease-in infinite;
    background-size: 400% 100%;
}

@keyframes rainbow_animation {
    0%,100% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 0;
    }
}

u {
	text-decoration: underline;
}