#btn_save_fab,
#btn_konfirm_fab_budget,
#btn_save_fab_budget {
  cursor: pointer;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.315);
  background-color: #67bfa2;
}

#btn_excel_km,
.btn_send_wa {
  display: flex;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

#btn_back,
#btn_dtl,
#btn_next {
  background-color: transparent;
  outline: 0;
}

#btn_excel,
#btn_excel_km {
  color: #52331b;
  background-color: #f1be94;
}

#btn_excel,
#btn_excel_km,
#btn_persen {
  background-color: #f1be94;
}

#btn_add,
#btn_show {
  margin-top: 5px;
  padding: 14px 2%;
  float: right;
  margin-right: 10px;
}

#btn_save_fab,
#btn_up {
  color: #ebfeff;
  z-index: 99;
  position: fixed;
  bottom: 30;
  right: 20;
}

#btn_add,
#btn_close,
#btn_show,
#btn_upload {
  margin-right: 10px;
}

.btn_send_wa {
  text-align: center;
  width: max-content;
  margin: auto;
  font-size: 16px;
  padding: 10px;
  border-radius: 100%;
  border: none;
  outline: 0;
  cursor: pointer;
  background-color: #48e14d;
  color: #e3fae5;
}

.btn_send_wa:hover {
  background-color: #24ac28;
}

#btn_save_fab {
  border: none;
  font-size: 15px;
  padding: 1.5%;
  border-radius: 100%;
  width: fit-content;
}

#btn_save_fab:hover,
#btn_konfirm_fab_budget:hover,
#btn_save_fab_budget:hover {
  background-color: #499e81;
}
.btn_add_problem {
  border: none;
  font-size: 16px;
  padding: 1%;
  color: #ebfeff;
  border-radius: 25px;
  margin-top: 5px;
  width: 30%;
  position: fixed;
  bottom: 5%;
  right: 2%;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
#btn_batal_konfirm_fab_budget,
#btn_konfirm_fab_budget,
#btn_save_fab_budget {
  border: none;
  font-size: 16px;
  padding: 1%;
  color: #ebfeff;
  border-radius: 25px;
  margin-top: 5px;
  width: 30%;
  position: fixed;
  bottom: 5%;
  right: 2%;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

#btn_login,
#btn_login_desk {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: #fff;
  cursor: pointer;
  background-color: #2aadad;
  width: 100%;
}

#btn_next {
  font-size: 16px;
  font-weight: 700;
  padding: 0 25px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  color: #c07a45;
}

#btn_next:hover {
  color: #ac652f;
  text-decoration: underline;
}

#btn_excel_km {
  font-size: 16px;
  padding: 16px;
  border-radius: 8px;
  border: none;
  outline: 0;
  cursor: pointer;
}

#btn_excel:hover,
#btn_excel_km:hover,
#btn_persen:hover {
  background-color: #cfa480;
}

#btn_upload {
  margin-top: 5px;
  padding: 15px 2%;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  float: right;
  font-size: 16px;
  font-weight: 550;
  background-color: #b39ddb;
  color: #241b52;
}

#btn_upload:hover {
  background-color: #ae80cf;
}

#form_scan h2 {
  font-size: 50px;
}

#form_scan label {
  font-size: 30px;
}

#btn_login_desk {
  margin-top: 10%;
  padding-top: 5%;
  padding-bottom: 5%;
  border: none;
  border-radius: 50px;
  font-size: 1rem;
}

#btn_buat:hover,
#btn_convert_tharian:hover,
#btn_login:hover,
#btn_login_desk:hover,
#btn_rekap:hover,
#btn_simpan:hover,
#btn_simpan_b:hover,
#btn_simpan_edit:hover,
#btn_simpan_hdr:hover,
#btn_simpan_jurnal:hover,
#btn_simpan_peg:hover,
#btn_simpan_uraian:hover #btn_edit_hdr_hadir:hover,
#btn_submit:hover,
#btn_tahu2:hover,
#btn_tahu:hover,
#btn_terima:hover,
#btn_upload_modal:hover,
.btn_add:hover {
  background-color: #046a77;
}

#btn_update_kg:hover {
  background-color: #74361a;
}

#btn_login {
  margin-top: 8%;
  padding-top: 4%;
  padding-bottom: 4%;
  border: none;
  border-radius: 50px;
  font-size: 2.3rem;
}

#btn_back,
#btn_dtl,
.info {
  font-size: 16px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

#btn_back,
#btn_dtl {
  height: fit-content;
  padding: 13px 10px 10px;
  border-radius: 100%;
  color: #bb8a53;
  border: none;
  text-align: start;
  cursor: pointer;
}

