*{margin:0;
  padding:0;
  box-sizing:border-box;}
body{font-family:Montserrat, sans-serif;
    background-color:lightyellow;
    text-align:center;}
a{color:#7c9ab7;
    font-weight:bold;
    text-decoration:none;}
p{margin:10px 0;}
h1{color:brown;padding:0;margin:0;overflow:hidden;}
input{margin:10px 0;
    padding:10px;
    border:unset;
    border-bottom:2px solid #e3e3e3;
    outline:none;
    border-radius:0.6em;}
button{padding:10px;
    background:#e3e3e3;
    border:1px solid darkgray;
    cursor:pointer;
    border-radius:0.6em;
    position:relative;}
.error{border-bottom:2px solid #ff4332;}
.msg{border:2px solid #ffa908;
    border-radius:3px;
    padding:10px;
    text-align:center;
    font-weight:bold;}
.logout{color:#b7625c;}
.form1{border:2px solid #e74c3c;
  border-radius:0.6em;
  padding:16px;
  text-align:center;
  display:inline-block;
  margin:5px;
  background-color:white;}
.login-btn,.register-btn{
  font-size:18px;
  font-weight:bold;
  color:black;}
.login-btn:hover,.register-btn:hover{color:red;}
.register-btn:before,.login-btn:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:42px;
    background:rgba(200,150,150,0.2);
    border-radius:0.6em;
    transition:all 0.2s ease;}
.register-btn:hover:before,.login-btn:hover:before{width:100%;}
.transformdiv{
  -webkit-transform:rotate(270deg);
  -moz-transform:rotate(270deg);
  -o-transform:rotate(270deg);
  -ms-transform:rotate(270deg);
  transform:rotate(270deg);}
.none{display:none;}
.hide{display:none;}
.toggle{display:none;}
.button1{
  background-color:#efc4a3;
  border:2px solid #e74c3c;
  border-radius:0.6em;
  color:white;
  font-weight:bold;
  cursor:pointer;
  width:180px;
  padding:10px 20px;
  margin:10px;
  text-decoration:none;
  text-align:center;
  text-transform:uppercase;
  display:inline-block;
  box-shadow:none;
  font-size:16px;}
.button1:hover{
  background-color:white;
  color:#e74c3c;
  outline:0;
  border-color:#efc4a3;
  box-shadow:0 0 10px 0 #efc4a3 inset, 0 0 10px 4px #efc4a3;}
.fielddata{
  width:200px;
  display:inline-block;
  border:1px solid brown;
  margin:2px;
  padding:5px;
  background-color:white;
  text-align:left;
  font-size:12px;}
.dkgarea{
  display:inline-block;
  text-align:left;
  margin:5px;
  padding:5px;
  border:2px solid blue;
  border-radius:5px;}
.dkgfield{
  width:150px;
  display:inline-block;
  margin:0;
  padding:0;}
.dkgindic{
  display:inline-block;
  width:10px;
  height:10px;
  margin:0;
  margin-left:10px;
  line-height:16px;
  border:1px solid brown;
  border-radius:5px;
  background-color:white;}
.dkgdisplay{
  margin:0;
  margin-left:10px;
  padding:0;
  font-size:18px;
  line-height:22px;
  color:#DD4E2D;}
.ledon{background-color:red;}
.ledon2{background-color:green;}
.menusider{
 padding:10px;
 margin:auto;
 margin-top:5px;
 height:50px;
 width:150px;
 line-height:28px;}
.buttoggledevice{
 border-radius:20px;
 padding:5px;
 cursor:pointer;
  background-color:#efc4a3;
  border:2px solid #e74c3c;
  color:white;
  font-weight:bold;
  text-decoration:none;
  text-align:center;
  text-transform:uppercase;
  box-shadow:none;}
.buttoggledevice:hover{
  background-color:white;
  color:#e74c3c;
  outline:0;
  border-color:#efc4a3;
  box-shadow:0 0 10px 0 #efc4a3 inset, 0 0 10px 4px #efc4a3;}
.paneluseradmin{
  width:100%;
  background-color:#a5292a;
  color:white;
  margin:0;
  padding:0;
  font-size:30px;
  margin-top:2px;}
.paneluseradm_menu{
  display:inline-block;
  font-size:12px;
  overflow:auto;
  float:right;
  color:white;
  cursor:pointer;
  margin:10px;
  padding:5px;
  text-decoration:underline;}
.paneluseradm_menu:hover{
  text-decoration:none;
  background-color:white;
  color:#e74c3c;
  outline:0;
  border-color:#efc4a3;
  border-radius:5px;
  box-shadow:0 0 10px 0 #efc4a3 inset, 0 0 10px 4px #efc4a3;}
.tablecontainer{margin:0;}
.tablename{
 cursor:pointer;
 display:inline-block;
 float:center;}
.paging{
  color:#a5292a;
  font-size:24px;
  font-weight:bolder;
  float:right;
  white-space:nowrap;}
.paging_button{
  display:inline-block;
  cursor:pointer;}
.paging_button:hover{transform:rotate(10deg);}
.avaimg{
  -webkit-transition:width 0.3s;
  -moz-transition:width 0.3s;
  -o-transition:width 0.3s;
  transition:width 0.3s;}
.avaimg:hover{
  position:relative;
  width:150px;
  height:150px;}
.ptaball{
  font-size:18px;
  font-weight:normal;
  line-height:30px;
  vertical-align:top;}
.detach{background-color:white;}
.detach:hover{transform:rotate(10deg);}
.lang{
  background-repeat:no-repeat;
  background-size:cover;}
.butlink{
  background-color:#A5292A;
  border-radius:0.6em;
  cursor:pointer;
  text-decoration:underline;
  text-transform:uppercase;
  color:white;
  font-weight:bold;
  font-size:12px;
  padding:5px;
  margin:2px;}
.butlink:hover{
  background-color:white;
  text-decoration:none;
  color:#e74c3c;
  outline:0;
  border-color:#efc4a3;
  box-shadow:0 0 10px 0 #efc4a3 inset, 0 0 10px 4px #efc4a3;}
.footerend{
  font-size:11px;
  font-weight:bold;
  line-height:250%;
  padding:2px;
  color:gray;}