/*------------------------ GLOBAL -------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');


/* ========webshop======== */
.webshops {
    background-color: #221e45;
    line-height: 26px;
    padding: 40px 0 50px 0;
    margin-top: 72px;
    color: #fff;
    text-align: center;
}

.webshops .heading {
    font-size: 2.8em;
    font-weight: 400;
    line-height: 1.5em;
    padding-bottom: 20px;
}

.webshops .desc {
    font-size: 1.6em;
    line-height: 30px;
    font-weight: 300;
    padding-bottom: 20px;
}

.webshops .blueBtn {
    background-color: #64AFE8;
    border-radius: 10px;
    color: #000;
    padding: 10px 50px;
    font-size: 20px;
}

.webshops .blueBtn:hover {
    text-decoration: none;
}

.webshops .desc a {
    color: #fff;
}

.webshops .desc a:hover {
    text-decoration: none;
}

.productSection .active:after {
    content: "";
}

.productRow {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.productBox {
    background-color: #64AFE8;
    position: relative;
    border-radius: 10px;
    padding: 70px 20px 20px;
    text-align: center;
    margin-bottom: 50px;
}

.productBox.non-active {
    opacity: 0.2;
}

.productBox.active {
    opacity: 1;
}

.productBox img {
    width: 35%;
    margin-bottom: 20px;
}

.productBox .descBox {
    position: absolute;
    top: -22px;
    background-color: #221e45;
    color: #fff;
    padding: 15px;
    width: calc(100% - 80px);
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 18px;
}

.productBox .descBox .headingOne {
    color: #64AFE8;
    position: relative;
}

.productBox .descBox .headingOne::after {
    content: '';
    width: 2px;
    height: 2px;
    position: absolute;
    border: 1px solid #fff;
    background-color: #fff;
    top: 8px;
    right: -10px;
    border-radius: 50%;
    font-family: 'Poppins', sans-serif;
}

.productBox .name {
    font-size: 25px;
    font-weight: 300;
    padding-bottom: 10px;
    line-height: 30px;
}

.productBox .price {
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 10px;
}

.productBox .whiteBtn {
    background: #fff;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
}

.productBox .whiteBtn .fa-plus {
    background-color: #fad6e4;
    width: 30px;
    height: 30px;
    font-weight: 300;
    font-size: 19px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px;
    -webkit-text-stroke: 2px #fad6e4;
}

.productBox .whiteBtn .fa-minus {
    background-color: #211d45;
    color: #fff;
    width: 30px;
    height: 30px;
    font-weight: 300;
    font-size: 19px;
    line-height: 31px;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px;
    -webkit-text-stroke: 2px #211d45;

}

.productBox .tax {
    padding-bottom: 15px;
}

.productBox .plusBtn {
    background-color: #fad6e4;
    width: 40px;
    height: 40px;
    font-weight: 300;
    font-size: 30px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px;
}

.productSection .bgPink,
.mblproductSection .bgPink {
    background-color: #fad6e4;
    padding: 30px 0px;
    margin-bottom: 60px;
}

.bgPink .bgWhite {
    background: #fff;
    border-radius: 10px;
    padding: 50px 120px 30px 50px;
    position: relative;
}

.bgWhite .delivery-option ul {
    margin: 0;
}

.bgWhite .whiteBox {
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

.bgWhite .whiteBox .heading {
    font-size: 23px;
    padding-bottom: 8px;
    font-weight: bold;
}

.bgWhite .whiteBox .desc {
    padding-top: 30px;
    line-height: 22px;
}

.bgWhite .whiteBox .leftSide {
    flex: 1;
}

.bgWhite .whiteBox .middleSide {
    flex: 1;
    text-align: center;
}

.bgWhite .whiteBox .middleSide img {
    width: 50%;
}

.bgWhite .whiteBox .rightSide {
    flex: 1;
}

.bgWhite .whiteBox .rightSide .pink_button {
    display: block;
    font-weight: bold;
    font-size: 23px;
    margin-top: 15px;
    text-align: center;
    box-shadow: none;
    border: none;
    color: #211e45;
}

.bgWhite .whiteBox .rightSide .pink_button:hover {
    border: none;
}

.crossBtn {
    position: absolute;
    top: 10px;
    font-size: 30px;
    right: 20px;
    background-color: #fad6e4;
    padding: 5px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}

.crossBtn .fa {
    -webkit-text-stroke: 5px #fad6e4;
}

.bgWhite .whiteBox .rightSide .heading {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 8px;
}

.bgWhite .whiteBox .rightSide .subHeading {
    font-size: 26px;
    font-weight: 300;
    text-align: center;
    padding-bottom: 30px;
}

.bgWhite .whiteBox .totalBtn {
    margin-bottom: 20px;
}

.bgWhite .whiteBox .rightSide .info {
    display: flex;
    flex-direction: column;
}

.bgWhite .whiteBox .rightSide .infoWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 40px;
}

.bgWhite .whiteBox .rightSide .quantityBtn {
    background: #fad6e4;
    color: #221e45;
    border-radius: 50%;
    border: none;
    width: 30px;
    height: 30px;
    font-size: 20px;
    line-height: 30px;
    cursor: pointer;
    font-weight: 100;
    -webkit-border-radius: 50%;

}

.bgWhite .whiteBox .quantity-field {
    position: relative;
    height: 38px;
    text-align: center;
    width: 50px;
    display: inline-block;
    font-size: 20px;
    margin: 0 0 5px;
    background-color: #fff;
    color: #221e45;
    border: none;
    margin: 0 3px;
    pointer-events: none;
}

.quantityBtn {
    background: #fad6e4;
    color: #221e45;
    border-radius: 50%;
    border: none;
    width: 30px;
    height: 30px;
    font-size: 20px;
    line-height: 30px;
    cursor: pointer;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    -webkit-appearance: none;
    -webkit-border-radius: 50%;
}

.quantity-field {
    position: relative;
    height: 38px;
    text-align: center;
    width: 40px;
    display: inline-block;
    font-size: 13px;
    margin: 0 0 5px;
    background-color: #fff;
    color: #221e45;
    border: none;
    margin: 0 3px;
    pointer-events: none;
    -webkit-appearance: none;
    font-size: 20px;
}

.text-center {
    text-align: center;
}

.bg-blue {
    background-color: #64afe8;
    padding: 50px 0px;
}

.bg-blue .heading {
    font-size: 2.5em;
    line-height: 1.1em;
    font-weight: bold;
}

.bg-blue .desc {
    color: #fff;
    padding-top: 25px;
    max-width: 600px;
    margin: 0 auto;
}

.bg-blue .pink_button {
    font-size: 25px;
    padding: 20px 40px;
    margin-top: 40px;
    box-shadow: 5px 7px rgb(53 118 182 / 65%);
}

.productSection {
    padding-top: 70px;
}

.productSection .active:after {
    content: "";
}

.productRow {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.mblproductRow {
    display: grid;
    grid-template-columns: auto;
}

.mblproductBox {
    background-color: #64AFE8;
    position: relative;
    border-radius: 10px;
    padding: 70px 20px 20px;
    text-align: center;
    margin-bottom: 50px;
}

.mblproductBox.non-active {
    opacity: 0.2;
}

.mblproductBox.active {
    opacity: 1;
}

.mblproductBox img {
    width: 35%;
    margin-bottom: 20px;
}

.mblproductBox .descBox {
    position: absolute;
    top: -18px;
    background-color: #221e45;
    color: #64AFE8;
    padding: 15px 20px;
    width: calc(100% - 80px);
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 22px;
}

.mblproductBox .descBox span {
    color: #fff;
}

.mblproductBox .name {
    font-size: 25px;
    font-weight: 300;
    padding-bottom: 10px;
    line-height: 30px;
}

.mblproductBox .price {
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.mblproductBox .whiteBtn {
    background: #fff;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.mblproductBox .whiteBtn .fa-plus {
    background-color: #fad6e4;
    width: 40px;
    height: 40px;
    font-weight: 300;
    font-size: 22px;
    line-height: 44px;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px;
    -webkit-text-stroke: 2px #fad6e4;
}

.mblproductBox .whiteBtn .fa-minus {
    background-color: #211d45;
    color: #fff;
    width: 40px;
    height: 40px;
    font-weight: 300;
    font-size: 22px;
    line-height: 44px;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px;
    -webkit-text-stroke: 2px #211d45;
}

.mblproductBox .tax {
    padding-bottom: 15px;
}

.mblproductBox .plusBtn {
    background-color: #fad6e4;
    width: 40px;
    height: 40px;
    font-weight: 300;
    font-size: 30px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px;
}

.bgPink .bgWhite {
    background: #fff;
    border-radius: 10px;
    padding: 50px 120px 30px 50px;
    position: relative;
}

.bgWhite .delivery-option ul {
    margin: 0;
}

.whiteBox {
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

.whiteBox .heading {
    font-size: 23px;
    padding-bottom: 10px;
    font-weight: bold;
}

.whiteBox .desc {
    padding-top: 10px;
    line-height: 22px;
}

.whiteBox .leftSide {
    flex: 1;
}

.whiteBox .middleSide {
    flex: 1;
    text-align: center;
}

.whiteBox .rightSide {
    flex: 1;
}

.whiteBox .rightSide .pink_button {
    display: block;
    font-weight: bold;
    font-size: 23px;
    margin-top: 15px;
    text-align: center;
    box-shadow: none;
    border: none;
    padding: 12px;
    width: 254px;
    color: #211e45;
    margin-left: auto;
    margin-right: auto;
}

.whiteBox .rightSide .pink_button:hover {
    border: none;
    margin-bottom: 25px;
}

.crossBtn {
    position: absolute;
    top: 10px;
    font-size: 30px;
    right: 20px;
    background-color: #fad6e4;
    padding: 5px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}

.crossBtn .fa {
    -webkit-text-stroke: 5px #fad6e4;
}

.whiteBox .rightSide .heading {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 12px;
}

.whiteBox .rightSide .subHeading {
    font-size: 26px;
    font-weight: 300;
    text-align: center;
    padding-bottom: 30px;
}

.whiteBox .totalBtn {
    margin-bottom: 20px;
}

.whiteBox .rightSide .info {
    display: flex;
    flex-direction: column;
}

.whiteBox .rightSide .infoWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 60px;
}

/* .whiteBox .rightSide .quantityBtn {
    background: #fad6e4;
    color: #221e45;
    border-radius: 50%;
    border: none;
    width: 30px;
    height: 30px;
    font-size: 20px;
    line-height: 30px;
    cursor: pointer;
} */

.whiteBox .quantity-field {
    position: relative;
    height: 38px;
    text-align: center;
    width: 40px;
    display: inline-block;
    font-size: 20px;
    margin: 0 0 5px;
    background-color: #fff;
    color: #221e45;
    border: none;
    margin: 0 3px;
    pointer-events: none;
}


/* ========webshop======== */

#processpages_wrap {
    position: relative;
    top: 0;
    left: 0;
    background-image: url(../../img/frontend/general/background_pattern_white.svg);
    background-size: 8px;
    padding-top: 5em;
}

#help-guy {
    position: fixed;
    left: 85%;
    top: 30%;
    width: 200px;
    display: none;
}

#help-guy p {
    background-color: rgb(249, 245, 241);
    padding: 15px;
    border-radius: 15px;
    font-family: 'libelsuit', sans-serif;
    font-size: 16pt;
    -webkit-box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 5px -1px rgba(0, 0, 0, 0.1);
}