#btn_back:hover,
#btn_dtl:hover {
  color: #755634;
}

.info {
  text-align: left;
  border-radius: 5px;
  background-color: #ffeaea;
  border: 1px solid #b93a3a;
  padding: 15px;
  width: 90%;
  font-weight: 550;
  margin: 20px auto;
  color: #a80505;
}

.sub_nav_left {
  border: none;
  font-size: 14px;
  cursor: pointer;
  z-index: 99;
  text-align: center;
  position: absolute;
  top: 100;
  left: 0;
  padding: 10px;
  overflow: hidden;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.sub_nav_left p,
.sub_nav_left ul {
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.315);
}

.btn_populate,
.btn_unpopulate,
.btn_unpopulate_tb {
  outline: 0;
  text-align: start;
  cursor: pointer;
}

.btn_populate,
.btn_populate_tb,
.btn_unpopulate,
.btn_unpopulate_tb {
  height: fit-content;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 16px;
  padding: 14px 15px 10px;
  box-shadow: -1px 2px 6px 0 rgb(124 143 79 / 46%);
}

.sub_nav_left ul {
  text-align: left;
  background-color: #e4d3a3;
  padding: 10px;
}

.sub_nav_left ul li {
  list-style: none;
  padding: 15px 10px;
}

.sub_nav_left ul li:hover {
  color: #684928;
  background-color: #f8e9c1;
  border-radius: 7px;
}

.sub_nav_left ul a {
  color: #050505;
  font-size: 14px;
  text-decoration: none;
  transition: 0.3s;
}

.sub_nav_left p {
  margin-bottom: 14px;
  color: #884729;
  background-color: #f2e8af;
  padding: 15px;
  font-weight: 700;
  font-size: 16px;
}

.btn_unpopulate {
  border-radius: 25px;
  background-color: #ecafaf;
  color: #853a3a;
  border: none;
}

.btn_unpopulate:hover,
.btn_unpopulate_tb:hover {
  background-color: #c99595;
}

.btn_populate {
  border-radius: 25px;
  background-color: #e1ecaf;
  color: #0f570f;
  border: none;
}

#btn_add:hover,
#btn_bukti:hover,
#btn_spp:hover,
.btn_add_inline:hover,
.btn_for_file:hover,
.btn_for_file_b:hover,
.btn_populate:hover,
.btn_populate_tb:hover {
  background-color: #bfc995;
}

.btn_unpopulate_tb {
  border-radius: 10px;
  background-color: #ecafaf;
  color: #853a3a;
  border: 1px solid #a47e7e;
}

.btn_populate_tb {
  border: none;
  border-radius: 10px;
  background-color: #dded97;
  color: #0f570f;
  outline: 0;
  text-align: start;
  cursor: pointer;
}

#btn_bukti,
#btn_spp,
.btn_for_file {
  font-size: 16px;
  border-radius: 25px;
  height: fit-content;
  color: #0f570f;
  text-align: start;
  font-weight: 550;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  outline: 0;
}

#btn_bukti,
#btn_add,
#btn_spp,
.btn_for_file,
.btn_for_file_b {
  background-color: #e1ecaf;
  cursor: pointer;
}

#btn_persen,
.btn_for_file,
.btn_for_file_b,
.tb_sub_con_all,
.tb_sub_con_in,
.tb_sub_con_out {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

#btn_bukti,
#btn_spp {
  width: fit-content;
  padding: 10px 20px 10px 15px;
  margin-left: 8px;
  border: none;
  box-shadow: 0 0 3px 0 rgb(0 0 0 / 16%), 1px 3px 6px rgb(0 0 0 / 23%);
}

.btn_for_file {
  padding: 10px 19px 10px 15px;
  border: none;
  width: 160px;
}

.btn_for_file_b {
  height: fit-content;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 30px;
  font-weight: 550;
  padding: 10px 20px 10px 15px;
  border-radius: 25px;
  color: #0f570f;
  border: none;
  outline: 0;
  text-align: start;
  width: max-content;
}

#btn_add,
#btn_excel,
#btn_persen,
#btn_show,
.subjudul {
  font-size: 16px;
}

.subnav,
.tb_con_in,
.tb_con_out {
  text-align: center;
}

.btn_add_inline,
.btn_ambil_ys,
.btn_imp,
.btn_see,
.tb_con_in,
.tb_con_out {
  width: fit-content;
}

