body{background-color:#000e88;color:#fafafb;margin:0;padding:0;font-family:'Poppins',sans-serif}
.container{display:flex;}
a{color:#fafafb}
h1,h2,h3,h4,h5,p,ol,ul,li {margin:0;padding:0;color:#fafafb;}
h1{font-size:25px;}
h2{font-size:18px;padding:12px;}
h3{font-size:17px;}
p{font-size:15px;justify-content:justify;}
input[type='number']{-moz-appearance:textfield}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.text_center { text-align:center;}
.clearfix::after{content:"";clear:both;display:table}
.blink_text {animation: blinker 1s linear infinite;}
@keyframes blinker { 50% {opacity: 0;} }
button {cursor:pointer;}
/*LEFT CONTENT */
.left_content{width:19%;padding:15px;background-color:#000622;border-right:1px solid #818a8c;border-bottom:1px solid #818a8c;height:auto;overflow:auto;color:#fafafb;}
.left_content a {color:#fafafb;text-decoration:none;}
.left_sticky{padding:1px;}
/* LOGO */
.logo_wrapper{position:relative;margin:5px 12px 18px 29px;display:flex;font-size:18px}
.logo_img{display:flex;align-items:center}
.logo_name{color:#fafafb;margin-left:15px;white-space:nowrap}
/* VERTICAL NAVIGATION */
.dashboard{background-color:#0c3959;display:flex;align-items:center;padding:12px 0 12px 12px;border-radius:5px;margin-bottom:5px;cursor:pointer;position:relative;}
.dashboard_text {font-size:15px;font-weight:700;white-space:nowrap;margin:auto;}
.features_item{display:flex;align-items:center;position:relative;padding:8px;color:#b5b5be;cursor:pointer;transition:.5s ease}
.features_item a {color:#fafafb;text-decoration:none;}
.features_item::before{transition:.5s ease;content:'';position:absolute;left:-18px;height:100%;border-left:5px solid #fafafb;border-radius:2px;opacity:0;visibility:hidden}
.features_item:hover{color:#fafafb;transition:.5s ease;background-color:#0c3959;}
.features_item:hover::before{opacity:1;visibility:unset}
.features_item_icon{font-size:25px}
.features_item_text{font-size:15px;font-weight:700;margin-left:15px;transition:opacity .6s ease;opacity:1}
.category_item_status{margin-left:18px;height:8px;width:8px;border-radius:50%;border:none;background-color:#fff;display:inline-block}
/*RIGHT CONTENT*/
.right_content {background-color:#000e31;width:82%;padding:5px 5px 12px 5px;border:1px solid #999999;}
.top_header {display:flex;background-color:#000622;border-bottom:1px solid #292932;align-items:center;justify-content:center;padding:21px;}
.top_header img {}
.top_header h1 {margin-left:12px;}
.last_result p {font-size:18px;font-weight:700;margin:12px 0;text-align:center; }
.clock_box {width:50%;margin:8px auto;font-weight:700;}
.clock_box table {margin:auto;}
#clock {font-weight:700;}
/*HORIZONTAL NAVIGATION BAR*/
.nav_container {display:none;width:100%;margin:auto;background-color:black;background-image: linear-gradient(#03002e, #333333, #03002e);}
.nav_center {width:100%;height:41px;margin:auto;z-index:5;background-color:black;background-image: linear-gradient(#0e1111, #333333, #0e1111);}
.navbox {position:relative;width:100%;margin:auto;z-index:5;}
.topnav{overflow:hidden;background-color:black;background-image: linear-gradient(#0e1111, #333333, #0e1111);}
.topnav a{float:left;display:block;color:#f2f2f2;text-align:center;padding:15px 16px;text-decoration:none;font-size:17px}
.topnav a:hover{background-color:#38b6ff;color:#fff;}
.topnav a.active{background-color:#005b96;color:#fff}
.topnav .icon{display:none}
/* SEARCH BOX */
.search_box {display:flex;align-items:center;justify-content:center;margin-top:-12px;}
.search_text {font-weight:700;}
input[type=date],select { font-size:15px; }
.ads_wrap_long {width:100%;height:80px;border:1px solid #818a8c;margin:18px 0;}
.ads_wrap_long img {width:100%;height:80px;}
/* PR TABLE Table styling */
.pr_table_div {display:block;width:90%;margin:auto;overflow-x:auto;}
.pr_table {border-collapse:collapse;width:100%;}
.pr_table tr:first-child {border-bottom:5px solid #b3cde0;}
.pr_table td,.pr_table th {padding:12px;text-align:center;color: white;}
.pr_table th {font-size:18px;}
.pr_table td {font-size:15px;}
.pr_table td:nth-child(1) {font-size: 18px;}
.pr_table td:nth-child(4) {font-size: 19px;}
.pr_table th {color: white;font-weight:700;padding:16px 12px;font-family:Arial,Helvetica,sans-serif;background-color:#005b96;}
.pr_table tr:nth-child(odd) {background-color:#000f28;font-weight:700;}
.pr_table tr:nth-child(even) {background-color:000e88;font-weight:700;}
.pr_table tr:hover {background-color:#11589c;}
/* RESULT TABLE */
.resutls_wrap,.result_info {width:59%;margin:auto;border:1px solid #818a8c;padding:5px;}
.resutls_wrap table {width:100%;margin:auto;border:1px solid white;text-align:center;color:white;font-weight:bold;}
.inline_display {display:inline-block;}
.result_info table {width:100%;}
.result_info table td {color:#fafafb;background-color:#0c3959;font-size:12px;font-weight:700;padding:12px;}
.result_info table a {color:#fafafb;text-decoration:underline;}
/* CONTENT BOX */
.content_box {padding:25px;height:auto;}
.table_box {margin-top:18px;}
/* ARTICLE BOX */
.article_box {margin:5px 5px 8px 5px;padding:25px;}
.article_box h1 {font-size:21px;text-align:center;}
.article_box h2 {font-size:20px;text-align:center;}
.article_box h3 {font-size:19px;text-align:center;}
.article_box h4 {font-size:18px;text-align:center;}
.article_box h5 {font-size:17px;text-align:center;}
.article_box p {font-size:15px;margin-top:5px;text-align:justify;}
.article_box a {color:white;}
.article_box li {font-size:15px;}
.article_box table {border:none;color:white;display:inline-block;font-size:15px;font-weight:normal;}
/* FOOTER */
.footer_box {}
.footer_box h3,.footer_box ul{ text-align:center;}
.footer_box p { font-size:15px;font-weight:700;text-align:center; }
.footer_box table { margin:auto; }
.footer_box a { text-decoration:none; }
.footer_wrap,.footer_bottom {border:1px solid #818a8c;padding:18px;background-color:#03002e;}
.footer_bottom {margin-bottom:25px;}
/* COUNT TOTO */
.result_input {width:55%;margin:auto;}
.result_input input{font-size:21px;height:38px;width:38px;text-align:center;border-radius:8px}
.result_input button{font-weight:700;height:28px;display:block;margin:12px auto}
.result_input table {width:99%;margin:auto;}
.stripe{font-size:15px;border-radius:25px;border:2px solid #fff;color:#fff;background-image:repeating-linear-gradient(90deg,rgba(20,25,25,0.6),rgba(25,25,25,0.6) 10%,#4c4c4c 10%,#4c4c4c 20%);background-size:100%;transition:background .3s ease-in-out;}
.stripe:hover{background-position:150px}
.bigtext{font-size:25px;text-align:center;font-weight:700}
.result_input th,.hitung_toto td {padding:5px;}

@media only screen and (max-width:600px){ 
	
	h1 {font-size:18px;}
	.left_content {display:none;} 
	.right_content {width:98%;margin:auto;}
	.content_box {padding:9px;}
	/*NAVIGATION BAR*/
	.nav_container{display:block;width:100%;background-color:transparent;background-image:none}
	.nav_center{width:100%;}
	.navbox {width:99%;}
	.topnav a {font-size:15px;font-weight:bold;padding:8px;}
	.topnav a:not(:first-child){display:none}
	.topnav a:hover{border-right:none;border-left:none;}
	.topnav a.icon{float:right;display:block}
	.topnav.responsive{position:relative}
	.topnav.responsive .icon{position:absolute;right:0;top:0}
	.topnav.responsive a{float:none;display:block;text-align:left}
	/* SEARCH BOX */
	.ads_wrap_long,.ads_wrap_long img {height:50px;}
	/* PR TABLE Table styling */
	.pr_table_div {width:99%;margin:auto;}
	.pr_table_div {margin-bottom:3%;width:100%;}
	.pr_table {width:100%;overflow:hidden;}
	.pr_table th {padding:8px;}
	.pr_table th {font-size:15px;}
	.pr_table td {font-size:12px;}
	.pr_table td:nth-child(1) {font-size: 12px;font-weight:700;}
	.pr_table td:nth-child(4) {font-size: 12px;}
	/* RESULT TABLE */
	.resutls_wrap,.result_info {width:100%;}
	/* ARTICLE BOX */
	.article_box {padding:9px;}
	.article_box h1 {font-size:19px;text-align:center;}
	.article_box h2 {font-size:18px;text-align:center;}
	.article_box h3 {font-size:17px;text-align:center;}
	.article_box h4 {font-size:16px;text-align:center;}
	.article_box h5 {font-size:15px;text-align:center;}
	.article_box p,.article_box table {font-size:12px;}
	/*COUNT TOOT */
	.result_input {width:100%;}
	.result_input input{font-size:15px;height:25px;width:25px;border-radius:8px}
	.result_input table {width:88%;margin:auto;}
	.result_input th,.result_input td {font-size:15px;padding:2px;}
	
}