/*
|--------------------------------------------------------------------------
| GLOBAL
|--------------------------------------------------------------------------
*/

.dcs-card{
    background:#ffffff;
    padding:25px;
    border-radius:16px;
    box-shadow:0 4px 20px rgba(0,0,0,0.08);
    margin-bottom:25px;
}

.dcs-card h2{
    margin-top:0;
    margin-bottom:20px;
    font-size:28px;
    color:#222;
}

.dcs-alert{
    background:#fff3f3;
    border:1px solid #ffcaca;
    color:#c62828;
    padding:15px;
    border-radius:10px;
    margin-bottom:20px;
}

.dcs-success{
    background:#edfdf1;
    border:1px solid #b8efc8;
    color:#1b5e20;
    padding:15px;
    border-radius:10px;
    margin-bottom:20px;
}

/*
|--------------------------------------------------------------------------
| FORM
|--------------------------------------------------------------------------
*/

.dcs-card input[type="text"],
.dcs-card select{
    width:100%;
    padding:14px;
    border:1px solid #ddd;
    border-radius:10px;
    font-size:15px;
    box-sizing:border-box;
}

.dcs-card input[type="file"]{
    margin-top:10px;
}

.dcs-card button,
.dcs-card input[type="submit"]{
    background:#0073aa;
    color:#fff;
    border:none;
    padding:14px 25px;
    border-radius:10px;
    cursor:pointer;
    font-size:15px;
    transition:0.3s;
}

.dcs-card button:hover,
.dcs-card input[type="submit"]:hover{
    background:#005f8d;
}

/*
|--------------------------------------------------------------------------
| TABLE
|--------------------------------------------------------------------------
*/

.dcs-table{
    width:100%;
    border-collapse:collapse;
}

.dcs-table th{
    background:#0073aa;
    color:#fff;
    text-align:left;
    padding:14px;
}

.dcs-table td{
    padding:14px;
    border-bottom:1px solid #eee;
}

.dcs-table tr:hover{
    background:#fafafa;
}

/*
|--------------------------------------------------------------------------
| TOTAL COINS
|--------------------------------------------------------------------------
*/

.dcs-total-coins{
    font-size:55px;
    font-weight:bold;
    color:#0073aa;
    text-align:center;
    margin-top:10px;
}

/*
|--------------------------------------------------------------------------
| SHARE BUTTON
|--------------------------------------------------------------------------
*/

#dcs-share-btn{
    width:100%;
}

/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media(max-width:768px){

    .dcs-card{
        padding:18px;
    }

    .dcs-card h2{
        font-size:22px;
    }

    .dcs-total-coins{
        font-size:40px;
    }

    .dcs-table{
        display:block;
        overflow-x:auto;
        white-space:nowrap;
    }
}