.company_wrapper {
    display: flex;
    align-items: center;
    background-color: #fad6e4;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.company_wrapper input {
    margin-bottom: 0px !important;
    border: 0 !important;
    padding-right: 10px !important;
}

.register_company_wrapper {
    display: flex;
    align-items: center;
}

.register_company_wrapper.webshop {
    width: calc(100% - 30px);
    background: #fad6e4;
    margin-bottom: 14px;
    border-radius: 10px
}

.register_company_wrapper.webshop .form-control.formRegister {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-right: 0px;
    width: 100%;
    margin-bottom: 0;
}

.register_company_wrapper input {
    border: 0 !important;
}

.register_company_wrapper .form-control.formRegister.done {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-right: 0px;
}


/* =====CustomCSS======= */
input[type="text"],
input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
}

#process_step_menu .heading {
    font-size: 2.5em;
    line-height: 1.2em;
    text-align: center;
}

#process_step_menu .desc {
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    padding: 20px 0px 40px;
}

.processImg {
    width: 120px;
    position: absolute;
    top: 0;
    right: 30px;
}

.customPlaceholder {
    font-size: 20px;
    color: #221e45;
    font-weight: 300;
}

.customInput {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    position: relative;
}

.customInput input {
    width: auto !important;
    margin: 0px !important;
}

#process_step_menu {
    background-color: #fad6e4;
    counter-reset: process_menu;
    line-height: 26px;
    padding: 40px 0 40px 0;
}

.mt72 {
    margin-top: 72px;
}

.position-relative {
    position: relative;
}

.twoInputs {
    display: flex;
    width: calc(100% - 30px);
    gap: 20px
}

.mblproductSection {
    display: none;
}

.webSearch {
    padding-bottom: 50px;
    display: inline-block;
}

.webSearch select {
    height: 50px;
    border-radius: 5px;
    border: 1px solid #ddd;
    -webkit-appearance: none;
    padding: 0px 10px;
    font-size: 18px;
    min-width: 370px;
    width: 100%;
    color: #999;
}

.webSearch span {
    width: 20px;
    height: 20px;
    background: #fad6e4;
    padding: 10px;
    color: #221e45;
    border-radius: 50%;
    line-height: 20px;
    position: absolute;
    text-align: center;
    right: 10px;
    top: 5px;
}


@media only screen and (max-width: 768px) {

    .registration-flex {
        flex-direction: column;
        gap: 0px !important;
    }

    .customer-inputs {
        width: 100% !important;
        padding: 0 20px;
    }

    .contract-info {
        width: 100% !important;
    }

    .contract-info .bgBlue {
        border-radius: 0 !important;
    }

    .contract-info h3 {
        padding-left: 40px;
    }

    .registration-form input {
        width: calc(100% - 90px) !important;
    }

    .twoInputs {
        width: calc(100% - 40px) !important;
    }

    .registration-flex h3 {
        font-size: 1.3em !important;
    }

    .pt50 {
        padding: 50px 0px 20px;
    }

    .preferenser .new_form .input-option .consumption-input .company_wrapper input {
        width: 100% !important;
    }

    .input-option input {
        width: calc(100% - 30px) !important;
    }

    .input-option .button-plus,
    .input-option .button-minus {
        width: auto !important;
    }

    .new_form .input-group .quantity-field {
        width: 70px !important;
    }

    #process_step_menu {
        margin-top: 63px;
    }

    .processStep {
        margin-top: 0 !important;
    }

    .processImg {
        top: 0;
        width: 100px;
        right: 10px;
    }

    .customBanner>div {
        padding-top: 50px;
    }

    .customBanner h3 {
        font-size: 2.5em;
    }

    .customBanner p {
        font-size: 20px;
        line-height: 25px;
    }

    .position-relative {
        padding-top: 100px;
    }

    .customInput {
        gap: 20px;
    }

    ol.steps a::after {
        top: 0.5em !important;
    }

    .productRow {
        gap: 15px;
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .bgWhite .whiteBox {
        gap: 10px;
    }

    .bgPink .bgWhite {
        padding: 70px 30px 20px !important;
    }

}

@media only screen and (max-width: 576px) {
    .close.consumption-placeholder {
        top: 4px !important;
        right: 5px !important;
    }

    .register_company_wrapper.webshop {
        width: calc(100% - 40px);
    }

    .register_company_wrapper.webshop .form-control.formRegister {
        width: 100% !important;
    }

    .close.consumption-placeholder.registrering {
        top: 4px !important;
        right: 42px !important;
    }

    .description {
        flex-direction: column;
    }

    #process_step_menu {
        padding: 20px 0;
    }

    #process_step_menu .heading {
        font-size: 2.2em;
    }

    .input-consumption .consumption-placeholder {
        font-size: 13pt !important;
    }

    .processImg {
        width: 70px;
        top: 0;
    }

    .question {
        margin-top: 0;
    }


    .position-relative {
        padding-top: 90px;
    }

    .question-text p {
        margin-top: 6px;
    }

    .question-text p strong {
        font-size: 16px !important;
    }

    .customQuestion .input-option {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .customInput {
        gap: 10px;
    }

    .customPlaceholder {
        font-size: 16px;
    }

    .customInput input {
        max-width: 130px;
        width: 100% !important;
        margin-bottom: 0 !important;
    }


    .customBanner h3 {
        font-size: 2.2em;
    }

    ol.steps a::after {
        top: 0.4em !important;
    }

    .customBanner>div {
        padding-top: 30px;
    }

    .contract-info .bgBlue {
        padding: 20px !important;
    }

    .companyDetail {
        flex-direction: column;
        gap: 20px !important;
    }

    .companyDetail .leftSide,
    .companyDetail .rightSide {
        width: 100% !important;
    }

    .companyDetail .leftSide img {
        width: 40% !important;
    }

    .contract-info .process-button {
        margin-top: 10px !important;
    }

    .companyDetail .rightSide .heading {
        text-align: center !important;
        padding-bottom: 20px !important;
    }

    .proceed input {
        max-width: 85% !important;
    }

    .proceed {
        display: none !important;
    }

    .topHeadingContent {
        padding-bottom: 0 !important;
    }

    .topHeadingContent .topHeading {
        font-size: 20px !important;
        line-height: 30px !important;
        padding-bottom: 25px;
    }

    .bgPink .bgWhite {
        padding: 60px 20px 50px;
        text-align: center;
    }

    .mblproductSection {
        display: block;
        padding-top: 50px;
    }

    .productSection {
        display: block;
    }
    .productSection .productRow {
        grid-template-columns: repeat(1, 1fr) 
    }
    .webshops .heading {
        font-size: 2em;
        font-weight: 400;
        line-height: 1.3em;
        padding-bottom: 10px;
    }

    .bg-blue .heading {
        font-size: 2.1em;
    }

    .webshops .desc {
        font-size: 18px;
        line-height: 25px;
        font-weight: 300;
    }

    .bgWhite .whiteBox {
        flex-direction: column;
        gap: 20px;
    }

    .bgWhite .whiteBox .desc {
        padding-top: 0 !important;
    }

    .mblproductBox .whiteBtn {
        font-size: 20px;
    }

    .mblproductBox .whiteBtn .fa-plus,
    .mblproductBox .whiteBtn .fa-minus {
        width: 30px;
        height: 30px;
        font-size: 20px;
        line-height: 32px;
    }


    .bg-blue .pink_button {
        padding: 20px;
    }

    .bgWhite .whiteBox .leftSide img {
        width: 50%;
        margin-top: 30px;
    }

    .bgWhite .whiteBox .subHeading {
        font-size: 16px;
        font-weight: 300;
    }

    .input-option input {
        width: calc(100% - 25px) !important;
        padding: 10px !important;
        font-size: 16px !important;
    }

    .webSearch select {
        min-width: 320px;
    }

    .company-info .heading {
        padding-bottom: 10px !important;
    }

    .mblproductBox .descBox {
        font-size: 18px !important;
    }





}

/* =========CustomCSS========== */
.process_step_menu {
    justify-content: space-between;
    display: flex;
    padding: 0 0 5px 0;
    width: 95%;
    max-width: 700px;
    margin: 7px auto;
}

.process_step_menu li {
    position: relative;
    padding-left: 35px;
}

div.process_menu_steps {
    color: #aaaaaa;
}

.process_menu_steps::after {
    border-radius: 50%;
    background-color: #f3efe9;
    border: 1px solid #f3efe9;
    /* counter-increment: process_menu; */
    content: '';
    height: 24px;
    width: 24px;
    font-size: .8em;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
}

/* Steps Progress Bar*/
ol.steps {
    display: flex;
    list-style: none;
    text-align: center;
    counter-reset: milestones;
    /* init counter*/

    /* design*/
    width: 100%;
    margin: 0;
    padding: 0;
}

ol.steps li {
    flex-grow: 1;
    flex-basis: 0;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;

    /* design*/
    font-size: 1.2em;
    line-height: 1.25em;
}

ol.steps a {
    display: block;
    text-decoration: none;
}

ol.steps a::before,
ol.steps a::after {
    display: block;
    font-size: 1.25em;
    box-sizing: border-box;
}

/* circle*/
ol.steps a::before {
    border-radius: 50%;
    text-decoration: none;
    content: counter(milestones);
    counter-increment: milestones;
    width: 1.3em;
    height: 1.3em;
    line-height: 1.3em;
    margin: 0 auto .5em;
}

/* connecting line*/
ol.steps a::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 0;
    border: 0;
    left: 50%;
    top: 0.5em;
    border-bottom-width: 5px;
}

/* don't show for last element*/
ol.steps li:last-child a::after {
    display: none;
}

/* Colors*/
ol.steps a,
ol.steps a:visited {
    font-weight: 600;
    color: #64afe8;
}

/* default milestone - default*/
ol.steps a::before {
    color: #221e45;
    background-color: #221e45;
    box-shadow: inset 0 0 0 .375em #221e45;
}

ol.steps a::after {
    border-bottom-style: dotted;
    border-color: #64afe8;
}

/* finished milestone*/
ol.steps li.finished a::before {
    color: #221e45;
    background-color: #221e45;
    box-shadow: inset 0 0 0 .375em #221e45;
}

ol.steps li.finished a::after {
    border-bottom-style: dotted;
    border-color: #221e45;
}

/* current milestone*/
ol.steps li.finished a {
    color: #221e45;
}

