.App {
    font-family: sans-serif;
    text-align: center;
  }

  .button_close {
    background-color: #757575; /* Green */
    border: none;
    color: white;
    padding: 9px 14px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    width: 100%;
  }

  .button_simpan {
    background-color: #10799c; /* Green */
    border: none;
    color: white;
    padding: 9px 14px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
    width: 100%;
  }
  
  .button_simpan:disabled {
    opacity: 0.5;
  }

  .button_edit {
    background-color: #3195b6; /* Green */
    border: none;
    color: white;
    padding: 8px 18px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
  }
  
  .button_edit:disabled {
    opacity: 0.5;
  }

  .button_hapus {
    background-color: #e41620; /* Green */
    border: none;
    color: white;
    padding: 8px 14px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
  }

  .button_hapus:disabled {
    opacity: 0.5;
  }

  .button_cari {
    background-color: #236af0; /* Green */
    border: none;
    color: white;
    padding: 9px 14px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
  }

  .button_cari:disabled {
    opacity: 0.5;
  }

  .button_reset_pencarian {
    background-color: #f12525; /* Green */
    border: none;
    color: white;
    padding: 9px 14px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
  }

  .button_reset_pencarian:disabled {
    opacity: 0.5;
  }

  .button_tambah_item {
    background-color: #103b8a; /* Green */
    border: none;
    color: white;
    padding: 9px 14px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
  }

  .button_tambah_item:disabled {
    opacity: 0.5;
  }

  .button_cari_modal {
    background-color: #103b8a; /* Green */
    border: none;
    color: white;
    padding: 9px 14px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
  }

  .button_cari_modal:disabled {
    opacity: 0.5;
  }

  .button_api_on {
    background-color: #e92020; /* Green */
    border: none;
    color: white;
    padding: 9px 14px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
  }

  .button_api_on:disabled {
    opacity: 0.5;
  }

  .button_api_off {
    background-color: #63666b; /* Green */
    border: none;
    color: white;
    padding: 9px 14px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
  }

  .button_api_off:disabled {
    opacity: 0.5;
  }

  .button_detail {
    background-color: #4d6faa; /* Green */
    border: none;
    color: white;
    padding: 9px 14px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
  }

  .button_detail:disabled {
    opacity: 0.5;
  }

  .button_resi_provider {
    background-color: #23c739; /* Green */
    border: none;
    color: white;
    padding: 9px 14px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
  }

  .button_resi_provider:disabled {
    opacity: 0.5;
  }

  .button_resi_fastworld {
    background-color: #e7b427; /* Green */
    border: none;
    color: white;
    padding: 9px 14px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
  }

  .button_resi_fastworld:disabled {
    opacity: 0.5;
  }

  .button_create_order {
    background-color: #248be0; /* Green */
    border: none;
    color: white;
    padding: 9px 14px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
  }

  .button_create_order:disabled {
    opacity: 0.5;
  }

  .button_logo_resi {
    background-color: #4d6faa; /* Green */
    border: none;
    color: white;
    padding: 9px 14px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
  }

  .button_logo_resi:disabled {
    opacity: 0.5;
  }

  .button_menu_checked {
    background-color: #11a50c; /* Green */
    border: none;
    color: white;
    padding: 9px 14px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
  }

  .button_menu_unchecked {
    background-color: #4e5768; /* Green */
    border: none;
    color: white;
    padding: 9px 14px;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
  }