#page-wrap {
     width: 800px;
     margin: 0 auto;
}

.cs3 {
	font-size: 14px; border-collapse: collapse;
}
.cs3 th {

}
.cs3 td {
	padding-bottom:0px;
	padding-top:0px;
}
.cs3 caption {

}
.cs3 thead th:last-child {
	border: 0px currentColor; border-image: none;
}
.cs3 tfoot th:last-child {
	/*border: 0px currentColor; border-image: none;*/
}
.cs3 tbody td:last-child {
	/*border: 0px currentColor; border-image: none;*/
}
.cs3 thead th {
	/*text-transform: uppercase; border-right-color: rgb(199, 236, 199); border-right-width: 1px; border-right-style: solid;*/
	
	color: rgb(84, 84, 84); text-transform: uppercase; font-weight: normal; border-top-color: rgb(153, 183, 239); border-bottom-color: rgb(153, 183, 239); border-top-width: 2px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; background-color: rgb(201, 220, 255);
}
.cs3 tbody td {
	color: rgb(0, 0, 0);border-right-width: 1px;
}
.cs3 tbody tr:nth-child(2n+1) td {
	background-color: rgb(244, 255, 247);
}
.cs3 tbody tr:nth-child(2n) td {
	background-color: rgb(227, 221, 232);  
/* rgb(219, 255, 229) */
}
.cs3 tbody td:nth-child(4) {
	text-align:justify;
}
.cs3 tbody td:first-child {
	text-align: justify;
}
.cs3 tbody td:last-child {
	text-align: justify;
}
.cs3 tbody tr:hover td {
	
}
.cs3 tfoot th {
	border-right-color: rgb(199, 236, 199); border-right-width: 1px; border-right-style: solid;
}
.cs3 tfoot th:first-child {
	text-align: right;
}

.inputan {
	border-radius: 10px;
     width: 200px;
     height: 40px;
}
.tombolan {
	border-radius: 10px;
     width: 100px;
     height: 40px;
}
.satu {border-radius: 10px;}
.dua {border-radius: 20px;}
.tiga {border-radius: 30px;}
.empat {border-radius: 40px;}
.lucu {
  border-top-left-radius: 20px;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 60px;
  border-bottom-left-radius: 100px;
  border: 2px solid red;
}

.dblue3 {
	font-size: 14px; border-collapse: collapse; min-width: 537px;
}
.dblue3 th {
	padding: 7px 17px; border: 1px solid rgb(225, 237, 255); border-image: none;
}
.dblue3 td {
	padding: 7px 17px; border: 1px solid rgb(225, 237, 255); border-image: none;
}
.dblue3 caption {
	margin: 7px;
}
.dblue3 thead th {
	border-color: rgb(110, 161, 204) !important; color: rgb(255, 255, 255); text-transform: uppercase; background-color: rgb(80, 138, 187);
}
.dblue3 tbody td {
	color: rgb(53, 53, 53);
}
.dblue3 tbody td:nth-child(4) {
	text-align: right;
}
.dblue3 tbody td:last-child {
	text-align: right;
}
.dblue3 tbody tr:nth-child(2n+1) td {
	background-color: rgb(244, 251, 255);
}
.dblue3 tbody tr:hover td {
	border-color: rgb(255, 255, 15); background-color: rgb(255, 255, 162);
}
.dblue3 tfoot th {
	background-color: rgb(229, 245, 255);
}
.dblue3 tfoot th:first-child {
	text-align: left;
}
.dblue3 tbody td:empty {
	background-color: rgb(255, 204, 204);
}


.dblue10 {
	font-size: 14px; border-collapse: collapse; min-width: 570px;
}
.dblue10 th {
	padding: 7px 25px; text-align: center;
}
.dblue10 td {
	padding: 7px 25px; text-align: center;
}
.dblue10 .title {
	margin-bottom: 12px;
}
.dblue10 thead th {
	color: rgb(84, 84, 84); text-transform: uppercase; font-weight: normal; border-top-color: rgb(153, 183, 239); border-bottom-color: rgb(153, 183, 239); border-top-width: 2px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; background-color: rgb(201, 220, 255);
}
.dblue10 thead th.space {
	background: none; padding: 0px; border: 0px currentColor; border-image: none; width: 10px;
}
.dblue10 tbody td {
	background: rgb(236, 243, 255); color: rgb(72, 72, 72); border-bottom-color: rgb(217, 229, 249); border-bottom-width: 1px; border-bottom-style: solid;
}
.dblue10 tbody td.space {
	background: none; padding: 0px; border: 0px currentColor; border-image: none;
}
.dblue10 tbody td:not(.space):hover {
	border-color: rgb(228, 228, 228); transition:0.2s; background-color: rgb(255, 255, 162);
}