ol.steps li.current a::before {
    color: #64afe8;
    background-color: #64afe8;
    box-shadow: inset 0 0 0 .375em #64afe8;
}

ol.steps li.current a::after {
    border-style: dotted;
    border-color: #64afe8;
}

/* unfinished milestone*/
ol.steps li.current~li a::before {
    color: #64afe8;
    background-color: #64afe8;
    box-shadow: inset 0 0 0 .375em #64afe8;
}

ol.steps li.current~li a::after {
    border-bottom-style: dotted;
}

#processPreferenser,
#processResultat {
    cursor: pointer;
    color: #1fa9b9;
    font-weight: 600;
}

#processPreferenser:hover,
#processResultat:hover {
    text-decoration: underline;
}

#processPreferenser.process_menu_steps::before,
#processResultat.process_menu_steps::before,
a.process_menu_steps::before {
    background-color: #62BAE2;
    color: #ffffff;
}

div.process_menu_current {
    color: #221e45;
    font-weight: 600;
}

.process_menu_current::after {
    background-color: #499CEA;
    border: 8px solid #f3efe9;
    width: 12px;
    height: 12px;
}

@media (max-width:600px) {
    #process_step_menu li span {
        display: none;
    }

    .process_step_menu {
        max-width: 400px;
    }
}

/*------------------------ PREFERENSSIDAN -------------------------*/
.subpage-wrap h1 {
    padding-top: 100px;
}

.question-box {
    padding-top: 10px;
}

.question-box.continue .options {
    justify-content: flex-end;
    padding: 0;
}

.question {
    border-radius: 4px;
    margin-top: 20px;
    background-color: rgb(249, 245, 241);
    padding: 20px 10px;
    flex-direction: column;
    -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.03);
    overflow: hidden;
}

.question .question-number,
.contract-info .question-number,
.customer-inputs .question-number,
.hiw-content .question-number {
    padding-top: 2px;
    height: 36px;
    width: 40px;
    font-size: 24px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
    border-radius: 100%;
    color: #666666;
    display: inline-block;
    /*position:absolute;*/
    top: 24px;
    left: 18px;
}

.question .question-number {
    background-color: #64afe8;
    border: none;
    color: #fff;
}

.question,
.question .question-number {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.question.done .question-number,
.contract-info .question-number,
.customer-inputs .question-number {
    background-color: #499CEA;
    border: 1px solid #62BAE2;
    color: white;
}

.question-number {
    cursor: default;
}

.question .title,
.contract-info .title,
.customer-inputs .title {
    display: inline-block;
    font-family: 'libelsuit', sans-serif;
    font-size: 24pt;
    /* color: #ff9132; */
}

.question .text {
    font-size: 13pt;
}

.question b {
    /* color: #1fa9b9; */
    font-weight: 800;
}

.question {
    display: flex;
}

.description,
.options,
.input-option {
    flex: 1;
}

.flytt .description,
.flytt .options {
    flex: none;
}

.description {
    display: flex;
    padding: 4px 20px 0px 0px;
}

.description h2 {
    display: inline;
    /*margin-left:48px;*/
    line-height: 1.3em;
    font-size: 1.6em;
}

.description label {
    font-family: libelsuit;
    color: #1fa9b9;
    font-weight: normal;
    font-size: 2.2em;
    line-height: 1em;
    margin: 1.2em 0 0.2em 0;
    letter-spacing: 1px;
}

.description p {
    font-weight: 300;
    font-size: 18px;
}

.description p:first-child {
    /*    font-weight: 600;*/
}

.options {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}

.option:last-child {
    margin-right: 0px;
}

.options,
.input-option {
    padding: 26px 0px 14px 0px;
}

.options.slider-one-option {
    padding: 0;
    display: block;
}

.input-option {
    padding: 20px 0px 14px 0px;
}

.input-option input.done {
    background-color: #499CEA;
    border: 1px solid #499CEA;
    color: white;
}

#slider-consumption {
    float: right;
}

#slider-consumption .slider {
    margin-top: 10px;
}

#slider-consumption::after {
    content: "Jag vet inte min årsförbrukning";
    line-height: 240%;
}

#slider-pay_card {
    margin-top: 8px;
    position: relative;
}

#slider-pay_card::after {
    content: "Ja";
    font-size: 22px;
    margin-left: 10px;
    position: absolute;
    top: 17px;
    left: 55px;
}

#slider-pay_card.active::after {
    content: "Nej";
    color: #fad6e4;
    left: 5px;
}

#tooltipChooseEco {
    background-color: transparent;
    box-shadow: none;
    border: 0;
    color: #221e45;
}

@media (max-width:450px) {
    #slider-consumption::after {
        content: "Jag vet inte";
    }
}

.options form {
    width: 100%;
}

.option {
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: row;
    /*uppifrån ner*/
    justify-content: flex-end;
    /*float neråt*/
    flex-grow: 1;
    /*jämnt fördelat och täcker hel rad*/
    text-align: center;
    background-color: #f3efe9;
    /* margin-right: 20px; */
    height: 30px;
    padding: 10px 20px 10px 20px;
    font-size: 14px;
    transition: 0.1s ease;
    border-radius: 4px;
    font-size: 14pt;
    margin-bottom: 10px;
    position: relative;
    color: #666;
}

.option:last-child {
    margin-bottom: 0px;
}

.option p {
    margin: 0px;
}

.option .icon img {
    height: 40px;
}

.option .icon span {
    height: 40px;
    width: 40px;
    background-color: #1fa9b9;
    display: block;
    font-size: 1em;
    line-height: 40px;
    color: #ffffff;
    letter-spacing: 1px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    margin: 0 auto 4px auto;
}

.chosen {
    background-color: #499CEA;
    border: 1px solid #62BAE2;
    color: #fff;
    box-shadow: 0px 10px 33px -14px rgba(0, 0, 0, 0.20);
}

.icon {
    text-align: center;
    position: absolute;
    left: 5px;
    top: 5px;
}

.option:hover,
.input-option>input:hover {
    box-shadow: 0px 10px 33px -14px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    background-color: #f2e8df;
}

.option.chosen:hover,
.input-option input.done:hover {
    /* background-color: #7bf0a2; */
    background-color: #62BAE2;
}

.input-option input,
.input-option select,
.new_form .input-option input[type="text"] {
    padding: 10px 20px;
    background-color: #221e45;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    line-height: 30px;
    font-size: 16pt;
    width: calc((100%) - 35px);
    /*hela bredded minus (paddingen ovan + 20 px margin) */
}

.preferenser .input-option input,
.preferenser .input-option select,
.preferenser .new_form .input-option input[type="text"] {
    background-color: #fad6e4;
}

.input-option input:focus {
    background-color: #fad6e4;
    border: 1px solid #fad6e4;
}

.input-option input.done:focus {
    background-color: #fad6e4;
    border: 1px solid #fad6e4;

}

.input-option {
    position: relative;
}

.input-consumption .consumption-placeholder {
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 18pt;
    color: #fff;
}

.preferenser .input-consumption .consumption-placeholder {
    color: #221e45;
}

.question.done .input-option span {
    color: white;
}

.input-consumption .consumption-placeholder.done,
.preferenser .input-option input.done,
.preferenser .input-option select.done,
.preferenser .new_form .input-option input[type="text"].done {
    color: white;
    background-color: #221e45;
}

.registration-form .done {
    color: white !important;
    background-color: #221e45 !important;
}

.question-box.continue .process-button,
.question-box.continue a {
    width: 100%;
}

.question-box.continue .question {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.question-box.continue .title {
    font-size: 30px;
}

.question-box.continue .text {
    font-size: 16px;
}

.new_form .question-box {
    border-bottom: 2px solid #64afe8;
}

.new_form .question {
    background-color: white;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.new_form .input-group input,
.new_form .input-group textarea {
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    margin: 0;
    outline: none;
    padding: 10px;
}

.new_form .input-group input[type="button"] {
    -webkit-appearance: button;
    cursor: pointer;
}

.new_form .input-group input::-webkit-outer-spin-button,
.new_form .input-group input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.new_form .input-group {
    clear: both;
    margin: auto;
    /* 15px 0;*/
    position: relative;
    display: inline-block;
    padding: 0 25px;
    text-align: center;
}

.new_form .input-group input[type='button'] {
    background-color: #221e45;
    min-width: 38px;
    width: auto;
    transition: all 300ms ease;
}

.new_form .input-group .button-minus,
.new_form .input-group .button-plus {
    font-weight: 100;
    height: 38px;
    padding: 0;
    width: 38px;
    font-size: 20px !important;
    position: relative;
    font-family: 'Poppins', sans-serif;
}

.new_form .input-group .quantity-field {
    position: relative;
    height: 38px;
    left: -6px;
    text-align: center;
    width: 62px;
    display: inline-block;
    font-size: 20px !important;
    margin: 0 0 5px;
    resize: vertical;
    background-color: #fff;
    color: #221e45;
    border: none;
    margin: 0 3px;
}

.new_form .input-group .button-plus {
    left: -13px;
}

.new_form .input-group input[type="number"] {
    -moz-appearance: textfield !important;
    -webkit-appearance: none;
}

.new_form .input-group .button-minus,
.new_form .input-group .button-plus {
    border-radius: 50%;
    background-color: #221e45;
}

.new_form .input-group .button-minus {
    margin-left: 15px;
}

.new_form .input-group.broadband .button-minus,
.new_form .input-group.broadband .button-plus {
    background-color: #fad6e4;
    color: #221e45;
    font-family: 'Poppins', sans-serif;
    font-weight: 100;
}

.new_form .input-group .consumption-placeholder {
    background-color: #221e45;
    display: block;
    position: relative;
    top: -10px;
    padding: 10px;
    right: 0px;
    margin: 12px 0px;
    border-radius: 5px;
    text-align: center;
}

.new_form .input-group.broadband .consumption-placeholder {
    background-color: #fad6e4;
    color: #221e45;
    border-radius: 5px;
    margin: 12px 0px;
    padding: 10px;
}

.new_form .input-group.mobil .consumption-placeholder,
.new_form .input-group.mobil input[type="button"] {
    color: #fff;
}


/* ---- Consumption guide ----- */
.consumption-guide {
    background-color: #f3efe9;
    padding: 12px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

#consumption-guide-calculations b {
    border-top: 1px solid #ff9933;
    margin-top: 10px;
    padding-top: 10px;
    display: block;
}

.calc_result {
    font-size: 2.2em;
    margin: 0;
}

.calc_result_text_small {
    font-size: .8em;
    margin: 0;
    color: #555555;
}

.question.done .input-option .consumption-guide span {
    color: #221e45;
}

.input-option .consumption-guide input,
.input-option .consumption-guide select,
.input-option .consumption-guide input:focus {
    padding: 5px;
    height: 30px;
    margin-top: 5px;
    background-color: white;
    font-size: 1em;
    width: 200px;
    float: right;
}

.input-option .consumption-guide select {
    height: 42px;
    width: 212px;
}

#residens_type_chosen div {
    overflow: auto;
}

#residens_type_chosen div span {
    float: left;
    line-height: 55px;
}

