.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: #ffffff;
    color: #f00;
    padding: 15px 25px;
    font-weight: bold;
}

.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: #FFFFFF;
}

.onoffswitch-inner:after {
    content: "Tidak";
    padding-right: 7px;
    background-color: #FFFFFF;
    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;
}

/*Left*/
.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;
}
    
/*Right*/
.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;
}

/* ----- MODAL STYLE ----- */
/* .modal-content {
    border-radius: 0;
    border: none;
}

.modal-header {
    border-bottom-color: #EEEEEE;
    background-color: #FAFAFA;
} */