#BrisGift .form-container {
    padding-bottom: 100px;
    background-size: cover;
    background-color: #292327;
}

        #BrisGift .form-container .amount-container {
            margin-top: 32px;
        }

        #BrisGift .form-container .email-container {
            margin-top: 50px;
        }

    #BrisGift .introduction {
        margin-top: 65px;
    }

        #BrisGift .introduction h1 {
            font-family: BrisGoboldExtra2;
            font-weight: 300 !important;
            line-height: normal;
            width: 100%;
            margin-bottom: 28px;
            font-weight: 300 !important;
        }

            #BrisGift .introduction h1 span {
                display: inline-block;
                white-space: nowrap;
            }

        #BrisGift .introduction p {
            font-family: apercu-bold;
            font-size: 18px;
            line-height: 29px;
            margin-bottom: 0;
            font-weight: 300 !important;
        }

    #BrisGift .form-container .amount-container h3 {
        margin: 0 0 32px 0;
    }

    #BrisGift .form-container .amount-container .amount.selected {
        background: #fe5000;
    }

    #BrisGift .form-container .button-container .link-button {
        background: #fe5000;
    }

    #BrisGift .payment-method-container .link-button.invert.active {
        background: #fe5000;
    }

#BrisGift .introduction-background-container {
    background-position: top center;
    background-size: cover;
    background-color: #292327;
    background-attachment: fixed;
    width: 100%;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

        #BrisGift .introduction-background-container .introduction {
            margin-top: 25px;
        }

            #BrisGift .introduction-background-container .introduction h1 {
                font-size: 50px;
            }

    #BrisGift .step-container a  {
        color: #fe5000 !important;
    }

    #BrisGift .step-container #fillInAdress {
        color: #8c8c8c !important;
    }

    #BrisGift .step-container .step-header h3 {
        font-weight: normal!important;
    }

    #BrisGift .step-container .step-header input,
    #BrisGift .step-container .step-header input:hover {
        color: #fe5000 !important;
    }

    #BrisGift .step-container .step-content input.btn {
        background: #fe5000 !important;
    }

.ContributionGiftPage #WorkflowContribution .block .step-content ul li.checked {
    border-color: #222222 !important;
}

.ContributionGiftPage #WorkflowContribution .block .step-content .form-group.checkboxes label:before {
    background-image: url(/static/assets/svg/32x32/icon-checkbox-off-black-32-x-32.svg);
    background-size: 32px 32px;
}

.ContributionGiftPage #WorkflowContribution .block .step-content .form-group.checkboxes label.checked:before {
    background-image: url(/static/assets/svg/32x32/icon-checkbox-on-black-32-x-32.svg);
    background-size: 32px 32px;
}

.ContributionGiftPage #WorkflowContribution .block .step-content .form-group input, 
.ContributionGiftPage #WorkflowContribution .block .step-content .form-group textarea, 
.ContributionGiftPage #WorkflowContribution .block .step-content .form-group select {
    border: solid 1px #d6cfc9;
}

.ContributionGiftPage .additionalInfoToggle span {
    background-image: url(/static/assets/svg/32x32/icon-information-orange-32-x-32.svg);
}

.ContributionGiftPage #WorkflowContribution .block .step-header input:hover,
.ContributionGiftPage #WorkflowContribution .block .step-header input:active,
.ContributionGiftPage #WorkflowContribution .block .step-header input:focus {
    color: #fe5000 !important;
}

.ContributionGiftPage #WorkflowContribution .block .step-content p {
    margin-left: 0;
    margin-right: 0;
    padding: 0px 36px;
}


.combinebigleftblock .leftBlock .bgoverlay {
    background-image: none;
}

.calltoactionblock.block div.blockBackgroundOffset.squared {
    height: 343px !important;
}

.combinebigleftblock .leftBlock h3 {
    font-family: BrisGoboldExtra2;
    line-height: normal;
    font-weight: 300 !important;
    font-size: 36px;
    color: #fafffe;
}

.center {
    text-align: center;
}

.combinebigleftblock .leftBlock a.btn,
.combinebigleftblock .leftBlock a.btn:hover,
.combinebigleftblock .leftBlock a.btn:active {
    box-shadow: none;
    background: #fe5000 !important;
    color: #ffffff !important;
    margin-top: 0px !important;
}

.contributionblock h2 {
    font-family: BrisGoboldExtra2;
    font-weight: 300 !important;
}

.contributionblock span.line {
    display: block;
    border: 2px solid #fe5000;
    width: 121px;
    padding: 0;
    border-radius: 0px;
    margin: 16px auto;
    height: 4px;
    background-color: #fe5000;
}

.block a {
    font-family: apercu-medium;
    font-weight: 300 !important;
}

.block > div {
    border-radius: 2px;
}

.serviceblock > div li:after {
    content: '';
    display: block;
    background: #fe5000;
    height: 4px;
    width: auto;
    border-radius: 0px;
}

.informationblock > div p {
    font-size: 26px;
    font-weight: 300 !important;
    font-family: "BrisGoboldExtra2";
    line-height: 1.07;
    color: #222222;
    margin: 0;
    flex: 1;
}

h1, h2, h3, h4, h5 {
    font-family: 'BrisGoboldExtra2';
    font-weight: 300 !important;
}

.serviceblock > div a {
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #222222;
    font-family: 'BrisGoboldExtra2';
}

.serviceblock > div a {
    padding: 0px;    
}

.serviceblock > div > div > ul li {
    float: left;
}

.navbar-default .navbar-nav > li > a {
    font-family: 'BrisGoboldExtra2';
    font-weight: 300 !important;
    font-size: 20px;
    line-height: 1.15;
    color: #222222;
    height: 23px;
    box-sizing: content-box;
    padding: 9px 8px;
    display: block;
}

.navbar-default.navbar-fixed-top .navbar-nav.navbar-right > li > a {
    font-family: 'BrisGoboldExtra2';
    font-weight: 300 !important;
    font-size: 20px;
    line-height: 1.15;
    color: #222222;
    height: 23px;
    box-sizing: content-box;
    padding: 9px 8px;
    display: inline-flex;
}

header.sticked.navbar-fixed-top .navbar-default .navbar-nav.navbar-right > li > a {
    font-family: 'BrisGoboldExtra2';
    font-weight: 300 !important;
    font-size: 20px;
    line-height: 1.15;
    color: #222222;
    height: 23px;
    box-sizing: content-box;
    padding: 9px 8px;
    display: inline-flex;
}

header.sticked .navbar-default .navbar-nav > li > a {
    font-family: 'BrisGoboldExtra2';
    font-weight: 300 !important;
    font-size: 20px;
    line-height: 1.15;
    color: #222222;
    height: 22px;
    box-sizing: content-box;
    padding: 9px 8px;
    display: block;
}

.navbar-default .navbar-nav.hidden-xs.hidden-sm > li > a > span {
    position: absolute;
    top: 0px;
    right: -55px;
    font-size: 10px;
    font-family: 'apercu-regular';
}

.combinebigleftblock .rightBlocks h3, .combinebigleftblock .rightBlocks .informationblock p {
    font-family: 'BrisGoboldExtra2';
    font-size: 32px;
    font-weight: 300 !important;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fafffe;
}

.navbar-default .navbar-nav.navbar-icons > li > a .icon.icon-languages {
    background-image: url(/static/assets/svg/32x32/icon-other-languages-orange-32-x-32.svg);
}

.navbar-default .navbar-nav.navbar-icons > li > a .icon.icon-listen {
    background-image: url(/static/assets/svg/32x32/icon-listen-orange-32-x-32.svg);
}

.navbar-default .navbar-nav.navbar-icons > li > a .icon.icon-search {
    background-image: url(/static/assets/svg/32x32/icon-search-orange-32-x-32.svg);
}

.navbar-default .navbar-nav.navbar-icons > li > a .icon.icon-press {
    background-image: url(/static/assets/svg/32x32/icon-press-orange-32-x-32.svg);
}

.navbar-default .navbar-nav.navbar-icons > li > a .icon.icon-incognito {
    background-image: url(/static/assets/svg/32x32/icon-hide-orange-32-x-32.svg);
}

.nav-mobile > li > a {
    font-family: 'BrisGoBoldExtra2';
    font-weight: 300 !important;
    font-size: 19px;
}

.serviceblock > div > .arrow_box {
    border: solid 2px #fe5000;
    border-radius: 1px;
    height: 58px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

    .serviceblock > div > .arrow_box:before {
        border-color: rgba(194, 225, 245, 0);
        border-right-color: #fe5000;
        border-width: 20px;
        margin-top: -20px;
    }

.informationblock > div a {
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    font-family: 'apercu-medium';
    color: #fe5000;
    background: url(/static/assets/svg/32x32/icon-arrow-download-circle-orange-32-x-32.svg) no-repeat;
    margin-top: 24px;
}

.calltoactionblock a.btn {
    border: 0px;
    border-radius: 30px;
    background: #fe5000;
    font-family: 'apercu-medium';
    font-size: 18px;
    font-weight: 500;
    line-height: 1.22;
    text-align: center;
    color: #ffffff;
    padding: 11px 25px;
    height: 45px;
    min-width: 145px;
    text-shadow: none;
    display: inline-block;
    margin-right: 10px;
}

.calltoactionblock a.linkbtn {
    min-height: 32px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.02;
    margin: 0;
    display: inline-block;
    align-content: center;
    color: #ffffff;
    padding: 5px 0 5px 40px;
    background-image: url(/static/assets/svg/32x32/icon-arrow-right-circle-white-32-x-32.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 32px 32px;
}

.container.Survey a.linkbtn.back {
    background-image: url(/static/assets/svg/32x32/icon-arrow-left-circle-green-32-x-32.svg);
}

.container.Survey a.linkbtn {
    min-height: 32px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.02;
    margin: 0;
    display: inline-block;
    align-content: center;
    color: #222222;
    padding: 5px 0 5px 40px;
    background-image: url(/static/assets/svg/32x32/icon-arrow-right-circle-green-32-x-32.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 32px 32px;
}



    .container.Survey div.center > h4 {
        font-size: 26px;
        color: #fe5000;
    }
    .container.QandA div.center > h4 {
        font-size: 26px;
        color: #fe5000;
    }

.container.Survey form.form.xform table {
    width: 100%;
}

.container.Survey .radio-group label.radio.checked {
    background: url(/Static/assets/svg/32x32/icon-radiobutton-on-32-x-32-orange.svg) no-repeat;
    background-position: 5%;
    line-height: 50px;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(60, 36, 16, 0.2), 0 1px 12px 0 rgba(61, 50, 41, 0.05);
    background-color: #ffffff;
    padding-left: 15%;
}

.container.Survey .radio-group label.radio {
    background: url(/Static/assets/svg/32x32/icon-radiobutton-off-32-x-32-black.svg) no-repeat;
    background-position: 5%;
    line-height: 50px;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(60, 36, 16, 0.2), 0 1px 12px 0 rgba(61, 50, 41, 0.05);
    background-color: #ffffff;
    padding-left: 15%;
}

#previousQuestions tr:nth-child(2n) {
    background-color: #f7f5f4; 
}

#previousQuestions td {
    height: 30px;
    font-family: 'apercu-regular';
    font-size: 18px;
}

#previousQuestions td:nth-child(1) {
    padding: 10px;
    font-weight:bold;
}

.surveybase {
    margin-left: 3%;
    font-family: apercu-bold;
}

.surveypercentage {
    font-size: 12px;
    line-height: 5;
}

.surveysummary {
    margin-top: 25px;
}

.surveycontainer {
    display: flex;
    background-color: #ffffff;
    border-radius: 4px;
}

.surveyanswer {
    font-size: 24px;
    line-height: 2.5;
}

.container.Survey form.form.xform table input[type="submit"] {
    width: 100%;
}

    .container.Survey form.form.xform table input[type="submit"].disabled {
        background-color: #edeae7;
        color: #d6cfc9;
    }

.apercubold {
    font-family: apercu-bold;
}

    .navbar-default .navbar-nav > li > div > a.btn {
        border: 0px;
        border-radius: 30px;
        background: #fe5000;
        background-image: url(/static/assets/svg/32x32/icon-heart-32.svg);
        background-repeat: no-repeat;
        background-position: 15% 50%;
        background-size: 32px 32px;
        font-family: 'BrisGoboldExtra2';
        font-size: 18px;
        font-weight: 500;
        line-height: 1.22;
        text-align: center;
        color: #ffffff;
        padding: 11px 20px 30px 55px;
        height: 45px;
        min-width: 145px;
        text-shadow: none;
        display: inline-block;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.calltoactionblock > div > div > h3 {
    margin: 0px;
    font-family: 'BrisGoboldExtra2';
    font-size: 36px;
    font-weight: 300 !important;
    line-height: 1.03;
}

.newsletterblock #NewsletterInfo > a {
    display: block;
    margin: 24px auto 0;
    text-align: center;
    width: 150px;
    height: 45px;
    max-width: 100%;
    font-family: 'apercu-regular';
    font-size: 18px;
    font-weight: 500;
    line-height: 1.22;
    color: #ffffff;
    border-radius: 100px;
    background: #fe5000;
    padding: 13px 24px;
    cursor: pointer;
}

footer a {
    font-family: "apercu-regular";
}

.footerlinksblock h2 {
    font-family: 'BrisGoboldExtra2';
    font-size: 26px;
    font-weight: 300 !important;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.15;
    color: #222222;
}

.footercontactblock h2 {
    font-family: 'BrisGoboldExtra2';
    font-size: 26px;
    font-weight: 300 !important;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.15;
    color: #222222;
}

.footerlinksblock div.Heading-box h2 {
    font-family: 'BrisGoboldExtra2';
    font-weight: 300 !important;
}

.footercontactblock div.Heading-box h2 {
    font-family: 'BrisGoboldExtra2';
    font-weight: 300 !important;
}

.newsletterblock h2 {
    font-family: 'BrisGoboldExtra2';
    font-weight: 300 !important;
    line-height: 1.15;
    color: #222222;
    /*padding-left: -24px;*/
    margin: 26px 0 24px;
    padding-top: 20px;
}

.newsletterblock p {
    font-family: 'apercu-regular';
    font-weight: 300 !important;
}

footer div.link-box {
    background: url(/static/assets/svg/misc/icon-up-arrow.svg) no-repeat;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    width: 45px;
    height: 45px;
    position: absolute;
    top: -50px;
    right: 16px;
    z-index: 998;
}

.footerlinks {
    height: 22px;
    font-family: 'apercu-regular';
    font-size: 18px;
    /*font-weight: 300;*/
    font-style: normal;
    font-stretch: normal;
    line-height: 1.22;
    letter-spacing: normal;
    color: #fe5000;
}

a, a:hover, a:active, a:visited, a:focus {
    text-decoration: none;
    color: #fe5000;
    outline: none;
}

.calltoactionblock a.link {
    color: #fe5000;
    background: url("/static/assets/svg/32x32/icon-arrow-download-circle-orange-32-x-32.svg") no-repeat;
    font-size: 18px;
}

.calltoactionblock a.link:hover {
    color: #fe5000;
}

.calltoactionblock a.btn:hover {
    background-color: #fe5000;
    color: #ffffff;
}

.teaserblock > div .articleCardVisibleSpan8 a, .teaser > div .articleCardVisibleSpan8 a {
    background-image: url(/static/assets/svg/32x32/icon-arrow-download-circle-orange-32-x-32.svg);
    color: #fe5000;
}

.teaserblock > .whiteColor a {
    color: #fe5000;
    background-image: url(/static/assets/svg/32x32/icon-arrow-download-circle-orange-32-x-32.svg);
}

.teaserblock .blockBackgroundOffset p {
    font-family: "apercu-medium";
}

.teaserblock p {
    font-family: "apercu-medium";
}

.teaserblock .bgoverlay h4 {
    font-family: "apercu-regular";
}

.footercontactblock li > a {
    color: #fe5000;
}

.footercontactblock li {
    color: #222222;
}

.loggedin > a {
    color: #fe5000;
}

.socialmediablock > div {
    border-spacing: 0px;
}

.socialMediaIcons > a span {
    margin-left: 0px;
}

.socialMediaIcons {
    text-align: center;
    padding-top: 14px;
}

.footerEnd > div {
    height: 100%;
}

.copyrigthblock {
    padding-top: 12px;
}

.top100imageblock div, socialmediablock div {
    text-align: center;
}

.copyrigthblock div label {
    text-align: center;
}

.block p > a {
    color: #fe5000;
}


.teaserblock > div > div > .bgoverlay, .teaser > div > div > .bgoverlay {
    border-radius: 2px;
}

.teaserblock > div .articleCardVisibleSpan8 p, .teaser > div .articleCardVisibleSpan8 p {
    font-size: 18px;
    line-height: 1.11;
    font-family: "apercu-regular";
}

.ForumPage .categories .block a:after {
    background-color: #fe5000;
    width: auto;
}

.ForumPage .categories .block a {
    flex: none;
}

.ForumPage .btn-default {
    font-size: 24px;
    background-color: #fe5000;
    border-radius: 35px;
    border: none;
    box-shadow: none;
    color: #fff;
    text-shadow: none;
    height: 60px;
    width: 100%;
    font-family: 'apercu-medium';
    font-weight: 500;
    line-height: 1.33;
    margin: 16px 0;
}

.ForumPage .search .form-control {
    border-radius: 0px;
    height: 60px;
    width: 100%;
    background: rgba(255, 255, 255, 255) url(/static/assets/svg/24x24/icon-search-black-24-x-24.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    padding-left: 44px;
    background-position: 16px;
    font-size: 18px;
    line-height: 1.22;
    color: #2751bb;
}

.ForumPage .top-threads .block > div a, .ForumCategoryPage .threads .block > div a {
    background: url(/static/assets/svg/32x32/icon-arrow-download-circle-orange-32-x-32.svg) no-repeat;
}

.collapsableLogin > div > h3 > a.collapsed > span, .collapsableNewThread > div > h3 > a.collapsed > span, .collapsableNewReply > div > h3 > a.collapsed > span {
    background: url(/static/assets/svg/32x32/icon-menu-plus-orange-32-x-32.svg) no-repeat;
}

.colored-divider {
    border: 2px solid #fe5000;
    border-radius: 0px;
}

.ArticlePage > div ul.linkList li a, .SectionPage .SectionPageItem .articleLinks a {
    background: url(/static/assets/svg/32x32/icon-arrow-download-circle-orange-32-x-32.svg) no-repeat;
    color: #fe5000;
}

    .ArticlePage > div ul.linkList li a, .SectionPage .SectionPageItem .articleLinks a.newColor {
        background: url(/static/assets/svg/32x32/icon-arrow-right-circle-green-32-x-32.svg) no-repeat;
        color: #222222;
    }

.readmoreblock > div ul li a {
    color: #fe5000;
    background: url(/static/assets/svg/32x32/icon-arrow-download-circle-orange-32-x-32.svg) no-repeat;
}

.copyright-info {
    color: #8c8c8c 
}

.LoginPage .loginBlock > div input.btn {
    background: #fe5000;
}

.LoginPage .loginBlock > div a.link {
    color: #fe5000;
    background: url(/static/assets/svg/32x32/icon-arrow-download-circle-orange-32-x-32.svg) no-repeat;
}

div .form-group > input, div .form-group > textarea, div .form-group > select {
    border: solid 1px #d6cfc9;
}

div .form-group.input > input:hover {
    border: solid 1px #222222;
}

div .form-group.input > input:hover + label {
    color: #222222;
}

div .form-group.input > input:focus {
    border: solid 1px #fe5000;
}

div .form-group.input > input:focus + label {
    color: #fe5000;
}

div .form-group.input.has-error > input:focus {
    border: solid 1px #fe5000;
}

div .form-group.input.has-error > input:focus + label {
    color: #fe5000;
}

input.inputFieldFocused, textarea.inputFieldFocused, select.inputFieldFocused {
    border-color: #fe5000 !important;
}

.inputFieldFocusedColor {
    color: #fe5000 !important;
}

.RegisterPage .SexInfoToggle span {
    background: url(/static/assets/svg/32x32/icon-information-orange-32-x-32.svg) no-repeat top left;
}

.RegisterPage .SexChoice label:before {
    border: 2px solid #fe5000;
}

.RegisterPage .SexChoice label.checked:before {
    background: #fe5000;
}

.registerCheckBox label:before {
    background-image: url(/static/assets/svg/32x32/icon-checkbox-off-orange-32-x-32.svg);
}

.registerCheckBox label.checked:before {
    background-image: url(/static/assets/svg/32x32/icon-checkbox-on-orange-32-x-32.svg);
    background-repeat: no-repeat;
}

.RegisterPage .btn-default {
    background-color: #fe5000;
}

.AccountPage .ActionContainer > div.SettingsLink a {
    background: url(/static/assets/svg/32x32/icon-arrow-download-circle-orange-32-x-32.svg) no-repeat;
    color: #fe5000;
}

.AccountPage .block > div.Action a::after {
    background-color: #fe5000;
}

.AccountPage .unreadDot {
    background-color: #fe5000;
    border: solid 5px rgba(254, 80, 0, 0.1);
    box-shadow: 0 0 0 rgba(204,169,44, 0.4);
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(254, 80, 0, 0.4);
        box-shadow: 0 0 0 0 rgba(254, 80, 0, 0.7);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(254, 80, 0, 0);
        box-shadow: 0 0 0 10px rgba(254, 80, 0, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(254, 80, 0, 0);
        box-shadow: 0 0 0 0 rgba(254, 80, 0, 0);
    }
}

.AccountPage .Inbox li.list-group-item a {
    color: #fe5000;
}

.AccountPage .block > div.Action a::after {
    width: auto;
}

.AccountPage .block > div.Action a {
    flex: none;
}

.InfoPage span {
    color: #fe5000;
}

.brisBreadcrumb .divider {
    color: #fe5000;
}

.InfoPage .Inbox li.list-group-item a {
    color: #fe5000;
}

.InfoPage .unreadDot {
    background-color: #fe5000;
    border: solid 5px rgba(254, 80, 0, 0.1);
    box-shadow: 0 0 0 rgba(204,169,44, 0.4);
}

.videoblock .videoOverlay > .playwrapper .playbutton {
    background-color: #fe5000;
}

.announcement > div {
    border: 2px solid #fe5000;
}

.collapsableLogin > div > h3 > a > span, .collapsableNewThread > div > h3 > a > span, .collapsableNewReply > div > h3 > a > span {
    background: url(/static/assets/svg/32x32/icon-menu-minus-orange-32-x-32.svg) no-repeat;
}

.collapsableLogin > div input.btn, .collapsableNewThread > div input.btn, .collapsableNewReply > div input.btn {
    background: #fe5000;
}

.ArticlePage .subNavigationBlock > div > ul > li > a {
    color: #fe5000;
    background: url(/static/assets/svg/32x32/icon-arrow-download-circle-orange-32-x-32.svg) no-repeat;
}

.organisationblock > div > div a {
    background: url(/static/assets/svg/32x32/icon-arrow-download-circle-orange-32-x-32.svg) no-repeat;
    color: #fe5000;
}

.ForumPage .categories .block a:after {
    background-color: #fe5000;
    width: auto;
}

.ForumSinglePage .info h1 {
    background: url(/static/assets/svg/32x32/icon-message-orange-32-x-32.svg) no-repeat;
}

.myaccount-collapse a.logout {
    background: #fe5000;
}

.myaccount-collapse a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    font-family: 'apercu-medium';
    font-size: 18px;
    line-height: 1.22;
    color: #fe5000;
    background: #ffffff;
    padding: 0 0 0 40px;
    background: url(/static/assets/svg/32x32/icon-arrow-download-circle-orange-32-x-32.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 32px;
    min-height: 32px;
    height: 32px;
    box-sizing: content-box;
    border-radius: 4px;
}

.link-arrow {
    background: url(/Static/assets/svg/32x32/icon-arrow-download-circle-orange-32-x-32.svg) no-repeat center left;
    color: #fe5000;
}

.content-list-header.green {
    background: #fe5000;
    color: #ffffff;
}

.content-list .content-list-item .content-list-item-divider {
    background: #fe5000;
}

.chat-message .chat-bouble-container .chat-bouble.green {
    background: rgba(255, 150, 101, .5);
}

.chat-message .chat-bouble-container .chat-bouble.gray {
    background: #f7f5f4;
}

.ForumActivityPage .Empty > div {
    border: solid 3px #fe5000;
}

.ForumActivityPage .Empty > ul li {
    background: url(/static/assets/svg/32x32/icon-arrow-download-circle-orange-32-x-32.svg) no-repeat left top;
}

.ForumActivityPage .Empty a {
    color: #fe5000;
}

.MessagePage .Empty > div {
    border: solid 3px #fe5000;
}

.MessagePage .Empty > ul li {
    background: url(/static/assets/svg/32x32/icon-arrow-download-circle-orange-32-x-32.svg) no-repeat left top;
    color: #fe5000;
}

.MessagePage .New input.btn {
    background-color: #fe5000;
}

.navbar-default .navbar-nav.navbar-icons > li.nonCollapsed > a > .text {
    color: #fe5000;
}

.searchbar-collapse .btn-default {
    background-color: #fe5000;
}

.globalnavigationCollapse a.startListen {
    background: #fe5000;
}

.globalnavigationCollapse a {
    font-family: 'apercu-regular';
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.22;
    display: flex;
    align-items: center;
    margin: 0;
    background: url(/static/assets/svg/32x32/icon-arrow-download-circle-orange-32-x-32.svg) no-repeat;
    background-size: 24px 24px;
    padding: 0 0 0 32px;
    color: #fe5000;
    min-height: 24px;
}

.globalnavigationCollapse #google_translate_element .goog-te-gadget .goog-te-combo {
    width: 100%;
    margin: 0;
    padding: 0 0 0 16px;
    height: 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background: url(/static/assets/svg/24x24/icon-arrow-right-white-24-x-24.svg) no-repeat right center #fe5000;
    border: none;
    border-radius: 4px;
    font-family: 'apercu-regular';
    font-size: 18px;
    font-weight: 500;
    line-height: 1.22;
    color: #ffffff;
}

.brisBreadcrumb a {
    color: #fe5000;
}

.ArchivePage .row .block > div ul > li a {
    color: #fe5000;
}

.ArchivePage .row .pagination > li.active > a {
    border: 2px solid #fe5000;
}

input[type=button], input[type=submit], button {
    background-color: #fe5000;
}

.accordion-block .accordion-block-title {
    background: url(/static/assets/svg/32x32/icon-menu-plus-orange-32-x-32.svg) no-repeat left center;
}

#BrisPress .press-content-container .category-heading {
    color: #fe5000;
}

#BrisPress .press-filter-container a.active {
    border: 2px solid #fe5000;
}

#BrisPress .press-featured-container h3 {
    height: 78px;
}

.data-pager-container a.active {
    border: solid 2px #fe5000;
}

.has-success .form-control:focus {
    border-color: #fe5000;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.RegisterPage .form-group select {
    border-color: #d6cfc9;
}

.RegisterPage .form-group select:hover {
    border: solid 1px #222222;
}

.RegisterPage .form-group select:focus {
    border: solid 1px #fe5000;
}

.globalnavigationCollapse #google_translate_element_mobile .goog-te-gadget .goog-te-combo {
    background: url(/static/assets/svg/24x24/icon-arrow-right-white-24-x-24.svg) no-repeat right center #fe5000;
}

.ChatPage .info .block > div input.btn, .ChatHistoryPage .info .block > div input.btn {
    background: #fe5000;
}

.ChatPage .info .block > div > a, .ChatHistoryPage .info .block > div > a {
    color: #fe5000;
    background: url(/static/assets/svg/32x32/icon-arrow-download-circle-orange-32-x-32.svg) no-repeat;
}

.collapsableLogin > div a.link {
    color: #fe5000;
    background: url(/static/assets/svg/32x32/icon-arrow-download-circle-orange-32-x-32.svg) no-repeat;
}

.ForumCategoryPage .threads .pagination > li.active a, .ForumSinglePage .repliesPagination .pagination > li.active a {
    border-color: #fe5000;
}

.ForumCategoryPage .threads .pagination > li.active a, .ForumSinglePage .repliesPagination .pagination > li.active a {
    border-color: #fe5000;
}

.ForumSinglePage .block.threadReplies .reply > .replyWrapper > .replyColor {
    background: #fe5000;
}

.cookie-consent-container .container .row a#CookieConsent {
    background: #fe5000;
}

.radio-group label.radio {
    background: url(/Static/assets/svg/32x32/icon-radiobutton-off-32-x-32-orange.svg) no-repeat;
}

.radio-group label.radio.checked {
    background: url(/Static/assets/svg/32x32/icon-radiobutton-on-32-x-32-orange.svg) no-repeat;
}

.checkbox-group label.checkbox {
    background: url(/Static/assets/svg/32x32/icon-checkbox-off-orange-32-x-32.svg) no-repeat;
}


.checkbox-group label.checkbox.checked {
    background: url(/Static/assets/svg/32x32/icon-checkbox-on-orange-32-x-32.svg) no-repeat;
}

.teaserblock.span4 > div h3, .teaserblock.span8 > div h3, .videoblock.span4 h3, .videoblock.span8 h3, .teaser.span4 > div h3, .teaser.span8 > div h3, .SectionPageItem .teaserblock > div h3, .SectionPageItem .teaser > div h3 {
    font-weight: 300;
}

.sponsorblock {
    border: none !important;
}

.sponsorblock h4 {
    font-weight: 300;
}

.sponsorblock img {
    height: 55%;
    object-fit: contain;
}

.SectionPageItem .videoOverlay > .playwrapper .playbutton {
    background: #fe5000;
}
    .SectionPageItem .videoOverlay > .playwrapper .playbutton.newColor {
        background: #007465;
    }

.consent input[type=submit],
.consent input[type=button] {
    background: #fe5000;
}

.RegisterPage .profilePictureContainer > div input:checked + img {
    border: 2px solid #fe5000;
}

.LoginPage .loginBlock > div .form-group.has-success > .form-control {
    border: 1px solid #8c8c8c;
}

.LoginPage .loginBlock > div .form-group.has-success > .form-control:focus {
    border: 1px solid #222222;
}

.ForumPage #searchResults .searchItem h3 {
    color: #fe5000;
}

.ForumPage #searchResults > div > a {
    color: #fe5000;
    background: url(/static/assets/svg/32x32/icon-arrow-download-circle-orange-32-x-32.svg) no-repeat;
}

.queryresult p::after {
    border: solid 2px #fe5000;
}

.ForumPage .searchCategories .category.active > div {
    border: 2px solid #fe5000;
}

.ForumPage .search .form-control {
    color: #222222;
}

.ForumPage .search .form-control:hover {
    border: 1px solid #222222;
}

input[type="password"]:focus {
    border-color: #fe5000;
}

input[type="password"]:hover {
    border-color: #222222;
}

.chatWindow > h3 {
    background: #fe5000;
}

.chatWindow > h3 > a > span.iconLeave {
    margin-left: 8px;
    margin-right: 0px;
}

.chatWindow #chatWindowBox > span > .chatMessageRow > .message {
    background-color: #f7f5f4;
}

.chatWindow #chatWindowForm > .form-group input.btn {
    background: #fe5000;
}

.chatWindow #chatWindowForm > .form-group > div > input[type="checkbox"]:checked + label {
    background-image: url(/static/assets/svg/32x32/icon-checkbox-on-orange-32-x-32.svg);
}

.chatWindow #chatWindowForm > .form-group > div > input[type="checkbox"] + label {
    background-image: url(/static/assets/svg/32x32/icon-checkbox-off-orange-32-x-32.svg);
    min-height: 32px;
    display: flex;
    align-items: center;
}

.chatWindow #chatWindowForm > .form-group > textarea {
    color: #222222;
}

.listResult h3 a {
    color: #fe5000;
}

h3, h4, .bgoverlay > p, p {
    line-height: 1.25 !important;
}

.AccountChangePage #partialViewUpdate > a {
    background: #fe5000;
}

.AccountChangePage #partialViewUpdate > a {
    background: #fe5000;
}

.AccountChangePage #partialViewRemoveAccount a.link {
    color: #fe5000;
    background: url(/static/assets/svg/32x32/icon-arrow-download-circle-orange-32-x-32.svg) no-repeat;
}

.ForumActivityPage .Inbox li.list-group-item a {
    color: #fe5000;
}

.ChatPage .info .block .queue-full, .ChatPage .info .block .chat-closed, .ChatHistoryPage .info .block .no-history, .ChatHistoryPage .info .block .queue-full, .ChatHistoryPage .info .block .chat-closed {
    border: 2px solid #a64d94;
    border-radius: 2px;
}

.ContributionGiftPage #WorkflowContribution .block .step-content .form-group.radiobuttonList label:before {
    border: 2px solid #fe5000;
}

.ContributionGiftPage #WorkflowContribution .block .step-content .form-group.radiobuttonList label.checked:before {
    background: #fe5000;
}

.teaserblock > div > div, .teaser > div > div {
    border-radius: 2px !important;
}

.crmnewsletterblock button {
    background-color: #fe5000;
}

select:hover {
    outline: 0px !important;
    -webkit-appearance: none !important;
    border-color: #8c8c8c !important;
}

a.link-button, a.link-button:hover {
    color: white;
}

.block .text-slider-block h4 {
    color: #fe5000 !important;
}

.ContributionPage .row > .content > a {
    background-color: #fe5000;
    height: 60px;
}

#BrisPlay {
    background-color: #421e3b;
}

#BrisPlay a.link-button {
    background-color: #fe5000;
}

#BrisPlay .navbar-default .navbar-nav.navbar-icons > li.collapsed > a .icon.icon-incognito {
    background-image: url(/static/assets/svg/32x32/icon-hide-orange-32-x-32.svg);
}

#BrisPlay .navbar-default .navbar-nav.navbar-icons > li.collapsed > a .icon.icon-press {
    background-image: url(/static/assets/svg/32x32/icon-press-orange-32-x-32.svg);
}

#BrisPlay .navbar-default .navbar-nav.navbar-icons > li.collapsed > a .icon.icon-languages {
    background-image: url(/static/assets/svg/32x32/icon-other-languages-orange-32-x-32.svg);
}

#BrisPlay .navbar-default .navbar-nav.navbar-icons > li.collapsed > a .icon.icon-listen {
    background-image: url(/static/assets/svg/32x32/icon-listen-orange-32-x-32.svg);
}

#BrisPlay .navbar-default .navbar-nav.navbar-icons > li.collapsed > a .icon.icon-search {
    background-image: url(/static/assets/svg/32x32/icon-search-orange-32-x-32.svg);
}

#BrisPlay h2 {
    font-family: apercu-regular;
}

#BrisPlay .category-heading.green {
    color: #fe5000;
}

#BrisPlay .footerlinks {
    color: #fe5000;
}

#BrisPlay footer h2 {
    font-family: BrisGoboldExtra2;
}

#BrisPlay .footercontactblock li {
    color: #ffffff;
}

#BrisPlay .copyrigthblock  li a {
    color: #fe5000;
}

#BrisPlay .copyrigthblock label {
    color: #ffffff;
}

#BrisPlay .copyrigthblock label a {
    color: #fe5000;
}

#BrisPlay .socialmediablock span.Facebook,
#BrisPlay a.socialmediabutton span.Facebook {
    background: url("/static/assets/svg/social/graphics-social-facebook-orange.svg") no-repeat;
}

#BrisPlay .socialmediablock span.Twitter,
#BrisPlay a.socialmediabutton span.Twitter {
    background: url("/static/assets/svg/social/graphics-social-twitter-orange.svg") no-repeat;
}

#BrisPlay .socialmediablock span.Instagram,
#BrisPlay a.socialmediabutton span.Instagram {
    background: url("/static/assets/svg/social/graphics-social-instagram-orange.svg") no-repeat;
}

#BrisPlay .socialmediablock span.YouTube,
#BrisPlay a.socialmediabutton span.YouTube {
    background: url("/static/assets/svg/social/graphics-social-youtube-orange.svg") no-repeat;
}

    #BrisPlay .container-fluid.background {
        background: url(/Static/assets/background/smiley-face-orange.svg) calc(50% - 570px) 0px no-repeat !important;
    }

#BrisPlay header.sticked .navbar-default {
    background: #421e3b;
}

#BrisPlay .video-block .gradient-overlay:hover {
    background-image: url(/Static/assets/svg/misc/play-orange.svg), linear-gradient(to bottom, rgba(39, 17, 35, 0.3), rgba(39, 17, 35, 0.4) 41%, rgba(39, 17, 35, 0.7) 64%, rgba(39, 17, 35, 0.85) 81%, #271123 99%);
    background-size: auto, contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgba(254,80,0, 0.7);
}

#BrisPlay .play-loader-container {
    background: #421e3b;
}

#BrisPlay footer div.link-box {
    background: url(/static/assets/svg/misc/icon-up-arrow.svg) no-repeat !important;
}

#BrisPlay .video-hero .youtube-embed-container .gradient-overlay {
    background: url(/Static/assets/background/overlay-small.png) no-repeat;
    background-size: auto 100%;
}

#BrisPlay .container-fluid.background {
    margin-top: -140px;
}

#BrisPlay .container-fluid.background > .container {
    margin-top: 140px;
}

.youtube-embed-container .youtube-play {
    background: url(/Static/assets/svg/misc/graphics-interactions-play-orange.svg) no-repeat center center;
}

#BrisPlay .back-to-play {
    background: url(/Static/assets/svg/24x24/icon-arrow-left-orange-24-x-24.svg) no-repeat left center;
}

#BrisPlay a.socialmediabutton span.Mail {
    background: url(/static/assets/svg/social/graphics-social-mail-orange.svg) no-repeat;
}

.chatWindow #chatWindowBox > span > .chatMessageRow.userMessageRow > .message {
    word-wrap: break-word;
}

.expandable-rules {
    padding: 14px 18px;
}

.expandable-rules-text span {
    font-size: 18px;
    color: #ffffff;
}

.expandable-rules-text:hover {
    color: #ffffff;
}

.expandable-rules-text:visited {
    color: #ffffff;
}

.icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 8px;
}

.icon-minus-white {
    background-image: url(/static/assets/svg/32x32/icon-menu-minus-white-32-x-32.svg);
}

.collapsed .icon-minus-white {
    background-image: url(/static/assets/svg/32x32/icon-menu-plus-white-32-x-32.svg);
}

.icon-plus-white {
    background-image: url(/static/assets/svg/32x32/icon-menu-plus-white-32-x-32.svg);
}

.forum-rules-content {
    padding-left: 35px;
}

.ForumCategoryPage .info .block > div > a, .ForumSinglePage .info .block > div > a {
    color: #fe5000;
    background: url(/static/assets/svg/32x32/icon-arrow-download-circle-orange-32-x-32.svg) no-repeat;
}

.verticalDivider {
    display: table-cell;
    width: 4px;
    background: #fe5000;
    border-radius: 100px;
}

.info-container {
    display: table;
    width: 100%;
    padding: 32px 79px 32px 40px;
}

.mt-24 {
    margin-top: 24px !important;
}

.mt-12 {
    margin-top: 12px !important;
}

.block-shadow {
    border-radius: 4px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 3px rgba(0, 0, 0, 0.05), 0 1px 2px 1px rgba(0, 0, 0, 0.1);
    height: unset !important;
    margin-top: 8px;
    margin-bottom: 8px;
}

.report-enabled {
    background: url(/static/assets/svg/misc/icon-exclamation-orange.svg) no-repeat;
    height: 24px;
    width: 24px;
    float: right;
    background-size: 24px 24px;
    cursor: pointer;
}

.report-disabled {
    background: url(/static/assets/svg/misc/icon-exclamation-gray.svg) no-repeat;
    height: 24px;
    width: 24px;
    float: right;
    pointer-events: none;
    background-size: 24px 24px;
}

.forum-teaser-question {
    margin: 16px 16px 4px 16px;
    font-size: 17px !important;
    color: black !important;
    text-align: center;
}

.forum-teaser-answer {
    display: block;
    margin: 8px 4px 16px 16px;
    font-size: 15px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5;
    max-height: 164px;
    resize: none;
    border: none;
    height: 100%;
    width: 94%;
    cursor: default;
}

.ForumActivityPage .removedThread > h1 {
    background: url(/static/assets/svg/32x32/icon-message-orange-32-x-32.svg) no-repeat;
}

.ForumActivityPage div.userPost > h1 {
    background: url(/static/assets/svg/32x32/icon-message-orange-32-x-32.svg) no-repeat;
}

.ForumActivityPage div.userPost {
    border-left: 4px solid #fe5000;
}

.ForumActivityPage .unreadDot {
    background-color: #fe5000;
    border: solid 5px rgba(254, 80, 0, 0.1);
    box-shadow: 0 0 0 rgba(204,169,44, 0.4);
}

.has-unread-messages::after {
    background: url(/static/assets/svg/misc/comments-alt.svg) no-repeat;
    height: 18px;
    width: 18px;
    background-size: 18px, 18px;
    display: inline-block;
    margin: 0px 0px -4px 8px;
    content: "";
}

.ForumCategoryPage .info .block .thank-you, .ForumSinglePage .info .block .thank-you {
    border: 2px solid #fe5000;
}

.form-text-char-counter {
    color: black;
    float: right;
}

.AccountPage button.toggle {
    background: url(/static/assets/svg/32x32/icon-menu-plus-orange-32-x-32.svg) no-repeat;
}

.talk-bubble {
    position: relative;
    height: 240px;
    margin-bottom: 12px;
}

.tri-right.border.btm-right-in:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: 30px;
    bottom: -40px;
    border: 20px solid;
    border-color: #fe5000 #fe5000 transparent transparent;
}

.tri-right.btm-right-in:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: auto;
    right: 34px;
    bottom: -30px;
    border: 15px solid;
    border-color: white white transparent transparent;
}

.border {
    border: 4px solid #fe5000;
}

.round {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}

.wizard-container .step-container .step-header a.edit {
    color: #fe5000 !important;
}

.radio-group label.radio.block.checked {
    border-color: #fe5000 !important;
}

.monthly-contribute-container {
    padding: 24px;
    margin: 8px;
}

.monthly-contribute-container h3, .monthly-contribute-container h4, .monthly-contribute-container h1, .monthly-contribute-container h5, .monthly-contribute-container p {
    color: black;
    font-size: 20px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.bris-checkbox input {
    visibility: hidden;
}

.bris-checkbox:before {
    background-image: url(/static/assets/svg/32x32/icon-checkbox-off-orange-32-x-32.svg);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    content: " ";
    display: inline-block;
    height: 29px;
    width: 29px;
    visibility: initial;
    cursor: pointer;
    min-width: 29px;
}

.bris-checkbox.checked:before {
    background-image: url(/static/assets/svg/32x32/icon-checkbox-on-orange-32-x-32.svg);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    content: " ";
    display: block;
    height: 29px;
    width: 29px;
    visibility: initial;
    cursor: pointer;
    min-width: 29px;
}

.monthly-contribute-container span p {
    font-size: 14px;
    margin-right: 0px;
    cursor: default;
    color: #333333;
}

.monthly-contribute-container a {
    color: #fe5000;
    font-size: 20px;
    margin-right: 16px;
    cursor: pointer;
}

.monthly-contribute-container span a {
    color: #fe5000;
    font-size: 14px;
    margin-right: 0px;
    cursor: pointer;
}

.monthly-contribute-container .field-validation-error {
    margin-top: 4px;
    display: inline-block;
}

.monthly-contribute-container label {
    font-size: 20px;
    cursor: pointer;
    display: flex;
    margin-right: 12px;
}

.background-with-border {
    padding: 16px;
    border: 1px solid #8c8c8c;
    border-radius: 0px 4px 4px 4px;
}

.bris-checkbox ~ span {
    margin-left: 29px;
}

.bris-checkbox {
    margin: 0px !important;
}

.radio-button-container {
    display: flex;
    flex-wrap: wrap;
}
    
.bris-radiobutton-container {
    padding: 16px 0px;
}
.bris-radiobutton-container:before {
    background: white;
}

.bris-radiobutton-container.checked:before {
    box-shadow: inset 0px 0px 0px 6px #fff;
    background-color: #fe5000;
}

.bris-radiobutton-container:before {
    content: " ";
    display: block;
    height: 29px;
    width: 29px;
    visibility: initial;
    border: 2px solid #fe5000;
    border-radius: 100%;
}

.bris-radiobutton-container:before {
    background-repeat: no-repeat;
}

.bris-radiobutton {
    visibility: hidden;
}

.monthly-contribute-background {
    min-height: 1060px;
    position: absolute;
    width: 100%;
    background: #292327;
    background-repeat: no-repeat;
    background-position: center;
}

.monthly-contribute-container input[type=radio] {
    visibility: hidden;
    margin: 0px;
}

.monthly-contribute-container .additionalInfoToggle {
    background-image: url(/static/assets/svg/32x32/icon-information-orange-32-x-32.svg);
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-left: 8px;
    align-self: center;
    background-repeat: no-repeat;
}

.monthly-contribute-text-input {
    width: 100%;
    height: 60px;
    display: block;
    border-radius: 4px;
    box-shadow: none;
    color: #222222;
    font-size: 16px;
    padding: 16px;
    border: solid 1px #d6cfc9;
}

.monthly-contribute-container input:focus {
    outline: none;
    border: solid 1px #fe5000;
}

.monthly-contribute-container input:hover {
    border: solid 1px #222222;
}

.monthly-contribute-container .btn-default {
    background-color: #fe5000;
    background-image: none;
    border: medium none;
    border-radius: 35px;
    box-shadow: none;
    font-family: "apercu-medium";
    font-size: 18px;
    font-weight: 500;
    height: 60px;
    line-height: 1.22;
    padding: 6px 0;
    text-shadow: none;
    width: 245px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 24px 0px;
}

.monthly-contribute-container .btn-default:hover {
    background-color: #fe5000;
    background-image: none;
    color: white;
}

.hidden {
    display: none !important;
}

#free-amount-input-container {
    position: relative;
    margin-bottom: 12px;
}

#blankett-personal-number-input-container {
    position: relative;
    display: inline-block
}

#free-amount-input-container::after {
    display: flex;
    position: absolute;
    content: "kr";
    align-items: center;
    padding-right: 10px;
    font-family: inherit;
    top: 0;
    height: 100%;
    right: 8px;
    font-size: 20px;
}

.monthly-contribute-summary {
    padding: 24px;
    margin: 16px;
    min-width: 242px;
}

.monthly-contribute-summary h3, .monthly-contribute-summary h4, .monthly-contribute-summary h1, .monthly-contribute-summary h5, .monthly-contribute-summary p {
    color: black;
    font-size: 20px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.monthly-contribute-summary div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}

.monthly-contribute-summary .colored-divider{
    margin-bottom: 24px
}

.monthly-contribute-summary div:last-child {
    margin-bottom: 0px
}

.monthly-contribute-summary p {
    display: inline-block;
    margin: 0px;
}

.monthly-contribute-summary div h4 {
    display: inline-block;
    margin: 0px;
}

.text-input-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

.form-dropdown {
    height: 60px;
}

#bankId-status-container {
    margin: 16px 0px;
}

#bankId-status-container p {
    text-align: center;
    display: block;
    margin-bottom: 0px;
}

#bankId-status-container span {
    text-align: center;
    display: block;
    margin-bottom: 0px;
}

.mobileBankId-image {
    background-size: 56px 56px;
    background-image: url(/static/assets/svg/bankid.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 56px;
    margin-bottom: 12px;
}

.qr-image {
    background-size: 116px 116px;    
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 12px;
}

#bankId-sign-container {
    margin-top: 32px;
}

.loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #3498db;
    width: 36px;
    height: 36px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    margin: auto;
    margin-top: 12px;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.disabled {
    cursor: default;
    pointer-events: none;
}

.flex-justify-between {
    justify-content: space-between;
    display: flex;
}

#firstName-input-container {
    margin-right: 7.5px;
}

#lastName-input-container {
    margin-left: 7.5px;
}

#zip-input-container {
    margin-right: 7.5px;
    flex: 1;
}

#city-input-container {
    margin-left: 7.5px;
    flex: 3;
}

.heart {
    background-image: url(/static/assets/svg/misc/heart.svg);
    min-height: 24px;
    min-width: 24px;
    display: inline-block;
    content: "";
    background-size: 24px 24px;
    background-repeat: no-repeat;
    margin-right: 12px;
}

#webchat-container {
    display: flex;
    min-height: 400px;
    max-height: 800px;
}

.webchat-header {
    background: #a64d94;
    height: 50px;
}

.webchat-header a {
    color: #ffffff;
    cursor: pointer;
}

#webchat {
    flex: 1;
    width: 100%;
}

#webchat input {
    font-size: large;
}

#webchat button:last-of-type svg {
    float: right;
    margin-right: 8px;
    height: 32px;
    width: 32px;
}

#webchat button:last-of-type:not(.ac-pushButton) {
    border-radius: 0px;
    min-width: unset;
}

#webchat .ac-adaptiveCard .ac-actionSet button {
    border-style: solid;
    border-width: 1px;
    border-color: #a64d94;
    font-weight: 200;
    color: #222222;
    font-size: 16px;
    white-space: pre-line !important;
}

#webchat .ac-adaptiveCard .ac-actionSet button div {
    white-space: pre-line !important;
}

#webchat .ac-adaptiveCard .ac-actionSet button:hover {
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #a64d94 !important;
    font-weight: 200 !important;
    color: #222222 !important;
}

#webchat .ac-adaptiveCard .ac-actionSet button:focus {
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #a64d94 !important;
    font-weight: 200 !important;
    color: #222222 !important;
}

#webchat .css-115fwte {
    width: 32px;
    min-width: 42px;
}

#webchat .css-yb0hx9.webchat__initialsAvatar.webchat__initialsAvatar--fromUser.css-f25c5w {
    background-color: white;
}

#webchat .css-yb0hx9.webchat__initialsAvatar.css-f25c5w {
    background-color: white;
}

#webchat .webchat__bubble__content {
    border-radius: 20px;
    border: none;
}

.actionSetWrapper {
    display: contents;
}

.webchatShowLess, .webchatShowMore {
    cursor: pointer;
    text-align: end;
    margin-top: 12px;
}

.webchatHeaderRight {
    cursor: pointer;
    float: right;
    display: inline;
}

.webchatFullScreen {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    border-bottom: 1px solid rgb(230, 230, 230);
    margin-top: -115px;
}

@media only screen and (max-width: 340px) {
    .webchatFullScreen {
        width: 106%;
    }

    .css-1t62idy.css-13t1vy4 {
        width: fit-content;
    }

    #webchat-wrapper {
        width: fit-content;
    }
}

.flex-justify-start {
    justify-content: start !important;
}

/*XForm input design*/
form.form.xform tr > td > div.form-group {
    border: solid 1px #d6cfc9;
    border-radius: 4px;
    padding-bottom: 0px;
}

form.form.xform tr > td > div.form-group {
    border: solid 1px #d6cfc9;
    border-radius: 4px;
    padding-bottom: 0px;
}

form.form.xform tr > td > div.form-group:hover {
    border-color: #8c8c8c !important;
}

form.form.xform tr > td > div.form-group:focus-within {
    -webkit-appearance: none !important;
    border-color: #8c8c8c !important;
    box-shadow: none;
}

form.form.xform tr > td > div.form-group label {
    position: static;
    margin-left: 32px;
    margin-top: -12px;
    clear: both;
    float: left;
}

form.form.xform tr > td > div.form-group textarea {
    border: none;
    padding-top: 0px;
    margin: 0px 0px -6px;
}

form.form.xform tr > td > div.form-group select {
    border: none;
    margin-top: -12px;
}

.link-button small {
    background: #fe5000;
}

#deleteCaseAction a.btn {
    color: #ffffff;
    background: #fe5000;
}

.color-white {
    color: white !important;
}

.navbar-toggle-wrapper.support {
    display: flex;
    float: right;
    padding: 17px 0px;
}

.navbar-toggle-wrapper.support > a.link {
    border: 0px;
    background: #ffffff;
    background-image: url(/static/assets/svg/16x16/icon-heart-16.svg);
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-size: 16px 16px;
    font-family: 'BrisGoboldExtra2';
    font-weight: 500;
    line-height: 1.22;
    text-align: center;
    color: #fe5000;
    padding: 14px 25px 30px 20px;
    height: 45px;
    text-shadow: none;
    display: inline-block;
    position: relative;
    min-width: max-content;
}



.survey-question {
    width: 343px;
    height: 120px;
    font-family: BrisGoboldExtra2;
    font-size: 32px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #222222;
    margin-left: 5%;
}

.rectangle {
    background-color: #007465;
    margin-top: -27px;
    height: 10px;
    width: 100%;
}

.rectangle-section {
    background-color: #007465;
    margin-top: -27px;
    height: 10px;
    width: 100%;
}

.newbackground {
    background-color: #f7f5f4 !important;
    box-shadow: none !important;
}

.whitebackground {
    background-color: #ffffff;
}

#bs-example-navbar-collapse-1 > div > ul:nth-child(1) > li:last-child {
    display: none;
}

.cardheader {
    font-weight: bold;
    background-image: url(/static/assets/svg/32x32/icon-arrow-down-32-x-32.svg);
    background-position: right;
    background-repeat: no-repeat;
}
.open {
    background-image: url(/static/assets/svg/32x32/icon-arrow-up-32-x-32.svg) !important;
    margin-bottom: 2%;
}

.accordion div.card:nth-child(odd) {
    background-color: #ffffff;
}

.card {
    padding: 3%;
}

.accordion {
    width: 343px;
    border-radius: 4px;
    box-shadow: 0 2px 4px 3px rgba(34, 34, 34, 0.05), 0 1px 2px 1px rgba(34, 34, 34, 0.1);
    margin-bottom: 10%;
}

.accordion div.card div.cardheader a p {
    margin: 0;
    padding-right: 30px;
}

div.container.collaborations {
    margin: 3% 0;
}

.surveybackground {
    background-image: none;
    background-repeat: no-repeat;
    background-position: right top;
}

.picture {
    width: 100%;
    height: auto;
}

.motiv-header {
    color: #8c8c8c;
    font-family: "apercu-regular";
    font-size: 15px;
    margin-bottom: 8px;
}

.motiv-wrapper-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.motiv-wrapper {
    border: solid 1px #d6cfc9;
    margin-bottom: 16px;
}

.motiv-wrapper:hover {
    border: solid 1px #222222;
}

.motiv-wrapper:focus, .motiv-wrapper:active {
    border: solid 1px #fe5000;
}

.motiv-image {
    width: 145px;
    height: 97px;
}

.motiv-image-active {
    border: solid 1px #fe5000 !important;
}

#giftCardPreviewBlock {
    padding: 24px;
    width: 100%;
    min-width: 242px;
    margin: 0px 8px 0px 0px;
    min-height: 300px;
    position: relative;
}

#giftCardPreviewBlockImage {
    width: 100%;
    max-width: 225px;
    height: 150px;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#giftCardPreviewBlockPoem {
    font-size: 12px;
    margin-bottom: 8px;
}

.giftCardPreviewStandardText {
    font-size: 12px !important;
    margin-bottom: 8px;
    color: #000000;
}

#giftCardPreviewBrisLogo {
    height: 10px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 20px;
}

#giftCardPreviewBlockPersonalGreeting {
    font-size: 8px;
    margin-bottom: 16px;
    cursor: default;
    overflow: hidden;
    resize: none;
    border: none;
    padding: 0px;
    min-height: 3em;
    max-height: 50vh;
    line-height: 1.5em
}

#giftCardPreviewBlock div {
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
}

#giftCardPreviewBlockFirstName, #giftCardPreviewBlockLastName {
    font-size: 14px;
    display: inline-block;
    font-weight: 600;
    color: #222222;
}

#giftCardPreviewBlockLastName {
    margin-left: 4px;
}

#giftCardPreviewBlockFrom {
    font-size: 10px;
    margin-bottom: 8px;
    font-weight: 600;
    margin-bottom: 8px;
}

#giftCardPreviewBlockDate {
    font-size: 10px;
}

.width100procent {
    width: 100% !important;
}

.newsletterblock input[type="submit"] {
    background: #fe5000;
}

.container .collaborations p {
    font-size: 24px;
    font-weight: normal;
    line-height: 1.17;
    margin: 0 0 48px;
    padding: 0;
}

.MailInbox .send {
    border-left: solid 4px #fe5000;
}

#informationMiniBlock {
    display: flex;
    justify-content: center;
    padding: 25px 25px;
    height: auto;
    margin-bottom: 200px;
}

.informationMiniBlockItem {
    line-height: 20px;
    display: inline;
    padding-top: 1px;
}

#informationMiniLink {
    font-size: 16px;
    font-family: "BrisGoboldExtra2";
    margin: 0px;
}

.swishFlexWrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.swishOuterWrapper {
    height: 700px;
    background-position: center;
    background-size: cover;
}

#chatModalText {
    padding: 0px 20px;
}

.chatWindow #chatWindowBox > span > .chatMessageRow.userMessageRow > .message {
    background: rgba(255, 150, 101, 0.2);
}

.row.info .block > div > a {
    color: #fe5000;
    background: url(/static/assets/svg/32x32/icon-arrow-download-circle-orange-32-x-32.svg) no-repeat;
}

.chatWindow #chatWindowBox > span > .chatMessageRow.userMessageRow > .message {
    background: rgba(255, 150, 101, 0.2);
}

.row.info .block .thank-you {
    border: 2px solid #fe5000;
}

.ChatHistoryPage .info .block > div ul > li a > .icon {
    background: url(/static/assets/svg/32x32/icon-arrow-download-circle-orange-32-x-32.svg) no-repeat;
}

.ChatHistoryPage button.toggle {
    background: url(/static/assets/svg/32x32/icon-menu-plus-orange-32-x-32.svg) no-repeat;
    align-items: center;
}

.MessagePage .Inbox a {
    color: #fe5000;
}

.card-footer {
    height: 20px;
}

.copy-link {
    cursor: pointer;
    float: right;
    padding: 0px 5px;
}

.link-toast {
    float: right;
    margin-right: 10px;
    color: #fe5000;
}

.link-icon {
    display: block;
    height: 20px;
    width: 20px;
    background: url("/static/assets/svg/misc/link.svg") no-repeat scroll 0 0;
}