.tb_sub_con_all {
  display: inline-block;
  padding: 10px;
  border-radius: 8px;
  margin: 3px;
}

.tb_con_out {
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
  background-color: #b8969663;
}

.tb_sub_con_out {
  display: inline-block;
  padding: 10px;
  border-radius: 8px;
  margin: 3px;
  background-color: #fce9d9;
}

.tb_con_in {
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
  background-color: #96b8a76e;
}

.tb_sub_con_in {
  display: inline-block;
  padding: 10px;
  border-radius: 8px;
  margin: 3px;
  background-color: #dffcd9;
}

.cb-even {
  background-color: #d3e2d3;
}

.cb-odd {
  background-color: #fafaed;
}

.subjudul {
  padding: 15px 0 15px 20px;
  background-color: #bce3df;
  border-radius: 5px;
  color: #51615f;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

#btn_excel_all_dept {
  margin-top: 5px;
  margin-right: 10px;
  padding: 15px 2%;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  float: right;
  font-size: 16px;
  font-weight: 550;
  background-color: #9dd7db;
  color: #1b2e52;
}

#btn_excel_all_dept:hover {
  background-color: #80b9cf;
}

#btn_excel {
  padding: 15px 15%;
  display: flex;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 550;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.158);
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
}

#btn_persen {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  margin-left: 10px;
  padding: 11px 10px;
  border-radius: 8px;
  font-weight: 600;
  border: none;
  outline: 0;
  cursor: pointer;
}

#btn_add {
  border: 1px solid #a0caa0;
  border-radius: 8px;
  font-weight: 550;
  color: #0d4d0d;
}

#btn_show {
  border: 1px solid #d8d651;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 500;
  background-color: #f8f527;
}

#btn_convert_tharian,
#btn_convert_tharinew {
  font-weight: 550;
  padding: 20px 15px;
  border-radius: 10px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 16px;
}

#btn_convert_tharinew:hover,
#btn_show:hover {
  background-color: #dad624;
}

#btn_convert_tharian {
  background-color: #2aadad;
  border: none;
  outline: 0;
  color: #fff;
  cursor: pointer;
}

#btn_convert_tharinew {
  margin-left: 10px;
  background-color: #f8f527;
  border: 1px solid #f8d927;
  outline: 0;
  cursor: pointer;
}

#btn_simpan_jurnal,
.btn_add_inline {
  border-radius: 10px;
  outline: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  cursor: pointer;
}

#btn_simpan_jurnal {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-size: 18px;
  padding: 20px 30px;
  margin-top: 10px;
  background-color: #2aadad;
  border: none;
  color: #fff;
}

.hitung {
  margin-top: 5px;
  margin-right: 10px;
  margin-left: 10px;
  padding: 14px 4%;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  float: right;
  font-size: 16px;
  background-color: #559618;
  font-weight: 500;
  color: white;
}

.hitung:hover {
  background-color: #357230;
}

.btn_imp {
  display: flex;
  padding: 7px 20px;
  border-radius: 8px;
  background-color: #a3a192;
  border: none;
  outline: 0;
  color: #fff;
  font-size: 16px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  cursor: pointer;
}

.btn_imp:hover {
  background-color: #75746b;
}

.btn_add_inline {
  display: flex;
  margin-left: 10px;
  padding: 8px 13px 7px;
  border: none;
  font-size: 16px;
  background-color: #dbe5ad;
  color: #0d4d0d;
}

.btn_ambil_ys {
  display: flex;
  margin-left: 10px;
  padding: 8px 20px 7px;
  border-radius: 10px;
  border: none;
  outline: 0;
  font-size: 16px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  cursor: pointer;
  background-color: #e5cbad;
  color: #4d2c0d;
}

.btn_ambil_ys:hover {
  background-color: #c9ae95;
}

.btn_add {
  display: flex;
  font-size: 14px;
  padding: 10px 30px;
  border-radius: 8px;
  background-color: #2aadad;
  border: none;
  outline: 0;
  color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  cursor: pointer;
}

.user_BRN,
.user_EDP,
.user_LIA,
.user_MAV,
.user_MRT,
.user_RNA,
.user_SYS,
.user_LAN,
.user_WIN {
  color: #fff;
  padding: 10px;
  margin: 2px;
  border-radius: 50px;
}

.user_EDP {
  background-color: #b89075;
}

.user_SYS {
  background-color: #e25a00;
}

.user_MAV {
  background-color: #a75186;
}

.user_LIA {
  background-color: #086bbb;
}

.user_MRT {
  background-color: #10a35a;
}

