table.dataTable {
width:100%;
clear:both;
border-collapse:separate;
border-spacing:0;
margin:0 auto;
font-size: 11.3px;
}

thead, th {text-align: center;}
.tbl-tahun {
	text-align: center;
	color: #F00;
}

table.dataTable thead {
	background-image:url(../../images/tab_middle.png);
	height: auto;
	background-size: contain;
}

table.dataTable tfoot th { background-color: #CCC; }

table.dataTable thead th{ font-weight:900; }

table.dataTable tfoot th{ font-weight:900; }

table.dataTable thead th,table.dataTable thead td {
border-bottom: 1px solid #CCCCCC;
border-top: 1px solid #F6F6F6;
border-left: 1px solid #ddd;
padding: 5px 18px;
/*background-color: #A2DCF7;*/
color: #000;
}

table.dataTable thead th:active,table.dataTable thead td:active {
outline:none;
}

table.dataTable tfoot th,table.dataTable tfoot td {
	border-top:1px solid #ddd;
	padding:4px 5px;
	text-align: right;
	font-size: 11px;
	border-left: 1px solid #ddd;
}

table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc {
cursor:hand;
}

table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled {
background-repeat:no-repeat;
background-position:center right;
}

table.dataTable thead .sorting {
background-image:url(../../images/sort_both.png);
}

table.dataTable thead .sorting_asc {
background-image:url(../../images/sort_asc.png);
}

table.dataTable thead .sorting_desc {
background-image:url(../../images/sort_desc.png);
}

table.dataTable thead .sorting_asc_disabled {
background-image:url(../../images/sort_asc_disabled.png);
}

table.dataTable thead .sorting_desc_disabled {
background-image:url(../../images/sort_desc_disabled.png);
}

table.dataTable tbody tr {
	background-color:#fff;
}

table.dataTable tbody tr td.mpt-kn {
	text-align: right !important;
}

table.dataTable tbody tr.selected {
background-color:#B0BED9 !important;
}

table.dataTable tbody th,
table.dataTable tbody td {
    /*white-space: nowrap;*/
    padding:2px 4px;
}



table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,
table.dataTable.display tbody td {
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td {
border-top:1px solid #ddd;
border-right:1px solid #ddd;
}

table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child {
border-left:1px solid #ddd;
}

table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd {
background-color:#dae9f2;
}

table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected {
background-color:#acbad4;
}

table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover {
background-color:#f6f6f6;
}

table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected {
background-color:#EEEEEE; /*#aab7d1*/
}

table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
background-color:#dae9f2;
/*background-color:#f1f1f1;*/
}

table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2 {
background-color:#f3f3f3;
}

table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3 {
background-color:#F5F5F5;
}

table.dataTable.display tbody tr.odd.selected>.sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1 {
background-color:#a6b4cd;
}

table.dataTable.display tbody tr.odd.selected>.sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2 {
background-color:#a8b5cf;
}

table.dataTable.display tbody tr.odd.selected>.sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3 {
background-color:#a9b7d1;
}

table.dataTable.display tbody tr.even>.sorting_2,
table.dataTable.order-column.stripe tbody tr.even>.sorting_2 {
background-color:#fcfcfc;
}

table.dataTable.display tbody tr.even>.sorting_3,
table.dataTable.order-column.stripe tbody tr.even>.sorting_3 {
background-color:#fefefe;
}

table.dataTable.display tbody tr.even.selected>.sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2 {
background-color:#aebcd6;
}

table.dataTable.display tbody tr.even.selected>.sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3 {
background-color:#afbdd8;
}

table.dataTable.display tbody tr:hover>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {
background-color:#eaeaea;
}

table.dataTable.display tbody tr:hover>.sorting_2,
table.dataTable.order-column.hover tbody tr:hover>.sorting_2 {
background-color:#ececec;
}

table.dataTable.display tbody tr:hover>.sorting_3,
table.dataTable.order-column.hover tbody tr:hover>.sorting_3 {
background-color:#efefef;
}

table.dataTable.display tbody tr:hover.selected>.sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1 {
background-color:#a2aec7;
}

table.dataTable.display tbody tr:hover.selected>.sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2 {
background-color:#a3b0c9;
}

table.dataTable.display tbody tr:hover.selected>.sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3 {
background-color:#a5b2cb;
}

table.dataTable.compact thead th,table.dataTable.compact thead td {
padding:4px 17px 4px 4px;
}

table.dataTable,table.dataTable th,table.dataTable td {
	-webkit-box-sizing: content-box;
  	-moz-box-sizing: content-box;
  	box-sizing: content-box;
}

.dataTables_wrapper {
position:relative;
clear:both;
zoom:1;
}

.dataTables_wrapper .dataTables_length {
float:left;
}

.dataTables_wrapper .dataTables_filter {
float:right;
text-align:right;
}

.dataTables_wrapper .dataTables_filter input {
	margin-left:.5em;
	padding: 2px 5px;
	font-size: 12px;
	text-decoration: none;
}

.dataTables_wrapper .dataTables_info {
	clear:both;
	float:right;
	padding-top:5px;
}

.dataTables_wrapper .dataTables_status {
	clear:both;
	float:left;
	padding-top:5px;
}

.dataTables_wrapper .dataTables_paginate {
float:left !important;
text-align:right;
padding-top:.25em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
box-sizing:border-box;
display:inline-block;
min-width:1.5em;
margin-left:2px;
text-align:center;
text-decoration:none!important;
cursor:hand;
color:#333!important;
border:1px solid transparent;
border-radius:2px;
padding:.5em 1em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
color:#333!important;
border:1px solid #979797;
background-color:#FFF;
background:linear-gradient(tobottom,#fff0%,#dcdcdc100%);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
cursor:default;
color:#666!important;
border:1px solid transparent;
background:transparent;
box-shadow:none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
color:#FFF!important;
border:1px solid #001941;
background-color:#585858;
background:linear-gradient(tobottom,#5858580%,#111100%);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
outline:none;
background-color:#2b2b2b;
background:linear-gradient(tobottom,#2b2b2b0%,#0c0c0c100%);
box-shadow:inset 0 0 3px #001941;
}

.dataTables_wrapper .dataTables_paginate .ellipsis {
padding:0 1em;
}

.dataTables_wrapper .dataTables_processing {
position:absolute;
top:50%;
left:50%;
width:100%;
height:40px;
margin-left:-50%;
margin-top:-25px;
padding-top:20px;
text-align:center;
font-size:1.2em;
background-color:#FFF;
background:linear-gradient(toright,rgba(255,255,255,0) 0 
	rgba(255,255,255,0.9) 25% 
	rgba(255,255,255,0.9) 75% 
	rgba(255,255,255,0) 100%;
}

.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate {
color:#333;
}

.dataTables_wrapper .dataTables_scroll {
clear:both;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
margin-top:-1px;
-webkit-overflow-scrolling:touch;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
vertical-align:middle;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th>div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td>div.dataTables_sizing {
height:0;
overflow:hidden;
margin:0!important;
padding:0!important;
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
border-bottom:none;
}

.dataTables_wrapper:after {
visibility:hidden;
display:block;
content:"";
clear:both;
height:0;
}

table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td,table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
border-top:none;
}

table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,
table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,
table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3,
table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
background-color:#fafafa;
}

table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,
table.dataTable.order-column tbody tr.selected>.sorting_3,
table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,
table.dataTable.display tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.even.selected>.sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1 {
background-color:#acbad5;
}

table.dataTable.no-footer,.dataTables_wrapper.no-footer .dataTables_scrollBody {
border-bottom:1px solid #001941;
}

table.dataTable.nowrap th,table.dataTable.nowrap td,table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap,table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap,table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap {
white-space:nowrap;
}

table.dataTable.compact tfoot th,table.dataTable.compact tfoot td,
table.dataTable.compact tbody th,table.dataTable.compact tbody td {
padding:4px;
}

table.dataTable th.dt-left,table.dataTable td.dt-left,table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left,table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left {
text-align:left;
}

table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty,
table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center,
table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center {
text-align:center;
}

table.dataTable th.dt-right,table.dataTable td.dt-right,table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right,table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right {
text-align:right;
}

table.dataTable th.dt-justify,table.dataTable td.dt-justify,
table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify,
table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify {
text-align:justify;
}

@media screen and max-width 767px{
	.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate {
	float:none;
	text-align:center;
	}

	.dataTables_wrapper .dataTables_paginate {
	margin-top:.5em;
	}
}

@media screen and max-width 640px{
	.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter {
	float:none;
	text-align:center;
	}

	.dataTables_wrapper .dataTables_filter {
	margin-top:.5em;
	}
}
