@charset "UTF-8";
html, body {
		margin: 0px;
		padding: 0px;
		font-family: "system-ui", sans-serif;
		font-size: 15px;
		height: 100%;
		height: 100vh;
		background: linear-gradient(115deg,rgba(232, 236, 241,.5) 0%,#ffffff 100%);
}
body{
		overflow-x:hidden;
}
a:link {
		color: #337ab7;
		text-decoration: none !important;
}
a:visited {
		color: #337ab7;
}
a:hover {
		color: #337ab7;
}
a:active {
		color: #337ab7;
		outline:none;
}
a:focus{
		outline:none;
		border-bottom:solid 1px #ddd;
}
.mtable{
  width:100%;
  height: 100%;
		height: 100vh;
}
.sidebar{
  width:260px;
  background:#f8f8f8;
  padding:10px;
  border-right:solid 1px #ccc;
}
.main{
  padding:20px;
}
.header{
  padding:20px;
  background:#555;
  color:#fff;
  font-size:20px;
}
.sul{
  list-style: none;
  margin:0;
  padding:0;
}
ul.sul li {
  padding:6px;
  font-size:15px;
}
.stitle{
  font-weight:bold;
  border-bottom:solid 1px #ccc;
  margin-bottom:6px;
}
.ssub{
  cursor:pointer;
}
.ssub{
		border-bottom:solid 1px #fff;
}
.ssub:hover{
  background:#eee;
}
.sactive{
		background:#eee;
}
.mtitle{
		font-size:20px;
		border-bottom:solid 1px #ccc;
		padding-bottom:10px;
		margin-bottom:20px;
}
.minfo{
		padding-top:20px;
		text-transform:uppercase;
}
.clv{
		padding-left:10px;
		color:#555;
		font-weight:bold;
		display:inline-block;
}
li{
		padding-bottom:10px;
}
.mt-15{
		margin-top:15px;
}