
.table_grid{
	border-right: 1px solid #e6e6e6;
    padding: 5px;
    margin-bottom: 5px;
    width: 100%;
}
.table_grid th{
    padding: 7px 6px;
    background: #202020;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 100%;
}

.table_grid tbody{
	    border-left: 1px solid rgba(101, 150, 197, 0.26);
    	border-top: 1px solid rgba(101, 150, 197, 0.26);
    	border-right: 1px solid rgba(101, 150, 197, 0.26);
}

.table_grid-1{
    border-right: 1px solid #000;
    padding: 5px;
    margin-bottom: 5px;
    width: 100%;
}
.table_grid-1 th{
    padding: 5px 6px;
    background: #b3936a;
    border: 1px solid #8FB7CA;
    color: #F1FFFF;
    text-transform: uppercase;
    font-size: 90%;
}

.table_grid-1 tbody{
	    border-left: 1px solid rgba(101, 150, 197, 0.26);
    	border-top: 1px solid rgba(101, 150, 197, 0.26);
    	border-right: 1px solid rgba(101, 150, 197, 0.26);
}


.table_grid-2{
    border-right: 1px solid #000;
    padding: 5px;
    margin-bottom: 5px;
    width: 100%;
}
.table_grid-2 th{
	padding: 5px 6px;
    background: #ff9156;
    border: 1px solid #B7C0C7;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 86%;
}

.table_grid-2 tbody{
	    border-left: 1px solid rgba(131, 50, 197, 0.26);
    	border-top: 1px solid rgba(131, 50, 197, 0.26);
    	border-right: 1px solid rgba(131, 50, 197, 0.26);
}

.table_grid-3{
    border-right: 1px solid #000;
    padding: 5px;
    margin-bottom: 5px;
    width: 100%;
}
.table_grid-3 th{
	padding: 5px 6px;
    background: #628BBF;
    border: 1px solid #B7C0C7;
    color: #F1F3FA;
    text-transform: uppercase;
    font-size: 85%;
}

.table_grid-3 tbody{
	    border-left: 1px solid rgba(131, 50, 197, 0.26);
    	border-top: 1px solid rgba(131, 50, 197, 0.26);
    	border-right: 1px solid rgba(131, 50, 197, 0.26);
}

.table_grid-konten{
    border-right: 1px solid #000;
    padding: 5px;
    margin-bottom: 5px;
    width: 100%;
}
.table_grid-konten th{
    padding: 5px 6px;
    border: 1px solid #8FB7CA;
    color: #000000;
    text-transform: uppercase;
    font-size: 90%;
}

.table_grid-konten tbody{
	    border-left: 1px solid rgba(101, 150, 197, 0.26);
    	border-top: 1px solid rgba(101, 150, 197, 0.26);
    	border-right: 1px solid rgba(101, 150, 197, 0.26);
}

.garis_kiri{
	border-left: 1px solid #e6e6e6;
}

.garis_kanan{
	border-right: 1px solid #e6e6e6;
}

.garis_kiri_td{
	border-left: 1px solid #e6e6e6;
}

.garis_kanan_td{
	border-right: 1px solid #e6e6e6;
}


.table_grid tr td{
    padding: 6px 6px;
    border: 1px solid #e6e6e6;
    /* text-transform: capitalize; */
    position: relative;
    font-size: 96%;
}
.table_grid tr{
	
}
.bg_pertama{
	background: #ffffff;
}
.bg_kedua{
	background: #e4e4e4;
}

.table_grid tr:hover{
	background: #C9D9F1;
}

.table_grid tr:active{
	background: #fff0d7;
}

.table_grid .klik{
	background: #DFEFFF;
}

.table_grid .tabel_span_cl{
	cursor: pointer;
}

.tabel_sub tr{
	background: #efefef;
}
.tabel_sub tr td{
	font-weight: bold;
}
.tabel_sub {
	font-size: 12px;
}


.table_default{
	border-right: none;
    padding: 5px;
    margin-bottom: 5px;
    width: 100%;
    border-color: white;
}
.table_default th{
    padding: 7px 6px;
    background: none;
    color: #000000;
    text-transform: uppercase;
    font-size: 88%;
    
}

.table_default tbody{
    border-left: none;
	border-top: none;
	border-right: none;
}

