/* Strapi Colours */
/* Meta categories for 'current format' */
.formatcolor--transparent {
    background: rgba(255, 255, 255, 0);
}

.formatcolor--light {
    background: var(
        --color-theme-light
    ); /* This is specified in praksis_case_ramme */
}

.formatcolor--partial {
    background: var(
        --color-theme-partial
    ); /* This is specified in praksis_case_ramme */
}

.formatcolor--solid {
    background: var(--color-theme);
}

.formatcolor--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid var(--color-theme);
    border-top: var(--table--border--width) solid var(--color-theme);
}

/* Transparent */
.white--transparent {
    background: rgba(255, 255, 255, 0);
    color: black;
}
.blue--transparent {
    background: rgba(0, 61, 115, 0);
    color: black;
}
.bluedark--transparent {
    background: rgba(0, 37, 70, 0);
    color: black;
}
.purple--transparent {
    background: rgba(101, 90, 159, 0);
    color: black;
}
.purpledark--transparent {
    background: rgba(40, 28, 65, 0);
    color: black;
}
.cyan--transparent {
    background: rgba(55, 160, 203, 0);
    color: black;
}
.cyandark--transparent {
    background: rgba(0, 62, 92, 0);
    color: black;
}
.turquoise--transparent {
    background: rgba(0, 171, 164, 0);
    color: black;
}
.turquoisedark--transparent {
    background: rgba(0, 69, 67, 0);
    color: black;
}
.green--transparent {
    background: rgba(139, 173, 63, 0);
    color: black;
}
.greendark--transparent {
    background: rgba(66, 88, 33, 0);
    color: black;
}
.yellow--transparent {
    background: rgba(250, 187, 0, 0);
    color: black;
}
.yellowdark--transparent {
    background: rgba(99, 75, 3, 0);
    color: black;
}
.orange--transparent {
    background: rgba(238, 127, 0, 0);
    color: black;
}
.orangedark--transparent {
    background: rgba(95, 52, 8, 0);
    color: black;
}
.red--transparent {
    background: rgba(226, 0, 26, 0);
    color: black;
}
.reddark--transparent {
    background: rgba(91, 12, 12, 0);
    color: black;
}
.magenta--transparent {
    background: rgba(226, 0, 122, 0);
    color: black;
}
.magentadark--transparent {
    background: rgba(95, 0, 48, 0);
    color: black;
}
.gray--transparent {
    background: rgba(135, 135, 135, 0);
    color: black;
}
.graydark--transparent {
    background: rgba(75, 75, 74, 0);
    color: black;
}

/* LIGHT */
.white--light {
    background: rgba(255, 255, 255, 0.1);
    color: black;
}
.blue--light {
    background: rgba(0, 61, 115, 0.1);
    color: black;
}
.bluedark--light {
    background: rgba(0, 37, 70, 0.1);
    color: black;
}
.purple--light {
    background: rgba(101, 90, 159, 0.1);
    color: black;
}
.purpledark--light {
    background: rgba(40, 28, 65, 0.1);
    color: black;
}
.cyan--light {
    background: rgba(55, 160, 203, 0.1);
    color: black;
}
.cyandark--light {
    background: rgba(0, 62, 92, 0.1);
    color: black;
}
.turquoise--light {
    background: rgba(0, 171, 164, 0.1);
    color: black;
}
.turquoisedark--light {
    background: rgba(0, 69, 67, 0.1);
    color: black;
}
.green--light {
    background: rgba(139, 173, 63, 0.1);
    color: black;
}
.greendark--light {
    background: rgba(66, 88, 33, 0.1);
    color: black;
}
.yellow--light {
    background: rgba(250, 187, 0, 0.1);
    color: black;
}
.yellowdark--light {
    background: rgba(99, 75, 3, 0.1);
    color: black;
}
.orange--light {
    background: rgba(238, 127, 0, 0.1);
    color: black;
}
.orangedark--light {
    background: rgba(95, 52, 8, 0.1);
    color: black;
}
.red--light {
    background: rgba(226, 0, 26, 0.1);
    color: black;
}
.reddark--light {
    background: rgba(91, 12, 12, 0.1);
    color: black;
}
.magenta--light {
    background: rgba(226, 0, 122, 0.1);
    color: black;
}
.magentadark--light {
    background: rgba(95, 0, 48, 0.1);
    color: black;
}
.gray--light {
    background: rgba(135, 135, 135, 0.1);
    color: black;
}
.graydark--light {
    background: rgba(75, 75, 74, 0.1);
    color: black;
}

/* PARTIAL */
.white--partial {
    background: rgba(255, 255, 255, 0.4);
    color: black;
}
.blue--partial {
    background: rgba(0, 61, 115, 0.4);
    color: black;
}
.bluedark--partial {
    background: rgba(0, 37, 70, 0.4);
    color: black;
}
.purple--partial {
    background: rgba(101, 90, 159, 0.4);
    color: black;
}
.purpledark--partial {
    background: rgba(40, 28, 65, 0.4);
    color: black;
}
.cyan--partial {
    background: rgba(55, 160, 203, 0.4);
    color: black;
}
.cyandark--partial {
    background: rgba(0, 62, 92, 0.4);
    color: black;
}
.turquoise--partial {
    background: rgba(0, 171, 164, 0.4);
    color: black;
}
.turquoisedark--partial {
    background: rgba(0, 69, 67, 0.4);
    color: black;
}
.green--partial {
    background: rgba(139, 173, 63, 0.4);
    color: black;
}
.greendark--partial {
    background: rgba(66, 88, 33, 0.4);
    color: black;
}
.yellow--partial {
    background: rgba(250, 187, 0, 0.4);
    color: black;
}
.yellowdark--partial {
    background: rgba(99, 75, 3, 0.4);
    color: black;
}
.orange--partial {
    background: rgba(238, 127, 0, 0.4);
    color: black;
}
.orangedark--partial {
    background: rgba(95, 52, 8, 0.4);
    color: black;
}
.red--partial {
    background: rgba(226, 0, 26, 0.4);
    color: black;
}
.reddark--partial {
    background: rgba(91, 12, 12, 0.4);
    color: black;
}
.magenta--partial {
    background: rgba(226, 0, 122, 0.4);
    color: black;
}
.magentadark--partial {
    background: rgba(95, 0, 48, 0.4);
    color: black;
}
.gray--partial {
    background: rgba(135, 135, 135, 0.4);
    color: black;
}
.graydark--partial {
    background: rgba(75, 75, 74, 0.4);
    color: black;
}

