cronapp-framework-js/css/themes/custom/dsgov/panel-dsgov.css

Javascript library for CronApp's projects

.panel-group .panel+.panel {
    margin-top: 0;
}

.panel {
    border: 0;
    overflow: hidden;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
}

*[id^="crn-accordion"] .panel{
    box-shadow: none;
    border-radius: var(--borderRadiusNone, 0);
}

*[id^="crn-accordion"] .panel .panel-heading,
*[id^="crn-accordion"] .panel.panel-default .panel-heading {
    border-radius: var(--borderRadiusNone, 0);
    background: transparent;
    border: 0;
    color: var(--colorDefault40, #1351b4);
    cursor: pointer;
}

*[id^="crn-accordion"] .panel .panel-heading h1,
*[id^="crn-accordion"] .panel.panel-default .panel-heading h1,
*[id^="crn-accordion"] .panel.panel-primary .panel-heading h1 {
    color: var(--colorDefault40, #1351b4);
}

*[id^="crn-accordion"] .panel .panel-footer,
*[id^="crn-accordion"] .panel.panel-default .panel-footer {
    background: transparent;
    border: 0;
}

*[id^="crn-accordion"] {
    border-top: 1px solid var(--colorNeutral20, #E3E3E3);
}

*[id^="crn-accordion"] .panel-group .panel-heading.heading-arrow {
    grid-template-columns: 33px auto;
}

*[id^="crn-accordion"] .panel-group .heading-arrow.panel-heading::after,
*[id^="crn-accordion"] .panel-group .heading-arrow.collapsed.panel-heading::after {
    content: none;
}

*[id^="crn-accordion"] .panel-group .heading-arrow.panel-heading::before {
    font-family: "FontAwesome";
    content: "\f077";
    float: left;
}

*[id^="crn-accordion"] .panel-group .heading-arrow.collapsed.panel-heading::before {
    content: "\f078";
}

*[id^="crn-accordion"] .panel.panel-default {
    border-bottom: 1px solid var(--colorNeutral20, #E3E3E3);
}

*[id^="crn-accordion"] .panel .panel-heading h1,
*[id^="crn-accordion"] .panel .panel-body h1 {
    font-size: var(--textNormalSize, 16px);
    text-align: left;
    font-weight: normal;
    margin: var(--distanceSmall, 15px) 0;
}

*[id^="crn-accordion"] .panel .panel-heading h1 {
    font-weight: 600;
}

*[id^="crn-accordion"] .panel .panel-heading.collapsed h1 {
    font-weight: 400;
}

*[id^="crn-accordion"] .panel-group .panel-heading+.panel-collapse>.list-group,
*[id^="crn-accordion"] .panel-group .panel-heading+.panel-collapse>.panel-body {
    border: 0;
}

*[id^="crn-accordion"] .panel-footer {
    color: var(--textColor40, #2c3e50);
    background: var(--colorDefault40, #444444);
    border-color: transparent;
}

/* Default */
.panel-default .panel-heading {
    color: var(--textColorDefault40, #ffffff);
    background: var(--colorDefault40, #444444);
    border-color: transparent;
    box-shadow: 0 1px 6px rgb(0 0 0 / 16%);
}

.panel-default {
    border-color: var(--colorDefault40, #2c3e50);
}

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

.panel-primary {
    border: 1px solid var(--colorPrimary40, #dfe3e3);
}

/* Sucess */
.panel-success>.panel-heading {
    color: var(--textColorSuccess40, #ffffff);
    background: var(--colorSuccess40, #18bc9c);
    border-color: transparent
}

.panel-success {
    border-color: var(--colorSuccess40, #18bc9c);
}

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

.panel-info {
    border-color: var(--colorCalm40, #11c1f3);
}

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

.panel-warning {
    border-color: var(--colorWarning40, #f39c12);
}

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

.panel-danger {
    border-color: var(--colorDanger40, #c44133);
}

/* Light */
.panel-light>.panel-heading {
    color: var(--textColorLight40, #000000);
    background: var(--colorLight50, #dfdfdf);
    border-color: transparent
}

.panel-light {
    border-color: var(--colorLight50, #dfdfdf);
}

/* Stable */
.panel-stable>.panel-heading {
    color: var(--textColorStable40, #444444);
    background: var(--colorStable50, #d9d9d9);
    border-color: transparent
}

.panel-stable {
    border-color: var(--colorStable50, #d9d9d9);
}

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

.panel-royal {
    border-color: var(--colorRoyal40, #886aea);
}

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

.panel-dark {
    border-color: var(--colorDark40, #444444);
}