/* center the table content */
.table-centered {
    text-align: center;
}

/* change side bar style  */
body[data-sidebar="dark"] .vertical-menu {
    background: black;
}

body[data-sidebar="dark"] #sidebar-menu ul li a {
    color: white;
}

body[data-sidebar="dark"] #sidebar-menu ul li a i {
    color: white;
}

body[data-sidebar="dark"] #sidebar-menu ul li a.active i {
    color: #00D1D2 !important;
}

body[data-sidebar="dark"] .mm-active .active {
    color: #00D1D2 !important;
}

body[data-sidebar="dark"].vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a {
    background: black;
    color: white;
}

body[data-sidebar="dark"] .navbar-brand-box {
    background: white;
}


/* cursor not allowed */
.cna {
    cursor: not-allowed;
}


/* app search  */
.app-search {
    padding: 0px !important;
}

.gap-1 {
    gap: 5px;
}



/*  */
.page-title,
.form-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.form-container {
    max-width: 500px;
    margin-inline: auto;

    background-color: white;
    padding: 20px;
    border-radius: 5px;
}

.form-container.form-container-lg {
    max-width: 700px;
}



/* disabled input */
input:disabled {
    background-color: rgb(236, 236, 236) !important;
}


table td {
    white-space: nowrap;
}

table .table-row-id-link {
    font-weight: 600;
    text-decoration: underline !important;
}

.filter-input {
    min-width: 100px;

}

.w-fit {
    width: fit-content;
}


.cursor-pointer {
    cursor: pointer;
}


/* style btn where has icon */
.btn:has(>i) {
    display: flex;
    align-items: center;
    gap: 2px;
}

.btn:has(>i) i {
    font-size: 1rem;
    position: relative;
    top: -1px;
}


label.required::after {
    content: "*";
    color: red;
}



/* select2 customization */

.select2-container .select2-selection--single {
    height: 38px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #d7d7d7;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 7px;
}

.select2-container.select2-container--default {
    width: 100% !important;
    min-width: 150px !important;
}














/* mpopup */
.mpopup {
    background-color: rgba(122, 122, 122, 0.267);

    opacity: 0;
    pointer-events: none;

    padding: 8px;
    box-sizing: border-box;


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

    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

.mpopup.show {
    opacity: 1;
    pointer-events: all;
}

.mpopup-content {
    background-color: white;
    border-radius: 0px;
    min-width: 300px;
    width: fit-content;
    box-sizing: border-box;
}




/* style table */
.table tbody tr:nth-child(even) td {
    background-color: #f0f0f0;
}

.table tfoot td {
    background-color: #d3d3d3;
    font-weight: bold;
    color: black;
    font-size: 1rem;
}