/* =========================================================
BARANG ICON
========================================================= */

.barang-icon{

    width:50px;
    height:50px;

    border-radius:16px;

    display:flex;

    align-items:center;
    justify-content:center;

    font-size:22px;

}

/* =========================================================
ACTION BUTTON
========================================================= */

.btn-action{

    width:40px;
    height:40px;

    border:none;

    border-radius:12px;

    display:flex;

    align-items:center;
    justify-content:center;

    transition:.2s;

}

/* EDIT */

.btn-edit{

    background:#eff6ff;
    color:#2563eb;

}

.btn-edit:hover{

    background:#2563eb;
    color:#fff;

}

/* DELETE */

.btn-delete{

    background:#fef2f2;
    color:#dc2626;

}

.btn-delete:hover{

    background:#dc2626;
    color:#fff;

}

/* =========================================================
TABLE
========================================================= */

#tableBarang thead th{

    border:none;

    background:#f8fafc;

    color:#64748b;

    font-size:14px;
    font-weight:600;

    padding:18px 16px;

}

#tableBarang tbody td{

    padding:18px 16px;

    border-color:#f1f5f9;

    vertical-align:middle;

}

#tableBarang tbody tr:hover{

    background:#f8fafc;

}

/* =========================================================
BADGE
========================================================= */

.badge{

    font-weight:500;

    letter-spacing:.3px;

}


.select2-container .select2-selection--single{

    height:48px !important;

    border-radius:16px !important;

    border:1px solid #e2e8f0 !important;

    padding:10px 12px;

}

.select2-container--default
.select2-selection--single
.select2-selection__rendered{

    line-height:26px !important;

}

.select2-container--default
.select2-selection--single
.select2-selection__arrow{

    height:46px !important;

}