* {outline:none}
label {width:150px;font-family:verdana;font-size:10pt}
.mypanel {width:70%;margin:0 auto;border:solid gray 1px;padding:20px}
table {border-collapse:collapse;background:white;}
td {padding:5px;font-family:verdana;font-size:10pt} 
thead {background:#4682B4;color:white}
input[type=number] {width:100px}
.background {position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:1000;display:none}
.content {position:absolute;background:white;width:400px;height:300px;top:0px;left:0px;right:0px;bottom:0px;margin:auto;box-shadow:0px 0px 10px black}
.data {width:100%;height:100%;background:white;position:absolute;top:0;left:0;padding:15px}
.closewin {position:absolute;padding:5px 10px;background:gray;color:white;top:-10px;right:-10px;z-index:1000;border:solid white 4px;border-radius:40px;box-shadow:0px 0px 10px black}
.closewin:hover {cursor:hand}
.title {line-height:30px;font-size:18pt}
.backg {position:fixed;width:100%;height:100%;background:#ddd}
.login {width:600px;height:300px;border:solid #ddd 1px;box-shadow:0px 0px 10px black;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;padding:15px;background:white;border-radius:10px}
.top {position:relative;width:100%;background:steelblue;color:white;font-size:22pt;padding:10px}
.search {border-radius:10px;border:solid gray 1px;padding:5px 30px 5px 10px;box-shadow:-2px 2px 2px #e2e2e2 inset}
.divin {margin-left:-25px}
.head {width:70%;background:#4682B4;color:white;line-height:30px;margin:0 auto;border:solid rgba(70,130,180,0.2) 1px;text-indent:10px;}
.header {background:#4682B4;color:white;padding:10px}
.sumhead {width:100%;background:rgba(70,130,180,0.2);color:black;line-height:30px;margin:0 auto;border:solid rgba(70,130,180,0.2) 1px;text-indent:10px;margin-top:10px}
#back {width:100%;height:100%;position:fixed;z-index:-1;background:url("../images/logo.png") no-repeat center;opacity:0.1; background-size:40%;}
.bubble {padding:5px;background:red;color:white;font-size:7pt;border-radius:50%;position:absolute;top:-12;right:-12}
.tab1 {background:#ddd;padding:8px;display:inline-block;border-radius:10px 10px 0px 0px;text-decoration:none;cursor:hand;font-size:10pt}
.backcolor {background:#4682B4;color:white}
.marquee {
 height:30px;
  width: 100% ;
  border: 2px solid #eee;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;

}

.marquee--inner {
  display: block;
  width: 100%;
  position: absolute;
  animation: marquee 20s linear infinite;
}

.marquee--inner:hover {
  animation-play-state: paused;
}
@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}

.lcd {
font-family:lcd;
color:red;
font-size:12pt;
background:#ddd;

}

.lcdlabel {
font-size:12pt;
background:red;
color:white;
padding:5px;
}

.os {display:inline-block;border-right:solid black 1px;padding:5px;}
.blue {color:blue}
.red {color:red}

input[type=text],input[type=number],input[type=password] {border:solid silver 1px;outline:none;padding:3px}
.showpass {margin-left:-20px;cursor:hand}
#wait {position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:10000}
#wheel {position:absolute;background:white;width:53px;height:53;top:0;right:0;left:0;bottom:0;margin:auto;}
#wheel img {position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}