/* THEME OVERRIDES, should be fixed by having proper theme*/

.mdc-toolbar {
    background-color: #FFFFFF !important;
    color: #4A4A4A !important;
    font-family: Roboto,"Helvetica Neue",sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.mdc-button {
    color: #4A4A4A !important;
    font-family: Roboto,"Helvetica Neue",sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: normal;
}

.mdc-list-item {
    color: #4A4A4A !important;
    font-family: Roboto,"Helvetica Neue",sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: normal;
}

.mdc-text-field__input {
    padding: 4px !important;
}

.mdc-button--raised {
    color: #ffffff !important;
}

.mdc-card--outlined {
    margin-bottom: 2rem;
}
/* FONT DEFINITIONS */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/MaterialIcons.woff2') format('woff2');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

/* Proper CSS */
html {
    font-size: 16px;
}

h1, h2, h3 {
    margin-top: 8px;
    margin-bottom: 8px;
}

h1 {
    font-size: 1.8rem;
    line-height: 3rem;
    margin-bottom: 2rem;
}

p.sx-font-family {
    margin-bottom: 0px;
}

@media (min-width: 576px) {
    html {
        font-size: 62.5%;
    }
}

}

body {
    line-height: 1.8rem;
    background: #ffffff;
    color: #5f6064;
}

.error {
    color: red !important;
}

.sx-pnr-validation-error {
    font-size: 1.4rem;
}

/* --- header ----*/
.sx-common-header {
    padding: 0;
    display: flex;
    justify-content: space-between;
    background-color: rgba(177,56,158,1);
    height: 64px;
}

.sx-common-header-icon {
    height: 100%;
    flex: 1 1;
    display: flex;
    align-items: center;
    margin-left: 25px;
}

    .sx-common-header-icon > svg {
        height: 32px;
        width: 100px;
        fill: #fff;
    }

