/**
 *
 * You can write your CSS code here, DO NOT touch the default JavaScript file
 * because it will make it harder for you to update.
 * 
 */


/*# sourceMappingURL=custom.css.map */

.navbar-bg {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background: linear-gradient(to bottom, #b3e5fc, #e1f5fe);
    /* biru muda langit */
    z-index: -1;
}

.user-avatar {
    width: 40px !important;
    height: 40px !important;
    object-fit: cover;
}

.title-header {
    font-size: 20px !important;
}

.rounded-curve {
    border-radius: 5rem !important;
    height: 75px !important;
}

.card-curve {
    width: 58px !important;
    height: 58px !important;
    line-height: 65px !important;
}

.card-header-curve {
    padding-top: 10px !important;
}

.badge-curve {
    position: absolute;
    top: -10px;
    right: -5px;
    padding: 1px;
    font-size: 15px;
    border-radius: 50%;
    background: #c60c29;
    color: white;
    width: 30px;
    height: 30px;
    text-align: center;
}

.title-header-curve {
    font-size: 1.25vw !important;
}

.activity-mod {
    max-height: 60px;
}

.activity-detail-mod {
    box-shadow: none !important;
}

.form-select-sm {
    height: calc(1.8125rem + 2px) !important;
    font-size: 12px !important;
    padding: 0.375rem 0.5rem !important;
}