.table-side-color-passed {
    border-left: 0.35rem solid var(--color-success) !important;
}

.table-side-color-skipped {
    border-left: 0.35rem solid var(--color-warning) !important;
}

.table-side-color-failed {
    border-left: 0.35rem solid var(--color-danger) !important;
}

.panel{
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.15)!important;
}

.button
{
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.11);
}

.button:hover
{
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.15);
    /* border-bottom: 0.25rem solid rgba(0, 0, 0, 0.35) !important; */
    border: 0.1rem solid rgba(0, 0, 0, 0.35) !important;
    /* padding-bottom: 0.25rem; */
}

pre
{
    border: 2px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
    /* border-radius: 0.5rem; */
    background-color: #f7f7f7!important;
}

.is-code
{
    border: 2px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
    background-color: #f7f7f7!important;
    padding: 1rem;
    margin: 1rem;
}

/* DashboardCard */

.is-hover:hover {
    box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2) !important;
}

.dash-card-number {
    font-size: 3rem;
    font-weight: bold;
}

.dash-card-text {
    color: rgba(0, 0, 0, 0.7);
}