.user_WIN {
  background-color: #d415d4;
}

.user_BRN {
  background-color: #038f71;
}

.user_RNA {
  background-color: #395dfc;
}

.user_LAN {
  background-color: #01afff;
}

.user_AY2 {
  background-color: #f8e220;
  color: #000;
  padding: 10px;
  margin: 2px;
  border-radius: 50px;
}

.konf_do,
.konf_info,
.tamp_piutang {
  color: #fff;
  padding: 10px;
  margin: 2px;
  border-radius: 50px;
}

.tamp_piutang {
  background-color: red;
}

.konf_do {
  background-color: #00830b;
}

.konf_info {
  background-color: #b89075;
  display: inline-block;
}

.konf_info_icon {
  background-color: transparent;
  padding: 5px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}

.h,
.l {
  color: #fff;
  margin: 2px;
  border-radius: 50px;
  padding: 10px;
}

.h {
  background-color: #5f98a0;
}

.l {
  background-color: #9c6888;
}

.container-checkbox {
  position: relative;
  cursor: pointer;
  font-size: 25px;
  user-select: none;
  text-align: center;
}

.container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.subnav {
  background-color: #8cd5dd;
  color: #0e3150;
  padding: 20px 60px;
  position: sticky;
  border-radius: 25px;
  top: 7px;
  right: 20px;
  margin: 10px 0;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.315);
}

.btn_see {
  border: none;
  font-size: 14px;
  margin-top: 15px;
  padding: 15px;
  cursor: pointer;
  color: #363336;
  border-radius: 8px;
  background-color: #f8e099;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.158);
}

.btn_see:hover {
  background-color: #c5b37c;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.158);
}

#dtlpdo:hover,
.btn_search:hover {
  background-color: #9b4f2c;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.158);
}

.btn_search {
  background-color: transparent;
  border: none;
  font-size: 14px;
  margin-left: 20px;
  padding: 10px 13px;
  cursor: pointer;
  color: #f7f7f7;
  border-radius: 10px;
  width: fit-content;
  background-color: #c76538e3;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.158);
}

#btn_up,
.btn_konfirmasi {
  padding: 15px;
  cursor: pointer;
  width: fit-content;
}

#dtlpdo:hover {
  cursor: pointer;
}

.btn_konfirmasi {
  border: none;
  font-size: 14px;
  color: #fff;
  border-radius: 8px;
  background-color: #a1bd9d;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.158);
}

.btn_konfirmasi:hover {
  background-color: #30302be4;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.158);
}

#btn_up {
  border: none;
  font-size: 12px;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.315);
  background-color: #2aad76;
}

#btn_up:hover {
  background-color: #165e40;
}

#txbrgjadi {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #49607e;
  border-radius: 8px;
  resize: vertical;
}

.btn_nav_back,
.btn_nav_next,
.btn_next_hdr {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  border: none;
  background-color: #f1a81f;
  cursor: pointer;
  font-weight: 500;
  color: #fff;
  margin-top: 5px;
  font-size: 16px;
}

#btn_nav {
  width: 100%;
  justify-content: space-between;
  display: flex;
}

.btn_nav_back,
.btn_nav_next {
  padding: 12px 3%;
  border-radius: 25px;
}

#btn_next_hdr:hover,
.btn_nav:hover,
.btn_nav_back:hover,
.btn_nav_next:hover {
  background-color: #a57317;
}

.btn_next_hdr {
  padding: 12px 4%;
  border-radius: 8px;
  float: right;
}

#btn_logout,
#btn_manual {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  margin-top: 20px;
  border: none;
  padding: 25px 2%;
}

#btn_logout {
  margin-left: 40px;
  border-radius: 10px;
  cursor: pointer;
  float: right;
  font-size: 30px;
  font-weight: 500;
  background-color: #ad2a2a;
  color: #fff;
}

#btn_logout:hover {
  background-color: #6f1b1b;
}

#btn_manual {
  margin-left: 30px;
  border-radius: 10px;
  cursor: pointer;
  float: right;
  font-size: 30px;
  font-weight: 500;
  background-color: #6750af;
  color: #fff;
}

#btn_preview,
#btn_simpan_b {
  margin-top: 20px;
  border: none;
  font-size: 30px;
  cursor: pointer;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: #fff;
  font-weight: 500;
  float: right;
}

#btn_simpan_s {
  margin-top: 20px;
  border: none;
  font-size: 30px;
  cursor: pointer;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: #fff;
  font-weight: 500;
  float: right;
}

