.panel,
.box {
    position: relative;
    margin-bottom: 1.25rem;
    background: #fff;
    border: 1px solid #dee2e6;
    border-top: 3px solid #d2d6de;
    border-radius: .25rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
}

.panel-primary,
.box-primary {
    border-top-color: #007bff;
}

.panel-success,
.box-success {
    border-top-color: #28a745;
}

.panel-info,
.box-info {
    border-top-color: #17a2b8;
}

.panel-warning,
.box-warning {
    border-top-color: #ffc107;
}

.panel-danger,
.box-danger {
    border-top-color: #dc3545;
}

.panel-heading,
.box-header {
    padding: .75rem 1.25rem;
    border-bottom: 1px solid #dee2e6;
}

.panel-title,
.box-title {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.panel-body,
.box-body {
    padding: 1.25rem;
}

.panel-body::after,
.box-body::after {
    display: table;
    clear: both;
    content: "";
}

.panel-footer,
.box-footer {
    padding: .75rem 1.25rem;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

.preloader img {
    border-radius: 0;
}