/*
|--------------------------------------------------------------------------
| REPORT CARDS
|--------------------------------------------------------------------------
*/

.small-box {

    border-radius: 10px;

    overflow: hidden;

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.small-box .inner {

    padding: 20px;
}

.small-box h3 {

    font-size: 32px;

    font-weight: 700;

    margin-bottom: 10px;
}

.small-box p {

    font-size: 15px;

    margin-bottom: 0;
}

.small-box .icon {

    top: 15px;

    right: 15px;

    font-size: 55px;

    opacity: 0.25;
}

/*
|--------------------------------------------------------------------------
| TOPPER CARD
|--------------------------------------------------------------------------
*/

.topper-card {

    border-radius: 10px;

    padding: 20px;

    background: #ffffff;

    border: 1px solid #dee2e6;
}

.topper-card h4 {

    font-weight: 700;

    margin-bottom: 10px;
}

/*
|--------------------------------------------------------------------------
| REPORT TABLES
|--------------------------------------------------------------------------
*/

.table th {

    background: #f8f9fa;

    font-weight: 600;
}

.table td,
.table th {

    vertical-align: middle !important;
}

/*
|--------------------------------------------------------------------------
| RESPONSIVE
|--------------------------------------------------------------------------
*/

@media (max-width: 768px) {

    .small-box h3 {

        font-size: 24px;
    }

    .small-box .icon {

        font-size: 40px;
    }
}