.sx-common-header-app-launcher {
    flex: 1 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sx-common-header-top-menu {
    flex: 1 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ----- footer -----*/
.sx-common-footer-container {
    display: flex !important;
    justify-content: center;
}

.sx-common-footer {
    flex: 1 1;
    margin-top: 25px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    color: #a1a1aa;
    font-size: 14px;
}

.sx-common-footer-row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.sx-common-footer-icons .sx-common-footer-column,
.sx-common-footer-text .sx-common-footer-column {
    flex: 1 1;
}

.sx-common-footer-text {
    align-items: flex-start;
    justify-content: space-between;
}

    .sx-common-footer-text .sx-common-footer-column:nth-child(2) {
        text-align: right;
    }

@media(max-width: 576px) {
    .sx-common-footer-text {
        flex-direction: column;
        text-align: left;
        align-items: flex-start !important;
    }
}

.sx-common-footer-logo,
.sx-common-footer-socialmedia {
    flex: 1 1;
}

    .sx-common-footer-logo svg {
        width: 140px;
        height: 50px;
    }

.sx-common-footer-socialmedia {
    display: flex;
    justify-content: flex-end;
}

    .sx-common-footer-socialmedia a {
        margin-left: 10px;
    }

    .sx-common-footer-socialmedia svg {
        fill: #a1a1aa;
        width: 32px;
        height: 32px;
    }

.sx-common-footer-t-right {
    text-align: right;
}

@media(min-width: 840px) {
    .sx-footer-t-short {
        max-width: 450px;
    }
}

/* ----- END footer -----*/


/* ----- Buttons -----*/

#bankIdButton, #mobileBankIdButton {
    background-color: rgba(177,56,158,1);
}

.idp-bankid-btn-icon {
    background-image: url("/css/resources/bank-id.svg");
    position: absolute;
    top: 16px;
    right: 0;
    height: 45px;
    width: 48px;
}

.idp-button-qr{
    background-color: transparent;
    border: none;
}

@media(max-width: 576px) {
    .idp-bankid-btn-icon {
        display: none;
    }
}

.idp-button--indigo {
    background-color: #3A2BB4 !important;
    color: #fff !important;
}

.idp-button--magenta {
    background-color: #A82293 !important;
    color: #fff !important;
}

.idp-button--italic {
    font-style: italic !important;
}

.idp-button--rounded {
    border-radius: 100px !important;
}

.idp-button {
    background: #F6F6F6;
    padding: 1.5rem 2rem;
    line-height: 1.2em;
    min-height: 4.4rem !important;
    transition: all 0.2s ease-out;
    border-radius: 0;
    border: 1px solid transparent;
    display: inline-block;
    text-align: center;
}
a.idp-button,
a.idp-button:hover {
    text-decoration: none;
    color: #1D2939;
}
.idp-login-button {
    min-width: 30rem;
}
/*
.idp-login-button:last-of-type{
    margin-top: 2rem;
}
*/

.idp-button:disabled {
    background-color: #EBEDEE !important;
    color: #87888C !important;
}

/* -----END Buttons -----*/

.idp-main-icon {
    margin-top: auto;
    margin-bottom: auto;
    display: block;
    background-image: url("/css/resources/icon-lowres.png");
    width: 180px;
    height: 63px;
}


.idp-toolbar {
    height: 80px;
    flex: 0 0 100%;
}

.idp-toolbar-main {
    height: 100%;
    background-size: 100% 8px;
}

.idp-toolbar-main section {
    height: auto;
    width: 100%
}

.idp-toolbar-header {
    width: 100%;
    text-align: center;
    margin-left: -180px;
    margin-top: 12px;
}

.idp-toolbar-header > h1 {
    color: #5f6064;
}

.idp-main-icon-login {
    margin-top: auto;
    margin-bottom: 3em;
    display: block;
    background-image: url("/css/resources/icon-lowres.png");
    min-width: 180px;
    height: 63px;
    background-repeat: no-repeat;
}

.user-menu-wrapper {
    float: right;
    padding: 0 24px 0 24px !important;
}


.user-menu-button {
    height: 100% !important;
    padding: 0 24px 0 24px !important;
    vertical-align: middle;
    text-align: right;
    border-bottom: solid 8px #D8D8D8 !important;
}

.user-menu-icon {
    padding-left: 8px;
}

.local-login-card {
    padding: 16px;
    margin-top: 16px;
    width: 100%;
    min-height: 260px;
    position: relative;
}

    .local-login-card.local-login-card-narrow {
        width: 425px;
    }

@media(max-width: 576px) {
    .login-page {
        display: flex;
        justify-content: center;
    }

    .login-page-center {
        max-width: calc(100vw - 8rem);
    }
}

@media (max-width: 370px) {

    .local-login-card.local-login-card-narrow {
        width: 350px;
    }

    .login-page-center {
        width: 350px;
    }
}


.local-login-card-box {
    border: 1px solid #D7D8DC;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin-top: 1em;
    border-radius: 3px;
}

.local-login-card-icon {
    width: 46px;
    height: 46px;
    fill: #fff;
}

.local-login-card-container {
    display: flex;
}

.local-login-card-icon-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.local-login-card-icon-text {
    line-height: 48px;
}

.local-login-card-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sx-login-container {
    width: 100%;
    margin: 2rem 0;
}

.sx-login-max-width {
    max-width: 450px;
}

.sx-login-content{
    padding: 0 1rem;
}

.sx-login-divider hr {
    width: 10rem;
    border-top: 1px solid #a1a1aa;
}

.sx-login-divider > div 
{
    font-size: 1.2rem;
    margin: 0 5px;
}

.sx-bankid-help {
    margin: 2rem 0;
}

.sx-bankid-logo {
    margin-right: 2rem;
    height: 100%;
    /*
    background-image: url("/css/resources/bank-id.svg");
    height: 45px;
    width: 48px;
    */
}

.sx-bankid-logo svg {
    height: 64px;
    width: 64px;
}

.sx-bankid-message ul {
    list-style-type: none;
    padding: 0 2rem;
}

.sx-bankid-message ol {
    list-style-type: decimal;
    padding: 0 2rem;
}

.sx-bankid-message ul li,
.sx-bankid-message ol li {
    padding: 0.5rem 0;
}

.sx-bankid-message p {
    text-align: left;
    margin-bottom: 0 !important;
}

.sx-login-qr svg {
    height: 200px;
    width: 200px;
}

.sx-bankid-actions {
    margin-top: 2rem
}

#fake-login-button{
    margin-left: 1rem;
}

.sx-bankid-actionlink {
    margin: 1.5rem 0;
}
/*
@media (max-width: 576px) {
    .sx-bankid-actionlink {
        margin: 1.5rem 0;
    }
}
*/

.sx-bankid-launch {
    cursor: pointer;
}



.sx-bankid-actions ul {
    list-style-type: none;
}

.login-page-center {
    margin-left: auto;
    margin-right: auto;
    width: 425px;
}

.idp-alert {
    margin-top: 16px;
    width: 100%;
    padding: 16px;
    color: #a94442 !important;
    background-color: #f2dede !important;
}

.welcome-page {
    margin-top: 16px;
}

.idp-checkbox-label {
    margin-bottom: 10px;
}

.idp-warning-icon {
    font-size: 18px;
}

.idp-consent-form-row {
    border-top: 1px solid #ccc;
    padding: 8px;
}

.consent-description {
    margin-left: 44px;
}

.idp-consent-card-icon {
    margin-right: 4px;
}

.idp-main-content-form {
    display: inline-block;
    width: 100%;
}

    .idp-main-content-form .idp-consent-card {
        margin-top: 16px;
        margin-right: 16px;
        width: 500px;
        float: left;
    }

.idp-consent-form {
    width: 100%;
    display: inline-block;
}

.idp-consent-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee;
}

.idp-consent-subheader {
    padding-bottom: 9px;
    margin: 20px 0 20px;
}

.idp-consent-content {
    padding-bottom: 9px;
    margin: 20px 0 20px;
    border-bottom: 1px solid #eee;
}

.idp-consent-version {
    font-size: 10px;
    margin-top: 8px;
}

.idp-pnr-input {
    width: 320px;
}

.idp-app-body {
    display: block;
}
/*
$sx-breakpoint-small: 576px;
$sx-breakpoint-handset: 840px;
$sx-breakpoint-medium: 768px;
$sx-breakpoint-large: 992px;
$sx-breakpoint-xlarge: 1200px;
*/

    .idp-app-body__main {
        display: block;
        background-color: transparent;
        max-width: calc(1200px + (4rem));
        padding: 0 2rem;
        margin: 0 auto;
    }
    /*
@media(max-width: 576px) {
    .idp-app-body__main {
        max-width: calc(100vw - 4rem);
    }
}
*/
    .idp-boxed-content {
        width: 100%;
        height: 100%;
        padding: 2rem;
        background-color: #ffffff;
        margin-top: 2em;
    }

    .sx-progress-container {
        background-color: #d7d8dc !important;
    }

    .sx-progress {
        background: #A82293;
        height: 4px;
        width: 0%
    }


    @media (min-width: 576px) {
        .idp-app-body__main {
            padding: 0 2rem;
        }
    }

    @media (min-width: 768px) {
        .idp-app-body__main {
        }

        .idp-boxed-content {
            margin: 0 auto;
            max-width: 800px;
            min-height: 400px;
            max-height: 100%;
            overflow: auto;
        }
    }


    @media (min-width: 1750px) {
        .idp-app-body__main {
            width: calc(1200px + (4rem));
        }
    }

    /*
$sx-color-magenta: #A82293 !default;
$sx-color-indigo: #3A2BB4 !default;
*/
    .idp-login-innerwrap {
        position: relative;
    }

    .idp-boxed-content.small-box {
        max-width: 700px;
        margin-top: 2em;
    }

    .mdc-text-field .mdc-line-ripple {
        background: linear-gradient(to right, #3A2BB4, #A82293);
    }

    .mdc-floating-label {
        bottom: 19px;
        left: 15px;
        width: 300px;
        max-width: none;
    }

    @media (max-width: 370px) {
        .mdc-floating-label {
            width: auto;
        }

            .mdc-floating-label span {
                display: none;
            }
    }

    .mdc-floating-label,
    .mdc-text-field__input {
        font-size: 1.4rem;
    }

    .mdc-text-field__input {
        padding: 15px !important;
        height: auto;
        border: 1px solid #e6e6e6;
        border-radius: 6px;
    }
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: #1D2939;
}

