body {
    font-family: 'Inter', sans-serif;
}


.bg-header {
    background-color: #091A33;
}

.bg-aside {
    background-color: #081830;
}

.bg-main {
    background-color: #051428;
}

.bg-card {
    background-color: #061A34;
}

.clr-white {
    color: #F7F8F9;
}

.clr-green {
    color: #0EBE75;
}

.clr-deskripsi {
    color: #54789B;
}

.clr-biru-muda {
    color: #A4D9E6;
}


.border-red {
    border: 3px solid #913843;
}

.status_no {
    background-color: #fc0623;
}

.status_yes {
    background-color: #0aff2f;
}

.border-blue {
    border: 3px solid #116DB7;
}


.border-green {
    border: 3px solid #06AB79;
}

.border-gold {
    border: 3px solid #C8932C;
}

.aside-hidden {
    display: none;
}

.aside-js {
    align-items: center;
    width: 3%;
    transition: width 0.3s;
}

.aside-js.aside-open {
    width: 10%;
    align-items: start;
    padding-left: 10px;
}

.menu-js {
    transition: width 0.3s;
}

.menu-js.open {
    padding-left: 130px;
}

.vam {
    display: flex;
    flex-direction: column;
}

.ham {
    display: flex;
    flex-direction: row;
}