@font-face{
  font-family:PFSquareSans;src:url(fonts/pfsquaresansproregular.woff2) format("woff2"),
  url(fonts/pfsquaresansproregular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap
}
@font-face{
  font-family:Gotham Bold;src:url(fonts/gothambold.woff2) format("woff2"),
  url(fonts/gothambold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap
}
@font-face{
  font-family:Gotham Medium;src:
  url(fonts/gothammedium.woff) format("woff");font-weight:700;font-style:normal;font-display:swap
}
@font-face{
  font-family:Fontello;src:url(fonts/fontello.woff2) format("woff2"),
  url(fonts/fontello.ttf) format("truetype"),
  url(fonts/fontello.woff) format("woff");font-weight:700;font-style:normal;font-display:swap
}

/*z {
	font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}*/
.tbl0 {
  width:auto !important; 
  border:0px solid black; border-collapse: separate;  border-bottom: 0px solid #ddd; 
}
.tbl0 tbody {
  width: auto !important;
}
.tbl0 td { 
  font-size:16px;
  font-family: Verdana, Arial, sans-serif;
  padding: 5px 5px;  border: 0px solid black; box-sizing: border-box; 
}
.tbl1 {
  width:auto; border:1px solid black !important;
  border-collapse: separate;  
}
.tbl1 td { 
  font-size:16px;
  font-family: Verdana, Arial, sans-serif;
  padding: 8px 10px;  
  border: 1px solid black !important;
  border-right:1px !important;
}
.divtbl {
  display:table;
  font-size:10px;
  width:auto; border:0px solid black; border-collapse: separate;  border-bottom: 0px solid #ddd; 
}
.divrow { 
  display:table-row;
}
.divcell { 
  width:60px;
  display:table-cell;
  padding: 3px 5px;  border: 0px solid black; box-sizing: border-box; 
}

.ctbl thead {
  position:relative;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  border-collapse: collapse;
  border-spacing: 0px;
  border:1px solid #535353;
}
.ctbl tbody {
  display: block;
  max-height: 80vh;
  overflow-y: scroll;
}
.ctbl th {
  text-align:center;
  font-size: 14px;
}
.ctbl thead, .ctbl tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.ctbl th.cdate {
	text-align:center;
	background-color:#e8e8e8;
}

.ctbl thead {
  width: calc( 100% - 1.1em );
}

.ctbl th.calc {
	background-color:#e9e9d1;
}

.recmodal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 990; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.recmodal-content {
  display: table;
  background-color: #fefefe;
  margin:auto;
  padding: 0px;
  border: 2px solid #888;
  margin-top: 30vh; 
  border-radius: 10px;
  width:auto;
  height:auto;
  z-index:999;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.qmodal {
  display: none; 
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.qmodal-content {
  display: table;
  background-color: #fefefe;
  margin:auto;
  padding: 20px;
  border: 1px solid #888;
  margin-top: calc(100vh/2); 
  height:auto;
  z-index:999;
}

.modalmsg {
  display: none; 
  position: fixed; /* Stay in place */
  z-index: 990; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modalmsg-content {
  display: table;
  background-color: #fefefe;
  color:#000;
  margin:auto;
  padding: 20px;
  border: 1px solid #888;
  margin-top: calc(100vh/2); 
  width:30vw;
  font-size:14px;
  height:auto;
/*  z-index:999;*/
  border-radius: 15px;
}

.title {
    text-decoration: none
}
.title:hover {
    position: relative
}
.title span {
    display: none
}
.title:hover span {
    background-color: #cfcfcf;
    border: black 1px solid;
    padding: 5px 20px 5px 5px;
    display: block;
    z-index: 100;
    left: 0px;
    margin: 10px;
    width: 150px;
    position: absolute;
    top: 10px;
    text-decoration: none;
    border-radius:5px;
}
.title.add:hover span {
  background-color: #a4fda2;
}