#no_residens_type,
.no_residens_type #residens_type_chosen,
.residens_house_choice {
    display: none;
}

#residens_type_chosen,
.no_residens_type #no_residens_type,
.residens_typ_house .residens_house_choice {
    display: block;
}

#consumption_loading {
    width: 60px !important;
    height: 60px !important;
    margin: auto;
    display: block;
    transform: rotate(-90deg);
}

#residens_type_chosen input {
    font-size: 14pt;
}


/*------------------------ Flyttingången -------------------------*/
.flyttHidden {
    display: none;
}

.question.flytt .options {
    padding-top: 20px;
}

.question.flytt .options form {
    width: 100%;
}

.question.flytt .options li {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: flex-end;
}

.question.flytt .options li:last-child {
    justify-content: flex-end;
}

.question.flytt .options label {
    font-size: 16pt;
}

input[type='number'] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.question.flytt .options input[type=text],
.question.flytt .options input[type=number] {
    padding: 10px 30px 10px 0px;
    margin: 0 0 14px 0;
    width: 60%;
    font-size: 28px;
    text-align: right;
    font-family: 'Opens Sans', sans-serif;
    letter-spacing: 1px;
    line-height: 30px;
    color: #555;
    border: 1px solid rgba(0, 0, 0, 0.2);
    vertical-align: top;
    border-radius: 4px;
    transition: 0.2s ease;
}

.question.flytt .options input[type=submit] {
    padding-left: 100px;
    padding-right: 100px;
    display: flex;
}

.question.flytt .text {}


/* ---------- REGISTRERINGSSIDAN ---------------*/
.proceed div {
    padding: 0;
    padding-top: 0px;
}

.fader {
    position: absolute;
    vertical-align: bottom;
    bottom: 0px;
    height: 120px;
    width: 100%;
    background: -moz-linear-gradient(rgba(255, 255, 255, 0) 0%, #f9f5f1 80%);
    background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, #f9f5f1 80%);
    background: linear-gradient(rgba(255, 255, 255, 0) 0%, #f9f5f1 80%);
}

.no-fade {
    background: rgba(0, 0, 0, 0);
}

.fader span {
    position: absolute;
    bottom: 0px;
    right: 10px;
    font-size: 14px;
    font-weight: 600;
}

.fader span:hover {
    text-decoration: underline;
    cursor: pointer;
    color: #ffa500;
}

.capped {
    max-height: 70px;
    overflow: hidden;
}

.registration-wrapper {
    color: #221e45;
}

.registration-wrapper h3,
.registration-flex h3 {
    color: #221e45;
    font-size: 1.2em;
    margin-top: 0.1em;
    line-height: 1.4em;
}

.registration-flex h3 {
    margin-bottom: 20px;
    margin-top: 1em;
    font-size: 1.6em;
}

#print-terms {
    position: absolute;
    right: 32px;
    padding: 20px;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.registration-wrapper .contract-info .company-info,
.registration-wrapper .contract-info .contract-flex {
    font-size: 14px;
}

.contract-flex {
    flex-direction: column;
}

.registration-back {
    /*
    background-color: rgb(249, 245, 241);
    border-radius: 4px;
    -webkit-box-shadow: 0px 10px 33px -14px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 10px 33px -14px rgba(0,0,0,0.2);
    box-shadow: 0px 10px 33px -14px rgba(0,0,0,0.2);
    */
}

.registration-intro {
    padding: 20px;
    font-size: 18px;
}

.registration-terms {
    padding: 20px;
    padding-top: 1px;
}

.registration-flex {
    display: flex;
    gap: 60px
}

.company-info {
    background-color: #fff;
    padding: 50px 25px 30px;
    border-radius: 10px;
}

.blueInputWrapper {
    display: flex;
}

.blueInputWrapper input {
    background: #fff;
    font-size: 18px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border: none;
    padding: 10px 20px;
    width: 90%;
}

.blueInputWrapper button {
    border: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    white-space: nowrap;
    padding: 10px 20px;
    background-color: #211d45;
    color: #64afe8;
    font-size: 16px;
    font-family: "Raisonne", sans-serif, Arial, Verdana;
}

.company-info .heading {
    font-size: 22px;
    text-align: center;
    padding-bottom: 50px;
    font-weight: bold;
}

.companyDetail {
    display: flex;
    gap: 30px;
}

.companyDetail .rightSide {
    width: 60%;
}

.companyDetail .leftSide {
    text-align: center;
    width: 40%;
}

.companyDetail .leftSide img {
    width: 80%;
}

.companyDetail .rightSide .heading {
    font-size: 22px;
    padding-bottom: 30px;
    text-align: left;
    padding-left: 10px;
}

.companyDetail .rightSide .total {
    font-size: 22px;
    padding: 20px 0px 10px 15px;
}

.companyDetail .rightSide .blueBtn {
    background-color: #64afe8;
    color: #fff;
    border-radius: 10px;
    padding: 15px 20px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.companyDetail .rightSide .blueBtn span:first-child {
    font-size: 38px;
    line-height: 35px;
    word-break: break-all;
    text-align: center;

}

.companyDetail .rightSide .blueBtn span {
    font-size: 14px;
    text-align: left;
    line-height: 18px;
}

.companyItem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
}

.company-description {
    position: relative;
}

.company-logo img {

    border-radius: 4px;
    width: 100%;
    margin-bottom: -5px;
}

.company-name {
    font-size: 22px;
    display: block;
    font-weight: 600;
}

.org-number {
    display: block;
    font-size: 14px;
}

.company-info .description {
    display: block;
    margin-top: 10px;
    padding-bottom: 24px;
}

.customer-inputs {
    width: 45%;
}

.contract-info {
    width: 55%;
}

.contract-info .bgBlue {
    background-color: #64afe8;
    padding: 65px 65px 40px;
    border-radius: 10px;
}

.contract-info .title {
    margin-bottom: 20px;
}

.registration-wrapper h2 {
    margin-top: 20px;
}

.info-images {
    display: flex;
    flex-direction: column;
    background: rgb(252, 238, 216);
    border-radius: 4px;
    margin-bottom: 14px;
    padding-top: 8px;
}

.info-images>div {
    position: relative;
    flex-grow: 1;
    border-radius: 4px;
    padding: 7px 10px 7px 10px;
    margin-bottom: 14px;
    font-size: 12pt;
    color: rgba(0, 0, 0, 0.5);
}

.info-images>div p {
    /*width: 100%;*/
    padding-left: 50px;
}

.info-images>div img {
    height: 40px;
    position: absolute;
    top: 7px;
    left: 10px;
}

.info-images h2 {
    margin-left: 60px;
    margin-top: 10px;
    margin-bottom: 6px;
}

.info-images p {
    margin-top: 8px;
    margin-bottom: 8px;
}

.first-column {
    /*padding-right: 20px;*/
}

select#inputStartDate {
    height: 52px;
    font-size: 18px;
    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.registration-form input {
    padding: 13px 30px 13px 20px;
    text-align: left;
    border-radius: 10px;
    width: calc(100% - 80px);
    letter-spacing: 1px;
    color: #221e45;
    background-color: #fad6e4;
    border: 1px solid #fad6e4;
    margin: 0 0 14px 0;
    font-size: 20px;
    line-height: 24px;
    vertical-align: middle;
}

.registration-form input::placeholder {
    font-weight: bold;
    font-size: 30px;
    vertical-align: middle;
}

.registration-form input::-webkit-input-placeholder {
    font-weight: bold;
    font-size: 30px;
    vertical-align: middle;
}

.registration-form input:focus {
    background-color: #fad6e4;
    border: 1px solid #fad6e4;
    color: black;
}


.registration-form .faktura-adress {
    display: flex;
    justify-content: space-between;
}

.registration-form input::placeholder {
    color: #221e45;
    font-size: 18px !important;
    font-weight: 200;
}

.contract-info .process-button {
    min-width: 200px;
    margin-top: 10px;
    width: 100%;
    margin-top: 40px;
    font-weight: bold;
    font-size: 22px
}

.form-title {
    font-family: 'libelsuit', sans-serif;
    display: block;
    font-size: 24pt;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #444;
}

.contract-flex,
.contract-flex .contract-row,
.proceed {
    display: flex;

}

.proceed {
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.proceed div {
    flex: 1;
    position: relative;
}

.proceed a input,
.proceed input {
    width: 100%;
}

.proceed input {
    max-width: 60%;
}

/* Legal alert window */
.proceed .legal-alert {
    position: absolute;
    background-color: rgb(255, 66, 75);
    height: 40px;
    padding: 0 40px 0 20px;
    border-radius: 4px;
    bottom: 0;
    right: 0px;
    line-height: 40px;
}

.proceed .legal-alert p {
    color: #fff;
    margin: 0px;
}

.proceed .legal-alert img {
    position: absolute;
    cursor: pointer;
    top: 12px;
    right: 10px;
    height: 15px;
}

.tidigareBytenOptions {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 20px;
}

.tidigareBytenOptions span {
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    text-align: center;
    background-color: #f3efe9;
    height: 30px;
    padding: 10px 20px 10px 20px;
    font-size: 14px;
    transition: 0.1s ease;
    border-radius: 4px;
    font-size: 14pt;
    margin-bottom: 10px;
    position: relative;
    color: #666;
}

.tidigareBytenOptions span:hover {
    box-shadow: 0px 10px 33px -14px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    background-color: #f2e8df;
}


.proceed a:hover {
    text-decoration: none;
}

.spec-price {
    margin-bottom: 20px;
}

.proceed-desc {
    padding: 20px;
}

.spec-info {
    padding-bottom: 20px;
}

.spec-info .contract-row,
.spec-price .contract-row {
    justify-content: space-between;
}

.contract-row {
    padding: 10px;
}

.spec-info>.contract-row:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.spec-info>.contract-row:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.contract-row:nth-child(even) {}

.contract-row:nth-child(odd) {
    background: rgb(235, 235, 230);
}

.contract-row.contract-terms {
    margin-top: 20px;
    font-size: 16px;
    background-color: transparent;
}

.user-terms,
.privacy-terms {
    text-decoration: underline;
}

.contract-row.contract-terms:hover,
.user-terms:hover,
.privacy-terms:hover {
    cursor: pointer;
    color: orange;
}

.contract-terms u {
    margin-left: 5px;
}

.contract-row.header,
.contract-row.curing-period {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.contract-row.header {
    color: white;
    background: orange;
    color: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.contract-row.total {
    /*background: #fbeed7;*/
    border-bottom: 2px solid #f0ece8;
}

.contract-row.total span {
    font-size: 18pt;
    font-weight: 700;
}

.contract-row.total span b {
    font-size: 18pt;
    font-weight: 700;
    color: #ff9933;
    display: block;
    text-align: right;
    margin-bottom: -11px;
}

.contract-row.total span:hover,
.contract-row.total span u:hover {
    cursor: pointer;
}

.contract-row.total span .small:hover {
    cursor: default;
}

.contract-row.total span span.small {
    font-size: .6em;
    line-height: 1.4em;
}

.contract-row.hidden {
    display: none;
}

.hideable {
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.show-price-spec {
    font-size: 14px;
}

.show-price-spec img {
    margin-bottom: -3px;
    margin-left: 4px;
}

.show-price-spec:hover {
    cursor: pointer;
    text-decoration: underline;
}

.contract-row .small {
    font-size: 12px;
}

#faktura-inputs {
    margin-top: 14px;
}

/*------------------------ Boxes2 -------------------------*/
.found_nothing {
    width: 80%;
    max-width: 500px;
    margin: 60px auto 0 auto;
    border-bottom: 4px solid #1fa9b9;
    padding: 0 15px;
    background-color: rgba(255, 255, 255, .6);
    border-radius: 4px;
    font-size: 1.1em;
}

.site-width.resultat {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px 0 50px 0;
}

#subpage-content .information_about_result {
    padding: 20px;
    background-color: #eaeaea;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
}

#subpage-content .information_about_result p {
    max-width: 700px;
    display: block;
    margin: 10px auto;
    color: #666;
}

.site-width.resultat>div.page-counter {
    flex-grow: 1;
    text-align: center;
    margin: 35px 0 15px 0;
    font-size: 1.2em;
    color: #999999;
}

.site-width.resultat>div.page-counter span {
    padding: 6px;
    display: inline-block;
}

.site-width.resultat>div.page-counter span.paginate:hover {
    color: #ffffff;
    background-color: #ff9933;
    opacity: .5;
}

.site-width.resultat>div.page-counter .current {
    color: #ffffff;
    background-color: #ff9933;
    font-weight: 600;
}

.site-width.resultat>div.page-counter>b {
    color: #ff9933;
}



/*------------------------ Filters -----------------------*/

.site-width.resultat>.head {
    /*display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;*/
    padding: 0 20px;
    position: relative;
    top: 0;
    left: 0;
}

.site-width.resultat>.head>p {
    color: #555;
    font-size: 1.1em;
    flex-grow: 1;
    margin-top: 15px;
    margin-bottom: 40px;
}

.site-width.resultat>.head>div.info {
    flex-grow: 2;
    text-align: right;
    border-radius: 4px;
    font-size: 1.1em;
}

.site-width.resultat>.head .resultat-filter {
    /*display: flex;
    flex-direction: row;
    justify-content: flex-end; */
    position: absolute;
    top: 30px;
    right: 20px;
    text-align: right;
    font-size: 1.1em;
}

.site-width.resultat>.head #processMenuMoreInfotext {
    color: #777;
    margin-top: 5px;
    margin-bottom: 10px;
}


.site-width.resultat>.head div .resultat-filter-button {
    margin: 0 0 6px 6px;
    opacity: 1;
    transition: 0.1s;
    cursor: pointer;
    background-color: rgb(249, 245, 241);
    padding: 7px;
    border-radius: 4px;
    color: #1fa9b9;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
    white-space: nowrap;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
}

.site-width.resultat>.head div .resultat-filter-button:last-child {
    margin-right: 0px;
}

.site-width.resultat>.head div .resultat-filter-button:first-child {
    margin-left: 0px;
}

.site-width.resultat>.head div .resultat-filter-button:hover {
    opacity: 0.7;
    background-color: #ff9933;
    color: #ffffff;
}

.site-width.resultat>.head div #processMMom.resultat-filter-button {
    background-image: url("../../img/frontend/process/filter_omteckningsratt.svg");
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
}

.site-width.resultat>.head div #processMMom.resultat-filter-button.processMMOMChosen,
.site-width.resultat>.head div #processMMom.resultat-filter-button:hover {
    background-image: url("../../img/frontend/process/filter_omteckningsratt_chosen.svg");
}

