a { color:#fff; text-decoration:none; }
a:hover  { text-decoration: underline; }
a:visited  { text-decoration: none; }
a:visited:hover  { text-decoration: underline; }

a.button { background-color: rgb(80,120,220); border-color: rgb(80,120,220); border-style: solid; border-radius: 3px; display:inline-block; font-family: Noto Sans, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height:32px; padding-left:6px; padding-right:6px; text-align:center }

a.buttonlight  { color: rgb(80,120,220); background-color:#333; border-color: rgb(80,120,220); border-style: solid; border-width: 1px; border-radius: 3px; font-family: Noto Sans, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; display:inline-block; width:80px; text-align:center; }
a.buttonlight:hover  { color: rgb(100,150,240); background-color:#444; border-color: rgb(100,150,240); text-decoration: none; }

a.buttonlightonbg  { color: rgb(80,120,220); background-color:#555; border-color: rgb(80,120,220); border-style: solid; border-width: 1px; border-radius: 3px; font-family: Noto Sans, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; display:inline-block; width:80px; text-align:center; }
a.buttonlightonbg:hover  { color: rgb(100,150,240); background-color:#666; border-color: rgb(100,150,240); text-decoration: none; }

a.buttonmain { background-color: rgb(45,136,255); border-color: rgb(45,136,255); border-style: solid; border-radius: 5px; color: rgb(255,255,255); cursor:pointer; display:inline-block; font-family: Noto Sans, sans-serif; font-size: 146x; font-style: normal; font-weight: 400; line-height:32px; padding-left:6px; padding-right:6px; text-align:center; user-select:none }
a.buttonmain:hover { background-color: rgb(65,156,255); border-color: rgb(65,156,255); text-decoration: none; }

a.nohover:hover         { text-decoration: none; }
a.nohover:visited:hover { text-decoration: none; }
a.h  { color: #2fa437; }

body { background:#444; font-family: Noto Sans, sans-serif; font-size: 16px; margin:0 0 0 0 }
body.login { background:#555 }

div { color:#bbb }

em.banner { color:rgb(170,170,170); font-family:Raleway,sans-serif; font-size:30px; font-style:normal; font-weight:300; margin-left:15px; line-height:55px }

h1 { color: #2fa437; font-family: 'Open Sans',sans-serif; font-size: 1.4em; font-weight: bold; margin: 10 0 20 0; }
h2 { color: #2fa437; font-family: 'Open Sans',sans-serif; font-size: 1.3em; font-weight: normal; line-height: 2.2em; margin: 0 0 10 0; }
h3 { color:#ccc; display:inline; font-family:'Raleway',sans-serif; font-size:20px; font-style:normal; font-weight:300; margin:17px 0 0 0 }

form { color:#cc0 }

img { border: 0; }

input { border-radius:5px; border-style:solid; border-width:2px; cursor:pointer; display:inline-block; font-family:Noto Sans, sans-serif; font-size:16px; font-style:normal; font-weight:400; padding:3px 6px 3px 6px; text-align:center; }
input[type=file] { border-color:rgb(45,136,255); font-family:Verdana }
input[type=submit] { background-color:rgb(45,136,255); border-color:rgb(45,136,255); color:#fff }
input[type=submit]:hover { background-color:rgb(65,156,255); border-color:rgb(65,156,255); color:#fff }

input.box { border-color: rgb(60,60,60); border-style: solid; border-width: 1px; border-radius: 5px; font-family: Noto Sans, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; }
input.button { color: rgb(255,255,255); background-color: rgb(80,120,220); border-color: rgb(80,120,220); border-style: solid; border-width: 1px; border-radius: 3px; font-family: Noto Sans, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; display: inline-block; width: 94px; height: 31.55px; text-align:center; }
input.button:hover { color: rgb(255,255,255); background-color: rgb(100,150,240); border-color: rgb(100,150,240); text-decoration: none; }

label { cursor:pointer; user-select:none }

small  { color: #888; font-family: 'Open Sans', sans-serif; font-size: .8em; }
small.front { color: #906060; font: normal 7.5pt tahoma; }

table { border-radius: 5px; }

td.login { color: #ddd; font-family: 'Open Sans', sans-serif; font-size: .92em; font-weight: bold; line-height: 1.6em; text-align: justify; }

textarea.box { border-color: rgb(192,192,192); border-style: solid; border-width: 1px; border-radius: 3px; font-family: Noto Sans, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; padding-top: 3px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; }

.button { color:rgb(255,255,255); background-color:rgb(45,136,255); border-color:rgb(45,136,255); border-style:solid; border-width:0px; border-radius:3px; font-family:Noto Sans, sans-serif; font-size:14px; font-style:normal; font-weight:400; text-align:center; width:90px; height:32px; }
.button:focus { background-color: rgb(100,150,240); border-color: rgb(100,150,240); outline: none }
.button:hover { background-color: rgb(100,150,240); border-color: rgb(100,150,240); text-decoration: none; }

.switch { position: relative; display: inline-block; width: 60px; height: 34px; }
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider { background-color: rgb(45,136,255); }
input:focus + .slider { box-shadow: 0 0 1px rgb(45,136,255); }
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }