body{ background:#f4f6f6;	}

.panel-center{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content:center;
	gap: 1ch;
}
.Ref-bg{
	background: #fff;	
	padding: 10px;
	margin: 80px auto;
	max-width: 380px;
	border-radius: 5px;
	box-shadow: 0 1px 2px #777;
}
.Ref-bg h4{ color: #ff5733; padding: 10px 0; }
.Ref-bg p{ margin:auto; color:#666; padding:10px; font-size: small; }
.Ref-btn{ margin-bottom:20px; }
.Ref-bg input{ font-size: small; }

.ins-bg{
	background: #fff;	
	padding: 20px;
	margin: 2px auto;	
	border-radius: 5px;
	box-shadow: 0 1px 2px #777;
}
.ins-ul li:before {
  content: '\269B';/*'\f006';2618*/
  font-family: 'FontAwesome';
  float: left;
  margin-top:-0.2em;
  margin-right: 0.5em;
  color: #0378be;
  font-size:24px;
}

.ins-ul li ul li:before {  content:'';}

.info-box{
	background: #fff;
	color:#666;	
	margin: 20px 5px;
	border: 1px solid #62A8FD;	
}

.info-box-icon{	
	background: blue;
	color: #fff;
	text-align: center;	
	padding: 30px;
	font-size: 30px;
	font-weight: bold;	
}
.info-box-content{
	text-align: center;	
	font-weight: bold;	
	padding: 20px;	
}

.info-box-content span{  text-shadow: 0px 2px 10px lightblue; }

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

.boxshdows
{
	padding: 10px;
	background: #ffffff;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.content-header{
	background: #fff;
	padding: 10px;
	text-transform: uppercase;
	margin: 10px 0;

}