@media (max-width: 575.98px) {
  .card-center {
    max-width: 100%;
    /* mengubah maksimum lebar card */
    padding: 0 10px;
    /* menambah padding kiri dan kanan */
  }
}

/* media query untuk layar kecil (sm) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .card-center {
    max-width: 100%;
    /* mengubah maksimum lebar card */
    padding: 0 15px;
    /* menambah padding kiri dan kanan */
  }
}

/* media query untuk layar sedang (md) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .card-center {
    max-width: 100%;
    /* mengubah maksimum lebar card */
    padding: 0 20px;
    /* menambah padding kiri dan kanan */
  }
}

@media (min-width: 992px) {
  .card-center {
    width: 100%;
    max-width: 500px;
    /* maksimum lebar card */
  }
}

.invalid-feedback {
  margin-top: 1px;
}

/* Fokus border pada input dan tombol */
/* .input-group input:focus,
   .input-group button:focus {
       border-color: #aaaaaf; 
   } */

/* Menghilangkan border default di tombol untuk fokus */
.input-group .input-group-text {
  border-left: none;
  /* Menghilangkan pembatas border di kiri tombol */
}

/* Mengatur border antara input dan tombol agar tetap menyatu */
.input-group input:focus+.input-group-text {
  border-color: #aaaaaf;
  /* Menyamakan border dengan input saat fokus */

}

/* Override Plugin Fonts to use Google Sans */
.select2-container .select2-search--inline .select2-search__field,
.daterangepicker,
.ql-container,
.ql-snow .ql-toolbar {
  font-family: 'Google Sans', sans-serif !important;
}

/* Font Size Overrides - Inline CSS Style */
html {
  font-size: 13px !important;
}

body {
  font-size: 15px !important;
}