/* ========================================================================= */
/* ========================================================================= */
/* DASHBOARD */

.wrap-wel {
    background-color: #ffffff;
    margin-top: 20px;
    padding-left: 20px;
    padding-bottom: 2px;
    padding-right: 20px;
}



.weather-wrap .weather-icon{
    margin-top: -10px;
    margin-bottom: -8px;
    margin-left: -10px;
}



.wrap-dash {
    background-color: #ffffff;
    padding: 20px;
}

.dashboard .date-time {
    font-weight: 600;
    margin-bottom: 20px;
}

.dashboard .title-sub-dash h5 {
    color: #0202ae;
}

.dashboard .title-sub-dash hr {
    border: 1px solid #0202ae;
}

.dashboard .card-title-dash h5 {
    color: #000072;
}

.dashboard .card-sisa-saldo .card  {
    border-left: 5px solid #ff6f00 !important;
}

.dashboard .card-title-dash-saldo h5 {
    color: #ff6f00;
}


.dashboard .card-dash .card {
    border: 1px solid #212170;
    font-weight: 600;
    border-left: 5px solid #4142DB;
}

.presentase-pay .progress{
    /* border: 1.5px solid #4142DB; */
    /* width: 375px;
    padding: 10px; */
    border-radius: 0;
}

.grafik-content-unit {
    width: 100%;
    height: 200px;
    border: 1px solid #e3e3e3;
    background-color: #e4e4e4;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.grafik-content-unit h4 {
    color: #5c5c5c;
    margin: 0;
    
    
}

.btn-add {
    border: 1px solid #1E1F66;
}

.btn-add:hover {
    background-color: #dfd9ff;
}

.card-dash .card-detail p{
    margin-bottom: 10px;
    margin-top: 8px;
    font-weight: 400;
}

.card-dash h5 span {
    font-size: 16px;
    color: #0202ae;

}

.card-dash h5 .color-persen {
    font-size: 20px;
    color: #0ECAF0 !important;

}

.card-dash .card-detail a {
    text-decoration: none;
    color: #2231ff;
}

.card-dash .card-detail a:hover {
   color: #0606ff;
}

.card-dash .card-body {
    padding-bottom: 0;
}

.card-dash hr{
    margin-top: 8px;
    margin-bottom: 0;
}

.card-dash .card-detail .fas {
    color: #2231ff;
}

.card-dash .card-budget {
    padding-top: 5px;
}

.card-dash .card-budget .text-dana-tersedia p {
    font-weight: 400;
    margin: 0;
    font-size: 14px;
}

.card-unit .card-body {
  padding-left: 8px;
}

.card-unit .card {
    border-left: 5px solid #fbb001 !important;
}

.card-unit h6{
    color: #fbb001;
}


.card-dash .card-budget h6 {
    font-size: 14px;
}

.card-dash .card-budget h5 {
    font-size: 16px;
}

.card-dash .card-budget .fa-school {
    font-size: 18px;
}

.card-dash .card-budget .hr-card-top {
    margin-top: 5px;
    margin-bottom: 10px;
}

.card-dash .card-budget .hr-card-bottom {
    margin-top: 5px;
    margin-bottom: 0px;
    
}

.card-dash .card-budget .card-detail p {
    font-size: 14px;
}

.card-riwayat .card-body {
    padding-top: 5px;
    padding-bottom: 8px;
}

.card-riwayat .card-body a {
    text-decoration: none;
    color: #0d00c8;
}

.card-riwayat .card-body a:hover {
    text-decoration: none;
    color: #00bafe;
}



 .card-riwayat p {
    margin: 0;
    font-weight: 600;
}

.modal-unit-siswa .modal-body {
    padding-top: 0;
    
}

.table-modal .table thead th{
    background-color: #4142DB;
    color: #ffffff;
}