@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;700&display=swap');

body {
	font-family: 'Oswald', sans-serif;
	background:#333; font-weight:400;
}
a {
	color:#efcc94;
}
a:hover {
	color:#ba9b69;
}
img {
	max-width:100%;
}
.glowing {
    -webkit-box-shadow: inset 0 0 20px #ba9b69;
    -moz-box-shadow: inset 0 0 20px #ba9b69;
    box-shadow: inset 0 0 20px #ba9b69;
	border-color:#ba9b69 !important;
}
#menu {
	list-style:none; margin:5px 0 10px;
	display: flex;
	justify-content: center;
	-webkit-box-shadow: 0 0 6px 3px #ba9b69;
	-moz-box-shadow: 0 0 6px 3px #ba9b69;
	box-shadow: 0 0 6px 3px #ba9b69;
	background:#ba9b69;
}
#menu li {
	padding:0; border-right:1px solid #a5824b;
}
#menu li:first-child {
	border-left:1px solid #a5824b;
}
#menu li a {
	display:block; padding:10px 18px; text-decoration:none; color:#FFF; font-weight:bold;
}
#menu li a:hover {
	background:#a5824b;
}
#dataresultwrap tr.bg-danger td, #dataresultwrap tr.bg-danger th {
	background:#8d7144;
}
@-webkit-keyframes colorchange {
  0% {
    color: red;
  }
  10% {
    color: #8e44ad;
  }
  20% {
    color: #1abc9c;
  }
  30% {
    color: #d35400;
  }
  40% {
    color: yellow;
  }
  50% {
    color: DeepSkyBlue;
  }
  60% {
    color: purple;
  }
  70% {
    color: #2980b9;
  }
  80% {
    color: #f1c40f;
  }
  90% {
    color: #2980b9;
  }
  100% {
    color: pink;
  }
}
.copyright {
	color:#fdf2e0; margin-bottom:30px; font-size:12px;
}

.Wrap-Table {
    border: 6px solid #fff;	
    text-align: center;
    margin: auto;
    width: 90%;
    border-radius: 10px;
}
.Parent-Table {
    width: 100%;
    border-collapse: collapse;
    margin: auto;
    table-layout: fixed;
}
.Wrap-Header {
    border-bottom: 5px solid #fff;
    margin: auto;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}
.Header-Table {
    width: 100%;
}
.Bglive {
    background-color: #8d7144;
}
.Body-Table-Child {
    background-color: #12151f;
    border: 3px solid #fff;
    padding: 5px 0 5px 0;
    color: #fff;
    letter-spacing: 1.5px;
}
.Body-Table-Parent {
    border: 3px solid #fff;
    padding: 5px 0 5px 0;
    color: #fff;
}
.Body-Table-Child a {
    font-size: 25px;
    color: #f4f4f4;
}
.Wrap-Body {
	font-size: 18px;
}
@media screen and (max-width: 1200px) {
	.Wrap-Body {
		font-size: 16px;
	}
	.Header-Table {
		font-size: 18px;
	}
	.Body-Table-Parent {
		border: 3px solid #fff;
		padding: 5px 0 5px 0;
		color: #fff;
	}
	.Wrap-Table {
		width:100%;
	}
}

@media (min-width: 992px){
	.container {
		max-width: 950px !important;
	}	
	#dataresultwrap {
		font-size:18px;
	}
}
@media (max-width:767px){
	.datapaito .tahun th {
		font-size:16px;
	}
	.datapaito td, .datapaito th {
		font-size:12px;
	}
}
@media (max-width:575px){
	body > .container {
		width:auto; margin-left:10px; margin-right:10px;
	}
	#menu {
		display:block; margin:0; padding:0;
	}
	#menu li, #menu li:first-child {
		display:block; width:100%; border:none !important;
		border-bottom:1px solid #a5824b !important;
	}
	.Body-Table-Child {
		font-size:14px;
	}
}