table {
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
	border:1px solid #ddd;
	background:#fff;
	min-width: 800px;
}
th {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ddd;
	background:#eee;
}
td {
	padding:10px;
	text-align:left;
	border:1px solid #ddd;
}
table.square {
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
	border: none; 
	background:#fff;
	min-width: 300px;
}
th.square {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border: none; 
	background:#eee;
}
td.square {
	padding:10px;
	text-align:left;
	border: none; 
}
.scroll-table {
  overflow: auto;
  white-space: nowrap;
}
.fixed01,
.fixed02{
  position: sticky;
  top: 0;
  left: 0;
  &:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    }
}
.fixed01{
  z-index: 2;
}
.fixed02{
  z-index: 1;
}
/*================================================
 *  Submenu
 ================================================*/
.submenu li {
	margin:0;
	padding:0;
	list-style:none;
}
.submenu li a:before {
	content:"\0025a0";
	color:#000;
}
.submenu li a {
	display:block;
	padding:10px 2px;
	color:#000;
	border-bottom:1px dotted #ddd;
	text-decoration:none;
}
.submenu li a:hover {
	background:#eee;
}

.fa_custom {
color: #ff0000;
}

under {
    background-image: linear-gradient(transparent 60%, #fdb0ff 50%);
}