.login-box {
  margin: 5% auto;
  border-radius: 10px;
}

.body {
  background-image: url("../../../gambar/pelabuhan.jpg");
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
}

.logo,
.navbar {
  background: #022eb1 !important;
}

.login-box-body {
  padding: 10px 20px 20px 20px !important;
  /* color: black;  */
  color: transparent;
  border-radius: 5px;
  opacity: 0.9;
}

.login-logo {
  font-size: 30px;
  margin-bottom: 20px;
  /* color: white; */
}

.login-box-body h3 {
  font-weight: bold;
}

.login-box-body img {
  display: block;
  margin: 15px auto;
}
.login-box {
  /* background: black; */
  border-radius: 10px;
}

#inline {
  margin: 15px auto;
  padding: 0;
}

#inline li {
  display: inline;
  margin-left: 15px;
  margin-right: 15px;
}

/* fieldset */
fieldset.border-fieldset {
  border: 1px groove #ddd !important;
  padding: 0 1.2em 1.2em 1.2em !important;
  margin: 0 0 1.5em 0 !important;
  -webkit-box-shadow: 0px 0px 0px 0px #000;
  box-shadow: 0px 0px 0px 0px #000;
}

legend.border-fieldset {
  width: inherit;
  padding: 0 05px;
  border-bottom: none;
}
/* contoh fieldset cuiii */
/* <fieldset class="border-fieldset">
    <legend class="border-fieldset">Test</legend>
    <p>jaksjka</p>

    <p>kaslakl</p>
</fieldset> */