/* SOLID */
.white--solid {
    background: rgba(255, 255, 255, 1);
    color: black;
}
.blue--solid {
    background: rgba(0, 61, 115, 1);
    color: white;
}
.bluedark--solid {
    background: rgba(0, 37, 70, 1);
    color: white;
}
.purple--solid {
    background: rgba(101, 90, 159, 1);
    color: white;
}
.purpledark--solid {
    background: rgba(40, 28, 65, 1);
    color: white;
}
.cyan--solid {
    background: rgba(55, 160, 203, 1);
    color: white;
}
.cyandark--solid {
    background: rgba(0, 62, 92, 1);
    color: white;
}
.turquoise--solid {
    background: rgba(0, 171, 164, 1);
    color: white;
}
.turquoisedark--solid {
    background: rgba(0, 69, 67, 1);
    color: white;
}
.green--solid {
    background: rgba(139, 173, 63, 1);
    color: white;
}
.greendark--solid {
    background: rgba(66, 88, 33, 1);
    color: white;
}
.yellow--solid {
    background: rgba(250, 187, 0, 1);
    color: white;
}
.yellowdark--solid {
    background: rgba(99, 75, 3, 1);
    color: white;
}
.orange--solid {
    background: rgba(238, 127, 0, 1);
    color: white;
}
.orangedark--solid {
    background: rgba(95, 52, 8, 1);
    color: white;
}
.red--solid {
    background: rgba(226, 0, 26, 1);
    color: white;
}
.reddark--solid {
    background: rgba(91, 12, 12, 1);
    color: white;
}
.magenta--solid {
    background: rgba(226, 0, 122, 1);
    color: white;
}
.magentadark--solid {
    background: rgba(95, 0, 48, 1);
    color: white;
}
.gray--solid {
    background: rgba(135, 135, 135, 1);
    color: white;
}
.graydark--solid {
    background: rgba(75, 75, 74, 1);
    color: white;
}

/* Color for table border-bottoms */
.white--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(255, 255, 255, 1);
    border-top: var(--table--border--width) solid rgba(255, 255, 255, 1);
}
.blue--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(0, 61, 115, 1);
    border-top: var(--table--border--width) solid rgba(0, 61, 115, 1);
}
.bluedark--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(0, 37, 70, 1);
    border-top: var(--table--border--width) solid rgba(0, 37, 70, 1);
}
.purple--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(101, 90, 159, 1);
    border-top: var(--table--border--width) solid rgba(101, 90, 159, 1);
}
.purpledark--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(40, 28, 65, 1);
    border-top: var(--table--border--width) solid rgba(40, 28, 65, 1);
}
.cyan--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(55, 160, 203, 1);
    border-top: var(--table--border--width) solid rgba(55, 160, 203, 1);
}
.cyandark--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(0, 62, 92, 1);
    border-top: var(--table--border--width) solid rgba(0, 62, 92, 1);
}
.turquoise--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(0, 171, 164, 1);
    border-top: var(--table--border--width) solid rgba(0, 171, 164, 1);
}
.turquoisedark--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(0, 69, 67, 1);
    border-top: var(--table--border--width) solid rgba(0, 69, 67, 1);
}
.green--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(139, 173, 63, 1);
    border-top: var(--table--border--width) solid rgba(139, 173, 63, 1);
}
.greendark--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(66, 88, 33, 1);
    border-top: var(--table--border--width) solid rgba(66, 88, 33, 1);
}
.yellow--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(250, 187, 0, 1);
    border-top: var(--table--border--width) solid rgba(250, 187, 0, 1);
}
.yellowdark--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(99, 75, 3, 1);
    border-top: var(--table--border--width) solid rgba(99, 75, 3, 1);
}
.orange--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(238, 127, 0, 1);
    border-top: var(--table--border--width) solid rgba(238, 127, 0, 1);
}
.orangedark--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(95, 52, 8, 1);
    border-top: var(--table--border--width) solid rgba(95, 52, 8, 1);
}
.red--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(226, 0, 26, 1);
    border-top: var(--table--border--width) solid rgba(226, 0, 26, 1);
}
.reddark--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(91, 12, 12, 1);
    border-top: var(--table--border--width) solid rgba(91, 12, 12, 1);
}
.magenta--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(226, 0, 122, 1);
    border-top: var(--table--border--width) solid rgba(226, 0, 122, 1);
}
.magentadark--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(95, 0, 48, 1);
    border-top: var(--table--border--width) solid rgba(95, 0, 48, 1);
}
.gray--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(135, 135, 135, 1);
    border-top: var(--table--border--width) solid rgba(135, 135, 135, 1);
}
.graydark--bottomline {
    margin-top: calc(
        -1 * var(--table--border--width)
    ); /* Adjust for overlapping borders*/
    border-bottom: var(--table--border--width) solid rgba(75, 75, 74, 1);
    border-top: var(--table--border--width) solid rgba(75, 75, 74, 1);
}
