body {
  font-family: 'DM Sans', sans-serif;
}

body main#app {
  height: 100vh;
}

body main#app section.fullscreen {
  width: 100%;
  height: 100%;
}

body main#app section.fullscreen .content-start {
  padding: 64px;
}

body main#app section.fullscreen .content-start header h1 {
  font-weight: 400;
}

body main#app section.fullscreen .content-start form {
  margin-top: 64px;
}

body main#app section.fullscreen .content-start form .input-group > span {
  padding-right: 24px;
}

body main#app section.fullscreen .content-start form input, body main#app section.fullscreen .content-start form select {
  background-color: #f7f7f7 !important;
  height: auto;
  color: #272727 !important;
  padding: 16px 24px;
}

body main#app section.fullscreen .content-start form input.form-control, body main#app section.fullscreen .content-start form select.form-control {
  border-right: 0;
}

body main#app section.fullscreen .content-start form input.form-select, body main#app section.fullscreen .content-start form select.form-select {
  background-position: right 28px center;
  color: #272727 !important;
}

body main#app section.fullscreen .content-start form input::-webkit-input-placeholder, body main#app section.fullscreen .content-start form select::-webkit-input-placeholder {
  color: #d3d3d3 !important;
}

body main#app section.fullscreen .content-start form input:-ms-input-placeholder, body main#app section.fullscreen .content-start form select:-ms-input-placeholder {
  color: #d3d3d3 !important;
}

body main#app section.fullscreen .content-start form input::-ms-input-placeholder, body main#app section.fullscreen .content-start form select::-ms-input-placeholder {
  color: #d3d3d3 !important;
}

body main#app section.fullscreen .content-start form input::placeholder, body main#app section.fullscreen .content-start form select::placeholder {
  color: #d3d3d3 !important;
}

body main#app section.fullscreen .content-start form button {
  margin-top: 64px;
}

body main#app section.fullscreen .content-start form button.bg-mandiri {
  background-color: #1D4377 !important;
  color: #fff !important;
  border-color: #1D4377 !important;
  padding: 12px 18px 12px 24px;
}

body main#app section.fullscreen .content-end {
  background-color: #1D4377;
  background-image: url("../img/ornament.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: contain;
  height: 100%;
  min-height: 450px;
  position: relative;
  overflow: hidden;
}

body main#app section.fullscreen .content-end::after {
  content: '';
  position: absolute;
  top: calc(40% - 125px);
  left: calc(50% - 125px);
  width: 100%;
  height: 100%;
  display: block;
  background-image: url("../img/25th.png");
  background-repeat: no-repeat;
  background-size: 250px;
}
/*# sourceMappingURL=custom.css.map */