/*
|--------------------------------------------------------------------------
| Wallet Workers Section
|--------------------------------------------------------------------------
*/

#walletWorkersSection{

    margin-top:24px;

}

#walletWorkersCards{

    display:flex;

    flex-direction:column;

    gap:16px;

    margin-top:16px;

}

/* ==========================================================
   Empty
========================================================== */

.wallet-workers-empty{

    padding:50px 20px;

    text-align:center;

    color:#7d91ae;

    font-size:17px;

}

/* ==========================================================
   Header
========================================================== */

.dashboard-container-head{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:15px;

    margin-bottom:18px;

    flex-wrap:wrap;

}

.dashboard-container-title{

    margin:0;

}

/* ==========================================================
   Badge
========================================================== */

#walletWorkersBadge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:105px;

    height:34px;

    padding:0 16px;

    border-radius:30px;

    background:linear-gradient(
        135deg,
        #173b61,
        #1b4f82
    );

    color:#8fd7ff;

    font-size:12px;

    font-weight:700;

    letter-spacing:.8px;

    text-transform:uppercase;

    border:1px solid rgba(0,212,255,.15);

    box-shadow:
        0 0 12px rgba(0,212,255,.08);

}

/* ==========================================================
   Animation
========================================================== */

#walletWorkersBadge{

    transition:.25s;

}

#walletWorkersBadge:hover{

    transform:translateY(-1px);

    box-shadow:

        0 0 20px rgba(0,212,255,.18);

}