@media (max-width: 768px) {
  html body .m-l-15 {
    margin-left: 32px !important;
    margin-top: -25px !important;
  }
  html body .m-l-15a {
    margin-left: 8px !important;
    margin-top: 0px !important;
  }
}

.btn-default:hover {
  color: white !important;
}

.bg-biru {
  background-color: #354776 !important;
}
.bg-costum {
  background-color: #fff;
  background-size: cover;
  background-attachment: fixed;
  height: auto;
  min-height: 100%;
  background-repeat: no-repeat;
}

.bg-costum1 {
  background-color: #f1f3fa;
  background-size: cover !important;
  background-attachment: fixed !important;
  height: auto !important;
  min-height: 100% !important;
  background-repeat: no-repeat !important;
}
.text-muted {
  color: white !important;
}

.form-label {
  color: white !important;
}

.mt-sm-4 {
  margin-bottom: 1rem !important;
}

.warnafont {
  color: black !important;
}
.warnafont-putih {
  color: white !important;
}
.btn1:hover {
  color: white !important;
  background-color: #354776 !important;
  border-color: #354776 !important;
}

.btn:hover {
  color: white;
  background-color: #354776 !important;
  border-color: #354776 !important;
}
.btn-primary {
  --bs-btn-color: #fff !important;
  --bs-btn-bg: #354776 !important;
  --bs-btn-border-color: #354776 !important;
  --bs-btn-hover-color: #fff !important;
  --bs-btn-hover-bg: #354776 !important;
  --bs-btn-hover-border-color: #354776 !important;
  --bs-btn-focus-shadow-rgb: 49, 132, 253 !important;
  --bs-btn-active-color: #fff !important;
  --bs-btn-active-bg: #354776 !important;
  --bs-btn-active-border-color: #354776 !important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
  --bs-btn-disabled-color: #fff !important;
  --bs-btn-disabled-bg: #354776 !important;
  --bs-btn-disabled-border-color: #354776 !important;
}

.btn-outline-primary1 {
  --bs-btn-color: #354776;
  --bs-btn-border-color: #354776;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #354776;
  --bs-btn-hover-border-color: #354776;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #354776;
  --bs-btn-active-border-color: #354776;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #354776;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #354776;
  --bs-gradient: none;
}

.btn-outline-primary {
  --bs-btn-color: black;
  --bs-btn-border-color: none !important;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1f4ab7;
  --bs-btn-hover-border-color: #1f4ab7;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1f4ab7;
  --bs-btn-active-border-color: #1f4ab7;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #1f4ab7;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #1f4ab7;
  --bs-gradient: none;
}

.btn-outline-primary1 {
  --bs-btn-color: #354776;
  --bs-btn-border-color: #354776;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #354776;
  --bs-btn-hover-border-color: #354776;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #354776;
  --bs-btn-active-border-color: #354776;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #354776;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #354776;
  --bs-gradient: none;
}

.table-blue {
  --bs-table-bg: #354776 !important;
}

.text-muted {
  color: black !important;
}