@import url('https://fonts.googleapis.com/css2?family=Tourney&display=swap');
body { font-size:14px; }
#header h1 { font-size:24px; font-family: 'Tourney', cursive; }
#pagetitle h1, .pagetitle h1 { font-size:16px; margin:0; }
#pagecontent h1 { font-size:30px; } #pagecontent h2 { font-size:24px; } #pagecontent h3 { font-size:20px; } #pagecontent h4 { font-size:18px; } #pagecontent h5 { font-size:16px; }
#pagecontent h1, #pagecontent h2, #pagecontent h3, #pagecontent h4, #pagecontent h5 { font-weight:bold; }
#listpasaran a.btn, #listprediksi a.btn { position:relative; border-width:1px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; margin-top:3px; }
#footer p { margin:0; font-size:13px; }
.numball { display: inline-block; width: 28px; height: 28px; line-height: 28px; border-radius: 14px; font-size: 18px; -webkit-border-radius: 14px;-moz-border-radius: 14px;text-align: center;font-weight: bold;margin: 0 1.5px; }
.table tr, .table th, .table td { vertical-align:middle; }
.predict { padding:10px; margin:10px 0 15px 0; }
            body {
                font-family: 'Roboto', sans-serif;
                background-color: #8d0000;
                background-repeat: repeat;
                background-position: 0 0;
            }
#tanggal {
            text-transform: uppercase;
        }
        .arissa-13 {
    font-size: larger;
    color: white;
    padding: 8px;
    text-align: center;
}

            body > .container {
    margin-top: 5px;
    margin-bottom: 5px;
    max-width: 900px;
    background-color: #fff;
    border: 2px solid #b7b7b7;
    color: #000;
    text-decoration: none;
}
.table {
    margin-bottom: 0px !important;
}
            body > .container a {
    color: #000;
    text-decoration: none;
}

            body > .container a:hover {
                color: #d80000;
                text-decoration: underline;
            }

            #header {
    background-color: rgb(216 0 0);
    background-image: url(/img/prita.png);
    background-repeat: repeat;
    background-position: 0 0;
    color: #ffffff;
}


           #header h1 {
    font-size: 24px;
    font-family: 'Tourney', cursive;
}
.font-weight-bold {
    font-weight: 700 !important;
}

            #header a {
                color: #ffffff;
                text-decoration: none;
            }

            #menu {
    line-height: 1.4;
    background: #d80000;
    color: #ffffff;
}

            #menu a {
                margin: 0 5px;
                color: #ffffff;
            }
            #menu a:hover {
                margin: 0 5px;
                color: #d1d1d1;
            }

            #pagetitle, .pagetitle {
    background-color: rgb(0 0 0);
}


            #pagetitle h1, .pagetitle h1 {
                color: #ffffff;
            }

            #footer {
                background-color: #1a1a1a;
            }

            #footer p, #footer a {
                color: #fff;
            }
            #footer a:hover {
                color: #d1d1d1;
            }

            .table thead tr {
                background: rgb(215 0 0);
    background: linear-gradient(90deg, rgb(117 0 0) 0%, rgb(221 0 0) 50%, rgb(117 0 0) 100%);
                color: #ffffff;
            }

            .numball {
                background-color: #417e3a;
                color: #ffffff;
            }

            .numball {
    background: rgb(221 0 0);
    background: -webkit-linear-gradient(to bottom, rgb(229 0 0), rgb(183 0 0));
    background: linear-gradient(to bottom, rgb(229 0 0), rgb(183 0 0));
}

            .colorWhite2 {
    background: radial-gradient(ellipse at bottom, #1a5b12 0%, #0b5944 100%);
}
img {
	max-width:100%;
    vertical-align: baseline !important;
    border-style: none;
}
body.hasftop {
	margin-top:75px;
}
body.hasfbot {
	margin-bottom:105px;
}
.pikavepika {
 text-align: center; 
}
table.prediksi-table th {
    background: radial-gradient(ellipse at bottom, #35557a 0%, #090A0F 100%);
    text-transform: none !important;
    color: #ffffff !important;
    padding: 10px !important;
    font-size: 18px !important;
    text-align: center !important;
}
table.prediksi-table td {
    border: 1px solid #ddd !important;
    padding: 8px !important;
    text-align: center !important;
}
table.prediksi-table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-top: 10px !important;
    border: 1px solid #ddd !important;
}
table.prediksi-table tr:nth-child(even) {
    background: rgb(0 0 0 / 5%) !important;
}
	table.prediksi-table tr:hover {
            background: rgb(213 213 213 / 36%) !important;
        }
        @media screen and (max-width: 600px) {
            table.prediksi-table th, table.prediksi-table td {
                padding: 6px !important;
                font-size: 14px !important;
            }
          #pagetitle h1, .pagetitle h1 {
    font-size: 14px;
    margin: 0;
}
        }

.banner-float {
	position: fixed;
	width: 100%;
	text-align: center;
	bottom: 0px;
	z-index: 9999;
}

.banner-float img {
	width: 728px;
	
}

.banner1 img {
	display: inline-block;
	width: 49%;
}

.floating-top {
	background: transfarant; top: 0; height: auto; left: 0; padding: 0px; position: fixed; text-align: center; width: 100%; z-index: 1001;
}
.floating-bottom {
	background: transfarant; bottom: 0; height: auto; left: 0; padding: 0px; position: fixed; text-align: center; width: 100%; z-index: 1001;
}

.floating-top img {
	width: 32%;
}
.floating-bottom img {
	width: 32%;
}
.headerbanner{
text-align:center;
  padding-top: 5px;
}
.headerbanner img {
	width:49.5%;
}

.banner-top img {
	width: 728px;
	
}
@media only screen and (max-device-width: 1000px) {
	
  .floating-top img {
width:100%
}
.floating-bottom img {
width:100%
}
  .headerbanner img{
  width:100%;
  }	
	.banner1 {
		display: block;
		
	}
	
	.banner1 img {
		display: block;
		width: 100%;
	}
		
	.banner2 {
		display: block;
		
	}
	
	.banner2 img {
		display: block;
		width: 100%;
	}
	
	.banner {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	background: #3a3a3a;
}

.banner img {
	display: inline-block;
	width: 48%;
	box-sizing: border-box;
	margin: 5px;
}
.banner-float {
	position: fixed;
	width: 100%;
	text-align: center;
	bottom: 1px;
	z-index: 9999;
}

.banner-float img {
	width: 728px;
	
}

	.banner-top {
		width: 100%;
		
	}
	
	.banner-float img {
		width: 100%;
		
	}

	.banner-top img {
		width: 100%;
		
	}
	

}

@media only screen and (max-device-width: 550px) { 
  .banner1 img {
		display: inline-block;
		width: 100%;
	}
}  
    .banner1 {
		display: block;
		text-align:center;
	}
	
    .banner img {
		display: block;
		width: 100%;
		margin: 0px;
	}
	.banner-float {
		width: 100%;
		
	}
	
	.banner-float img {
		width: 100%;
		
	}
.thMacau.colorred.fontsize {
    background: #d80000;
    color: #fff;
  padding: 8px;
}
.table-bordered {
    border: 1px solid #dee2e6;
    font-weight: 600 !important;
}