.site-width.resultat>.head div #processMMpp.resultat-filter-button {
    background-image: url("../../img/frontend/process/filter_prova.svg");
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
}

.site-width.resultat>.head div #processMMpp.resultat-filter-button.borderFALSE,
.site-width.resultat>.head div #processMMpp.resultat-filter-button:hover {
    background-image: url("../../img/frontend/process/filter_prova_chosen.svg");
}

.site-width.resultat>.head .resultat-filter .borderFALSE,
.site-width.resultat>.head div .resultat-filter-button.processMMmenualtChosen,
.site-width.resultat>.head div .resultat-filter-button.processMMOMChosen {
    background-color: #ff9933;
    color: #ffffff;
}

#processMMpp,
#processMMom {
    padding: 8px;
    height: 20px;
    width: 20px;
}

/*------------------------ resultat-page -----------------------*/

.site-width.resultat>.page-counter {
    text-align: center;
    margin: 20px 0;
}

#tryggt-elbyte {
    position: absolute;
    width: 120px;
    bottom: -10px;
    left: 0px;
    transform: rotate(15deg);
    z-index: 5;
    cursor: pointer;
}

/*------------------------ we call you -----------------------*/

#we_call_holder {
    padding: 30px 10px 10px 10px;
    background-color: #fefefe;
    border-radius: 2px;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
    border-bottom: 3px solid #ff9933;
}

#we_call_holder>p {
    font-size: 17px;
    color: #ff9933;
    font-weight: 600;
    cursor: pointer;
}

#we_call_holder #call_guy {
    position: absolute;
    top: -120px;
    right: 50px;
    height: 120px;
    z-index: 4;
}

#we_call_holder .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 15px;
    cursor: pointer;
}

#we_call_holder form input {
    border: 0px solid;
    font-size: 14pt;
    padding: 7px;
    background-color: #efefef;
}

#we_call_holder #formWeCallSend {
    text-align: center;
    margin-bottom: 0px;
}

#we_call_holder .ringtext {
    font-size: 12pt;
    margin: 0 0 20px 0;
}

#we_call_info form {
    display: flex;
    flex-direction: column;
}

/*------------------------ Boxes v2 -----------------------*/

.subpage-wrap {
    height: 270px;
}

.result {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    padding: 0px 20px 0 20px;
}

.result .provider {
    position: relative;
    display: flex;
    flex-grow: 1;
    flex-direction: row;
    /*max-height: 350px;*/
    padding-right: 100px;
    background-color: #64afe8;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(33, 141, 222, 0.05);
    -moz-box-shadow: 0px 3px 0px 0px rgba(33, 141, 222, 0.05);
    box-shadow: 0px 3px 0px 0px rgba(33, 141, 222, 0.05);
    border-radius: 4px;
    margin-bottom: 5%;
    transition: 0.5s ease;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    padding: 2% 5%;
}

.result .provider .supplier-product-section,
.result .provider .result-section {
    width: 50%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.result .numbering {
    font-size: 14pt;
    font-weight: 600;
    color: #1fa9b9;
    margin: 5px 0;
}

.result .provider .int {
    cursor: pointer;
}

.result .provider p#year {
    font-weight: 800;
    font-size: 18px;
    text-align: right;
}

.result .provider .close {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 20px;
    cursor: pointer;
    display: none;
    z-index: 10;
}

.result .provider p {
    cursor: pointer;
    margin: 0px;
    font-weight: 400;
}

.int h3,
.int p {
    pointer-events: none;
}

.result .provider .process-button {
    /*  position: absolute;
    right: 0;
    height: 100%;
    margin-bottom: 0px;
    border-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    */
}

.result .provider p.price {
    color: #ff9933;
    font-size: 30pt;
    font-weight: 800;
    margin: 0 0 0 0;
    text-align: right;
}

.result .provider b.link {
    color: #1fa9b9;
    border-bottom: 2px solid #1fa9b9;
}

.result .provider h3#year {
    margin: 1em 0 0 0;
}

.result .provider p#year-price {
    font-size: 16pt;
}

.result .provider .information {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    overflow: hidden;
}

.result .provider .information .short-info {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.result .provider .information>div:not(.short-info) {
    font-size: 1em;
    padding: 0px;
    order: 2;
}

.spec-price .processpage_box_moreinfo_table>div {
    font-size: 11pt;
}

.processpage_box_moreinfo_table {
    /*    background-image: url(../../img/frontend/process/tryggt_elbyte.svg);*/
    background-repeat: no-repeat;
    background-position: center center;
    background-position-x: 70%;
    background-position-y: center;
    background-size: 30%;
}

.spec-price .textMellanRubrikBold {
    font-size: 17px;
    font-weight: 700;
    color: #555;
}

.result .provider .information>div:not(.short-info)>p:first-child {
    color: #666;
    font-size: 15pt;
    font-weight: 300;
    margin-top: 0.1em;
    margin-bottom: 0.3em;
}

div:not(.short-info) .processpage_box_moreinfo_table>div,
.spec-price .processpage_box_moreinfo_table>div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    padding: 5px 5px;
}

.result .provider .information>div:not(.short-info) .processpage_box_moreinfo_table:not(.mix)>div:nth-child(2n),
.spec-price .processpage_box_moreinfo_table:not(.mix)>div:nth-child(2n) {
    border-radius: 2px;
    border-bottom: 1px solid #64afe8;
    margin-bottom: 10px;
}

.result .provider .information>div:not(.short-info) .processpage_box_moreinfo_table.mix #resultatID_elprisfast,
.result .provider .information>div:not(.short-info) .processpage_box_moreinfo_table.mix #resultatID_elprisrorlig {
    border-bottom: 2px dashed #00000033;
}

.result .provider .information>div:not(.short-info) .processpage_box_moreinfo_table>div:last-child {
    background-color: #f0ece800;
    border-top: 2px solid #f0ece8;
    border-bottom: 2px solid #f0ece8;
}

/* .result .provider .information .short-info > div:first-child {
	margin-right: 10px;
} */

.result .provider .information>div:not(.short-info):not(.price-details):not(.campaign-details) b {
    font-size: 16pt;
    color: #888;
}

.result .provider .information>div:not(.short-info):not(.price-details) p {
    font-weight: 300;
}

.result .provider .information>div.price-details p:first-child {
    font-size: 0.8em;
    font-weight: 600;
    padding-left: 5px;
}

.result .provider .information>div.price-details div.resultatRedovisning span:last-child {
    font-size: 22.6px;
    line-height: 28pt;
    font-weight: 700;
    color: #555;
}

.textMicro {
    font-size: 9pt;
    color: #555;
}

.result .provider .information .processpages_smallerlightertext {
    color: #666;
    margin: 20px;
}

.result .provider .information .processpage_box_moreinfo_tablerowtotal {
    background: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
}

.result .provider .information>div:not(.short-info) ul {
    padding-left: 0px;
}

.result .provider .information>div:not(.short-info) ul li {
    margin-bottom: 5px;
    position: relative;
    padding: 5px 1px 1px 1.2em;
}

