/* Minification failed. Returning unminified contents.
(850,39): run-time error CSS1046: Expect comma, found '0'
(850,43): run-time error CSS1046: Expect comma, found '/'
(1017,51): run-time error CSS1046: Expect comma, found '0'
(1017,55): run-time error CSS1046: Expect comma, found '/'
(1017,78): run-time error CSS1046: Expect comma, found '175'
(1017,86): run-time error CSS1046: Expect comma, found '/'
(1018,43): run-time error CSS1046: Expect comma, found '0'
(1018,47): run-time error CSS1046: Expect comma, found '/'
(1018,70): run-time error CSS1046: Expect comma, found '175'
(1018,78): run-time error CSS1046: Expect comma, found '/'
 */
.stbcolor-beige.second {
    background-color: #fdf4e6 !important;
}

.stbcolor-beige.third {
    background-color: #f5e4c7 !important;
}

.stbcolor-green.second {
    background-color: #e8f3e1 !important;
}

.stbcolor-green.third {
    background-color: #c6e7c1 !important;
}

.stb-btn.green {
    background-color: #bf0900 !important;
    border-radius: 4px;
    padding-right: 24px;
    padding-left: 24px;
    text-decoration: none !important;
}

.stb-btn.green:hover {
    background-color: #da291c !important;
}

.stb-btn.transparent {
    border-radius: 4px !important;
    background-color: transparent !important;
    line-height: 20px;
    color: #191919 !important;
    border: 2px #191919 solid !important;
    box-sizing: border-box !important;
    text-decoration : none !important;
}
    .stb-btn.transparent:hover {
        background-color: #FFFFFF !important;
        background-color: transparent !important;
        color: #740100 !important;
        border: 2px #740100 solid !important;
    }
    .stb-btn.transparent:active {
        background-color: #949494 !important;
        color: #191919 !important;
        border: 2px #191919 solid !important;
    }

.stb-btn {
    border-radius: 4px !important;
    background-color: #BF0900 !important;
    color: #ffffff !important;
}
    .stb-btn:hover {
        background-color: #DA291C !important;
        color: #ffffff !important;
    }

    .stb-btn:active {
        background-color: #F0817C !important;
        color: #191919 !important;
        border: 2px #191919 solid !important;
        box-sizing: border-box !important;
    }


h1 {
    color: #bf0900 !important;
}

h2,
h3,
h4,
h5,
h6 {
    color: #191919 !important;
}

span.question {
    color: #191919 !important;
}

span.answer {
    color: #191919 !important;
}

a.twister {
    color: #191919 !important;
}

li {
    color: #191919 !important;
}

a[target='_blank']::after {
    content: '';
    display: inline-block;
    clear: both;
    width: 16px;
    height: 16px;
    margin: 0 4px;
    background: url("/Content/theme-spp/images/svg/external-link.svg") bottom left no-repeat;
}

.stbcolor-primary.first a[target='_blank']::after {
    background: url("/Content/theme-spp/images/svg/external-link-white.svg") bottom left no-repeat;
}

a.remove-psuedo[target='_blank']::after,
.stbcolor-primary.first a.remove-psuedo[target='_blank']::after {
    content: none;
}

p {
    color: #191919 !important;
}

    p a {
        color: #bf0900 !important;
        border-bottom: 0 !important;
        text-decoration: underline;
    }

        p a:visited {
            color: #bf0900 !important;
            border-bottom: 0 !important;
            text-decoration: underline;
        }

        p a:hover {
            color: #bf0900 !important;
            border-bottom: 0 !important;
            text-decoration: underline;
        }

/* Fixes for footer page that is red, dont want the links to be red too */
        p a.stb-footer-link {
            color: #ffffff !important;
            border-bottom: 1px solid #ffffff !important;
        }
            p a.stb-footer-link:visited {
                color: #ffffff !important;
                border-bottom: 1px solid #ffffff !important;
            }
    /* petit class is used on the footer page only */
    p.petit {
        color: #ffffff !important;
    }

    a.petit {
        color: #ffffff !important;
    }
    a.petit:visited {
        color: #ffffff !important;
    }
/* End fixes for footer page */

/* Fixes for Product page */

.stbcolor-secondary.sixth.bgcolor-design2020 {
    background-color: #fdf4e6 !important;
}

/* End Fixes for Product page */

