/*
    - Every custom style should have comment explaining purpose
    - Every custom style should use a kc- prefix to see it is not default DKFDS style
*/

/*dkfds styling removes indentation from ol-li elements, undo that for richtext fields*/
.kc-richtext-list ol {
    padding-left: revert;
}

/*-||-*/
.kc-richtext-list ul > li:before {
    content: revert;
}

/*-||-*/
.kc-richtext-list ul, .kc-richtext-list ul > li {
    padding-left: revert;
    list-style-type: revert;
}

/*make card width match alert width*/
.card.kc-card--paragraph {
    max-width: 66ch;
}

/*Resize svg icon to 32x32px*/
svg.kc-icon-32 {
    width: 32px;
    height: 32px;
}

/*Add background color to header of structured tables*/
.table.structured-list.kc-color-header thead {
    background-color: #f5f5f5;
}

/*Add red star after form label to indicate required input*/
.kc-required:after {
    color: #b64529;
    content: "*";
}

/*Put white background on accordion content and gray border on full accordion element*/
.accordion li.kc-accordion-border {
    .accordion-content {
        background-color: unset;
    }

    border: 1px solid #bfbfbf;
    border-radius: 8px;
}

/*".card .card-content *" max-width:100% rule creates problems for grid layout*/
.card .card-content .kc-nostar * {
    max-width: revert;
}

/*Green text for quickly showing that authorization is valid*/
.color-mst-green {
    color: #006432;
}

/*Red text for quickly showing that authorization is not valid*/
.text-negative {
    color: #CC0000;
}