.result .provider .information>div:not(.short-info) ul li:before {
    content: '✓';
    margin-right: 10px;
    color: #64afe8;
    position: absolute;
    top: 0;
    left: 0;
}

.result .provider .information>div {
    max-height: 0px;
    visibility: hidden;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    max-width: 0px;
    padding: 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.result .provider .information>div:not(.short-info) {
    justify-content: flex-start;
}

.result .provider .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    /* max-width: 1000px; */
    width: 50%;
    background-color: #fff;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    overflow: hidden;
}

.result .provider .supplier_logo {
    /*display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
     max-width: 1000px; */
    width: 60%;
    background-color: #64afe8;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    overflow: hidden;
    flex-basis: 60%;
    text-align: center;
    position: relative;
    max-height: 300px;
    padding-top: 0.3em;
}

.result .provider .supplier_logo .payment-options {
    position: absolute;
    bottom: 0;
    left: 0;
}

.result .provider .product_logo {
    /*display: flex;
    align-items: center;
    justify-content: center;
     max-width: 1000px; */
    width: 40%;
    background-color: #64afe8;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    overflow: hidden;
    text-align: center;
    flex-basis: 40%;
    padding-top: 1.5em;
}

.result .provider .supplier_logo img.provider-logo,
.result .provider .product_logo img.provider-logo,
.result .provider .logo img.provider-logo {
    /* min-width: 300px; */
    /* min-height: 200px; */
    /* max-height: 300px; */
    max-width: 100%;
    /*object-fit: cover;*/
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    top: 50px;
    left: 50px;
    /* border-radius: 4px; */
    margin-top: 0%;
}

.result .provider .product_logo img.provider-logo {
    width: 100%;
}

.result .provider .supplier_logo img.provider-logo {
    padding: 10%;
    width: auto;
    max-width: -webkit-fill-available;

}

.short-info .white-box {
    display: inline-block;
    background-color: #fff;
    padding: 3%;
    color: #211d45;
    text-align: center;
    border-radius: 8px;
    margin: 5px;
    width: 35%;
}

.short-info .white-box span {
    display: block;
    font-size: 1.5em;
    line-height: 1.5em;
}

.delivery-option ul {
    margin: 30px 0;
    width: 94%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.delivery-option ul>li {
    display: inline-block;
    height: 100px;
    float: none;
    margin-right: 20px;
}

.delivery-option ul>li span.van {
    background: url(../../img/frontend/home/van.png) no-repeat left center;
    padding-left: 130px;
    display: inline-flex;
    background-size: 50% 50%;
    height: 100%;
    align-items: center;
}

.delivery-option ul>li span.refresh {
    background: url(../../img/frontend/home/refresh.png) no-repeat left center;
    padding-left: 70px;
    display: inline-flex;
    background-size: 25% 40%;
    height: 100%;
    align-items: center;
}

.delivery-option ul>li span.smile {
    background: url(../../img/frontend/home/smile.png) no-repeat left center;
    padding-left: 70px;
    display: inline-flex;
    background-size: 25% 40%;
    height: 100%;
    align-items: center;
}

.result .provider img.kampanj {
    position: absolute;
    max-width: 100px;
    height: auto;
    left: -7px;
    top: 10px;
    z-index: 10;
}

.result .provider .kampanjtext {
    display: none;
}

.result .provider .icons {
    display: flex;
    flex-direction: row;
}

.result .provider .icons img {
    height: 35px;
    margin-top: 5px;
    vertical-align: bottom;
    margin-left: 5px;
    cursor: pointer;
}

.result .provider .details {
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
}

.result .provider .details>div>p:last-child {
    /*    margin-bottom: 10px;*/
}

.result .provide .details #price {
    text-align: right;
    flex-grow: 1;
    order: 2;
}

.result .provide .details .details {
    order: 2;
}

.result .provider .icons .ski-icon {
    vertical-align: bottom;
    margin-top: 5px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    background-color: #1fa9b9;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
}

.result .provider .icons div.ski-text {
    display: none;
}

/*.expanded .information div.show p {margin:0 0 10px 0;}*/
.result .provider .information .short-info .whitebox {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100px;
    background-color: #fff;
}

.result .provider .ore-price {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
}

.result .provider .ore-price p {
    margin-right: 5px;
}

.result .provider .information>div.show {
    max-width: 100%;
}

.result .provider .information>div.show .extra-details {
    padding: 20px 20px 20px 20px;
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 0.3em;
}

.result .provider .information>div.visible {
    max-width: 1000px;
}

.result .provider .information>div.show,
.result .provider .information>div.visible {
    visibility: visible;
    max-height: 1080px;
}

.result .provider .supplier-product-section .short-info {
    display: none;
}

.result .provider.expanded .supplier-product-section .short-info {
    flex-basis: 100%;
    display: block;
}

.question6,
question7 {
    display: none;
}

.result .provider .product_logo img.both {
    width: 80%
}

.result .provider .product_logo img.single {
    width: 60%;
}

.result .provider .product_logo img.izettle {
    width: 70%;
}

.result .provider .supplier_logo img.izettle {
    margin-bottom: 40px;
}

/*
.result .provider .supplier_logo:after,
.result .provider .product_logo:after{
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    transform: rotate(0deg);
    background: #fad6e4;
    border-radius: 50%;
    padding: 4px 9px;
}
*/
.result .provider .supplier_logo .plus-extra,
.result .provider .product_logo .plus-extra {
    width: 30px;
    margin: 0 30px;
}

.result .provider .supplier_logo .plus-extra {
    position: absolute;
    top: 52%;
    left: 35%;
}

.result .provider .short-info .plus-extra {
    position: absolute;
    left: 46%;
    top: -25%;
    width: 40px;
}

/* Expanded */
@media (min-width: 1024px) {
    /*
    .result .provider.expanded {
        max-height: 1000px;
        margin-top: 0px;
        min-height: 600px;
    }

    .result .provider.expanded .close {
        display: block;
    }

    .result .provider.expanded .information .short-info .whitebox {
        width: 100%;
        z-index: 1;
    }

    .result .provider.provider.expanded .icons {
        position: absolute;
        bottom: 10px;
        left: 10px;
        text-align: left;
        width: 50%;
    }

    .result .provider.expanded .logo,
    .result .provider.expanded .supplier_logo,
    .result .provider.expanded .product_logo {
        display: flex;
        flex-grow: 0;
        max-width: 0px;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        overflow: visible;
        z-index: 2;
    }

    .result .provider.expanded .logo img {
        min-width: 100px;
        min-height: 50px;
    }

    .result .provider.expanded .information .short-info {
        padding-top: 100px;
        padding-bottom:50px;
        flex-direction: column;
        text-align: right;
        justify-content: flex-end;
    }

    .result .provider.expanded .information .short-info .icons {
        justify-content: flex-start;
    }

    .result .provider.expanded .information .short-info > div:first-child {
        padding-top: 0px;
    }

    .result .provider.expanded .information .short-info > div:last-child {
        order: 1;
    }

    .result .provider.expanded .supplier_logo img.provider-logo,
    .result .provider.expanded .logo img.provider-logo {
        position: absolute;
        top: 70px;
        left: 60px;
        max-height: 100px;
        min-width: 200px;
        margin-bottom: 100%;
    }

    .result .provider.expanded .product_logo img.provider-logo {
        position: absolute;
        top: 30px;
        left: 295px;
        max-height: 200px;
        min-width: 150px;
        margin-bottom: 100%;
    }

    .result .provider.expanded .supplier_logo img.payment-options {
        position: absolute;
        top: 230px;
        left: 0px;
        /* max-height: 70px;
        min-width: 300px;
        margin-bottom: 100%;
    }
    .result .provider.expanded .next-btn{
        display: none;
    }
    */
}

@media only screen and (max-width: 1000px) {}

.resultatRedovisning b {
    color: #64afe8;
}

/* Mobile */

/*------------------------ Boxes -------------------------*/
.processpages_box_content {
    width: 90%;
    max-width: 690px;
    margin: 0px auto 0px auto;
    padding-top: 40px;
}

#processpages_show_paper_and_boxes {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

#processpages_show_paper_and_boxes h3 {
    margin-top: 0;
    font-size: 1.5em;
    color: #272214;
}

#processpages_show_boxes {
    display: table;
    width: 100%;
    overflow: auto;
}

#processpages_show_boxes {
    margin: 30px auto 50px auto;
}

.processpages_show_box_cell {
    display: table-cell;
    vertical-align: top;
    width: 33%;
    overflow: auto;
}

#processpages_show_box_left {
    float: left;
}

#processpages_show_box_center {
    margin: 0 auto 0 auto;
}

#processpages_show_box_right {
    float: right;
}

.processpages_position_box {
    position: relative;
    top: 0;
    left: 0;
    width: 87%;
    overflow: hidden;
}

.processpages_box_container {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 130%;
    background-image: url(../../img/frontend/process/box/box_background.png);
    /*overflow:hidden;*/
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    -khtml-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}

.processpages_moreinfo_container {
    padding: 1em;
    font-size: .8em;
    line-height: 1.5em;
    background-image: url(../../img/frontend/process/box/box_background.png);
    display: none;
}

.processpage_moreinfo_title {
    background-color: #ff9933;
    color: #ffffff;
    padding: .5em;
    font-weight: 600;
    margin-bottom: -5px;
}

