html {
 height: 100%;
 }
 
*:focus {
    outline: none;
}

.rotated {
   transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
}

body {
        height: 100%;
	margin: 10px;
	font-size: 11pt;
	font-family: Helvetica, sans-serif;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

*::-webkit-scrollbar-track {
  background: white;
}

*::-webkit-scrollbar-thumb {
  background-color: #d3d3d3;
  border-radius: 10px;
  border: 2px solid white;
}

table {
   font-size: normal;
}

table.zeropadding td {
   padding:0;
}


h2 {
   font-size: 1.2em;
   font-weight: bold
}

.roundinput {
	border: 1px solid gray;
	border-radius: 10px;
        background-color: #e3f2fd;
        color: #505557;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 10px;
        padding-right: 10px;
        outline: none;
}
input[type=button].roundinput, input[type=submit].roundinput {
/*        -webkit-appearance:none; */
        cursor:pointer;
        background-color:#42a5f5;
        color: white;
}

input, select, textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

input:valid {
    background-color: #e3f2fd;
}

input:invalid {
    background-color: lightpink;
}

input {
	border: 1px solid gray;
	font-weight: normal;
	font-size: 11pt;
}
select {
	font-weight: normal;
	font-size: 11pt;
}

.animrotate {
  transition: transform .7s ease-in-out;
}
.animrotate:hover {
  transform: rotate(450deg);
}

.iconbtn {
   cursor: pointer;
   opacity: 0.6;
}

.iconbtn:hover {
   opacity: 0.9;
}

.pagesubtitle {
   color: #2196f3;
   font-size: 1.2em;
   font-weight: bold;
   vertical-align: middle;
}

.openclosediv {
   cursor: pointer;
   margin-top: 10px;
}

input[type=radio] {
  cursor: pointer;
  border: 1px solid #999;
  padding: 0.5em;
  -webkit-appearance: none;
}

input[type=radio]:checked {
  background-color: #2196f3;
  background-size: 9px 9px;
}

input[type=radio]:focus {
  outline-color: transparent;
}

#chatinputtextarea {
    resize: none;
    overflow: hidden;
    min-height: 25px;
    max-height: 100px;
}

.chatmenu {
   background-color: white;
}

.rankingrow {
   cursor:pointer;
}
.rankingrow:hover {
   opacity: 0.8;
   outline: solid lightgray 2px;
   border-radius: 4px;
}


.blink {
  animation: blinker 1s step-start infinite;
}

@keyframes blinker {
  from { opacity: 1.0; } 50% { opacity: 0.3; } to { opacity: 1.0; }
}

.stickyheadertable > thead th {
  position: sticky;
  top: 0;
  background-color: white;
}