/* template customize */

.center-navbar {
    display: block;
    text-align: center;
    color: #1f2d3d !important;
    /*padding: 15px;    */
    padding-top: 5px;
    font-size: 16px;
    /* adjust based on your layout
    margin-left: 50px;
    margin-right: 300px;
    */
    /* font-weight: bold; */
}


/* header navbar */

.navbar {
    padding: 0.2rem;
}


/* tempat breadcumb */

.content-header {
    padding: 2px.5rem;
}


/* isi content */

.wrapper,
.content-wrapper {
    font-size: 0.8rem;
}


/* footer */

.main-footer {
    padding: 0.8rem;
}

.div-loading-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: .75;
    z-index: 999999;
}

.div-center-screen {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*width: 100%;*/
    z-index: 999999;
}


/*Table*/

th {
    text-align: center;
    vertical-align: middle !important;
    border-right-width: 1px !important;
}


/* DataTables */

td.dt-body-right {
    text-align: right !important;
}

td.details-control {
    background: url('../img/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('../img/details_close.png') no-repeat center center;
}


/* .icon::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}



.details-control::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0fe";
} */


/*control label - form */

.labelku {
    font-size: 12px !important;
}


/* form control */

.control-label.kiri {
    text-align: left !important;
}

.nomor-saja {
    font-size: 0.8rem;
}


/* sidebar */

.sidebar-sub-menu-1 {
    padding-left: 1rem;
}

.sidebar-sub-menu-2 {
    padding-left: 2rem;
}