:root {
   --trucarbon-base-color: #0a564a;
   --trucarbon-base-hover-color: rgb(7, 63, 55);
}

.table-trucarbon-layout .table-trucarbon table thead tr th {
   /* background-color: ; */
   background-color: #0a564a;
   padding-top: 15px;
   padding-bottom: 15px;
   padding-left: 20px;
   padding-right: 20px;
   color: white;
}

.table-trucarbon-layout .table-trucarbon table tbody tr td {
   /* background-color: ; */
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 20px;
   padding-right: 20px;
}

.table-trucarbon-layout .pagination .page-link {
   position: unset;
}

.table-trucarbon-layout .pagination .page-link {
   color: #0a564a;
}

.table-trucarbon-layout .pagination .page-link.active {
   border-color: #0a564a;
   background-color: #0a564a;
   color: white;
}

.trucarbon-text-base-color {
   color: var(--trucarbon-base-color);
}

.trucarbon-bg-base-color {
   background-color: var(--trucarbon-base-color);
}

.trucarbon-bg-base-hover-color {
   background-color: var(--trucarbon-base-color);
}

.login-container {
   min-height: 100vh;
   display: flex;
   flex-direction: column;
   justify-content: center;
   /* Ganti dengan background kamu */
   background-size: cover;
   background-position: center;
   position: relative;
}

.text-color-base {
   color: #0a564b;
}

body {
   font-family: "Open Sans", sans-serif;
}

.font-family-mulish {
   font-family: "Mulish", sans-serif;
}

.btn-pink {
   color: white;
   border-radius: 200px;
   background-color: rgb(225, 127, 128);
   display: flex;
   align-items: center;
}

.btn-pink:hover {
   color: white;
   background-color: rgba(225, 127, 128, 0.8);
}

.btn-pink:active {
   color: white;
   background-color: rgba(225, 127, 128);
}

.btn-pink i {
   vertical-align: 0;
   margin-right: 5px;
}
.btn-pink svg {
   vertical-align: middle;
   margin-right: 5px;
}

.btn-pink.trucarbon-bg-base-color {
   background-color: var(--trucarbon-base-color);
}

.btn-pink.trucarbon-bg-base-color:hover {
   background-color: var(--trucarbon-base-hover-color);
}

.form-trucarbon .col-form-label {
   color: var(--trucarbon-base-color);
   font-weight: bold;
}
.form-trucarbon .form-label {
   color: var(--trucarbon-base-color);
   font-weight: bold;
}

@media (max-width: 576px) {
   .table-trucarbon-top-header .show-entries {
      width: 100%;
   }
   .table-trucarbon-top-header .table-trucarbon-top-header-left {
      padding-bottom: 10px;
   }
   .table-trucarbon-top-header .table-trucarbon-searching {
      width: 100%;
   }
}

@media (min-width: 576px) {
   .table-trucarbon-top-header .show-entries {
      width: auto;
   }
   .table-trucarbon-top-header .table-trucarbon-searching {
      width: auto;
   }
}

/* .table-container {
   position: relative;
} */

/* Overlay Loading */
.loading-overlay-datatable {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(255, 255, 255, 0.8); /* Semi-transparan */
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 9999; /* Pastikan di depan tabel */
}