/* =====================================================
   STATUS SYSTEM - SISGCOE DESIGN SYSTEM
===================================================== */

.status-box{
    background:rgba(15,23,42,.72);
    border:1px solid rgba(255,255,255,.06);
    border-radius:18px;
    padding:14px;
    text-align:center;
    color:#cbd5e1;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
    position:relative;
    overflow:hidden;
    transition:.25s ease;
}

.status-box:hover{
    transform:translateY(-2px);
}

.status-box strong{
    display:block;
    font-size:18px;
    margin-bottom:6px;
    color:#e2e8f0;
}

.status-success{
    border-color:rgba(34,197,94,.24);
}

.status-warning{
    border-color:rgba(245,158,11,.24);
}

.status-danger{
    border-color:rgba(239,68,68,.24);
}

.status-info{
    border-color:rgba(59,130,246,.24);
}