body {height: 100%;}
      .container-full-height {height: 100vh;width: 100%;}
      .card-header {background-color: transparent;padding-top: 0px;padding-bottom: 0px;height: 55px;margin-left: -20px;margin-right: -20px;}
      .card {margin-top: 0px;padding-top: 0;border: 0px solid blue;--bs-card-spacer-y: 0rem;--bs-card-spacer-x: 1rem; width: 100%;}
      .card-body {margin-top: 60px;padding-top: 0;padding-bottom:60px;width: 100%;}
      .p-4 {padding: 0rem !important;}
      footer {background-color: black;color: white;padding-bottom: 10px;text-align: center;height: 30px;font-size: 11pt;z-index: 99999;}
      h5, .form-check-label {font-size: 14px; font-weight: 500;margin-left: 10px;}

    .form-control {border: 2px solid black; width: 250px}
    .label{font-size: 12pt; font-weight: 500; background-color: grey;}
    .label2 {font-size: 12pt; font-weight: 500;}
    .input-group-text {background-color: lightgray; width: 100px;font-size: 12pt;}
    .isian {width: 50px;font-size: 12pt;border: 0;}
    #basic-addon1 {background-color: lightgray; width: 70px;font-size: 12pt;}
    .judul {font-size: 12pt;margin-left: 10px;}
    .input-group {position: relative;display: flex;flex-wrap: wrap;align-items: stretch;width: 100%;border: 2px solid black;}
    .cek {width: 152px;}
    #suami, #ayah, #ibu {margin-left: 10px;}
    .awal {margin-bottom: -10px;}
    .input-group-atas {background-color: lightgray; width: 100px;font-size: 10pt;margin-bottom: -10px;}
    .input-group-text1 {background-color: lightgray; width: 100px;font-size: 12pt;}
    .isianAtas {border: 1px solid black;text-align: right; padding-right: 10px;}
    .hilang {display: none;}
    .hilang {display: none;}

    @media (max-width: 600px) {
      body {font-size: 14px;}
      .card-body {
    margin-top: 60px;
    padding-top: 0;
    padding-bottom: 0px;
    width: 100%;
}
      h5, .form-check-label {font-size: 12px; font-weight: 500;}
      .input-group {position: relative;display: flex;flex-wrap: wrap;align-items: stretch;width: 100%;border: 2px solid black; height: 30px;}
      .input-group-text {background-color: lightgray;width: 80px;font-size: 10pt;height: 26px;font-weight: 500;padding-left: 5px;}
      #basic-addon1 {background-color: lightgray;width: 70px;font-size: 10pt;padding-left: -10px}
      .cek {width: 132px;}
      label {display: inline-block;width: 150px;}
      .input-group-text1 {background-color: lightgray;width: 70px;font-size: 10pt;height: 26px;font-weight: 500;padding-left: 5px;}

      .tema {font-size: 10pt;margin-left: 0px;margin-right: 0px}
      .navbar-brand {margin-right: -40px;}
      .img-fluid {height: auto;margin-left: -10px;}
      .table {height: 50%;}
      .img-fluid {max-width: 30%;height: auto;margin-left: -40px;}
      .navbar-brand img {max-width: 40%;height: auto;margin-left: -10px;}
      .input-group-atas {background-color: lightgray; width: 350px;font-size: 10pt;margin-bottom: -15px;border: 0px;}
      .input-group-text1 {background-color: lightgray;width: 270px;font-size: 10pt;height: 26px;font-weight: 500;padding-left: 5px;}
      .input-group-text1A {background-color: lightgray;width: 170px;font-size: 10pt;height: 26px;font-weight: 500;padding-left: 5px;}
      .tempatForm {margin-right: 0px; margin-left: -30px;width:360px;}
      .fa-home {margin-right: 40px;}
      #submit {margin-bottom: 0px;}
     
      table {margin-top: 0px;}
      .btn-group-sm>.btn, .btn-sm {--bs-btn-padding-y: 0.25rem;--bs-btn-padding-x: 0.5rem;--bs-btn-font-size: 0.875rem;--bs-btn-border-radius: var(--bs-border-radius-sm);}
      .inputBawah {margin-top: 0px;margin-left:10px; margin-bottom: 0px; border: 2px solid red; padding-top: 5px; padding-bottom: 5px;}
      .form-check-input {border:2px solid black; font-size: 14pt;margin-top: 0px; margin-left: 10px;}
      .form-check .form-check-input {float: left;margin-left: 0px; color: red;}
      h5, .form-check-label {font-size: 12px;font-weight: 500;font-size: 10pt;color: red;}
    }