.panel {
    border-radius: 6px;
    box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
    font-size: 1rem;
    /*padding:  8px;*/
}

.panel:not(:last-child) {
    margin-bottom: 1.5rem;
}

.panel.is-white .panel-heading {
    background-color: white;
    color: #0a0a0a;
}

.panel.is-white .panel-tabs a.is-active {
    border-bottom-color: white;
}

.panel.is-white .panel-block.is-active .panel-icon {
    color: white;
}

.panel.is-black .panel-heading {
    background-color: #0a0a0a;
    color: white;
}

.panel.is-black .panel-tabs a.is-active {
    border-bottom-color: #0a0a0a;
}

.panel.is-black .panel-block.is-active .panel-icon {
    color: #0a0a0a;
}

.panel.is-light .panel-heading {
    background-color: whitesmoke;
    color: rgba(0, 0, 0, 0.7);
}

.panel.is-light .panel-tabs a.is-active {
    border-bottom-color: whitesmoke;
}

.panel.is-light .panel-block.is-active .panel-icon {
    color: whitesmoke;
}

.panel.is-dark .panel-heading {
    background-color: #363636;
    color: #fff;
}

.panel.is-dark .panel-tabs a.is-active {
    border-bottom-color: #363636;
}

.panel.is-dark .panel-block.is-active .panel-icon {
    color: #363636;
}

.panel.is-primary .panel-heading {
    background-color: #00d1b2;
    color: #fff;
}

.panel.is-primary .panel-tabs a.is-active {
    border-bottom-color: #00d1b2;
}

.panel.is-primary .panel-block.is-active .panel-icon {
    color: #00d1b2;
}

.panel.is-link .panel-heading {
    background-color: #3273dc;
    color: #fff;
}

.panel.is-link .panel-tabs a.is-active {
    border-bottom-color: #3273dc;
}

.panel.is-link .panel-block.is-active .panel-icon {
    color: #3273dc;
}

.panel.is-info .panel-heading {
    background-color: #3298dc;
    color: #fff;
}

.panel.is-info .panel-tabs a.is-active {
    border-bottom-color: #3298dc;
}

.panel.is-info .panel-block.is-active .panel-icon {
    color: #3298dc;
}

.panel.is-success .panel-heading {
    background-color: #48c774;
    color: #fff;
}

.panel.is-success .panel-tabs a.is-active {
    border-bottom-color: #48c774;
}

.panel.is-success .panel-block.is-active .panel-icon {
    color: #48c774;
}

.panel.is-warning .panel-heading {
    background-color: #ffdd57;
    color: rgba(0, 0, 0, 0.7);
}

.panel.is-warning .panel-tabs a.is-active {
    border-bottom-color: #ffdd57;
}

.panel.is-warning .panel-block.is-active .panel-icon {
    color: #ffdd57;
}

.panel.is-danger .panel-heading {
    background-color: #f14668;
    color: #fff;
}

.panel.is-danger .panel-tabs a.is-active {
    border-bottom-color: #f14668;
}

.panel.is-danger .panel-block.is-active .panel-icon {
    color: #f14668;
}

.panel-tabs:not(:last-child),
.panel-block:not(:last-child) {
    border-bottom: 1px solid #ededed;
}

.panel-heading {
    background-color: #ededed;
    border-radius: 6px 6px 0 0;
    color: #363636;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.25;
    padding: 0.75em 1em;
}