/* ======================================================
   DELLANNO ERP
   CARDS
   api/static/css/components/cards.css
====================================================== */

/* ======================================================
   CARDS GLOBAIS
====================================================== */

.card,
.card-dark,
.card-body,
.card-header,
.agenda-card,
.card-erp,
.card-default{

    background:linear-gradient(
        180deg,
        #1b2430 0%,
        #19222d 100%
    );

    color:var(--text);

    border:1px solid rgba(255,255,255,.05);

    border-radius:24px;

    box-shadow:
        0 10px 30px rgba(0,0,0,.35);

}


/* ======================================================
   HOVER
====================================================== */

.card-default:hover{

    transform:translateY(-2px);

    box-shadow:
        0 15px 35px rgba(0,0,0,.45);

}

/* ======================================================
   CARD SEM PADDING
====================================================== */

.card-default.no-padding{

    padding:0;

}

/* ======================================================
   CARD HEADER
====================================================== */

.card-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:20px;

}

/* ======================================================
   CARD TITLE
====================================================== */

.card-title{

    font-size:15px;

    font-weight:800;

    color:var(--text);

    letter-spacing:.5px;

}

/* ======================================================
   CARD SUBTITLE
====================================================== */

.card-subtitle{

    font-size:12px;

    color:var(--text-secondary);

    margin-top:4px;

}

/* ======================================================
   CARD BODY
====================================================== */

.card-body{

    width:100%;

}

/* ======================================================
   CARD FOOTER
====================================================== */

.card-footer{

    margin-top:20px;

    padding-top:16px;

    border-top:1px solid var(--border);

}