/* ===================================================
   KOPOSTRA Theme Mobile v1.0
   Khusus layar <= 768px
=================================================== */

@media (max-width:768px){

/* ---------------------------------
   FONT
--------------------------------- */

body{
    font-size:13px;
}

/* ---------------------------------
   CARD
--------------------------------- */

.card{
    margin-bottom:10px;
}

/* ---------------------------------
   TABLE
--------------------------------- */

.table{
    font-size:12px;
}

.table th,
.table td{
    white-space:nowrap;
    padding:.35rem .45rem;
}

/* Scroll horizontal lebih halus */

.table-responsive{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}

/* ---------------------------------
   BUTTON
--------------------------------- */

.btn{
    font-size:12px;
}

.btn-sm{
    font-size:12px;
    padding:.20rem .45rem;
}

/* Tombol di atas tabel */

.page-header .btn{
    margin-bottom:5px;
}

/* ---------------------------------
   ICON
--------------------------------- */

.material-icons{
    font-size:16px;
}

/* ---------------------------------
   SEARCH
--------------------------------- */

.input-group .form-control{
    font-size:13px;
}

.input-group .btn{
    padding:.375rem .75rem;
}

/* ---------------------------------
   PAGINATION
--------------------------------- */

.pagination{
    justify-content:center;
}

.page-link{
    padding:.35rem .60rem;
}

/* ---------------------------------
   MODAL
--------------------------------- */

.modal-dialog{
    margin:.5rem;
}

.modal-body{
    font-size:13px;
}

/* ---------------------------------
   FORM
--------------------------------- */

.form-control,
.form-select{
    font-size:13px;
}

/* ---------------------------------
   MASTER DETAIL
--------------------------------- */

.open-master-detail-page{
    padding:2px 4px !important;
}

/* ---------------------------------
   BACK BUTTON
--------------------------------- */

.back-btn{
    padding:.30rem .50rem;
}

/* ---------------------------------
   PAGE TITLE
--------------------------------- */

.page-header h3{
    font-size:18px;
}

/* ---------------------------------
   GRID
--------------------------------- */

.comp-grid{
    margin-bottom:8px;
}

}

/* ================= PERBAIKAN SPACE KIRI MOBILE ================= */
@media (max-width: 768px) {
    #main-content {
        left: 0 !important;
        right: auto !important;
        width: 100% !important;
        margin-left: 0 !important;
    }
    

}