.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-fw {
    width: 1.28571429em;
    text-align: center;
}

div.tombolnya {
	display: inline-block;
    vertical-align: middle;
	margin-top: 10px;

}

div.details {
	display: inline-block;
    vertical-align: middle;
}

.docs-main {
    margin: 1em;
    max-width: 100%;
}

.tablesaw td, .tablesaw tbody th {
    vertical-align: top;
    font-size: 0.9em;
}

.tablesaw-columntoggle tbody td {
    line-height: 1.5;
}

.dkp {
	list-style:none;
    background-image:none;
    background-repeat:none;
    background-position:0; 
	padding-left: 0.7em;
    text-indent: -0.7em;
	margin-bottom: -12px;
	line-height:1em;
}


table.tablesaw thead th,
table.tablesaw thead td {
  color: #444;
  font-size: 13px !important;
}
.tablesaw td, .tablesaw tbody th {
    vertical-align: top;
    font-size: 13px;
}

.row {	
    margin-right: 4px;
    margin-left: 4px;
/*	max-width:120%;	
    min-width: 650px;   */
	display: block;
	vertical-align: middle;
}

.row1 {	

	margin-right: -15px;
    margin-left: -15px;
}

.row2 {	

 margin-right: 4px;
    margin-left: 4px;
	max-width:120%;	
    min-width: 800px;
	display: block;
	vertical-align: middle;
}

.row3 {	

 margin-right: 4px;
    margin-left: 4px;
	max-width:120%;	
    min-width: 600px;
	display: block;
	vertical-align: middle;
}

.row4 {	

/*	max-width:150%;	    
    min-width: 600px;    */
	display: block;
	vertical-align: middle;
}

.col-lg-2a {	
	border-right: 2px solid #e4e1de;
	padding: 10px 10px;	
/*	width: 22%;     */
	float:left;
	display: block;
}

.col-lg-3a {	
	border-right: 2px solid #e4e1de;
	padding: 10px 10px;	
/*	width: 25%;     */
	float:left;
	display: block;
	height: 20px;
	vertical-align: middle;
}

.col-lg-4 {
	margin-right: 4px;
    margin-left: 4px;
	width: 30%;
	float:left;
	display: block;
}

.col-lg-5 {	

/*	width: 25%;     */
	float:left;
	display: block;
	height: 20px;
	vertical-align: middle;
}

.col-lg-6 {	

/*	width: 25%;     */
	float:left;
	display: block;
	height: 20px;
	vertical-align: middle;
}

.col-lg-3 {	
	margin-right: 4px;
    margin-left: 4px;
	width: 20%;
	float:left;
	display: block;
}


.col-lg-2 {	
	margin-right: 4px;
    margin-left: 4px;
	width: 18%;
	float:left;
	display: block;
}

.col-sm-4 {	
	margin: 2px 4px 2px 4px;
	width: 30%;
	float:left;
	display: block;
}

.col-sm-3 {	
	margin: 2px 4px 2px 4px;
	width: 20%;
	float:left;
	display: block;
}


.col-sm-2 {	
	margin: 2px 4px 2px 4px;
	width: 18%;
	float:left;
	display: block;
}


.rowa {	
    margin-right: 4px;
    margin-left: 4px;
	max-width: 120%;	
    min-width: 600px;
	display: block;
	vertical-align: middle;
	float:left;
}

.col-lg-4a {	
	margin-right: 4px;
    margin-left: 4px;
	width: 20%;
	float:left;
	display: block;
}


.col-lg-3a {	
	margin-right: 4px;
    margin-left: 4px;
	width: 16%;
	float:left;
	display: block;
}


.col-lg-2a {	
	margin-right: 4px;
    margin-left: 4px;
	width: 14%;
	float:left;
	display: block;
}

.col-sm-4a {	
	margin-right: 4px;
    margin-left: 4px;
	width: 20%;
	float:left;
	display: block;
}

.col-sm-3a {	
	margin-right: 4px;
    margin-left: 4px;
	width: 16%;
	float:left;
	display: block;
}


.col-sm-2a {	
	margin-right: 4px;
    margin-left: 4px;
	width: 14%;
	float:left;
	display: block;
}


.pagination {
	float: right;
	margin: 10px 0;
}

.dataTables_filter {
	float: right;
/*	margin-right:40px;     */
}

.dataTables_length {
	margin-top:25px;
}

.dataTables_info {
	margin-top:10px;
}

.tablesaw-columntoggle-btnwrap {
    position: relative;
/*    margin-right: 20px;  */
}


.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {
/*	margin-bottom:-40px;  */
	width: 2.5em;
    height: 2em;
	
}

.dataTable > thead > tr > th[class*=sort]:after{
    display:none;
}


table.dataTable tbody th, table.dataTable tbody td {
    vertical-align: top;
    font-size: 12px;
/*	min-width:100px;  */
}
	
table.dataTable thead th, table.dataTable thead td {
	vertical-align: top;
    font-size: 12px;
    padding: 10px 18px;
    border-bottom: 1px solid #e4e1de;
	border-top: 1px solid #e4e1de;
	border-right: 1px solid #e4e1de;
/*	min-width:100px;   */
}

table.dataTable thead th #kapi {
	width: 150% !important;
}

table.dataTable {
    width: 100% !important;    
}


/*
.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {
	top: 3.5em;
}

/* div table */

/*

.tablesaw thead div.row  {
  position: relative;
  height:100% !important;
  float:left !important;
  padding-right: 15px;
  padding-left: 15px;
  display: inline-block !important;
}

table#table-4648.tablesaw.tablesaw-columntoggle.col-lg-3  {
  position: relative;
  height:100%;
  float:left;
  padding-right: 15px;
  padding-left: 15px;
  display: inline-block;
}

*/

/* .dataTables_length {
    margin-top: 45px;
	margin-left: -45px;
} */

.dataTables_filter {
    margin-top: 25px;
}

.dataTables_wrapper .dt-buttons a.dt-button {
    font-size: 10px;
	background-color: #c7c7c7;
	color: #000;
}

.btn:not(.btn-link):not(.btn-circle) {
	border-bottom: 1px solid #ddd;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 0!important;
	border: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
	box-shadow: inset 0 0 3px #1110 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #ffffff00 !important;
	border: none !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #2196f3;
    border-color: #2196f3;
}

button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) {
	border: none !important;
}

table.dataTable thead th, table.dataTable thead td {
      border-bottom: 1px solid #ddd !important;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #ddd !important;    
}