input[type=button] {
    font-family: montserrat, sans-serif;
}

.show-more-button {
    width: 120px;
    min-width: 120px;
    height: 27px;
    border: #35376C 2px solid;
    border-radius: 14px;
    color: #35376C;
    font-family: montserrat, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.show-more-btn {
    min-width: 120px;
}

.vardcentral .back-button {
    margin: 30px 0 30px 0;
}

.back-favorit-mobile {
    display: flex;
    width: 100%;
    height: 80px;
    align-items: center;
}


.favorite-container {
    width: 60%;
}

.btn-backstepone {
    width: 40%;
}

.favorite-container {
    display: flex;
    justify-content: flex-end;
}

.favorite-button {
    background: none;
    border: #35376C 2px solid;
    border-radius: 14px;
    color: #35376C;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 157px;
    height: 28px;
}

.favorite-button img {
    height: 20px;
    width: 20px;
    margin: 0 0 2px 5px;
}

.vardcentral-line {
    background: #FFF2EE;
    width: 100%;
    height: 3px;
    margin: 5px 0 11px 0;
}

.vardcentral-container {
    background: linear-gradient(0deg, #FFFEFC 0%, #FFEFEB 100%);
    border-radius: 0 50px 0 0;
    min-height: 76vh;
    margin: 0 0 119px 0;
}

.vardcentral {
    padding: 0 36px;
}

.vardcentral-wrapper {
    background: #FFFFFF;
    filter: drop-shadow(#0000000B 0px 3px 9px);
    width: 100%;
    padding: 0 22px 10px 22px;
    border-radius: 27px 27px 0 0;
}

.vardcentral-head-container {
    padding: 10px 0 0 0;
}

.vardcentral-head-container h1 {
    font-size: 20px;
    font-family: montserrat, sans-serif;
    font-weight: 600;
}

.flex-text-btn {
    margin: 25px 0 25px 0;
}

.iframe-map {
    width: 100%;
}

.vardcentral-container h5 {
    font-family: montserrat, sans-serif;
    font-weight: 600;
    font-size: 16px;
    margin: 0;
}

.vardcentral-adress p {
    margin: 0;
}

.vardcentral-adress {
    margin: 17px 0 0 0;
}

.vardcentral-phone {
    margin: 17px 0 31px 0;
}

.vardcentral-info-phone {
    font-family: montserrat-bold, sans-serif;
    display: flex;
    align-items: center;
}

.vardcentral-info-phone img {
    margin: 0 12px 0 0;
}

.resurser-container,
.language-container,
.openinghours-container,
.voting-container,
.comments-container {
    margin: 0 0 31px 0;
}

.resurser-heading-container,
.language-heading-container,
.openinghours-heading-container,
.voting-heading-container,
.comments-heading-container {
    display: flex;
    margin: 0 0 10px 0;
}

.resurser-heading,
.language-heading,
.openinghours-heading,
.voting-heading,
.comments-heading {
    width: 80%;
}

.resurser-icon,
.language-icon,
.openinghours-icon,
.voting-icon,
.comments-icon {
    width: 20%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    color: #35376C;
}

.show-accordion-info img {
    margin: 0 10px 0 0;
}

.accordion {
    cursor: pointer;
}

.accordion-items {
    color: #35376C;
    font-family: montserrat, sans-serif;
    font-size: 16px;
}

.hidden-info,
.back-favorit-desktop,
.vardcentral-line-desktop {
    display: none;
}

.last-comments-block {
    background: #FFEFEB;
    border-radius: 5px;
    border: #35376C 2px solid;
    margin: 0 0 20px 0;
    padding: 15px;
}

.comment-info-wrapper {
    display: flex;
}

.comment-info-wrapper p {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
}

#postComment textarea {
    border: #35376C 2px solid;
    border-radius: 5px;
    color: #35376C;
}

#postComment textarea::placeholder {
    color: #35376C;
}

.opening-hours-container {
    display: flex;
    height: 30px;
}

.opening-hours-day,
.opening-hours-hour {
    width: 50%;
}

.opening-hours-hour {
 display: flex;
 justify-content: flex-end;
}

.opening-hours-day p {
    margin: 0;
}

.opening-hours-hour p {
    font-weight: 600;
    margin: 0;
}

.timebooking-heading {
    margin: 16px 0 11px 0;
}

.bank-bankid-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.icon-bankid-content {
    margin: 0 0 20px 0;
}

.ssn-login {
    border: #35376C 2px solid;
    border-radius: 12px;
    height: 41px;
    padding: 15px;
    width: 100%;
}

.all-language-desktop,
.all-resurser-desktop {
    display: none;
}

.betyg-icon-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

@media only screen and (min-width: 1080px) {
    .info-mobile, .back-favorit-mobile, .all-language-mobile, .all-resurser-mobile {
        display: none;
    }

    .vardcentral-line-desktop,
    .all-language-desktop,
    .all-resurser-desktop {
        display: block;
    }

    .vardcentral {
        padding: 60px 107px;
        display: flex;
        justify-content: center;
    }

    .vardcentral-wrapper {
        border-radius: 47px;
        min-height: 922px;
        padding: 0 60px;
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 1760px;
    }

    .vardcentral-container h5 {
        font-size: 20px;
    }

    .vardcentral-adress h5 i {
        color: #E7C7C0;
        margin: 0 7px 0 0;
    }

    .vardcentral-info-phone {
        font-size: 20px;
    }

    .vardcentral-info-phone img {
        height: 23px;
        width: 16px;
    }

    .vardcentral-head-container {
        padding: 0;
    }

    .iframe-map {
        width: 396px;
        height: 220px;
    }

    .hidden-info {
        display: flex;
        flex-direction: column;
    }

    .back-favorit-desktop {
        display: flex;
        width: 100%;
        height: 110px;
        align-items: center;
    }

    .back-favorit .btn-backstepone {
        width: 50%;
    }

    .favorite-button {
        font-size: 16px;
        width: 195px;
        height: 32px;
    }

    .favorite-button img {
        height: 25px;
        width: 25px;
    }

    .column-wrapper {
        display: flex;
        width: 100%;
        align-items: center;
        flex-direction: column;
    }

    .col-one,
    .col-four {
        width: 450px;
    }

    .col-two,
    .col-three {
        width: 300px;
    }

    .col-one,
    .col-four {
        margin: 0 50px 0 0;
    }

    .row-one,
    .row-two {
        display: flex;
        min-height: 250px;
    }

    .row-two {
        flex-direction: row-reverse;
    }

    .accordion-icons {
        display: none;
    }

    .accordion {
        cursor: auto;
    }

    .comments-copy {
        font-size: 16px;
    }

    .accordion-items {
        font-size: 20px;
    }

    .all-resurser-container,
    .all-language-container {
        display: flex;
        align-items: center;
    }

    .ssn-login {
        width: 318px;
    }

/*    .col-one {
        background: red;
    }

    .col-two {
        background: blue;
    }
    .col-three {
        background: lightblue;
    }
    .col-four {
        background: gray;
    }*/
}

@media only screen and (min-width: 1850px) {
    .column-wrapper {
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
    }

    .col-four {
        width: 300px;
    }

    .col-one,
    .col-two,
    .col-three {
        margin: 0 50px 0 0;
    }

        .row-two {
        flex-direction: row;
    }
}