layout/css/statbate.css

body {
	font: 15px "Arial";
	background-color: #f3f3f5;
}

.statbate {
	/* background: linear-gradient(#000, #000) no-repeat center/2px 100%; */
	max-width: 790px;
	margin: 0px auto;
	padding: 10px;
}

.header {
	background-color: #eae8d4;
	border-radius: 8px;
}

.header_menu {
	width: 100%; 
    display: flex;
    padding: 0.5rem 1rem;
    align-items: center;
    height: 49px;
}

.header_logo {
	height: 100%;
	width:158px;
	background-image: url(data:image/webp;base64,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
	background-repeat: no-repeat;
	background-position: center;
	background-size: 158px;
	opacity: 0.75;
}

.header_navbar {
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	display: flex;
	grid-gap: 12px;
}

.header_navbar li a {
	font-weight: bold;
	color: rgba(0, 0, 0, 0.5);
	text-decoration: none;
}

.header_navbar li {
	list-style-type: none;
	padding: 8px;
}

.header_track {
	color: #6c757d;
	text-decoration: none;
}

.nav_active {
	color: #795548 !important;
}

.content {
	margin-top: 12px;
	background: #fff;
	border-radius: 8px;
	padding: 12px;
}

.income_chart {
	height: 180px;
	border-bottom: 1px solid #dee2e6;
}

.content_center {
    border-bottom: 1px solid #dee2e6;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
    grid-gap: 12px;
}

.content_wslog {
	width: 468px;
	height: 150px;
	background-color: #efefef;
	border-radius: 4px;
}

.wstext {
    margin-left: 5px;
    margin-top: 4px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.message {
	height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #333;
}

.message a {
	color: #333;
	text-decoration: none;
}

.content_table {
	width: 265px;
}

.fin_table {
	width: 100%;
	height: 150px;
	text-align: center;
	border-spacing: 0;
	border-collapse: separate;
	border: 1.5px solid #dee2e6;
	border-radius: 4px;
}

.fin_table th {
	padding: 4px 0px;
	font-weight: normal;
	border-bottom: 1.5px solid #dee2e6;
}

.fin_table td {
	padding: 5px 25px;
	border-bottom: 1.5px solid #dee2e6;
}

.fin_table td:last-child {
	border-left: 1.5px solid #dee2e6;
}

.fin_table tr:last-child td {
	border-bottom: none;
}

.footer {
	margin-top: 12px;
}

.footer_banner {
	margin-top: 12px;
}

.footer_bottom {
	margin-top: 12px;
}

.footer_social {
	display: flex;
	justify-content: center;
	grid-gap:24px;
}

.footer_social a {
    color: #6c757d;
    font-size: 32px;
    text-decoration: none;
}

.footer_social i {
	font-size: 32px;
	opacity: 0.5;
	transition: all 0.3s ease 0s;
}

.banner {
	height: auto;
	width: 100%; 
	border-radius: 8px; 
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
	opacity: 0.5;
}
.header_mobile_nav,
.header_mobile {
	display: none;
}

.icon-menu-wrap {
	margin-left: auto;
}

.icon-menu span:first-child {
    top: 0px;
}

.icon-menu span:last-child {
    top: auto;
    bottom: 0px;
}

.icon-menu._active span {
	transform: scale(0);
}

.icon-menu._active span:first-child {
	transform: rotate(-45deg);
	top: calc(50% - 1px);
}

.icon-menu._active span:last-child {
	transform: rotate(45deg);
	bottom: calc(50% - 1px);
}
	
.icon-menu span {
    transition: all 0.3s ease 0s;
    left: 0px;
    top: calc(50% - 1px);
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #777777;
}

.icon-menu {
    position: relative;
    width: 25px;
    height: 20px;
    cursor: pointer;
    z-index: 5;
}

.header_mobile_nav {
	background-color: #bbbab5;
	border-radius: 8px;
	margin-top: 12px;
	text-align: center;
	overflow: hidden;
}

.header_mobile_nav a {
	display: block;
	padding: 10px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.5);
	text-decoration: none;
}

.color_first {
   background-color: #dfdfdf;
}

.color_second {
   background-color: #f3f3f5;
}

.color_active {
   background-color: red;
}

@media (max-width: 805px) {
	.income_chart,
	.header {
		display: none;
	}
	.header_mobile {
		width: 100%; 
		background-color: #eae8d4;
		border-radius: 8px;
		display: block;
	}
	.content_center {
		flex-direction: column-reverse;
		padding-top: 0;
	}
	.content_wslog,
	.content_table {
		width: 100%;
	}
}

@media (any-hover: hover) {
	.footer_social i:hover,
	.banner:hover {
		opacity: 1;
	}
	.header_navbar li:hover a {
		text-decoration: none;
		color: #333333;
	}
	.header_logo:hover {
		background-image: url(data:image/webp;base64,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
		opacity: 1;
	}
	.message a:hover {
		text-decoration: underline;
	}
}