.mdc-text-field .mdc-text-field__input + .mdc-floating-label--float-above {
    -webkit-transform: translate(-15px, -300%) scale(.75);
    transform: translate(-15px, -300%) scale(.75);
}

    .sx-topheader * {
        background: transparent;
    }

    .sx-topheader__navbutton {
        color: #5F6064;
        font-size: 1.4rem;
        padding: 0 0.5rem 1rem 0.5rem;
        border: none;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-bottom: 4px solid #9e9e9e;
        height: 84px;
        margin-bottom: 0;
    }

    #menu {
        margin-top: 80px;
    }

    .sx-topheader__icon {
        width: 50px;
        height: 50px;
        fill: #5F6064;
    }

    .sx-topheader__text {
        display: block;
        max-width: 100px;
        margin-top: -0.5em;
    }

    @media (min-width: 768px) {
        .sx-topheader__text {
            font-size: 1.4rem;
        }
    }

    .sx-topheader__navbutton:hover, .sx-topheader__navbutton--active, .sx-topheader__navbutton--active-menu {
        cursor: pointer;
    }

    .sx-topheader__navbutton::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -4px;
        height: 4px;
        width: 100%;
        background: #A82293;
        text-indent: -99999px;
        -webkit-transform: scale(0, 1);
        transform: scale(0, 1);
        transition: all 0.2s ease-out;
    }

    .sx-topheader__navbutton:hover::before, .sx-topheader__navbutton--active::before, .sx-topheader__navbutton--active-menu::before {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    .mdc-menu {
        background: white !important;
    }

    .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
        color: #3a2bb4;
    }

    .mb-s {
        margin-bottom: .5rem;
    }

    .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input,
    .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
        border-bottom-color: inherit;
    }

    .mdc-text-field {
        width: 100%;
    }

    .mdc-text-field-hint {
        opacity: 1;
        transform: translateY(0%);
        color: rgba(0,0,0,.54);
        display: flex;
        font-size: 12px;
        font-weight: 400;
    }
    /*
.form-group-with-bankid {
    width: calc(100% - 75px);
    margin-bottom: 0px;
}

.form-group-with-fake-signin-password {
    width: calc(100% - 75px);
}
*/

    @media (max-width: 370px) {
        .form-group-with-bankid {
            /*width: calc(100% - 10%);*/
            margin-bottom: 0px;
        }
        /*
    .form-group-with-fake-signin-password {
        width: calc(100% - 10%);
    }
    */
    }

    .form-group-with-bankid .mdc-floating-label--float-above {
        transform: translate(-15px, -300%) scale(.75);
    }

    .form-group-with-bankid input[disabled] {
        cursor: not-allowed;
    }


    @media (max-width: 370px) {
        .idp-bankid-title {
            width: calc(100% - 10%);
        }
    }

    .form-group-with-checkbox .mdc-form-field {
        font-size: 1.4rem !important;
    }

    .sx-system-message {
        display: flex;
        flex-direction: row;
        background: #F6F6F6;
        margin-bottom: 1rem;
        border: 1px solid transparent;
    }

    .sx-system-message-icon {
        flex: 0 0 48px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .sx-system-message-body {
        flex: 1 1 auto;
        position: relative;
        padding-right: 4rem;
        padding-top: 2rem;
        padding-bottom: 2rem;
        display: flex;
        align-items: center;
    }

    .sx-system-message-message p {
        margin-bottom: 0;
    }

    .sx-bankid-error-message {
        margin-right: 5px;
    }

    .sx-system-message-blue {
        background-color: #cce5ff;
        border-color: #b8daff;
    }

        .sx-system-message-blue .sx-system-message-icon svg {
            fill: #6075E2;
        }

    .sx-system-message-yellow {
        background-color: #fff3cd;
        border-color: #ffeeba;
    }

        .sx-system-message-yellow .sx-system-message-icon svg {
            fill: #FFA200;
        }

    .sx-system-message-red {
        background-color: #f8d7da;
        border-color: #f5c6cb;
    }

        .sx-system-message-red .sx-system-message-icon svg {
            fill: #D22800;
        }

    .sx-message {
        display: flex;
        flex-wrap: wrap;
        margin: 2rem;
        background: #F6F6F6;
    }

    .sx-message__transparent {
        background: transparent;
    }

    .sx-message__nomargin {
        margin: 0;
    }

    @media (min-width: 768px) {
        .sx-login-specialmessage {
            flex-wrap: nowrap;
        }
    }

    .sx-message:last-child {
        margin-bottom: 4rem;
    }

    .sx-message--red {
        border-left: 4px solid #D22800;
        margin-bottom: 2em;
    }

    .sx-message--yellow {
        border-left: 4px solid #FFA200;
        margin-bottom: 2em;
    }

    .sx-message--blue {
        border-left: 4px solid #C8D5FF;
        margin-bottom: 2em;
    }

    .sx-message__message {
        padding: 2rem;
        flex-grow: 1;
        line-height: 2.4rem;
        background: #F6F6F6;
    }

    .consent-buttons {
        display: flex;
        justify-content: space-between;
        margin-top: 4rem;
    }

    .sx-vcenter {
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 660px;
    }

    .idp-footer > div {
        text-align: center;
        margin-top: 1rem;
    }

        .idp-footer > div > p {
            line-height: 0;
            font-size: 1.4rem;
        }

    .sx-login__segment {
        width: 100%;
    }

        .sx-login__segment > button {
            background-color: white;
            border: none;
        }

            .sx-login__segment > button > span > p {
                font-size: 14px;
            }

            .sx-login__segment > button > span > img {
                margin-bottom: 1rem;
            }

            .sx-login__segment > button > span > div {
                margin-bottom: 1rem;
            }

    .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
        border-color: #D7D8DC;
        background-color: transparent;
    }

    .mdc-checkbox__background {
        left: 11px;
        right: auto;
        display: inline-flex;
        position: absolute;
        top: 11px;
        bottom: 0;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        width: 45%;
        height: 45%;
        transition: background-color 90ms cubic-bezier(.4,0,.6,1) 0ms,border-color 90ms cubic-bezier(.4,0,.6,1) 0ms;
        border: 1px solid #D7D8DC;
        border-radius: 1px;
        background-color: transparent;
        pointer-events: none;
        will-change: background-color,border-color;
    }

    .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
        border-color: #D7D8DC;
        background-color: #FFFFFF;
    }

    .mdc-checkbox__checkmark {
        color: #6075e2;
    }

    .mdc-checkbox__background:before {
        background-color: #FFFFFF;
    }

    .mdc-checkbox:after, .mdc-checkbox:before {
        background-color: #FFFFFF;
    }



    #privateButton {
        opacity: 0.3;
    }

    [data-tooltip-text]:hover {
        position: relative;
    }

        [data-tooltip-text]:hover:after {
            background-color: #000000;
            background-color: rgba(0, 0, 0, 0.65);
            -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
            -moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
            box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            color: #FFFFFF;
            font-size: 14px;
            content: attr(data-tooltip-text);
            margin-bottom: 10px;
            top: 5%;
            left: 0;
            padding: 7px 12px;
            position: absolute;
            width: auto;
            min-width: 50px;
            max-width: 300px;
            word-wrap: break-word;
            z-index: 9999;
        }

    /*Styles for CookieConsent*/
    .sx-cookie-consent {
    }

    .sx-cookie-info.not-approved {
        display: block;
    }

    .sx-cookie-info {
        background-color: #d7d8dc;
        padding-top: 2.4rem;
        padding-bottom: 2.4rem;
        display: none;
        position: fixed;
        bottom: 0;
        z-index: 4;
        width: 100%;
    }

    .sx-cookie-info__text {
        line-height: 2.4rem;
        color: #333;
        margin-bottom: 1.5rem;
    }

    @media (min-width: 768px) {
        .cookie-info__text {
            margin-bottom: 0;
            padding-right: 24px;
        }
    }

    .sx-cookie-info__readmore-btn {
        margin: 4px 0;
        color: #fff;
        width: 100%;
        padding: 1.4rem 10px;
        background-color: #a82293;
    }

    @media (min-width: 992px) {
        .sx-cookie-info__readmore-btn {
            margin: 0;
        }
    }

    .sx-cookie-info__approve-btn {
        color: #fff;
        width: 100%;
        padding: 1.4rem 10px;
        background-color: #a82293;
    }

    .sx-col-xs-12,
    .sx-col-sm-4,
    .sx-col-sm-8,
    .sx-col-md-2,
    .sx-col-md-3,
    .sx-col-md-7,
    .sx-col-xlg-2,
    .sx-col-xlg-8 {
        position: relative;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
    }

    @media (min-width: 1400px) {
        .sx-col-xlg-8 {
            width: 66.6666666667%;
            float: left;
        }

        .sx-col-xlg-2 {
            float: left;
            width: 16.6666666667%;
        }

        .sx-cookie-container {
            width: 1360px;
            padding-left: 10px;
            padding-right: 10px;
        }
    }

    @media (min-width: 1200px) {
        .sx-cookie-container {
            padding-left: 40px;
            padding-right: 40px;
        }

        .sx-cookie-btn {
            -webkit-transition: stroke .6s ease;
            transition: stroke .6s ease;
            -webkit-transform: perspective(1px) translateZ(0);
            transform: perspective(1px) translateZ(0);
            box-shadow: 0 0 1px transparent;
        }

            .sx-cookie-btn:before {
                content: "";
                position: absolute;
                z-index: -1;
                left: 50%;
                right: 50%;
                bottom: 0;
                height: 4px;
                -webkit-transition: left .3s ease-out, right .3s ease-out;
                transition: left .3s ease-out, right .3s ease-out;
            }

            .sx-cookie-btn:hover:before {
                left: 0;
                right: 0;
                background: -webkit-linear-gradient(left,#3A2BE0 0,#5F74E2 32%,#8561C2 64%,#A82293 100%);
                background: linear-gradient(to right,#3A2BE0 0,#5F74E2 32%,#8561C2 64%,#A82293 100%);
            }
    }

    @media (min-width: 768px) {
        .sx-col-xlg-8 {
            width: 66.6666666667%;
        }

        .sx-col-md-2, .sx-col-md-3, .sx-col-md-7 {
            float: left;
        }
    }

    * {
        box-sizing: border-box;
    }

    .sx-cookie-container {
        padding-left: 40px;
        padding-right: 40px;
    }

    .sx-cookie-container, .container-fluid {
        margin-right: auto;
        margin-left: auto;
    }

        .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before {
            content: " ";
            display: table;
        }

        .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before {
            content: " ";
            display: table;
        }

    .sx-cookie-row {
        margin-left: -10px;
        margin-right: -10px;
    }


    .x-cookie-btn, html {
        line-height: 1.5;
    }

    .u-no-underline, a.x-cookie-btn {
        text-decoration: none;
    }

    .sx-cookie-btn {
        position: relative;
        margin-bottom: 0;
        font-weight: 400;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        background-image: none;
        border: 0;
        font-size: 16px;
        border-radius: 0;
    }

    .sx-cookie-btn, .list-inline li {
        display: inline-block;
    }

    .block-icon, .sx-cookie-btn {
        text-align: center;
    }