cronapp-framework-js/css/themes/custom/material-round/panel-material-round.css

Javascript library for CronApp's projects

.panel {
    background: var(--backgroundColor40, #f2f2f2);
    box-shadow: none;
    border-color: transparent;
}

.panel-footer {
    color: var(--textColor40, #434343);
    background: var(--colorStable20, #e4e4e4);
    border: 1px solid var(--colorStable20, #e4e4e4);
}

.panel-body .lead {
    margin-bottom: 0;
    font-size: var(--textNormalSize, 10px);

}

.panel-body {
    padding: 31px 15px;
    border-radius: var(--borderRadiusSmallest, 2px);
    margin: 1px 0;
    border: 0.3px solid var(--textColor30, #dfdeda);
}

/* Default */
.panel-default .panel-heading {
    color: var(--textColorDefault40, #fffef9);
    background: var(--colorDefault40, #442b69);
    border-color: transparent;
}

/* Primary */
.panel-primary>.panel-heading {
    color: var(--textColorPrimary40, #fffef9);
    background: var(--colorPrimary40, #68afd9);
    border-color: transparent;
}

/* Success */
.panel-success>.panel-heading {
    color: var(--textColorSuccess40, #62a86b);
    background: var(--colorSuccess40, #62a86b);
    border-color: transparent;
}

/* Info */
.panel-info>.panel-heading {
    color: var(--textColorCalm40, #fffef9);
    background: var(--colorCalm40, #8ac8ee);
    border-color: transparent
}

/* Warning */
.panel-warning>.panel-heading {
    color: var(--textColorWarning40, #fffef9);
    background: var(--colorWarning40, #e98053);
    border-color: transparent
}

/* Danger */
.panel-danger>.panel-heading {
    color: var(--textColorDanger40, #fffef9);
    background: var(--colorDanger40, #e34646);
    border-color: transparent
}

/* Light */
.panel-light>.panel-heading {
    color: var(--textColorLight40, #434343);
    background: var(--colorLight40, #eadede);
    border-color: transparent
}

/* Stable */
.panel-stable>.panel-heading {
    color: var(--textColorStable40, #434343);
    background: var(--colorStable40, #cfcfcf);
    border-color: transparent
}

/* Royal */
.panel-royal>.panel-heading {
    color: var(--textColorRoyal40, #fffef9);
    background: var(--colorRoyal40, #2f1a4f);
    border-color: transparent
}

/* Dark */
.panel-dark>.panel-heading {
    color: var(--textColorDark40, #fffef9);
    background: var(--colorDark40, #343434);
    border-color: transparent
}