.tbl_cantik {
   border: 1px solid black;
   border-collapse: collapse;
 }

 table.tbl_cantik td {
   border: 1px solid black;
   height: 40px;
   padding: 5px;
   vertical-align: middle;
 }

 table.tbl_cantik thead th {
   background-color: #0033FF;
   color: white;
   vertical-align: middle;
   border: 1px solid black;
   height: 40px;
   padding: 5px;
 }

 table.tbl_cantik tfoot th {
   background-color: #66CCFF;
   color: white;
   vertical-align: middle;
   border: 1px solid black;
   height: 40px;
   padding: 5px;
 }


 table.tbl_cantik a {
     text-decoration: none;
     color: #000000;
 }
//////////////

 .tbl_stat {
   border: 1px solid black;
   border-collapse: collapse;
   overflow-x:auto;

 }

 table.tbl_stat td {
   border: 1px solid black;
   height: 20px;
   padding: 5px;
   vertical-align: middle;
   font-size: 11px;

 }

 table.tbl_stat thead th {
   background-color: #0033FF;
   color: white;
   vertical-align: middle;
   border: 1px solid black;
   height: 20px;
   padding: 5px;
   font-size: 11px;
 }

 table.tbl_stat tfoot th {
   background-color: #66CCFF;
   color: white;
   vertical-align: middle;
   border: 1px solid black;
   height: 20px;
   font-size: 11px;
   padding: 5px;
 }


 table.tbl_stat a {
     text-decoration: none;
     color: #000000;
 }

 input:invalid {
   border: 1px solid red;
 }

 input:valid {
   border: 1px solid black;
 }

 input[type=checkbox] {
          position: relative;
 	       cursor: pointer;
     }
     input[type=checkbox]:before {
          content: "";
          display: block;
          position: absolute;
          width: 16px;
          height: 16px;
          top: 0;
          left: 0;
          border: 2px solid #555555;
          border-radius: 3px;
          background-color: white;
 }
     input[type=checkbox]:checked:after {
          content: "";
          display: block;
          width: 5px;
          height: 10px;
          border: solid black;
          border-width: 0 2px 2px 0;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          position: absolute;
          top: 2px;
          left: 6px;
 }