@import url('https://fonts.googleapis.com/css?family=Roboto:300,400&display=swap');

/* Login */
.half, .half .container > .row {
  height: 100vh;
}

.half .bg {
  background-color: #DDE1E6;
}

.half .bg .container {
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.half .contents, .half .bg {
  width: 50%;
}

.half h3 {
  font-family: Roboto;
  font-weight: 700;
  font-size: 40px;
  color: #21272A;
  padding-bottom: 15px;
}

.half .form-label {
  font-family: Roboto;
  font-weight: 400;
  font-size: 15px;
  color: #21272A;
}

.half .form-control {
  border: none;
  border-bottom: 1px solid #ced4da;
  border-radius: 0;
  background-color: #F2F4F8;
}

.half .form-control:focus {
  box-shadow: none;
}

.half a {
  font-family: Roboto;
  font-weight: 400;
  font-size: 15px;
  color: #001D6C;
  text-decoration: none;
}

@media (max-width: 991.98px) {
  .half .bg {
    height: 500px;
  }
  .banner {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  .half .contents, .half .bg {
    width: 100%;
  }
}

/* Header */
.nav-bottom {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}

/* Dropzone */
.dropzone {
  background-color: #D9D9D9;
  border: transparent;
}

/* Button Back */
a.back {
  font-size: 13px;
  color: #000;
  padding: 3px 5px;
  background-color: #ffffff;
}

a.back:hover {
  color: #000;
  opacity: .8;
}

/* Input Nilai Form */
.input-nilai-form .table td, .table th {
    font-weight: bold;
    border: transparent;
}