*,
*:before,
*:after {
  box-sizing: border-box;
}
:root{--bckclr:#efefef;--txtclr:black;--secclr:#0277bd;--onsec:white;}
/*
input[data-tp=""] {
  border: thin solid lightgray;
  border-radius: 2px;
  padding: 3px;
}
input[type="button"] {
  border-radius: 1px;
  cursor: pointer;
}
input:-moz-read-only {
  background-color: #ebebe4;
} 
input:read-only {
  background-color: #ebebe4;
} 
*/
/*-----------------------------------Grid Style------------------------------*/
#grid-tbl #data-tbdy tr {
  background-color: white;
  cursor: pointer;
}

#grid-tbl #data-tbdy tr:hover {
  background-color: Highlight;
}
/*---*/
.mnutbl-c1 td {
  text-align: center;
  border: thin solid lightgray;
  border-radius: 5px;
  margin: 0px;
  cursor: pointer;
}
.mnutbl-c1 td:hover {
  background-color: lightblue;
}

.mnutbl-c2 td {
  border-bottom: thin solid lightgray;
  margin: 0px;
}
.mnutbl-c2 td:hover {
  background-color: lightblue;
}

#mnudiv {
  display: none;
  height: 90%;
  box-shadow: 0px 1px 3px black;
  border-radius: 2px;
  background-color: gray;
  color: white;
  cursor: pointer;
  position: fixed;
  overflow: auto;
  z-index: 99;
  transition: 0.3s;
}
#mnudiv details {
  padding: 10px 20px;
}
#mnudiv div {
  padding: 10px 20px;
}
.mnutd {
  white-space: nowrap;
  padding: 0.4em;
}
.mnubtn:hover {
  color: black;
  background-color: lightblue;
  border-radius: 3px;
}
#mnudiv div:hover {
  color: black;
  background-color: lightblue;
  border-radius: 3px;
}
#frmtd {
  padding: 3.3em 3px 3px 3px;
}
#mnubar {
  position: fixed;
  width: 100%;
  box-shadow: 0px 1px 3px black;
  cursor: pointer;
  z-index: 99;
}
/*---*/
/*-----HTML Char batton*/
.btn {
  font-size: 26px;
  padding: 5px 8px;
  border: thin solid lightgray;
  border-radius: 4px;
}
.btn:hover {
  cursor: pointer;
  box-shadow: 0 4px 8px 0 lightgray;
  border: thin solid gray;
}
.btn:active {
  box-shadow: 0 5px 10px 0 gray;
}
/*--------------------------------*/
#srchdiv .bdy tr:hover{cursor:pointer;background:var(--secclr);color:var(--onsec);}
#srchdiv #srchtbl{border:thin solid lightgrey;border-radius:3px;margin:auto;transition:0.3s;}
#srchdiv #srchtbl:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,0.3);}
#srchdiv input{padding:2px;width:100%}
#srchdiv button{padding:3px}
#srchdiv button:not([disabled]){cursor: pointer;transition: 0.1s;}
#srchdiv button:hover:not([disabled]){box-shadow:0 2px 4px 0 rgba(0,0,0,0.2);background:var(--secclr);color:var(--onsec);}
#srchdiv td{word-break:break-all;}
#srchdiv .tr td{position:sticky;top:0;padding:0px}
#srchdiv .hdn{display:none}