.table {
    margin-top: 15px;
}

.btn-dark {
    color: #ffffff;
    background-color: #343a40;
    border: 1px solid transparent;

}

.btn-orange {
    color: #ffffff;
    background-color: #be5601;
    border: 1px solid transparent;

}

.btn-sm {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 2px 2px 0 rgba(0, 0, 0, 0.19);
}

.btn-secondary {
    color: #ffffff;
    background-color: #6c757d;
}

.modal-fullscreen {
    width: 100%;
}

/* styling data table  */

.table-logo {
    width: 50px;
}

table.dataTable {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    /* Prevents overflow on rounded corners */
    font-family: Arial, sans-serif;
    font-size: 15px;
}

.dataTables_wrapper .dataTables_filter input {
    border: 1px solid #aaa;
    border-radius: 3px;
    padding: 5px;
    background-color: transparent;
    margin-left: 3px;
}

.dataTables_wrapper th {
    background-color: #094f81;
    color: #fff;
}
.dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
}

.dataTables_wrapper {
    position: relative;
    clear: both;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #111;
}

/* end styling data table */


/* styling modal start  */

.modal-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

/* styling modal end  */
.alert {
    word-wrap: break-word;
    /* Membagi kata jika terlalu panjang */
    word-break: break-word;
    /* Memutus kata pada batas kata */
    white-space: normal;
    /* Mengizinkan teks untuk membungkus ke baris berikutnya */
    max-height: 100%;
    /* Memberikan batas maksimum tinggi */
    overflow-y: auto;
    /* Memberikan scrollbar jika konten melebihi tinggi */
}
/* margin */
/* Margin Utilities */
.m-0 {
    margin: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
    /* 4px */
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1 {
    margin-left: 0.25rem !important;
}

.mr-1 {
    margin-right: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
    /* 8px */
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}

.mr-2 {
    margin-right: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
    /* 16px */
}

.mb-3 {
    margin-bottom: 1rem !important;
}

.ml-3 {
    margin-left: 1rem !important;
}

.mr-3 {
    margin-right: 1rem !important;
}

.mt-auto {
    margin-top: auto !important;
}

.mb-auto {
    margin-bottom: auto !important;
}

.ml-auto {
    margin-left: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

/* Margin Utility for X and Y Axes */

/* Margin 0 */
.m-0 {
    margin: 0 !important;
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Margin Small (0.25rem = 4px) */
.m-1 {
    margin: 0.25rem !important;
}

.mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
}

.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

/* Margin Medium (0.5rem = 8px) */
.m-2 {
    margin: 0.5rem !important;
}

.mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}

.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

/* Margin Large (1rem = 16px) */
.m-3 {
    margin: 1rem !important;
}

.mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

/* Margin Extra Large (1.5rem = 24px) */
.m-4 {
    margin: 1.5rem !important;
}

.mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

/* Margin Auto */
.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}


/* margin */
#show-sales-order {
    font-size: 24px;
}

.text-white {
    color: white;
  }

  .text-secondary {
    color: rgb(212, 212, 212);
  }