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


input {
background-color: #D1EDD9;

}

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

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



.main-sidebar {
background: #EF5000;
}


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

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

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

}

.judul {
font-size: 1.5em;
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;
}


/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 768px) {
.container-fluid {
padding-left: 2px ;
padding-right: 2px ;
}

.card-body {
padding-left: 5px;
padding-right: 5px;

}

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


.col {
width: 100%;

}

}