/* -------------------------------------------------- Hero block ---------------------------------------------------------------------*/
@media screen and (min-width: 440px) {
    .hero-content-area {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .hero-text-content {
        display: flex;
        flex-direction: column;
        flex-basis: 100%;
        flex: 1;
        justify-content: center;
    }
}

@media screen and (max-width: 768px) {
    .hero-image img {
        padding: 0 0 30px 0;
    }
}

@media screen and (max-width: 440px) {
    .hero-image img {
        padding: 0 0 20px 0;
    }
}

.hero-heading {
    padding-bottom: 20px;
}

.hero-text {
    padding-bottom: 20px;
}

.hero-link {
    padding-top: 20px;
}

/* -------------------------------------------------- Mentor block ---------------------------------------------------------------------*/

.mentor2020block .row {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.mentor-content-area {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0 !important;
}

.mentor-text-content {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    justify-content: center;
    padding-left: 30px;
    padding-right: 50px;
}

.mentor-image-content {
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
}

.mentor-image img {
    border-radius: 360px 0px 0px 360px;
    max-height: 350px;
}

.mentor-heading {
    padding-bottom: 20px !important;
}

.mentor-text {
    padding-bottom: 20px;
}
mentor-signature {
}

@media (min-width: 991px) {
    .hero-text.intro p,
    .mentor-text.intro p,
    .mentor-signature.intro p {
        font-weight: 300;
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 12px;
    }
}

    /* -------------------------------------------------- NavigationCard block ---------------------------------------------------------------------*/
    .navigationcardblock {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .navigationcard {
        background-color: #ffffff;
        -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 5px;
        margin-bottom: 15px;
        padding-left: 15px;
        padding-right: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: 100%; /* IE hack */
    }

        .navigationcard:hover {
            -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
            box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        }

    .navigationcard-text {
        padding-bottom: 30px;
        padding-top: 10px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

        .navigationcard-text a {
            color: #bf0900 !important;
            border-bottom: 0;
            font-size: 18px;
            font-weight: 600;
            text-decoration: underline;
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
        }

    .navigationcard img[src*=".svg"] {
        max-height: 140px !important;
        padding-top: 30px;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
    }


    /* -------------------------------------------------- InfoCard block ---------------------------------------------------------------------*/

    .cardrow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 15px;
    }

    @media screen and (max-width: 440px) {
        .cardrow {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }
    }

    @media screen and (max-width: 768px) {
        .cardrow {
            -ms-flex-direction: column;
        }
    }

    .infocardblock {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .infocard {
        background-color: #ffffff;
        box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 5px;
        margin-bottom: 30px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%; /* IE hack */
    }

        .infocard:hover {
            -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
            box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
        }

        .infocard .text {
            padding-left: 30px;
            padding-right: 30px;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
        }

            .infocard .text a {
                flex-grow: 0;
                -ms-flex-positive: 0;
                flex-shrink: 0;
                -ms-flex-negative: 0;
                color: #bf0900 !important;
                border-bottom: 0;
                font-size: 18px;
                font-weight: 600;
                text-decoration: underline;
            }

        .infocard .infocardlink {
            flex-grow: 0;
            -ms-flex-positive: 0;
            flex-shrink: 0;
            -ms-flex-negative: 0;
            padding: 30px;
        }

            .infocard .infocardlink a {
                color: #bf0900 !important;
                border-bottom: 0;
                font-size: 18px;
                font-weight: 600;
                text-decoration: underline;
            }

        .infocard .infocardlink-inner {
            padding-top: 30px;
            border-top: 2px solid #DA291C;
        }

        .infocard img[src*=".svg"] {
            max-height: 140px !important;
            padding-top: 30px;
        }

        .infocard .img-responsive {
            border-radius: 5px 5px 0px 0px;
        }

    .pb10 {
        padding-bottom: 10px !important;
    }

    .pb30 {
        padding-bottom: 30px !important;
    }

    .pt10 {
        padding-top: 10px !important;
    }

    .pt15 {
        padding-top: 15px !important;
    }

    .pl20 {
        padding-left: 20px;
    }

    .pl40 {
        padding-left: 40px;
    }

    .pr20 {
        padding-right: 20px;
    }

    .pr40 {
        padding-right: 40px;
    }

    /*
.block.mentoreditorblock .container {
    padding: 0 !important;
}

.block.mentoreditorblock .container .row {
    display: flex;
    flex-wrap: wrap;
}

.block.mentoreditorblock .container .row .col-sm-6 {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.block.mentoreditorblock .container .row .col-sm-6 button.stb-btn.transparent.dark {
    color: #191919;
}

.block.mentoreditorblock .container .row .col-sm-6:first-child {
    padding-left: 50px;
}

.block.mentoreditorblock .container .row .col-sm-6:last-child {
    justify-content: flex-end;
}

@media (max-width: 768px) {
    .block.mentoreditorblock .container .row .col-sm-6:first-child {
        padding-left: 40px;
    }
}
*/

    /* Fixes for textimageblock2 */

    /*  Requirement: If background color is set then add 40px padding.
    Solution:   Set Block CSS Classes to padding40 - avoids rewrite of TextImageBlock2Body.cshtml */
    @media screen and (min-width: 440px) {
        .padding40 {
            padding: 16px !important; /* Inner padding 24 so 24+16=40 */
        }
    }

    .textimageblock2 .text p:last-child {
        margin-bottom: inherit !important;
    }

    /* End Fixes for textimageblock */

    ul.check.stb li::before {
        background: url(/Content/theme-spp/images/svg/check-red-small.svg) no-repeat;
        width: 19px;
        height: 23.5px;
        background-position: 0 3px;
    }

    .info-card {
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    }

        .info-card h4 {
            color: #bf0900 !important;
        }

        .info-card .stb-box .text a {
            border-bottom: 0;
            color: #bf0900 !important;
            font-size: 18px;
            font-weight: 600;
        }

    .stb-color-sprite-small.ok,
    .stb-color-sprite-medium.ok {
        background: url(/Content/theme-spp/images/svg/check-red-small.svg) no-repeat;
    }

    .cookie-table .table-light {
        padding: 0;
        box-shadow: none;
        margin-top: 24px;
    }

    .cookie-table .table-light thead:first-child {
        background: #FDF4E6 !important;
    }

    .cookie-table .table-light tbody > tr > td {
        border-bottom: 1px solid #19191929 !important;
        border-bottom: 0 !important;
    }

    .cookie-table .table-light tr td,
    .cookie-table .table-light td:last-child {
       padding: 12px 8px !important;
       height: 0;
    }

    .cookie-table .table-light thead:first-child tr:first-child th {
        padding: 12px 8px !important;
        height: 0;
    }

    .cookie-table .table-light thead:first-child tr th:first-child,
    .cookie-table .table-light thead:first-child tr th:last-child,
    .cookie-table .table-light tbody tr td:last-child,
    .cookie-table .table-light tbody tr td:first-child {
        padding: 12px 16px !important;
    }

    .cookie-table .table-light table.stb-table thead > tr > th {
        border-bottom: 0 !important;
    }

    .table-light {
        background: #fff;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
        border-radius: 2px;
        padding: 10px 45px;
        padding-top: 5px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

        .table-light table.stb-table {
            margin-top: 0;
            color: #191919 !important;
        }

            .table-light table.stb-table thead {
                background-color: #fff !important;
            }

                .table-light table.stb-table thead > tr > th {
                    border-bottom: 1px solid #191919 !important;
                    font-weight: 600 !important;
                    padding-left: 0 !important
                }

            .table-light table.stb-table tbody > tr > td {
                border-bottom: 1px solid #949494;
                padding-left: 0;
            }

            .table-light table.stb-table tbody > tr:nth-child(even) > td,
            .table-light table.stb-table tbody > tr:nth-child(even) > th {
                background-color: #fff !important;
            }

    .stb-list-group a.list-group-item {
        color: #191919 !important;
    }

    #sidebar #mobilemenu .panel-default > .panel-heading a {
        color: #191919 !important;
    }

    #sidebar h4 {
        color: #191919 !important;
    }

    a.menu-item {
        color: #191919 !important;
    }

        a.menu-item.active {
            color: #bf0900 !important;
        }

    .sidelinks > .stb li a {
        color: #191919 !important;
    }

    .stb-btn.stb-big-btn:after {
        background: none repeat scroll 0 0 #910300;
    }

    .stb-btn.stb-big-btn:active:before {
        background: url(/Content/theme-spp/images/stb-sprites/general-sprites.png) no-repeat scroll -300px -700px rgba(0,0,0,0) !important;
    }

    .stb-btn.stb-big-btn:active:after {
        text-decoration: none;
        border: 2px solid #191919;
        border-right: 0;
        background: none repeat scroll 0 0 #F0817C !important;
    }

    /* Default max-width: 350 */
    .textimageblock img[src*=".svg"], .accordion img[src*=".svg"], .textimageblock2 img[src*=".svg"], .accordionblock2 img[src*=".svg"],
    img[src*=".svg"] {
        max-height: 100% !important;
        max-width: 350px !important;
    }

    .fullheightsvg img[src*=".svg"],
    .fullwidthsvg img[src*=".svg"],
    .fullsizesvg img[src*=".svg"],
    .svgfullsize img[src*=".svg"] {
        max-height: 100% !important;
        max-width: 100% !important;
    }

    .svgwidth150 img[src*=".svg"] {
        max-width: 150px !important;
        max-height: 100% !important;
    }

    .svgwidth200 img[src*=".svg"] {
        max-width: 200px !important;
        max-height: 100% !important;
    }

    .svgwidth250 img[src*=".svg"] {
        max-width: 250px !important;
        max-height: 100% !important;
    }

    .svgwidth300 img[src*=".svg"] {
        max-width: 300px !important;
        max-height: 100% !important;
    }

    .svgwidth350 img[src*=".svg"] {
        max-width: 350px !important;
        max-height: 100% !important;
    }

    .svgwidth400 img[src*=".svg"] {
        max-width: 400px !important;
        max-height: 100% !important;
    }

    .svgwidth450 img[src*=".svg"] {
        max-width: 450px !important;
        max-height: 100% !important;
    }

    .svgwidth500 img[src*=".svg"] {
        max-width: 500px !important;
        max-height: 100% !important;
    }

    .svgwidth550 img[src*=".svg"] {
        max-width: 550px !important;
        max-height: 100% !important;
    }

    .svgwidth600 img[src*=".svg"] {
        max-width: 600px !important;
        max-height: 100% !important;
    }

    .svgwidth650 img[src*=".svg"] {
        max-width: 650px !important;
        max-height: 100% !important;
    }

    .svgwidth700 img[src*=".svg"] {
        max-width: 700px !important;
        max-height: 100% !important;
    }

    .svgwidth750 img[src*=".svg"] {
        max-width: 750px !important;
        max-height: 100% !important;
    }

    .svgwidth800 img[src*=".svg"] {
        max-width: 800px !important;
        max-height: 100% !important;
    }

    .svgheight150 img[src*=".svg"] {
        max-height: 150px !important;
        max-width: 100% !important;
    }

    .svgheight200 img[src*=".svg"] {
        max-height: 200px !important;
        max-width: 100% !important;
    }

    .svgheight250 img[src*=".svg"] {
        max-height: 250px !important;
        max-width: 100% !important;
    }

    .svgheight300 img[src*=".svg"] {
        max-height: 300px !important;
        max-width: 100% !important;
    }

    .svgheight350 img[src*=".svg"] {
        max-height: 350px !important;
        max-width: 100% !important;
    }

    .svgheight400 img[src*=".svg"] {
        max-height: 400px !important;
        max-width: 100% !important;
    }

    .svgheight450 img[src*=".svg"] {
        max-height: 450px !important;
        max-width: 100% !important;
    }

    .svgheight500 img[src*=".svg"] {
        max-height: 500px !important;
        max-width: 100% !important;
    }

    .svgheight550 img[src*=".svg"] {
        max-height: 550px !important;
        max-width: 100% !important;
    }

    .svgheight600 img[src*=".svg"] {
        max-height: 600px !important;
        max-width: 100% !important;
    }

    .svgheight650 img[src*=".svg"] {
        max-height: 650px !important;
        max-width: 100% !important;
    }

    .svgheight700 img[src*=".svg"] {
        max-height: 700px !important;
        max-width: 100% !important;
    }

    .svgheight750 img[src*=".svg"] {
        max-height: 750px !important;
        max-width: 100% !important;
    }

    .svgheight800 img[src*=".svg"] {
        max-height: 800px !important;
        max-width: 100% !important;
    }

    /* Fixes Kunskapsnavet */
    .article__body-text a:not(.stb-btn), .article__author a {
        text-decoration: none !important;
    }

    .article__body-text .stb-btn.green:hover {
        background-color: #da291c !important;
        border: none !important;
    }

    .content-hub-footer h5,
    .content-hub-footer p {
        color: #ffffff !important;
    }
    /* End Fixes Kunskapsnavet */


    /* Fix Menu is black in mobile */
    .navbar.mobile .nav > li > a p {
        color: #ffffff !important;
    }

    /* Fix News pages */
    .stb-list-group .list-group-item.header {
        background-color: #fff;
    }

    .news-design-2020 .list-group-item {
        border: 0;
    }

    .heading--red {
        color: #bf0900 !important;
    }

    .heading--black {
        color: #191919 !important;
    }

    .onetrust-notallowed {
        padding: 30px;
        box-shadow: 0px 0px 6px rgb(0 0 0 / 25%);
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 5px;
        margin-bottom: 30px !important;
    }

    .onetrust-notallowed p {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .onetrust-notallowed-image {
        position: relative;
        height: 250px;
        max-width: 100%;
        background-color: #E6E6E6;
        margin-bottom: 25px;
    }

    .onetrust-notallowed-image::after {
        content: "";
        background: url("/Content/theme-spp/images//svg/disabled-play.svg") center center no-repeat;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .onetrust-notallowed-wrapper {
        display: flex;
        gap: 30px;
    }

    .onetrust-notallowed-heading {
        font-weight: bold;
        margin: 0 !important;
    }

    .ot-sdk-show-settings {
        font-size: 19px !important;
        line-height: 26px !important;
        font-weight: 700 !important;
        padding: 11px 30px !important;
        border: 0 !important;
    }

    .ot-sdk-show-settings:hover {
        background-color: #a31a17 !important;
    }

    .onetrust-notallowed .ot-sdk-show-settings {
        color: #BF0900 !important;
        background: none !important;
        border: none !important;
        font-size: 16px !important;
        padding: 0 !important
    }

        .onetrust-notallowed .ot-sdk-show-settings:hover {
            text-decoration: underline;
            color: #BF0900;
            background: none;
            border: none;
        }

    @media only screen and (max-width: 600px) {
        .onetrust-notallowed {
            padding: 15px;
        }

            .onetrust-notallowed p {
                font-size: 16px;
                margin-bottom: 8px;
            }

            .ot-btn-container {
                display: flex;
                flex-direction: column;
            }

            .ot-btn-container .ot-pc-refuse-all-handler {
                order: 2;
                margin:10px 0 !important;
            }
    }

    /* Etrackform */

    form label.form-errormessage {
        position: relative;
        display: inline-block;
        width: 100%;
        color: #BF0900;
        margin-left: 30px;
    }

    form input.form-errormessage,
    form input.form-errormessage:focus,
    form textarea.form-errormessage,
    form textarea.form-errormessage:focus {
        background-color: #FFF0F0;
        outline: 1px solid #BF0900;
    }

    form input.valid,
    form input.valid:focus,
    form textarea.valid,
    form textarea.valid:focus {
        outline: 0;
        border: 1px solid #819f2b;
    }

    form input + i {
        position: absolute;
        bottom: 32px;
        right: 24px;
        z-index: 2;
        display: block;
        width: 34px;
        height: 34px;
        font-style: inherit;
        line-height: 34px;
        text-align: center;
        pointer-events: none;
        font-family: "Glyphicons Halflings";
    }

    form input.valid + i:before {
        content: "\e013";
        color: #3c763d;
    }

    form input.form-errormessage + i:before {
        content: "\e014";
        color: #a94442;
    }

    .email-info-text p a {
        color: #191919 !important;
    }

    .email-info-text p a:hover {
        color: #bf0900 !important;
    }

    .email-info-text {
        font-size: 14px;
    }

    .email-info-text-toggle span {
        position: relative;
    }

    .email-info-text-toggle span::after {
        content: '';
        position: absolute;
        background: url(/Content/theme-spp/images/svg/close-menu.svg) no-repeat center center;
        background-size: 14px;
        height: 24px;
        width: 16px;
    }

    form textarea:focus-visible {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    }

    form .stb-btn:disabled {
        background-color: #CCCCCC !important;
        color: #757575 !important;
        opacity: 1;
    }

    form .stb-btn:disabled:active {
        border: 0 !important;
    }

    form .stb-btn:focus,
    form .stb-btn:active {
        background-color: #f0817c!important;
        color: #191919!important;
        outline: 2px #191919 solid!important;
    }