/*-----------------------------------------*/
/*--------- ---   TABLE  ---------------*/
/*-----------------------------------------*/

table{border:#f7f7f7 solid 1px; border-radius:8px; background-color:#FFFFFF; margin-top:15px; margin-bottom:15px; border-spacing:0px; width:100%; font-size:14px;}
th,tr,td{}
td{ width:auto; text-transform:capitalize;border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5;padding: 9px 12px;}

/* Efek Zebra */
table tbody tr:first-child td {background: #232323; color:#FFFFFF; text-align:center; border:transparent solid 0px; text-transform:uppercase} /* row 1*/
/*td:first-child {width:20%;text-align:center} /*kolom 1*/
tr:nth-child(odd){background: #f7f7f7} /* Baris ganjil Dihitung dari Header*/
/*tr:nth-child(even){background:#f5f6f7; /* Baris Genap */}
/*tr:hover{}

@media only screen and (min-width:100px) and (max-width:767px){
table {width:100%;}
td:first-child {width:30%}
}
*/ 

/*-----------------------------------------*/
/*---TABLE  RESPONSIVE ---------------*/
/*-----------------------------------------*/

.table {border-collapse: collapse;font-size: 13px;}
.table th, .table td {border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; padding: 9px 12px;text-transform: capitalize}
/*.table th, .table td:last-child {border-right: 1px solid #cccccc;} */
.table td:first-child {/*border-top: 1px solid #cccccc;*/}
.caption {caption-side: top;margin-bottom: 10px;font-size: 16px;}
/* Table Header */
/*.table thead th {background-color:#4285f4;color: #FFFFFF;}*/
/* Table Body */.table tbody td {color: #353535;}

.table tbody tr:hover th,.table tbody tr:hover td {background-color: #f0f0f0; transition: all .2s;}
.text-center {text-align: center;}
/*Tabel Responsive 1*/
.table-container {overflow: auto;}
@media screen and (max-width: 520px) {}