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


input {
background-color: #D1EDD9;

}

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

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



.main-sidebar {
background: #326164;
}


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

.modal-header {
padding-top:5px;
height: 40px;
background-color: #326164;
color:#EDFFFB;
}

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

}

.judul {
font-size: 1.5em;
font-weight: bold;
vertical-align: middle;
color: #326164;

}

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;
}


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

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


.col {
width: 100%;

}

}

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

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