/* ==========================
   CARD
========================== */

.stat-card{

    background:#fff;

    border-radius:24px;

    box-shadow:0 8px 24px rgba(0,0,0,.06);

    overflow:hidden;

    height:100%;

}

/* ==========================
   HEADER
========================== */

.stat-card-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:22px 24px 10px;

}

.stat-card-header h5{

    margin:0;

    color:#9C6400;

    font-size:18px;

    font-weight:700;

}

.stat-card-header i{

    margin-right:8px;

}

/* ==========================
   BADGE TAHUN
========================== */

.badge-year{

    background:#FDB813;

    color:#111;

    font-weight:700;

    border-radius:999px;

    padding:8px 18px;

    font-size:14px;

}

/* ==========================
   BODY
========================== */

.pekerjaan-chart{

    position:relative;

    width:100%;

    height:340px;

    padding:10px 20px 18px 10px;

}

/* Canvas Full */

.pekerjaan-chart canvas{

    width:100%!important;

    height:100%!important;

    display:block;

}

/* ==========================
   RESPONSIVE
========================== */

@media(max-width:992px){

    .pekerjaan-chart{

        height:300px;

    }

}

@media(max-width:768px){

    .pekerjaan-chart{

        height:260px;

        padding:10px;

    }

}