h1,h2,h3,h4,h5,h6,label, th, td, .card {
    color: #000!important;
}
body {
    background-color:#f5f7fb!important;
    font-size: 1rem;
}

/* ADMIN KIT */
h1 {font-size: calc(1.375rem + 1.5vw)}
h2 {font-size: calc(1.325rem + .9vw)}
h3 {font-size: calc(1.3rem + .6vw)}
h4 {font-size: calc(1.275rem + .3vw)}
h5 {font-size: 1.25rem}
h6 {font-size: 1rem}

.content {
    padding: 0px 12px!important;
}

.btn {
    font-size: 1rem;
  }

.form-control, .form-select, .dropdown-item {
    color: #000;
    font-size: 1rem;
}
.form-control, .form-select, .dropdown-item:focus {
    color: #000!important;
}

.dropdown-item:active {
    color:white!important;
    background-color: #F77220!important;
}

.modal-body>* {
    white-space: normal;
}

/*--------------------------------------------------------------
  # Sidebar
--------------------------------------------------------------*/
.sidebar,.sidebar-content{
    background:#fff;
}
.sidebar-link,a.sidebar-link{
    background:#fff;
    color:#000;
}
.sidebar-link i,.sidebar-link svg,a.sidebar-link i,a.sidebar-link svg{
    color:#535353;
}
.sidebar-link{
    color:#535353!important;
}

.sidebar-header {
    color:#535353;
    font-weight: 600;
    padding: 1rem 1.5rem 0.375rem;
}

.sidebar-item.active .sidebar-link:hover,
.sidebar-item.active>.sidebar-link,
.sidebar-item.active>.sidebar-link>i{
    background-color: #F77220;
    border-left-color: #F77220;
    color:#fff!important;
    border-radius: 0 50px 50px 0;
}
.sidebar-item>.sidebar-link:hover,
.sidebar-link:hover>i {
    background-color: #f1f3f4;
    border-left-color: #f1f3f4;
    color:#202124!important;
    border-radius: 0 50px 50px 0;
}
.sidebar-item>.sidebar-link:link {
    border-radius: 0 50px 50px 0;
}

/*--------------------------------------------------------------
  # Animasi Ombak Dashboard
--------------------------------------------------------------*/
.waves {
    position:relative;
    width: 100%;
    height:15vh;
    margin-bottom:-7px;
    min-height:100px;
    max-height:150px;
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}
.parallax > use {
    animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
}
.parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}
.parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}
.parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}
.parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}
@keyframes move-forever {
    0% {
    transform: translate3d(-90px,0,0);
    }
    100% { 
        transform: translate3d(85px,0,0);
    }
}