@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
body{
    color: #0d1614;
}
a{
    color: #3e668c;
}
footer{
    color: #ffffff;
    text-align: center;
}
footer a{
    color: #ffffff;
}
.navbar .navbar-brand a{
    display: inline-block;
}
.navbar .logo-kemitraan img{
    height: 65px;
}
.navbar .logo-spark img{
    height: 50px;
}
.navbar .nav-link{
    color: #325c82;
    font-weight: 600;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.nav-title{
    padding-top: 2.2rem;
    padding-bottom: 1.2rem;
}
.nav .nav-link{
    color: #0d1614;
    padding-top: .3rem;
    padding-bottom: .3rem;
    margin-top: .6rem;
    margin-bottom: .6rem;
}
.nav .nav-link.active{
    font-weight: 600;
    border-left: .3rem solid #e1e3e5;
    padding-left: .7rem;
}
.nav .nav-link.error{
    color: #f14b6a;
}

.bg-box-green{
    background-color: #9ac8be;
}
.box-border{
    border-color: #ebebeb;
}
.box-dashboard{
    padding: 1.5rem;
    margin-bottom: 1rem;
}
.box-dashboard .form-control-plaintext{
    font-weight: 600;
}
.form-control,
.form-select,
.input-group-text{
    border-radius: 0;
}
.btn-outline-info{
    border-color: #26566d;
    border-radius: 2rem;
    min-width: 12rem;
    color: #26566d;
    padding-bottom: .55rem;
}
.btn-outline-info:hover{
    background-color: #9ac8be;
    border-color: #26566d;
    color: #0d1614;
}
.navbar-toggler img{
    width: 35px;
}
.acc-dashboard{
    margin-top: 2rem;
    margin-bottom: 3rem;
}
.accordion-button{
    background-color: #9ac8be;
}
.accordion-button:not(.collapsed){
    background-color: #9ac8be;
    color: #202426;
    font-weight: 600;
}
.accordion-item:first-of-type,
.accordion-item:last-of-type,
.accordion-item:first-of-type > .accordion-header .accordion-button,
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed{
    border-radius: 0;
}
.accordion-body {
    background-color: #edf1f0;
}
.menu-edited{
    margin: 0;
    padding: 0;
}
.menu-edited li{
    list-style: none;
    padding: 2px 0;
    margin: 0;
}
.menu-edited li a{
    color: #43414c;
    text-decoration: none;
    font-size: 0.85rem;
}
.menu-edited li a i{
    margin-right: .5rem;
}
.badge-app{
    background-color: #99c7bd !important;
    padding: .3rem .7rem .4rem;
}
.box-form .form-area{
    padding: 1.5rem;
    min-height: 61vh;
}
.box-form .form-list .title{
    background-color: #127fc1;
    color: #ffffff;
    padding: .5rem .85rem .7rem;
    margin-bottom: 1rem;
}
.box-form .form-label{
    font-size: .85rem;
}
.box-form .form-label a{
    cursor: pointer;
    font-size: .75rem;
}
.datetimepicker span{
    cursor: pointer;
}
.btn-sm {
    --bs-btn-padding-y: 0.20rem;
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1024px;
    }
}
@media (max-width: 768px) {
    .navbar .logo-kemitraan img{
        height: 52px;
    }
    .navbar .logo-spark img{
        height: 42px;
    }
    .navbar .nav-link{
        padding: .75rem .5rem !important;
    }
    .nav-title{
        padding-top: 1.5rem;
        padding-bottom: 1rem;
    }
    .box-welcome{
        padding: 1.5rem !important;
    }
    .box-dashboard{
        padding: 1.2rem;
    }
    .box-welcome .container-fluid{
        padding: .5rem !important;
    }
    .mobile-margin-top{
        margin-top: 1rem;
    }
    .form-login{
        padding: 1.5rem !important;
    }
}