#btn_simpan_u {
  margin-top: 20px;
  border: none;
  font-size: 30px;
  cursor: pointer;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: #fff;
  font-weight: 500;
  float: right;
}

#btn_update_kg {
  margin-top: 20px;
  border: none;
  font-size: 30px;
  cursor: pointer;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: #ffffff;
  font-weight: 500;
  float: right;
}

#btn_manual:hover {
  background-color: #44346f;
}

#btn_preview {
  margin-left: 30px;
  padding: 25px 2%;
  border-radius: 10px;
  background-color: #4b973c;
}

#btn_preview:hover {
  background-color: #297133;
}

#btn_simpan_b {
  margin-left: 20px;
  padding: 25px 1.7%;
  border-radius: 10px;
  background-color: #2aadad;
}

#btn_simpan_s {
  margin-left: 20px;
  padding: 25px 1.7%;
  border-radius: 10px;
  background-color: #2aadad;
}

#btn_simpan_u {
  margin-left: 20px;
  padding: 25px 1.7%;
  border-radius: 10px;
  background-color: #eb222c;
}

#btn_update_kg {
  margin-left: 20px;
  padding: 25px 1.7%;
  border-radius: 10px;
  background-color: #dd8d4c;
}
#btn_buat,
#btn_tahu,
#btn_tahu2,
#btn_terima {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  margin-top: 16px;
  padding: 15px 4%;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  font-size: 20px;
  font-weight: 550;
  background-color: #2aadad;
  color: #fff;
}

#btn_history_peg,
#btn_excel_all_budget_tk,
#btn_excel_budget_tk,
#btn_peg {
  font-size: 18px;
  font-weight: 700;
  padding: 10px 25px;
  margin-right: 25px;
  outline: 0;
  cursor: pointer;
}

#btn_excel_budget_tk {
  border-radius: 8px;
  border: none;
  background-color: #9ddbc7;
  color: #174435;
}

#btn_excel_budget_tk:hover {
  background-color: #85c0ac;
}

#btn_excel_all_budget_tk {
  border-radius: 8px;
  border: none;
  background-color: #9da1db;
  color: #2b1744;
}

#btn_excel_all_budget_tk:hover {
  background-color: #9585c0;
}

#btn_peg {
  border-radius: 8px;
  border: none;
  background-color: #eec6a8;
  color: #53351f;
}

#btn_peg:hover {
  background-color: #c3a187;
}

#btn_history_peg {
  border-radius: 8px;
  border: none;
  background-color: #eea8c5;
  color: #531f4a;
}

#btn_history_peg:hover {
  background-color: #b987c3;
}

#btn_edit_hdr_hadir,
#btn_rekap,
#btn_simpan,
#btn_simpan_edit,
#btn_simpan_hdr,
#btn_simpan_peg,
#btn_simpan_uraian,
#btn_submit,
#btn_upload_modal {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  margin-top: 5px;
  padding: 15px 4%;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  float: right;
  font-size: 20px;
  font-weight: 550;
  background-color: #2aadad;
  color: #fff;
}

.batal_rounded {
  padding: 10px 11px;
  width: fit-content;
  border: none;
  border-radius: 10%;
  cursor: pointer;
  background-color: #8f4522;
  color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.315);
}

#btn_close,
#btn_batal_konfirm_fab_budget,
.batal {
  margin-top: 5px;
  cursor: pointer;
  background-color: #e64e3b;
  color: #fff;
}

#btn_batal_konfirm_fab_budget:hover,
.batal,
.batal:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.315);
}

.batal_rounded:hover {
  background-color: #662719;
}

.batal {
  padding: 8px 8%;
  border: none;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 500;
}

#btn_batal_konfirm_fab_budget,
.batal:hover {
  background-color: #ad3c2d;
}

#btn_close {
  padding: 15px 4%;
  border: none;
  border-radius: 10px;
  float: right;
  font-size: 18px;
  font-weight: 550;
}

#btn_close:hover {
  background-color: #862e22;
}

@media screen and (max-width: 600px) {
  .col-25,
  .col-75,
  input[type="submit"] {
    width: 100%;
    margin-top: 0;
  }
}

#btn_pdf {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  padding: 10px 5px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  width: 100%;
  background-color: #2aadad;
  color: #fff;
}

#btn_pdf:hover {
  background-color: #046a77;
}

.btn_attachment {
  background-color: #d9f99d;
  opacity: 0.6;
  padding: 10px;
  border: 1px solid #7cb342;
  outline: none;
  border-radius: 15px;
}

.btn_attachment:hover {
  opacity: 0.9;
}