.table{
 position:relative;
}

.table thead th{
 background:#000 !important;
 color:white;
 text-align:center;
 vertical-align:middle !important;
}

.table tfoot th{
 background:#000 !important;
 color:white;
 vertical-align:middle !important;
}

.top-navigation .nav > li.active{
 background:#b31a1a;
}

.top-navigation .nav > li.active > a{
 color:white;
}

.top-navigation .nav > li a:hover,.top-navigation .nav > li a:focus{
 background:#b31a1a;
 color:white;
}

body{
 font-size:11px;
 font-family:"Poppins",sans-serif;
}

.top-navigation .navbar-brand{
 background:#fff;
 color:#f00;
 padding:15px 25px;
 font-weight:700;
}

.navbar-toggle{
 background-color:#b31a1a;
}

.rp{
 position:relative;
}

.rp::before{
 content:'Rp';
 position:absolute;
 left:10px;
}

#loader{
 background:rgba(0,0,0,0.5);
 position:fixed;
 margin:0;
 padding:0;
 width:100%;
 height:100%;
 display:table;
 z-index:100000;
}

#loader-content{
 display:table-cell;
 text-align:center;
 vertical-align:middle;
}

table.dataTable.no-footer{
 border-bottom:unset;
}

#page-wrapper{
 padding:0px;
}

.nav.navbar-top-links a{
 font-size:unset;
}

.table-striped > tbody > tr:nth-of-type(odd){
 background-color:#d7d7d7c2;
}

.form-control{
 font-size:unset;
}

.onoffswitch-inner:before{
 content:"Ya";
 padding-left:7px;
 background-color:#1AB394;
 color:#FFF;
}

.onoffswitch-inner:after{
 content:"Tidak";
 padding-right:7px;
 background-color:#FFF;
 color:#919191;
 text-align:right;
}

th.dt-invisible-column{
 border:0 !important;
 padding:0 !important;
}

.modal.left .modal-dialog,
.modal.right .modal-dialog{
 position:fixed;
 margin:auto;
 width:320px;
 height:100%;
 -webkit-transform:translate3d(0%,0,0);
 -ms-transform:translate3d(0%,0,0);
 -o-transform:translate3d(0%,0,0);
 transform:translate3d(0%,0,0);
}

.modal.left .modal-content,
.modal.right .modal-content{
 height:100%;
 overflow-y:auto;
}

.modal.left .modal-body,
.modal.right .modal-body{
 padding:15px 15px 80px;
}


.modal.left.fade .modal-dialog{
 left:-320px;
 -webkit-transition:opacity 0.3s linear,left 0.3s ease-out;
 -moz-transition:opacity 0.3s linear,left 0.3s ease-out;
 -o-transition:opacity 0.3s linear,left 0.3s ease-out;
 transition:opacity 0.3s linear,left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog{
 left:0;
}
 

.modal.right.fade .modal-dialog{
 right:-320px;
 -webkit-transition:opacity 0.3s linear,right 0.3s ease-out;
 -moz-transition:opacity 0.3s linear,right 0.3s ease-out;
 -o-transition:opacity 0.3s linear,right 0.3s ease-out;
 transition:opacity 0.3s linear,right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog{
 right:0;
}