.processpage_moreinfo_title::after {
    display: inline-block;
    float: right;
    margin-top: .2em;
    content: "";
    width: 1em;
    height: 1em;
    background: transparent url(../../img/frontend/menu_button_close.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.processpages_moreinfo_container b {
    font-weight: 600;
}

.processpages_velg_box,
.processpages_valgt_box {
    background-color: #24ba76;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    color: #ffffff;
    font-size: 1.3em;
    cursor: pointer;
    border-top: 1px solid #eeeeee;
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -khtml-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.processpages_box_chosen_cancel {
    background-color: #bb5757;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    margin-top: 8px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.processpages_box_chosen_cancel:hover {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.3em;
}

.processpages_valgt_box {
    cursor: auto;
    background-color: #c9c4b1;
}

.processpages_velg_box:hover,
#page3:hover,
#page5:hover,
#meterreading_submit:hover,
#btn_meter_reading_late:hover {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 1.5em;
}

.processpages_box_chosen_before_choosing {
    background-color: #f5f5f0;
    padding: 1em;
    font-size: .8em;
    line-height: 1.5em;
    display: none;
}

.processpages_box_red {
    background-color: #bb5757;
}

#processpages_filter_container {
    font-size: .8em;
    line-height: 1em;
    text-align: right;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

#processpages_filter_container span {
    white-space: nowrap;
}

.processpages_filter {
    text-decoration: none;
}

.processpages_boxno {
    height: 22px;
    display: inline-block;
    font-size: .8em;
    text-align: center;
    padding-left: 3px;
    color: #666666;
}

.processpages_logo {
    position: absolute;
    top: 5px;
    left: 2%;
    width: 96%;
    height: 35%;
    background-size: cover;
    background-position: center;
    background-color: rgba(255, 255, 255, 0.3);
}

.boxillustration_container {
    position: absolute;
    top: 34%;
    left: 0;
    width: 100%;
    color: #696460;
    font-size: .7em;
    text-align: center;
    line-height: 1.2em;
}

.boxillustration_container_with_price {
    position: absolute;
    bottom: 10%;
    left: 0;
    width: 100%;
    color: #ffffff;
    font-size: .7em;
    text-align: center;
    line-height: 1.2em;
}

.processpages_boxprice {
    position: relative;
    margin: 0 auto 0 auto;
    width: 49%;
    background-image: url(../../img/frontend/process/box/price.png);
    background-size: 100% 100%;
    background-position: center;
    text-align: center;
    line-height: 1.6em;
    color: #000000;
    padding-bottom: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.boxpricepricing {
    font-size: 4em;
    letter-spacing: 2px;
    color: #1f3436;
    line-height: 1.2em;
    font-family: 'Raisonne';
}

.processpages_logo:hover {
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.processpages_logo:hover,
.processpages_boxprice:hover {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.registerpage_price {
    font-size: .8em;
}

.processpages_box_changecss {
    cursor: pointer;
}

.boxillustrationposition {
    float: left;
    margin-left: 8%;
    width: 15%;
}

.boxillustrationposition_left {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-left: 8%;
    width: 15%;
    color: #696460;
}

.boxillustrationposition_right {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 8%;
    width: 15%;
    color: #696460;
}

.boxillustration {
    width: 100%;
    padding-bottom: 100%;
    background-size: 100% 100%;
    background-position: center;
    /*background-color:#ff9933;*/
    /*-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius:50%;*/
}

.boxillustration:hover {
    -webkit-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

/*.boxillustration_red {background-color:#e52626;}
.boxillustration_green {background-color:#00904f;}*/
.processpages_box_changecss {
    /*box-shadow: 0 1px 2px rgba(0,0,0,0.15);*/
    margin-bottom: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/*.processpages_box_changecss::after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0;box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    -webkit-transition: all 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out; }*/
/*.boxillustration::after {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-khtml-border-radius: 50%;
	border-radius:50%;}*/
/*.processpages_box_changecss:hover::after { opacity: 1;}*/
.box_MOVING {
    background-image: url(../../img/frontend/process/box/moving_price.svg);
}

.box_FIX {
    background-image: url(../../img/frontend/process/box/fix_price.svg);
}

.box_MIX {
    background-image: url(../../img/frontend/process/box/mix_price.svg);
}

.box_icon_written_container {
    position: relative;
    top: 0;
    left: 0;
}

.box_icon_written {
    position: absolute;
    bottom: 30%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    color: #ffffff;
}

.box_SNF {
    background-image: url(../../img/frontend/process/box/snf.svg);
}

.box_KALLMARKT {
    background-image: url(../../img/frontend/process/box/kallmarkt.svg);
}

.box_GOGREEN {
    background-image: url(../../img/frontend/process/box/gogreen.svg);
}

.box_CAMPAIGN {
    background-image: url(../../img/frontend/process/box/kampanje.png);
}

.box_CAMPAIGN_ELSKLING {
    background-image: url(../../img/frontend/process/box/campaign_elskling.svg);
}

.box_renewable {
    background-image: url(../../img/frontend/process/box/renewable.png);
}

.box_ski {
    background-image: url(../../img/frontend/process/box/ski.svg);
}

.processpages_yearlyprice {
    position: absolute;
    bottom: 1%;
    left: 0;
    text-align: center;
    width: 100%;
    font-size: .8em;
    color: #7f6a56;
}

.processpages_boxprice span {
    color: #ff9933;
    font-weight: 600;
}

.processpages_box_click_text {
    cursor: pointer;
}

.processpage_box_moreinfo_table {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.result .processpage_box_moreinfo_table {}

/*border-top:2px solid #f0ece8;*/
.processpage_box_moreinfo_tablerow {
    display: table-row;
    border-bottom: 1px solid #c9bc92;
}

.processpage_box_moreinfo_tablerowtotal {
    display: table-row;
    background-image: url(../../img/frontend/process/box/price.png);
}

.processpage_box_moreinfo_cell {
    display: table-cell;
    font-weight: 600;
    padding: 5px;
}

.processpage_box_moreinfo_tablerowtotal .processpage_box_moreinfo_cell {
    padding-top: 0px;
    padding-bottom: 5px;
}

.processpage_box_moreinfo_tablerowtotal .processpage_box_moreinfo_cell {
    font-weight: 700;
}

div.processpage_box_moreinfo_cell.processpage_box_moreinfo_rightcell {
    color: #ff9933;
    font-size: 30px;
}

div.processpage_box_moreinfo_cell.processpage_box_moreinfo_rightcell div {
    color: #555;
    font-size: 14px;
    font-weight: 400;
}

.processpage_box_moreinfo_leftcell {
    color: #555;
    width: 30%;
    font-size: 20px;
}

.processpage_box_moreinfo_rightcell {
    text-align: right;
}

.processpage_box_moreinfo_tablerowtotal .processpage_box_moreinfo_rightcell div {
    line-height: 16px;
    font-weight: none;
}

.processpage_box_moreinfo_table i {
    font-weight: normal;
    display: block;
    font-size: .9em;
}

.processpages_smallerlightertext {
    font-size: .8em;
    line-height: 1.4em;
    color: #60583e;
}

.pie_diagrams {
    width: 140px;
    height: 140px;
    margin: 0 auto 0 auto;
    color: #ffffff;
}

.pieLabel div {
    font-size: .8em;
    line-height: 1.3em;
    margin-left: -20px;
}

.contract-popup-text {
    display: none;
}

.contract-popup-answer {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.contract-popup-answer div {
    flex: 1;
    text-align: center;
    font-family: 'Raisonne', sans-serif;
    padding: 10px 0;
    font-size: 1.5em;
    border-radius: 4px;
    margin: 0 5px;
    cursor: pointer;
    color: #ffffff;
    transition: 0.2s ease;
    letter-spacing: 1px;
}

.contract-popup-no {
    background-color: #aaaaaa;
    border: 1px solid #aaaaaa;
}

.contract-popup-yes {
    background-color: rgb(44, 205, 134);
    border: 1px solid rgb(64, 205, 104);
}


.contract-popup-no:hover {
    background-color: #ff0000;
    border: 1px solid #ff0000;
}

.contract-popup-yes:hover {
    background-color: #6fec99;
    border: 1px solid rgb(88, 221, 126);
}

.boxsmall {
    display: inline-block;
}

.boxbig {
    display: none;
}

/* Paginator */
.paginDisplayPages {
    width: 100%;
    padding-bottom: 30px;
    text-align: center;
    font-size: 1.1em;
}

.paginDisplayPages span {
    color: #c7c7c7;
    padding: 4px;
    margin: 2px;
    letter-spacing: .2em;
}

.paginDisplayPages span:hover {
    text-decoration: none;
}


/*------------------------ Media specifics   -------------------------*/

@media (min-width: 920px) {
    .company-name {
        margin-top: 10px;
    }

    .processpages_box_content {
        max-width: 1050px;
        position: relative;
        top: 0;
        left: 0;
    }

    .question {
        flex-direction: row;
    }

    .question.flytt {
        flex-direction: column;
    }

    .company-logo {
        margin-right: 0px;
    }

    .registration-wrapper .contract-info .company-info,
    .registration-wrapper .contract-info .contract-flex {
        font-size: 18px;
    }

    .proceed {
        flex-direction: row;
    }

    .proceed div {
        /*padding-left: 20px;*/
        max-width: 800px;
        margin: auto;
    }

    .spec-info,
    .proceed-desc {
        padding: 0 0 20px 0;
    }



}

@media (min-width:750px) {
    #processpages_filter_container {
        position: absolute;
        top: 130px;
        right: 0;
    }
}

@media (max-width:930px) {
    .result .provider.expanded .next-btn {
        display: none;
    }

    .site-width.resultat>.head .resultat-filter {
        position: relative;
        top: 0;
        right: 0;
        margin-bottom: -20px;
        font-size: 15px;
        margin-top: 10px;
    }

    .site-width.resultat>.head>p {
        margin-bottom: 0px;
    }

    .site-width.resultat>.head>p {
        order: 2;
    }

    .site-width.resultat>.head>div.info {
        text-align: center;
        order: 1;
    }

    .site-width.resultat>.head div .resultat-filter-button {
        font-size: 13px;
    }

    #processMMpp,
    #processMMom {
        position: relative;
        top: 3px;
        left: 0;
        padding: 8px 8px 9px 8px;
        height: 15px;
    }

    #processMMpp img,
    #processMMom img {
        height: 16px;
    }
}

@media (max-width:830px) {
    .elpris.price h3 {
        font-size: 18px;
        text-align: right;
    }

    .ore-price {
        font-size: 14px;
    }

    .elpris.price .price.int {
        font-size: 36px;
    }

    .details h3 {
        font-size: 18px;
        line-height: 120%;
    }

    .details p {
        font-size: .9em;
    }

    .site-width.resultat>.head .resultat-filter {
        margin-top: 15px;
        margin-bottom: -10px;
    }
}

@media (max-width:800px) {
    #footer .info {
        bottom: 5px;
    }

    .result {
        display: flex;
        flex-direction: column;
    }

    .result .provider {
        display: flex;
        flex-direction: row;
        max-height: 1500px;
        padding-right: 0px;
        flex-wrap: wrap;
        margin-bottom: 12%;
        padding-top: 7%;
        padding-left: 0;
        /* padding-bottom: 60px; */
    }

    .result .provider .logo {
        padding: 0px 0;
        width: 100%;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 4px;
    }

    .result .provider .supplier_logo {
        width: 50%;
        min-height: 140px;
    }

    .result .provider .product_logo {
        width: 50%;
    }

    .result .provider .product_logo img.provider-logo {
        height: auto;
    }

    .result .provider .process-button {
        height: 60px;
        left: 0;
        bottom: 0;
        width: 100%;
        /* border-radius: 0px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        */
    }

    .result {
        padding: 0 20%;
    }

    .short-info .white-box {
        width: 40%;
    }

    /* .site-width.resultat > .head > div.info .resultat-filter {
        left: 0;
        top: -150px;
        width: 100%;
        justify-content: center;
        align-content: center;
    } */

    .result .provider .close {
        width: 15px;
        top: 10;
        right: 10;
    }

    /*
    .result .provider.expanded .logo img.provider-logo {
        max-height: 70px;
        min-height: 100px;
    }
*/
    .site-width.resultat>.head .resultat-filter img {
        height: 30px;
    }

    .result .provider .icons {
        left: unset;
        top: -10px;
        right: 20px;
        justify-content: flex-end;
    }

    /*
    .result .provider.expanded .logo {
        flex-grow: 1;
        max-width: 1000px;
    }

    .result .provider.expanded .information .short-info {
        flex-direction: row;
        justify-content: space-between;
        padding: 20px;
        text-align: left;
    }
*/
    .result .provider .information>div:not(.short-info) {
        display: none;
        height: 0px;
        margin-top: 10px;
    }

    .result .provider .information>div {
        width: unset;
        max-width: unset;
        width: calc(100% - 40px);
        transition: 0.5s ease-out;
    }

    /*
    .expanded .information div.show {border-top:1px solid #cccccc;background-color:rgb(253, 252, 250);}
    .expanded .information div.show h3 {font-size:18px;}
*/
    .result .provider .information>div.display {
        display: flex;
    }

    .result .provider .information>div.show {
        /* display: flex; */
        width: auto;
        height: auto;
    }

    .result .provider .information>div.show {
        width: unset;
        max-width: 100%;
        padding: unset;
        padding: 15px 15px 20px 15px;
    }

    /*
    .result .provider:not(.expanded) .logo img.provider-logo {
        width:unset;
        height:unset;
        object-fit: unset;
        overflow: unset;
        min-width: unset;
        max-height: 150px;
        min-height: 150px;
        min-width: 100%;
        top: 50px;
        left: 100px;
    }

    .result .provider.expanded .information {
        padding-bottom: 60px;
    }

    .result .provider.expanded .logo {
        padding: 0 0;
    }

    .result .provider.expanded .logo img.provider-logo {
        position: static;
        margin-bottom: 0px;
    }

    .result .provider.expanded .information .short-info .whitebox {
        width: 0%;
    }

    .result .provider.expanded .information .short-info > div:first-child {
        padding-top: 0px;
    }

    .result .provider.provider .icons {
        justify-content: flex-start;
    }

    .result .provider.provider.expanded .icons {
        position: static;
        bottom: unset;
        left: unset;
        text-align: left;
        width: unset;
    }

    .result .provider.expanded img.kampanj {
        top: 10px;
        left: -7px;
    }
*/
    .result .provider .supplier-product-section,
    .result .provider .result-section {
        width: 100%;
        align-items: center;
    }

    .result .provider .information {
        flex-direction: column;
        position: relative;
        padding-bottom: 60px;
    }

    .processpages_boxprice {
        font-size: .8em;
        line-height: 1.4;
    }

    .site-width.resultat>div.bolag {
        margin: 15px 20px;
        padding-right: 0px;
        padding-bottom: 50px;
    }

    .site-width.resultat>div.bolag>.info-box {
        max-width: 100%;
    }

    .site-width.resultat>div.bolag>.info-box {
        width: 100%;
        min-width: unset;
        flex-direction: column;
    }

    .site-width.resultat>div.bolag>.info-box>div {
        padding: 20px;
        min-width: calc(100% - 40px);
    }

    .site-width.resultat>div.bolag .logga {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        height: 0px;
        padding: 70px 0 50px 0;
        flex-grow: 0;
    }

    .site-width.resultat .logga img.bolags-logga {
        position: relative;
        top: 0;
        left: 0;
        flex-grow: 0;
        margin: 0 auto;
    }

    #bolag.toggled {
        position: absolute;
        max-height: 100px;
        top: -80px;
        left: 0px;
        width: 300px;
    }

    .site-width.resultat>div.bolag .kampanj {
        left: 0px;
        top: 10px;
    }

    /* .site-width.resultat input[type=button] {
        top: initial;
        bottom: 0px;
        right: 0;
        width: 100%;
        height: 50px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-right-radius: 0px;
    } */

    /* .site-width.resultat .short-info {
        flex-grow: 0;
        padding: 20px 20px 20px 20px;
    }

    .site-width.resultat .short-info .elpris {
        margin-right: 0px;
    } */

    .site-width.resultat .icons .ski-icon {
        display: block;
        width: 35px;
        height: 35px;
        border-radius: 3px;
        background-color: rgb(61, 167, 191);
    }


    .question.flytt .options li {
        flex-direction: column;
    }


    .question.flytt .options input[type=text] {
        width: calc(100% - 80px);
    }

    .question.flytt .options input[type=submit] {
        width: calc(100% - 50px);
        text-align: center;
    }

    .site-width.resultat div.bolag .info-box {
        /* max-height: 1000px; */
    }

    .site-width.resultat .logga img.bolags-logga {
        width: 200px;
        padding-bottom: 30px;
    }

    .site-width.resultat .logga img.bolags-logga.toggled {
        position: relative;
        top: 0;
        left: 0;
    }

    #tryggt-elbyte {
        width: 80px;
        bottom: -25px;
        left: 20px;
    }

}

@media (max-width:880px) {

    .preferenser .description {
        padding: 0;
    }

    .preferenser .description h2 {
        font-size: 1.2em;
    }

    .questionmark {
        width: 25px;
        height: 25px;
    }

    .preferenser .question {
        display: block;
        padding: 20px 0;
    }

    .preferenser .question {
        text-align: center;
    }

    .question-text {
        width: 100%
    }

    .registration-intro {
        padding: 0;
        font-size: 1em;
    }

    .registration-wrapper h3 {
        font-size: 1em;
    }

    .result .provider .supplier_logo img.provider-logo {
        padding-top: 0;
    }

    ol.steps li {
        font-size: 1em;
        font-weight: 400;
    }

    ol.steps a::before {
        width: 1em;
        height: 1em;
    }

    /* connecting line*/
    ol.steps a::after {
        top: 0.7em;
        border-bottom-width: 4px;
    }

    .delivery-option ul {
        padding-left: 0;
        width: 100%;
    }

    .delivery-option ul>li {
        margin-right: 0;
        width: 32%;
    }

    .delivery-option ul>li span {
        display: inline-flex !important;
        align-items: flex-end !important;
        background-size: 35% 40% !important;
        padding-left: 0 !important;
        background-position: top center !important;
    }
}

@media (max-width:700px) {
    .result {
        padding: 0 15%;
    }

    .site-width.resultat>div.page-counter {
        font-size: 1em;
    }
}

@media (max-width:650px) {
    .paginDisplayPages span {
        letter-spacing: 0;
    }

    .site-width.resultat .logga img.bolags-logga {
        width: 200px;
        padding-bottom: 30px;
    }
}

@media (max-width:600px) {

    .result .provider .information>div {
        padding: 0px;
        width: calc(100% - 0px);
    }

    .subpage-wrap {
        height: 230px !important;
    }

    .result {
        padding: 20px 20px 0 20px;
    }

    .found_nothing {
        margin-top: 20px;
    }

    .company-name {
        margin-top: 10px;
    }

    .company-info {
        flex-direction: column;
    }

    .company-logo {
        margin-right: 0px;
    }

    #processpages_show_boxes {
        display: block;
        margin-top: 5px;
    }

    .processpages_box_container {
        padding-bottom: 75%;
    }

    .processpages_show_box_cell {
        display: block;
        width: 100%;
        margin-top: 20px;
    }

    .processpages_position_box {
        float: left !important;
        width: 100%;
    }

    .boxillustration_container {
        top: 40%;
    }

    .boxillustrationposition {
        width: 12%;
        margin-left: 4%;
    }

    .boxillustrationposition_right {
        width: 12%;
        margin-right: 4%;
    }

    .boxillustrationposition_left {
        width: 12%;
        margin-left: 4%;
    }

    .processpages_moreinfo_container {
        font-size: 1em;
    }

    .boxbig {
        display: inline-block;
    }

    .boxsmall {
        display: none;
    }

    .processpages_logo {
        height: 42%;
    }

    .result .provider.expanded .information .short-info {
        padding: 10px;
    }

    .site-width.resultat .text_to_arrow {
        display: none;
    }
}

@media (max-width:550px) {
    .site-width.resultat>.head .resultat-filter {
        top: 0;
        left: 0;
        text-align: left;
        margin-top: 25px;
    }

    .site-width.resultat>.head div .resultat-filter-button {
        margin: 0 6px 6px 0;
    }
}

@media (max-width:500px) {

    .input-option .consumption-guide input,
    .input-option .consumption-guide input:focus {
        width: calc(100% - 12px);
        margin-top: -11px;
    }

    .input-option .consumption-guide select {
        width: 100%;
        margin-top: -11px;
    }
}

@media (max-width:450px) {
    .processpages_boxprice {
        width: 40%;
        font-size: 1.2em;
    }

    .paginDisplayPages span {
        padding: 0;
    }

    .site-width.resultat>.head .resultat-filter img {
        height: 25px;
    }

    .result .provider .icons img {
        height: 30px;
    }

    .result .provider .icons .ski-icon {
        height: 30px;
        width: 30px;
        font-size: 12px;
        line-height: 30px;
    }

    .elpris.price h3 {
        font-size: 16px;
        text-align: right;
    }

    .ore-price {
        font-size: 12px;
    }

    .site-width.resultat>div.page-counter {
        font-size: .8em;
    }

    .site-width.resultat>div.page-counter span {
        padding: 4px;
    }
}

@media (max-width:350px) {
    .processpages_box_container {
        padding-bottom: 80%;
    }

    .boxillustration_container_with_price {
        bottom: 10%;
    }

    .site-width.resultat>.head .resultat-filter img {
        height: 20px;
    }

    .result .provider .icons img {
        height: 25px;
    }

    .result .provider .icons .ski-icon {
        height: 25px;
        width: 25px;
        font-size: 10px;
        line-height: 25px;
    }
}

.question-small {
    clear: both;
}

.question-small .description label {
    font-family: 'Raisonne';
    color: #1fa9b9;
    font-weight: normal;
    font-size: 1.5em;
    line-height: 1em;
    margin: 10px 0;
    letter-spacing: 1.5px;
    padding: 0;
    clear: both;
}

.question-small .input-option input,
.input-option select {
    padding: 10px;
    background-color: #221e45;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    line-height: 16px;
    font-size: 12pt;
    width: 75%;
}

.my_account .question-small .input-option input:focus,
.my_account .question-small .input-option input:hover {
    color: #221e45;
    background-color: #fad6e4;
}

.my_account .question-small .input-option input::placeholder {
    color: #fff;
}

.preferenser .input-option input,
.input-option select {
    color: #221e45;
}

.new_form .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #221e45;
}

.new_form .select2-container--default .select2-selection--single.done .select2-selection__rendered {
    color: #fff;
}

.question-small .input-option {
    padding: 0px 0px 10px 0px;
}

.question-small .process-button,
.formInputSubmit {
    -webkit-appearance: none;
    border-radius: 0;
    background-color: rgb(44, 205, 134);
    align-items: inherit;
    border: 1px solid rgb(64, 205, 104);
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    vertical-align: top;
    padding: 6px 20px 6px 20px;
    margin-bottom: 30px;
    letter-spacing: 1px;
    border-radius: 4px;
    font-family: 'Raisonne', sans-serif;
    cursor: pointer;
    transition: 0.2s ease;
}