body {
  font-family: "Inter", sans-serif;
  /* background-color: white; */
  background-image: url("https://cdn.siap.id/s3/UI-UX/doc-project-dxs/img/bg-ppg1.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  background-attachment: fixed;
  height: 100vh;
  background-color: #e4e6fb;
}

.card-none-color {
  background-color: white;
  border-radius: 10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
}

a {
  text-decoration: none ;
  color: inherit;
}

.password-icon {
  position: absolute;
  right: 15px;
  top: 10px;
  z-index: 1000;
}
/* --------------------- */
.btn-primary {
  background-color: #6c21d7;
  border: none;
}

.btn-primary:hover {
  color: #fff;
  background-color: #512da8;
  border-color: #512da8;
}

.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #6c21d7;
  border-color: #6c21d7;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #6c21d7;
  border-color: #6c21d7;
}

.btn-primary.focus,
.btn-primary:focus {
  color: #fff;
  background-color: #6c21d7;
  border-color: #6c21d7;
  box-shadow: 0 0 0 0.2rem #bd8dff;
}
/* ------------------------ */

.form-control:focus {
  background-color: #fff;
  border-color: white;
  outline: 0;
  box-shadow: 0 0 0 0.2rem #bd8dff;
}

.warna-utama {
  color: #6c21d7;
}

a:hover {
  color: #512da8;
}

.bg-utama {
  background-color: #6c21d7;
}

.no-bg {
  background-color: white;
}

.border-left-0 {
  border-left: 0px;
}
.border-right-0 {
  border-right: 0px;
}