html {
  font-family: "Sans Pro", "Helvetica Neue",Helvetica,Arial,sans-serif;
  background:;
  font-size: 14px;
}

table thead th {
  text-align:;
  color : #EDFFFB;
  background: #059862;
  white-space: nowrap;
  font-size:14px;
}

.table td, .table th {
padding: .45rem;
vertical-align: top;
border-top: 1px solid #dee2e6;
}



.main-sidebar {
background: #059862;
}


.label {
text-align: right;
font-weight: bold;
color: #36638F;
}

.modal-content {
background: transparent;
}

.modal-header {
background-color: #FFFFFF;
color:#074a3b;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.modal-body {
background-color: #fff;

}

.modal-footer {
height: 40px;
margin-top: 20px;

}

.judul {
font-size: 2em;
font-weight: bold;
vertical-align: middle;
color: #228E3B;

}

div.dt-buttons {
float: right;
margin-left:10px;
}


ul.nav a:hover { 
color: #fff !important;
font-weight:bold !important;

}


.nav-pills .nav-link {
color: #FFFFFF !important;
}


/* ---------------------------------------------------
  MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 768px) {

.label {
text-align:left;
font-weight: bold;
color: #120b31;
}

}

.login-box,
.register-box {
  width: 70%;
}

@media (max-width: 576px) {
  .login-box,
  .register-box {
    margin-top: .5rem;
    width: 90%;
  }
}