/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2467,35): run-time error CSS1030: Expected identifier, found '.'
(2467,54): run-time error CSS1031: Expected selector, found ')'
(2467,54): run-time error CSS1025: Expected comma or open brace, found ')'
(2470,35): run-time error CSS1030: Expected identifier, found '.'
(2470,53): run-time error CSS1031: Expected selector, found ')'
(2470,53): run-time error CSS1025: Expected comma or open brace, found ')'
(2473,36): run-time error CSS1030: Expected identifier, found '.'
(2473,67): run-time error CSS1031: Expected selector, found ')'
(2473,67): run-time error CSS1025: Expected comma or open brace, found ')'
(3563,28): run-time error CSS1039: Token not allowed after unary operator: '-premium-link'
(3564,24): run-time error CSS1039: Token not allowed after unary operator: '-premium-link'
(3596,17): run-time error CSS1039: Token not allowed after unary operator: '-premium-gray'
(3605,17): run-time error CSS1039: Token not allowed after unary operator: '-premium-gray'
(3639,28): run-time error CSS1039: Token not allowed after unary operator: '-premium-link'
(3640,24): run-time error CSS1039: Token not allowed after unary operator: '-premium-link'
(3645,28): run-time error CSS1039: Token not allowed after unary operator: '-premium-green'
(3646,24): run-time error CSS1039: Token not allowed after unary operator: '-premium-green'
(3916,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
:root {
    --premium-green: #889e8b;
    --premium-link: #517957;
    --premium-gray: #706d69;
}

body {
    background-color: #f7f7f7;
}

h1, .h1 {
    color: #303030;
    font-size: 30px;
}

h2 a {
    color: #303030;
}

h3 {
    font-size: 18px;
    font-weight: 500;
}

.product-grid .product-block-container:nth-child(2n+1) {
    padding-right: 4px !important;
}

.product-grid .product-block-container:nth-child(2n) {
    padding-left: 4px !important;
}

h1, .h1 {
    font-family: 'Apotea Sans Bold', 'Roboto Regular';
}

body, div, h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Apotea Sans Medium', 'Roboto Regular';
}

p {
    font-family: 'Roboto Regular';
}

#logo img {
    margin-bottom: 5px;
    padding-left: 3px;
    max-width: 251px;
    max-height: 65px;
}

@font-face {
    font-family: 'Apotea Sans Medium';
    src: url('/fonts/Apotea Sans/ApoteaSans-Medium.ttf');
    font-weight: 400;
}

@font-face {
    font-family: 'Apotea Sans Bold';
    src: url('/fonts/Apotea Sans/ApoteaSans-Bold.ttf');
    font-weight:600;
}

@font-face {
    font-family: 'Helvetica Rounded Bold';
    src: url('/fonts/helveticarounded-bold.eot');
    src: url('/fonts/helveticarounded-bold.woff2') format('woff2'), url('/fonts/helveticarounded-bold.woff') format('woff'), url('/fonts/helveticarounded-bold.ttf') format('truetype'), url('/fonts/helveticarounded-bold.svg#helvetica_roundedbold') format('svg');
}

@font-face {
    font-family: 'Roboto Regular';
    src: url('/fonts/Roboto/Roboto-Regular.ttf');
    font-weight: 400;
}

/* Copied from DESKTOP */

#toplinks {
    background-color: #EB0000;
    height: 55px;
}
    #toplinks a {
        color: #FAF6F1; 
    }


#search-bar {
    background-color: #EB0000;
    position: relative;
    z-index: 5;
    height: 44px;
    width: 100%;
}


/* END Copied from DESKTOP */

#info-bar {
    font-family: 'Roboto Regular';
}

    #info-bar a {
        color: inherit;
        text-decoration: underline;
    }

.btn-info,
.btn-info:active,
.btn-info:hover,
.btn-info:active:hover {
    background-color: transparent;
    color: #323232;
    border-color: #008936;
    box-shadow: none;
}


.price-tag {
    background-image: url('/content/images/price-tag-red.png');
    height: 27px;
    width: 64px;
    font-size: 17px;
    line-height: 27px;
    margin-left: 10px;
}

    .price-tag span {
        margin-right: 3px;
    }

.price-tag-small {
    background-image: url('/content/images/6/price-tag-red-small.png');
    height: 20px;
    width: 40px;
    font-size: 14px;
    line-height: 20px;
}

    .price-tag-small span {
        margin-right: 3px;
    }

#main-menu div li{
    color: #777271;
}

#main-menu h2 {
    font-size: 20px;
    font-weight: 500;
}

.lpg {
    color: #777271 !important;
}

#main-menu .menu-content {
    font-size: 15px;
}

.tick-red {
    max-height: 12px;
    max-width: 14px;
}

#left-bottom-panel .left-label {
    color: #009900;
}

#left-bottom-panel li {
    color: #000000;
}

    #left-bottom-panel li::before {
        color: #009900;
    }

h2.slick-header {
    font-size: 22px;
    font-weight: 500;
}

#toplist .symbol {
    background: url(/content/images/6/toplist-symbol.svg) no-repeat;
    background-image: url(/content/images/6/toplist-symbol.svg);
    background-repeat: no-repeat;
}

.hkdb-body-hidden {
    height: 0px;
}

#hkdb-marker {
    background-image: url('/content/images/hkdb-marker.png');
    float: left;
    width: 190px;
    height: 55px;
}

    #hkdb-marker p {
        margin: 14px 0 0 7px;
        color: #fff;
        line-height: 16px;
    }

/* RX */

#rx-green-button {
    background-color: #008936;
    color: #fff;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    border-radius: 3px;
    letter-spacing: 0.02em;
}

    #rx-green-button a {
        color: #fff;
    }

#rx-prescriptions .prescription .prescription-dosage {
    color: #fff;
    overflow-wrap: break-word;
}

#rx-prescriptions .prescription h4 {
    font-size: 17px;
}

.show-rx-prescription-owner-name, .product-inner, .main-container strong {
    font-family: 'Roboto Regular';
}

#rx-prescriptions .prescription .prescription-toggle-info {
    margin-top: 5px;
    cursor: pointer;
}

#rx-prescriptions .prescription .panel-heading {
    background-color: #2e6b74;
    color: white;
    border-radius: 0;
    padding: 10px 7px;
}

    #rx-prescriptions .prescription .panel-heading .icon-round-lg {
        background-color: white;
    }

        #rx-prescriptions .prescription .panel-heading .icon-round-lg i {
            color: #2e6b74;
        }

#rx-prescriptions.animal .prescription .panel-heading {
    background-color: #654b1e;
    color: white;
}

#rx-prescriptions .panel-primary {
    border-color: #2e6b74;
}

#rx-prescriptions.animal .panel-primary {
    border-color: #654b1e;
}

#rx-prescriptions .panel-body {
    padding: 5px;
}

#rx-prescriptions .panel {
    border-radius: 0;
    background-color: #eee;
}

#rx-prescriptions .presription-substitution-info {
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 6px;
    padding-top: 4px;
    border-top: 1px solid #ccc;
}

.prescription-item {
    margin: 0 0 0 0;
    cursor: pointer;
}

    .prescription-item .icon-round-lg {
        background: #3d8cc1;
    }

        .prescription-item .icon-round-lg i {
            color: white;
        }

.prescription-item-disabled,
.prescription-item-incomplete {
    cursor: default;
}

.prescription-item-optional {
    display: none;
}

.prescription-info {
    font-size: 12px;
    border-top: 1px solid #ccc;
    margin-top: 8px;
    padding-top: 5px;
}





/**/
/* collapse */
.collapse-link:after {
    font-family: 'GLYPHICONS Halflings';
    color: inherit;
    content: "\e260";
    margin-left: 2px;
    text-decoration: none;
    vertical-align: text-top;
}

.collapse-link.collapsed:after {
    content: "\e259";
    vertical-align: text-bottom;
}

.collapse-link:hover,
.collapse-link.collapsed:hover,
.collapse-link:focus,
.collapse-link.collapsed:focus {
    text-decoration: none;
    color: black;
}

.collapse-link {
    cursor: pointer;
}

.collapse-body {
    margin-bottom: 10px;
    font-size: 12px;
    color: white;
}

/**/

#samtycke-ok {
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.ordinationlist-expand {
    margin-top: 10px;
}

.ordinationlist-expandlink {
    cursor: pointer;
}

.djur-recept .utgangna-recept .rx-user-container {
    border: unset;
}

.djur-recept .utgangna-recept.show .toggle-element {
    background-color: #ffffff;
}

.row .table-striped {
    font-family: 'Roboto Regular';
}

.rx-document-link {
    padding-top: 15px;
    padding-left: 10px;
    padding-bottom: 10px;
}




.rx-document-pdf-button {
    padding-top: 15px;
    padding-left: 6px;
    padding-bottom: 10px;
}


.prescription-item .prescription-radio {
    width: 20px;
}

.prescription-item input[type="radio"] {
    margin: 0;
}

.prescription-item .prescription-details {
}

.prescription-item table {
    width: 100%
}

.prescription-item .label {
    vertical-align: baseline;
}

.prescription-details h5 {
    margin-top: 0;
    margin-bottom: 1px;
    font-weight: 600;
}

.prescription-details.not-found {
    color: #bbb;
}

.prescription-price {
    padding-top: 10px;
    font-size: 12px;
}

#rx-prescriptions .product-store-price {
    color: #EB0000;
    font-size: 20px;
    margin-right: 5px;
}

.rx-sku-price {
    color: #EB0000;
    font-size: 19px;
    font-weight: bolder;
    font-family: 'Helvetica Rounded Bold','Open Sans', Arial, sans-serif;
}

.rx-list-add {
    margin-bottom: 2px;
    width: 80px;
}

.prescription-item {
    margin-top: 13px;
}


.prescription-item-disabled .price-container img,
.prescription-item-incomplete .price-container img {
    margin-top: 5px;
    margin-left: 8px;
}

.prescription-toggle-optional-visibility {
    cursor: pointer;
    padding: 7px 0 7px 0;
    color: #008936;
}

    .prescription-toggle-optional-visibility span {
        color: #008936;
        font-family: 'Roboto Regular';
    }

.prescription-toggle-optional-visibility svg {
    stroke: #008936;
}

    .prescription-toggle-optional-visibility:not(.collapsed) svg {
        transform: rotate(180deg);
        transition: 0.25s;
    }

.prescription-overlay {
    display: none;
    text-align: center;
    vertical-align: middle;
    background-color: #ffffff;
    opacity: 0.7;
}

.prescription-overlay-text {
    display: none;
    font-size: 13px;
    color: #000;
    text-align: center;
    vertical-align: middle;
}

#hkdbMessageContainer {
    color: #ff0000;
    background-color: #fcfcfc;
    padding: 10px;
    margin-left: 2px;
}

.prescription-overlay-text span {
    color: #fff;
    background-color: #3d8cc1;
    opacity: 1.0;
    padding: 5px 5px;
    height: 100%;
    vertical-align: middle;
}

#rx-overview .hkdb-value {
    font-weight: 600;
}

#rx-overview .btn {
    color: #fff;
}

#rx-overview .actions .btn {
    width: 100%;
    margin-top: 10px;
}

#rx-overview li {
    overflow-wrap: break-word;
}

#rx-overview h3, #rx-warrants h4 {
    border-bottom: 1px solid #008936;
    padding-bottom: 5px;
}

#rx-warrants .warrants h5 {
    margin-top: 20px;
    font-weight: 600;
    margin-bottom: 5px
}

    #rx-warrants .warrants h5 i {
        font-weight: normal;
    }

#rx-warrants .warrants .btn {
    margin-top: 5px;
}

#rx-hkdb select {
    font-size: 16px;
}

#rx-hkdb .trans-date,
#rx-hkdb th,
#rx-hkdb .hkdb-value,
#rx-prescriptions .name {
    font-weight: 600;
}

#rx-prescriptions .name {
    margin-top: 20px;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
}

#ordinationPanel {
    margin-top: 10px;
}

#rx-prescriptions .alert {
    margin: 10px 0;
    padding: 10px;
}

#rx-prescriptions .product-action-box {
    border: 1px solid #d7d7d7;
    margin: 10px 0 20px 0;
    padding: 5px 5px 5px 5px;
    margin: 15px 0 0 0;
    background-color: #fff;
    font-size: 16px;
    width: 100%;
}

@media (min-width: 1200px) {
    .header-container.header-second-row {
        height: 18px;
    }

    .header-container .header-second-row-content {
        height: 18px;
    }
}

.slide-wrapper .article-carousel-item:nth-last-child(n):before {
    position: absolute;
    top: 0;
    bottom: 0;
    content: " ";
    display: none;
    padding: 0px 0px;
    border-right: none;
    margin-left: 0px;
}

#rx-prescriptions.animal .product-action-box {
    margin-top: 0;
}
  
#cart-clear {
    font-weight: 500;
    font-size: 15px;
}

#header.sticky.half #cart-header-container {
    margin-top: 0px !important;
}

#cart-content {
    background-color: #ffffff;
}

    #cart-content .name {
        font-weight: 500;
        font-size: 14px;
    }

    #cart-content .name .paw {
        margin-left: 6px;
        margin-right: 4px;
    }

    #cart-content .header {
        font-weight: 500;
        font-size: 24px;
    }

    #cart-content .sum h4 #cart-header-sum {
        color: #000000;
        font-weight: 500;
    }

    #cart-content .row-sum {
        font-weight: 500;
        font-size: 18px;
        display: inline-block;
        /*height: 35px;*/
    }


        #cart-content .row-sum > span.ord-price-large {
            margin-right: 0px;
            bottom: 25px;
        }

    #cart-content .a-price {
        display: none;
    }

    /* #cart-content .product-container {
        display: flex;
        flex-direction: row;
        margin-bottom: 20px;
        align-items: center;
    }*/

    #cart-content .purchase-container {
        display: grid;
        align-items: center;
    }

    #cart-content .overflow-ellipses {
        width: 45%;
        display: inline-block;
        margin-left: 20px;
        height: 35px;
    }

        #cart-content .overflow-ellipses .glyphicon {
            top: 0px;
            line-height: 1.42857143;
        }

        #cart-content .overflow-ellipses .glyphicon-ok {
            top: 4px;
        }

    #cart-content .stock-not-ok {
        line-height: 13px;
    }

    #cart-content .overflow-ellipses .stock-text {
        width: 88%;
        margin-left: 5px;
        line-height: 10px;
    }

    #cart-content .footer .btn-success {
        background-color: #008936;
        border-color: #008936;
    }

.btn-success.disabled,
.btn-success.disabled:hover {
    background-color: #99d6b1;
    border-color: #99d6b1;
}

.btn-success {
    background-color: #008936;
    border-color: #008936;
}

.usp-dot {
    height: 7px;
    width: 7px;
    background-color: #ffffff;
    border-radius: 50%;
    align-self: center;
}

.header-new-toplist-responsive {
    font-size: 22px;
    font-weight: 500;
    color: #303030;
}

#cart-content.in-header .actions {
    justify-content: center;
}

#checkout-coupon {
    font-size: 16px;
}

#checkout-top .checkout-top-info {
    background-color: #f8f8f8;
    margin-bottom: 10px;
}

#checkout .checkout-form-title {
    background-color: #f8f8f8;
    margin-bottom: -1px;
}

#header.sticky + .container #cart-content.in-header .footer {
    align-items: center;
    display: flex;
    flex-direction: column;
}

div#header {
    background: #EB0000;
}


#cart-content .buy-button {
    background-color: #008936;
}

#cart-content .buy-number-display {
    background-color: #509F50;
}

.buy-number-display {
    padding-top: 2px;
}


#cart-content .bundle-items .toggle-tooltip {
    display: inline-block;
    height: initial;
    height: 10px;
}

.coupon-container .btn-success {
    background-color: #008936;
}

.coupon-container .toggle-element {
    color: #008936;
    font-weight: 500;
}

.coupon-container .glyphicon {
    color: #008936;
}

.coupon-container .pull-right {
    float: none !important;
}

.checkout-message-container .toggle-element {
    color: #008936;
    font-weight: 500;
}

.checkout-message-container .glyphicon {
    color: #008936;
}

.checkout-message-container .pull-right {
    float: none !important;
}

#toggle-cart-details-icon {
    background-size: contain;
    max-height: 34px;
    max-width: 35px;
    min-height: 34px;
    min-width: 35px;
}

#top-links li a {
    color: #009310;
}

.hkdb-info-container {
    position: absolute;
    top: 52px;
    background-color: #000;
    color: #fff;
    font-size: 11px;
    width: 110px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 3px 3px 3px 4px;
    left: -35px;
}

.hkdb-marker {
    position: absolute;
    top: 40px;
    left: -7px;
    color: #000;
}

.hkdb-info-container.last {
    left: -80px;
}

.hkdb-bar {
    height: 28px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.hkdb-bar-inactive {
    background-color: #808080;
    height: 2px;
    margin-top: 19px;
}

.hkdb-bar-active {
    /*background-color: #81c887;*/
    overflow: hidden;
}

.hkdb-bar-active-container {
    float: left;
}

.hkdb-bar-inactive-container {
    float: right;
    position: relative;
}

.hkdb-bullet {
    height: 70px;
    width: 70px;
    border-radius: 35px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    line-height: 14px;
}

.hkdb-bullet-active {
    background-color: #009900;
}

.hkdb-bullet-inactive {
    background-color: #ccc;
}

.hkdb-bullet-discount {
    color: #fff;
    font-size: 11px;
    margin-top: 4px
}

.hkdb-bullet-percentage {
    font-size: 18px;
    font-weight: 600;
}

    .hkdb-bullet-percentage.last {
        line-height: 31px;
    }

.hkdb-bullet-pay {
    color: #000;
    top: -25px;
    position: relative;
    font-weight: 600;
}

.hkdb-bullet-cost {
    font-style: italic;
    top: 35px;
    position: relative;
    color: #777;
}

.hkdb-container {
    display: table-row;
}

.hkdb-container-table {
    width: 100%;
    display: table;
    /*margin-top: 30px;*/
    margin-bottom: 55px;
    margin: auto;
}

.hkdb-header {
    margin-top: 20px;
    font-weight: 600;
}

.hkdb-cost-header {
    font-style: italic;
    color: #777;
    margin-top: 35px;
}

.hkdb-cell {
    display: table-cell;
}

.bslabel {
    padding: 1px 0 !important;
    font-size: 11px;
    height: 18px;
    color: #ffffff;
    vertical-align: baseline;
    background-color: #999999;
    font-family: 'Roboto Regular';
}

.bslabel {
    width: 100%;
}

.bslabel-success-light {
    background-color: #bac6b9;
    font-weight: bold;
}

.bslabel-success {
    background-color: #4f7c55;
    color: #ffffff !important;
}

.bslabel-info {
    color: white !important;
    background-color: #1d557d;
}

.bslabel-last {
    background-color: #e7c3ad;
    font-weight: bold;
}

.bslabel-frame-info {
    border-left: 2px solid #1d557d;
}

.bslabel-frame-success-light {
    border-left: 2px solid #bac6b9;
}

.bslabel-frame-success {
    border-left: 2px solid #4f7c55;
}

.bslabel-frame-last {
    border-left: 2px solid #e7c3ad;
}

.card-padding {
    padding-top: 4px;
    padding-left: 15px;
}
.facet-display-filter {
    border-radius: 3px;
}
.search-facet-clickable {
    border-radius: 3px !important;
}
#facet-show-filter-button, #facet-show-filter-button div {
    font-family: 'Roboto Regular';
    font-size: 14px;
    font-weight: 500;
    border-radius: 3px;
}
#product-nostock-subscription {
    border-radius: 3px !important;
    font-family: 'Roboto Regular';
}
#brands-select {
    border-radius: 3px !important;
}
#search-sort-dropdown {
    border-radius: 3px !important;
}

#toggle-cart-details-container {
    margin-right: 20px;
}

/*.search-facets-title {
    background-color: #ffffff;
    margin-bottom: 5px;
}

.search-facets-collapse-all {
    transform: initial !important;
    top: unset !important;
}

#search-facets .facet-sort {
    background-color: #ffffff;
    border-top: unset;
    border-bottom: unset;
    padding-bottom: 0px;
}

    #search-facets .facet-sort h5 {
        display: inline-block;
    }

#search-facets .col-xs-60 {
    background-color: #ffffff;
    margin-bottom: 7px;
    padding-left: 5px;
    padding-right: 5px;
}*/
/*#search-facets .row {
    background-color: #008936;
}*/
/*#search-facets #facet-sort-table {
    width: unset;
    float: right;
}

#search-facets #facet-sort-paging {
    text-align: unset;
}*/

.facet-sort-pages {
    display: inline-block;
    float: right;
    margin-top: 10px;
}


#search-facets .facets {
    border-top: unset;
}

.search-top {
    margin-top: 7px;
    padding-left: 5px;
    padding-right: 5px;
}
/*    .search-top .description {
        height: 75px;
    }
*/
#choose-auth-main {
    background-color: #ffffff;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 5px;
    padding-bottom: 15px;
}

    #choose-auth-main .flex-container {
        justify-content: start;
        gap: 10px;
    }

    #mobile-bankid-other .panel-body {
        border: 1px solid #e3e1e1;
        margin-bottom: 10px;
        margin-top: 10px;
        padding: 10px;
    }


#mobile-bankid-other .form-group {
    margin-bottom: 10px;
}



.rx-login-options-buttons .auth-green-button img {
    height: 21px;
    padding-left: 10px;
}

.rx-login-options-buttons form {
    display: inline-block;
    margin-right: 10px;
}

.rx-login-options-buttons .auth-green-button span {
    color: #ffffff;
}


#search-facets {
    background-color: #f7f7f7;
    margin-bottom: 14px;
}

.pagination {
    margin-top: 10px;
}

    .pagination > .active > a, .pagination > .active > a:hover {
        background-color: unset;
        border: none;
        color: #ffffff;
        font-weight: 500;
    }

    .pagination > li > a, .pagination > li > a:hover, .pagination > li > a:focus {
        border: none;
        color: #008936;
        font-weight: 500;
        background-color: unset;
    }


    .pagination > li:nth-child(2) a, .pagination > li:last-child > a, .pagination > li:last-child > a:hover, .pagination > li:first-child > a, .pagination > li:first-child > a:hover {
        border: none;
    }

        .pagination > li:first-child > a, .pagination > li:first-child > a:hover, .pagination > li:last-child > a, .pagination > li:last-child > a:hover {
            background-color: unset;
        }

.description {
    background-color: #ffffff;
}

/*.view-type-container {
    background-color: #ffffff;
}
*/
.coupon-container {
    background-color: #ffffff;
}


.checkout-message-container {
    background-color: #ffffff;
}

#checkout-message-container {
    background-color: #ffffff;
}


#chooseAuthenticationPanel .panel {
    border: 1px solid #999;
    margin-bottom: 10px;
}

    #chooseAuthenticationPanel .panel > .panel-heading {
        color: #313131;
        background-color: #fff;
        min-height: 60px;
        padding: 14px 0 0 12px;
        border-radius: 3px;
    }

#chooseAuthenticationPanel .panel-title a.title-toggle {
    display: block;
    text-decoration: none;
    outline: none;
    color: #313131;
}

#chooseAuthenticationPanel .panel-title .btn-link {
    display: block;
    width: 100%;
    text-align: left;
}

    #chooseAuthenticationPanel .panel-title .btn-link:hover {
        text-decoration: none;
    }

#chooseAuthenticationPanel .btn:nth-child(1) {
    color: #313131;
    font-size: 16px;
    padding: 0;
    font-weight: inherit;
}

/* temporär css för sos-räknaren på Samhällsengagemangssidan (tblPage page_id=82) */
#sos-donations-desktop {
    background-image: url('/media/assets/banner/sos_small.png') !important;
    width: 100% !important;
    background-size: 100% 100%;
}

#rx-home-container {
    background-color: white;
    min-height: 228px;
    padding-top: 6px;
}

    #rx-home-container .lmv-disc {
        padding: 14px 0 14px 4px;
    }

        #rx-home-container .lmv-disc img {
            width: 100%;
        }

#rx-login-container {
    padding: 10px 4px 14px 3px;
    border-top: 3px solid #090;
    border-bottom: 3px solid #090;
}

    #rx-login-container a {
        text-decoration: none;
        color: #090;
    }

.rx-menu-top-container {
    width: 100%;
    padding: 0px 5px 5px 15px;
    display: flex;
}

.rx-button-container {
    background-color: #009639;
    color: white;
    padding: 5px 5px;
    text-align: center;
    border-radius: 6px;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-decoration: none;
    display: block;
}

#rx-login-header1 {
    font-family: 'Apotea Sans Bold';
    font-size: 30px;
    height: 30px;
    font-weight: 600;
    white-space: nowrap;
    color: #088A40;
    padding-top: 15px;
}

#rx-login-header2 {
    font-family: 'Apotea Sans Bold';
    font-size: 30px;
    height: 30px;
    font-weight: 600;
    padding-top: 3px;
    color: #088A40;
    padding-top: 15px;
}

#rx-login-buttons {
    display: flex;
    align-items: center;
    padding: 10px 0 0 0;
}

    #rx-login-buttons .btn {
        flex: 1;
        font-size: 12.5px;
        font-weight: 600;
        padding: 4px 0;
        color: #fff;
    }

        #rx-login-buttons .btn:hover {
            color: #fff;
            background-color: #0a0;
            border-color: #0a0;
        }

        #rx-login-buttons .btn:nth-child(odd) {
            margin-right: 4px;
        }

#rx-login-menu {
    margin-top: 10px;
}

    #rx-login-menu a {
        color: #090;
        font-weight: 600;
        display: block;
        padding: 2px 0px 7px 4px;
    }

        #rx-login-menu a:hover {
            text-decoration: underline;
        }

        #rx-login-menu a:after {
            font-family: 'Glyphicons Halflings';
            content: "\e258";
            float: right;
            font-size: 11px;
        }

#rx-logout {
    font-weight: 600;
    padding-top: 10px;
    text-align: right;
    margin-bottom: -8px;
}

    #rx-logout a {
        color: white;
        width: 100%;
    }

#rx-pill {
    width: 32px;
}

#rx-puff {
    background-color: #090;
    color: #fff;
    text-align: center;
    padding: 10px 10px;
    margin: 4px 0 0 0;
    font-weight: 600;
}

    #rx-puff a {
        color: #fff;
    }



.rx-cart-placeholder .ships {
    display: inline-block;
    margin-left: 10px;
    vertical-align: bottom;
    margin-top: 8px;
}


/*#rx .btn-expand {
    margin-right: 10px;
    margin-top: -4px
}*/


.icon-round-lg {
    float: left;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 20px;
    background: #EB0000;
}

    .icon-round-lg i {
        padding: 7px 8px;
        font-size: 20px;
        color: white;
    }

#footer-bottom {
    font-family: 'Roboto Regular';
    margin: 0;
    background-color: white;
}

#footer h4 {
    font-weight: 500;
}

#footer .pricerunner-score {
    margin-top: 8px;
    color: white;
}

    #footer .pricerunner-score > * {
        color: white;
    }

    #footer .pricerunner-score img {
        width: 100px;
        height: 100%;
        margin-right: 6px;
    }

.counceling-question {
    padding: 8px;
    border: 1px solid #ccc;
    background-color: #f3f9f4;
    margin-bottom: 10px;
}

    .counceling-question label {
        font-family: 'Roboto Regular';
        font-weight: initial;
    }

    .counceling-question h4 {
        margin: 0 0 5px 0 !important;
    }

    .counceling-question a {
        color: #08c !important;
    }

    .counceling-question input[type="radio"] {
        margin-right: 5px;
        display: inline;
    }

.btn-success-checkout {
    background-color: #FAF6F1;
    color: #2F2423;
}
    .btn-success-checkout:hover, #cart-header-to-checkout:active {
        background-color: #FAF6F1;
        color: #2F2423;
        border-radius: 3px;
        border-color: #4F0F22;
    }

#cart-parent {
    border: none;
}

#cart-parent .name a {
    color: #000000;
}

#stock-price-box .price {
    font-size: 28px;
    font-weight: 500;
}

.promotion-banner {
    border-top: none;
    margin-top: 14px !important;
    margin-bottom: 14px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
    .promotion-banner .price-container, .promotion-banner .ordinary-price {
        font-family: 'Roboto Regular';
    }

.promotion-article-title {
    font-size: 20px;
}

.promotion-element-heading {
    color: #303030;
    font-weight: 500;
}

.promotion-banner .text-content h3 {
    font-weight: 500;
}

@media screen and (max-width: 767px) {
    .promotion-banner {
        border-top: none !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

        .promotion-banner .right-container .text-content {
            margin-bottom: 15px;
        }
}


@media(max-width:380px) {
    .prescription-wrapper.snapshot .snapshot-date {
        display: block;
        margin-left: 24px;
    }
}

.prescription-wrapper.snapshot {
    padding: 5px;
    background: #CCE9CF;
    margin-bottom: 5px;
}

    .prescription-wrapper.snapshot .panel {
        margin-bottom: 0px;
    }

li.active {
    font-weight: bold;
    background: #008936;
}

.rx-navbar-mobile {
    list-style-type: none !important;
    padding-top: 5px;
    padding-left: 0;
    display: flex;
    height: auto;
    min-height: 40px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    margin-bottom: 10px;
}

    .rx-navbar-mobile > li {
        padding-right: 3px;
        padding-left: 3px;
        flex-grow: 1;
        text-align: center;
        display: flex;
        border-width: 1px;
        border-color: #008936;
        border-style: solid;
        margin-right: 5px;
        flex-grow: 1;
        align-items: center;
        justify-content: center;
    }

        .rx-navbar-mobile > li:last-of-type {
            margin-right: 0px;
        }

        .rx-navbar-mobile > li > a {
            color: #008936;
            vertical-align: middle;
            font-weight: bold;
        }

.rx-navbar-new {
    padding-top: 5px;
    padding-left: 0;
    height: auto;
    min-height: 40px;
    margin-bottom: 20px;
}
    .rx-navbar-new div {
        min-height: 35px;
    }
    .rx-navbar-new a {
        display: flex;
        border: 1px solid #008936;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 500;
        height: 100%;
        color: #008936;
        background-color: #ffffff;
    }

    .rx-navbar-new .active a {
        background-color: #008936;
        color: #ffffff;
    }






        .rx-navbar {
            list-style-type: none !important;
            padding-top: 5px;
            padding-left: 0;
            display: flex;
            padding-bottom: 15px;
        }

    .rx-navbar > li {
        border-right: 1px solid black;
        flex-grow: 1;
        text-align: center;
    }

        .rx-navbar > li:last-of-type {
            border-right: unset;
        }

        .rx-navbar > li > a {
            color: black;
        }

li.active a {
    font-weight: bold;
    color: #fff;
}

.prescriptionItems > .collapse-link {
    color: white;
}

.pRow > .prescriptionInfo {
    display: inline-block;
    padding-bottom: 2px;
}

.pRow > .prescriptionItems {
    display: inline-block;
    float: right;
    margin-top: -17px;
    width: 90px;
    height: 32px;
}

.receptInformationRow > span {
    display: block;
}

.rx-list-purchase {
    width: 140px;
    min-height: 38px;
    border-radius:3px;
}

.bslabel {
    width: 35%;
    text-align: center;
    margin-left: 14px;
    border-radius: 10px;
}

.prescriptionItems.btn > a.collapsed {
    color: white;
}

.rowRecepiesDivider {
    border: 1px solid grey;
    border-right: none;
    border-left: none;
    width: 80%;
    margin-left: 10%;
}

.prescriptionRow {
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px;
    font-size: 12px;
}

    .prescriptionRow div,
    .prescriptionRow h5 {
        color: black;
        font-family: 'Roboto Regular';
    }


.prescription {
    position: relative;
}

.chevrons.collapse-link:after,
.chevrons.collapse-link.collapsed:after {
    display: none;
}

.white-with-padding label {
    font-family: 'Roboto Regular';
}

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

.utgangnaReceptLabel {
    padding-top: 5px !important;
    font-size: 15px;
    padding-bottom: 3px !important;
    font-weight: 500;
    padding-left: 10px !important;
    color: #008936;
    border-bottom: 2px solid #E3E1E1;
    margin-left: 1% !important;
    margin-right: 1% !important;
}

    .utgangnaReceptLabel > span {
        font-size: 12.5px;
    }

    .utgangnaReceptLabel.toggle-element:not(.collapsed){
        color: #ffffff;
    }
    .rx-user-container .utgangnaReceptLabel.toggle-element:not(.collapsed) svg{
        stroke: #ffffff;
    }

        .rx-document-link a,
        .prescriptionRow a {
            /*    color: #08c;
*/
        }

.prescriptionItems.btn.btn-info {
    background-color: white;
    border: unset;
    text-align: right;
}

    .prescriptionItems.btn.btn-info > span > span {
        color: black;
    }

.animal-image {
    content: url("/content/images/6/Ikon_tass_green.png");
    width: 15px;
    margin-left: 10px;
    margin-top: -2px;
}

.defaultUser {
    display: flex;
    padding-top: 8px !important;
    padding-bottom: 10px !important;
}



        .defaultUser.open .rx-user-title .animal-image {
            content: url("/content/images/6/Ikon_tass_white.png");
        }


    .defaultUser .rx-user-show-hide .glyphicon {
        color: #008936;
    }


.rx-user-title {
    font-family: 'Roboto Regular';
    font-weight: 500;
    font-size: 15px;
    padding: 5px 0 0 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.rx-user-show-hide {
    margin-left: auto;
    display: flex;
    font-weight: 500;
    padding-right: 8px;
    align-items: center;
}

    .rx-user-show-hide div {
        color: #090;
    }

#aktuelRecept {
    font-size: 15px;
}

.ordinationlist .collapse-body {
    margin-bottom: unset;
}

.chevrons.toggle-element {
    border: unset;
}

.receptLaggTillBarn {
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 33px;
}

    .receptLaggTillBarn a {
        color: #33d7ff !important;
    }

.topBorder {
    width: 100%;
    border-top: 3px solid #E3E1E1;
    margin-bottom: unset;
}

.fullmakterHeaderLabel {
    display: flex;
    margin-top: 2px;
}

    .fullmakterHeaderLabel span:first-of-type {
        min-width: 70%;
    }

.fullmaktUserDiv {
    display: flex;
    padding: 2px 0;
}

    .fullmaktUserDiv div:first-of-type {
        min-width: 70%;
    }

    .fullmaktUserDiv div:last-of-type {
        display: flex;
        width: 100%;
    }

        .fullmaktUserDiv div:last-of-type a,
        .fullmaktUserDiv div:last-of-type button {
            margin-left: auto;
            padding-right: 1px;
            color: red;
        }
    .fullmaktUserDiv .feather-button {
        background: none;
        border: none;
        padding: 1px;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

            .fullmaktFor {
                padding-top: 6px;
            }


.fullmaktTill {
    padding-top: 10px;
    border-top: 1px solid #E3E1E1;
    margin-top: 15px;
}

.hkdb-flex,
.fullmakt-flex {
    display: flex;
    padding-left: 3px;
    padding-right: 10px;
    font-weight: bolder;
    padding-top: 8px;
    padding-bottom: 8px;
    margin: unset;
}

    .hkdb-flex div:last-of-type,
    .fullmakt-flex div:last-of-type {
        margin-left: auto;
        padding-left: 3px;
    }

.fullmakt-barn {
    border-bottom: 3px solid #e3e1e1;
    background-color: #ffffff;
    border-left: 1px solid #008936;
    border-right: 1px solid #008936;
    border-bottom: 1px solid #008936;
    padding: 10px;
}

.hkdb-body,
.fullmakt-barn {
    color: black;
    padding: 10px;
}

    .hkdb-body h4,
    .hkdb-body p {
        padding: 0 3px;
    }

    .fullmakt-barn .collapse-body {
        margin-bottom: unset;
    }


    .hkdb-body .collapse-body {
        margin-bottom: unset;
    }

.samtyckeCheckbox {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .samtyckeCheckbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.samtyckeCheckmark {
    position: absolute;
    top: 15px;
    left: 0;
    height: 20px;
    width: 20px;
    border-style: solid;
    border-width: 2px;
}

    .samtyckeCheckmark:after {
        content: "";
        position: absolute;
        display: none;
    }

.samtyckeCheckbox input:checked ~ .samtyckeCheckmark:after {
    display: block;
}

.samtyckeCheckbox .samtyckeCheckmark:after {
    left: 5px;
    top: 1px;
    width: 7px;
    height: 12px;
    border: solid black;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.ge-fullmakt-btn,
.lagg-till-barn-btn {
    width: 35%;
    float: right;
}

@media (max-width: 350px) {
    .ge-fullmakt-btn, .lagg-till-barn-btn {
        width: 50%;
    }
}


.fullmakt-datum {
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px;
}

    .fullmakt-datum label {
        flex-grow: 1;
    }
    .fullmakt-datum-option img {
        margin-right: 10px;
    }

#spanDatepicker {
    display: inline-block;
    margin-left: 10px;
}

    #spanDatepicker input {
        text-align: center;
    }

.from-snapshot-message {
    padding-left: 4px;
    font-size: 15px;
    color: green;
    border-bottom: 1px solid #E3E1E1;
    padding-bottom: 10px;
}

.prescription-title {
    font-family: 'Roboto Regular';
    font-size: 18px;
    font-weight: 600;
    color: black !important;
}

.rec-te {
    font-family: 'Roboto Regular';
    font-size: 14px;
    font-weight: 600;
    color: #2F2423;
}

.rx-attention {
    color: red;
    font-weight: 600;
    font-family: 'Roboto Regular';
    text-align: justify;
    text-justify: inter-word;
}

.rx-osaker-tillgang {
    color: #FF9700 !important;
}
.parallell-prescription .rx-osaker-tillgang {
    color: #bf7100 !important;
    font-weight: bold;
}

    .rx-osaker-tillgang img,
    .rx-attention img {
        width: 12px;
    }

.rx-finns-i-lager {
    font-family: 'Roboto Regular';
    font-weight: bold;
}


    .rx-finns-i-lager img {
        width: 15px;
        margin-right: 5px;
    }

.rx-price-multi-icon-purchase,
.rx-price-icon-purchase {
    margin-left: auto;
    display: flex;
    flex-flow: column;
}

.rx-price-multi-icon-purchase {
    margin-top: auto;
}


.chevrons.btn.visaRecept.collapse-link.btn-info {
    background-color: unset;
    border: unset;
    padding: unset;
}

.rx-show-hide {
    color: #090;
    font-weight: 600;
    font-size: 12.5px;
    margin-right: -3px;
}

.chevrons.toggle-element {
    padding: unset;
    margin: unset;
}

.rx-prescription-row {
    width: 100%;
}

.rx-prescription-row-flex-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.chevrons.btn.visaRecept.collapse-link.btn-success.collapsed {
    color: white;
    width: 90px;
}

.card-padding.rx-prescription-flex-row h5 {
    font-family: 'Roboto Regular';
    margin-top: unset;
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    padding: 2px 0 1px 0;
    color: black;
}

.card-padding.rx-prescription-flex-row div {
    padding: 1px 0 1px 0;
    font-family: 'Roboto Regular';
}

.rx-flex-row-100 {
    width: 100%;
}

.rx-flex-row {
    display: flex;
    flex-flow: column;
}

.rx-green-btn {
    color: white;
    background-color: #090;
    border: 1px solid #090 !important;
    padding: 5px 0 !important;
}

    .rx-green-btn.toggle-element.glyphicon {
        color: white;
    }

.toggle-element.rx-green-btn > .glyphicon {
    color: white;
}

.toggle-element .glyphicon {
    color: #008936;
}

.padding-5 {
    padding: 5px;
}

.padding-8 {
    padding: 8px;
}

.rx-fullmakt-flex {
    display: flex;
    padding-top: 10px;
    padding-bottom: 5px;
    flex-flow: column;
}

.fullmakt-lagg-till {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    font-size: 15px;
}

.fullmakt-lagg-till > * {
   margin-left: 10px;
   margin-right: 10px;
}

.fullmakt-barn.show {
    border-left: 1px solid #008936;
    border-right: 1px solid #008936;
    border-bottom: 1px solid #008936;
    padding: 10px;
    background-color: #ffffff;
}

.rx-user-container {
    border: 1px solid #008936;
    border-bottom: 1px solid #008936;
    background: #ffffff;
}

#rx-user-container .toggle-element.collapsed {
    background-color: #ffffff;
}

.rx-user-container .toggle-element:not(.collapsed) div {
    color: #ffffff;
}
    .rx-user-container .toggle-element:not(.collapsed) svg {
        stroke: #ffffff;
    }

.rx-user-container .toggle-element.collapsed svg, .rx-user-container .toggle-element:not(.collapsed) svg {
    stroke: #008936;
}

.rx-user-container .toggle-element:not(.collapsed) .rx-user-show-hide svg {
    stroke: #ffffff;
}

.lagg-till-barn-container {
    border: 2px solid #E3E1E1;
    background: #FCFCFC;
    border-top: 4px solid #E3E1E1;
}

.rx-lagg-till-barn-title {
    font-weight: bold;
    font-size: 14px;
    padding-top: 10px;
    padding-left: 3px;
    padding-bottom: 10px;
}

.rx-lagg-till-barn-btn {
    float: right;
    width: 100px;
    margin-right: 3px;
}

.padding-3 {
    padding-left: 4px;
    padding-right: 4px;
}

.rx-btn-show-hide {
    font-size: 14px;
}

.rx-hogkostnadsskydd {
    font-style: italic;
    padding-top: 15px !important;
}

.font-weight-600 {
    font-weight: 600;
}

.tooltip-inner {
    color: #fff !important;
}

.rx-fullmakt-flex div {
    font-size: 15px;
}

.prescription-row-intial {
    flex: 0 0 80%;
    box-sizing: border-box;
    padding: 1px 0 1px 0;
}

    .prescription-row-intial div {
        font-family: 'Roboto Regular';
    }
    .prescription-row-intial span {
        font-family: 'Roboto Regular';
        font-size: 14px;
    }
    .prescription-row-intial b {
        letter-spacing: 0.02em;
    }

.prescription-row-img {
    margin-left: auto;
    box-sizing: border-box;
    padding-top: 5px;
    padding-right: 2px;
}

    .prescription-row-img img {
        width: 45px;
    }

.prescription-row-more-info {
    flex: 0 0 100%;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.prescription-row-more-info-show-more {
    flex: 0 0 80%;
    box-sizing: border-box;
}


    .rx-flex-row > .prescription-row-more-info, .prescription-row-more-info-show-more {
        flex: 1;
    }

    .prescription-row-more-info .toggle-element,
    .prescription.expired-prescription .toggle-element {
        background-color: #ffffff00;
    }
.parallell-prescription a,
.parallell-prescription .prescription-row-more-info .toggle-element,
.parallell-prescription .prescription-row-more-info .toggle-element.visaMerInfo span,
.parallell-prescription .prescription-row-more-info .toggle-element.visaRecept span,
.parallell-prescription .rx-prescription-row .prescription-toggle-optional-visibility span {
    color: #00773c;
}
    .parallell-prescription .prescription-row-more-info .toggle-element:not(.collapsed) svg,
    .parallell-prescription .prescription-row-more-info .toggle-element svg {
        stroke: #00773c;
    }

    .parallell-prescription a:active, .parallell-prescription a:hover, .parallell-prescription a:active:hover {
        color: #008543;
    }

.prescription.expired-prescription a,
.prescription.expired-prescription .toggle-element,
.prescription.expired-prescription .toggle-element.visaMerInfo span,
.prescription.expired-prescription .toggle-element.visaRecept span,
.prescription.expired-prescription .prescription-toggle-optional-visibility span {
    color: #00773c;
}


.prescription-row-more-info .toggle-element:not(.collapsed) svg {
    stroke: #008936;
}

        .prescription-row-more-info-show-hide-btn {
            margin-left: auto;
            box-sizing: border-box;
        }

.prescription-row-more-info-details {
    flex: 0 0 100%;
    box-sizing: border-box;
}

.prescription-row-shipping-info {
    flex: 0 0 65%;
    box-sizing: border-box;
    padding-top: 5px;
}

    .prescription-row-shipping-info div {
        padding: 1px 0 1px 0;
    }

.prescription-row-purchase {
    margin-left: auto;
    box-sizing: border-box;
    margin-top: auto;
    text-align: right;
}

.prescriptionItemBorders {
}

#rx-fullmakt-textarea {
    border: 1px solid lightgrey;
    padding: 3px;
    background: white;
}

    #rx-fullmakt-textarea ul {
        margin-left: -15px;
    }

#new-messages-notification {
    display: none;
    text-align: center;
    margin: 10px 0 10px 0;
    color: #000;
    padding: 5px;
}

.thinBorder {
    width: 98%;
    border-bottom: 2px solid #E3E1E1;
    /*margin-left: 2%;*/
    margin: 0 auto;
    margin-top: 15px;
}

.info-btn {
    padding-left: 8px;
    padding-top: 1px;
}

    .info-btn img {
        width: 12px;
    }

.disabledbutton {
    pointer-events: none;
    opacity: 0.5;
}

.rx-contact-us {
    padding: 20px 0;
}

    .rx-contact-us h3 {
        font-size: 18px;
        font-weight: 500;
    }

    .rx-contact-us .contactUsContainer {
        display: flex;
        padding: 5px 0;
        align-items: center;
    }

        .rx-contact-us .contactUsContainer img {
            width: 25px;
        }

        .rx-contact-us .contactUsContainer p {
            margin: unset;
            display: inline-block;
        }

    .rx-contact-us div > p > a {
        color: #008936;
    }



.rx-user-title img {
    width: 15px;
    margin-left: 5px;
    margin-top: -2px;
}

.recept-more-info {
    padding: 10px 0 !important;
    font-family: 'Roboto Regular';
}

    .recept-more-info div,
    .recept-more-info span {
        padding: 1px 0;
    }
        .recept-more-info span b,
        .rx-parallell-prescription-info span b
        {
            font-weight: 600;
        }

#rx-prescriptions .collapse-body {
    margin-bottom: unset;
    /*border-bottom: 1px solid #e3e1e1;*/
}
#rx-prescriptions .parallell-prescription-wrapper {
    border: 2px solid #008936;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 16px;
}
#rx-prescriptions .parallell-prescription-header{
    text-align: center;
    padding-top: 10px;
    background-color: #ecf9e0;
}
    #rx-prescriptions .parallell-prescription-header h4 {
        font-size: 22px;
        color: black !important;
    }
#rx-prescriptions .parallell-prescription {
    background-color: #ecf9e0;
}
#rx-prescriptions .rowDivider:is( .first-in-parallell){
    border-bottom-style: dashed;
}
#rx-prescriptions .rowDivider:is( .last-in-parallell) {
    visibility:hidden;
}
#rx-prescriptions .rowDivider:has(+.parallell-prescription-wrapper) {
    visibility: hidden;
}
#rx-prescriptions .rx-parallell-prescription-info {
    background-color: white;
    border: 1px solid cadetblue;
    border-radius: 3px;
    padding: 2px 4px;
    margin: 8px auto;
}
#rx-prescriptions .rx-parallell-prescription-info > .title{
    font-size: 12px;    
    margin-bottom: 6px;
}
    #rx-prescriptions .rx-parallell-prescription-info .status-info{
        margin-top: 4px;
    }
    .rowDivider {
        border-bottom: 2px solid #008936;
        width: 98%;
        margin-top: 25px;
        margin-left: 1%;
        margin-right: 1%;
    }

.padding-left {
    padding-left: 8px;
}

.rx-message-container .removeMessage {
    position: absolute;
    right: 10px;
    color: red;
    stroke: red;
    cursor: pointer;
}
.rx-samtycken-box{
    margin-bottom: 8px;
}
.rx-fullmakt-box, .rx-samtycken-box {
    border: 1px solid #e3e1e1;
    background: #ffffff;
    padding: 8px;
    padding-top: 0px;
    /*border-top: 4px solid #E3E1E1;*/
}

    .rx-fullmakt-box .rx-user-title {
        padding: 0 4px;
        margin: 0 -8px;
        color: white;
    }

.rx-more-info-container {
    border: 1px solid #E3E1E1;
    background: #ffffff;
    padding: 10px;
    /*border-top: 4px solid #E3E1E1;*/
}

.rx-message-user-info {
    font-weight: 500;
    font-size: 15px;
}

.rx-message-container {
    border: 1px solid #E3E1E1;
    background: #ffffff;
    padding: 10px;
    margin-bottom: 10px;
}


.rx-more-info-container > div > .table {
    margin-bottom: 6px;
}

.hkdb-inkop-period {
    color: black !important;
    padding: 10px 5px !important;
    margin-left: -5px !important;
    margin-right: -6px !important;
    border-top: 1px solid #e3e1e1 !important;
}

    .hkdb-inkop-period .rx-user-title {
        font-size: 13px;
    }

.hkdb-body.collapse-body {
    margin-bottom: unset !important;
}

.recept-barn-container {
    padding-top: 15px;
}

.djurrecept-container:last-of-type label.rowDivider {
    border: unset;
    margin-top: 15px;
}

.HKDB-levels {
    margin: 15px auto 0 auto;
    display: flex;
    width: 96%;
    height: 40px;
}

    .HKDB-levels > div {
        display: flex;
        flex-direction: column;
        text-align: end;
    }

    .HKDB-levels > div {
        width: 20%;
        text-align: start;
    }

        .HKDB-levels > div:nth-child(1) {
            width: 10%;
            text-align: start;
        }

        .HKDB-levels > div:nth-child(2) {
            width: 30%;
            text-align: center;
        }

        .HKDB-levels > div:nth-child(3) {
            width: 20%;
            text-align: center;
        }

        .HKDB-levels > div:nth-child(4) {
            width: 30%;
            text-align: center;
        }

        .HKDB-levels > div:nth-child(5) {
            width: 11%;
            text-align: end;
        }

        .HKDB-levels > div > div > h3 {
            line-height: 0;
        }

        .HKDB-levels > div > div:last-child > h3 {
            /*padding-right: 6px;*/
            font-size: 13px !important;
            font-weight: 500;
        }

        .HKDB-levels > div > div:first-child > h3 {
            font-size: 10px !important;
            font-weight: 500;
        }

        .HKDB-levels > div:nth-child(5) > div:last-child > h3 {
            padding-right: 0;
        }

        .HKDB-levels > div > div > h3 {
            margin: 0;
            line-height: 16px;
        }

.hkdb-bar-tick {
    height: 32px;
    width: 2px;
    background-color: #81c887;
    display: inline-block;
}

    .hkdb-bar-tick:nth-of-type(odd) {
        height: 3px;
        margin-bottom: 17px;
    }

.hkdb-body p {
    padding-left: 5px;
    padding-top: 5px;
}

.hkdb-bar-tick {
    height: 28px;
    width: 2px;
    background-color: #81c887;
    display: inline-block;
}

    .hkdb-bar-tick:nth-of-type(odd) {
        height: 2px;
        margin-bottom: 13px;
    }


.rx-recept-error {
    background-color: unset;
    color: red;
    margin: 6px !important;
    padding: 6px !important;
    font-size: 15px;
}


.rx-inquiry-radio label {
    padding-left: 20px;
    margin: 0;
}

    .rx-inquiry-radio label:first-of-type {
        margin-top: 10px;
        margin-bottom: 5px;
        padding-left: 0px;
    }

.rx-contact-forfragan {
    vertical-align: middle;
    margin: unset !important;
}

#rx-fullmakt-contact-dropdown {
    width: 100%;
    padding: 6px 8px;
    margin-top: 10px;
}


.skota_hem_banner {
    background-color: #8fd04e;
}




/* FOOTER */



/*Tillbaka till toppen*/
#backToTop {
    background-color: #4F0F22;
    color: #FAF6F1;
}

#backToTop > .row {
    background: #3b3b3b;
    display: flex;
    justify-content: center;
}

    #backToTop > .row > h5 {
        color: #ffffff;
        text-decoration: underline;
        font-size: 15px;
    }

/*Apotea Responsive new footer*/

.apotea-responsive-sub-social p, .apotea-responsive-sub-social h3, .apotea-responsive-sub-social div, .apotea-responsive-sub-social p {
    color: #2F2423;
}
.apotea-responsive-sub-social > div {
    display: flex;
}

.apotea-responsive-sub-social > h1 {
    font-family: 'Apotea Sans Medium';
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.apotea-responsive-sub-social {
    padding: 20px 0;
}

    .apotea-responsive-sub-social > p {
        font-size: 14px;
    }


#apotea-social {
    display: flex;
    justify-content: center;
}

#product-description li {
    font-family: 'Roboto Regular' !important;
}

#product h1 {
    font-family: 'Apotea Sans Medium';
    font-size: 27px;
}

#product-info .testfreaks-section.testfreaks-section-loaded.hide-reviews {
    display: none !important;
}
#product-info> button
{
    border-radius:3px !important;
}

@media (max-width: 1199px) {
    #toggle-cart-details-container {
        position: relative !important;
        border: none !important;
        width: 55px !important;
        margin-top: 4px !important;
    }
        #toggle-cart-details-container:hover {
            border: 3px solid #FAF6F1;
        }
    #cart {
        margin-left: 0px;
        display: flex;
        justify-content: end;
    }
    #cart-header-container {
        margin-right: 0px;
    }

    #toggle-cart-details-container {
        margin-right: 9px;
    }
    #apotea-social {
        justify-content: end;
    }
}

    #apotea-social img {
        width: 38px;
        margin-right: 10px;
    }

.apotea-responsive-footer h4 {
    margin-bottom: 5px !important;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.02em;
}


.apotea-responsive-footer #footer .pricerunner-score > * {
    color: #2F2423;
    padding-top: 5px;
}



#responsove-footer-prisjakt {
    display: flex;
}

.prisjakts-row {
    display: flex;
    flex-direction: row !important;
    justify-content: space-around;
    margin: 15px 0;
}

    .prisjakts-row:last-child {
        margin-bottom: 50px;
    }

    .prisjakts-row:first-child {
        margin-top: 50px;
    }

    .prisjakts-row > div {
        max-height: 100px;
        max-width: 110px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .prisjakts-row > div > img, .prisjakts-row > div > a > img {
            max-height: 75px;
        }

#prisjakt-rating > div, .pricerunner-score > div {
    font-size: 14px;
    color: #2F2423;
}

#apotea-new-responsive-changeresponsive-p {
    background-color: #ffffff !important;
}

#rx-fullmakter-info-popup,
#rx-kylvara-info-popup,
#rx-parkerad-info-popup,
#rx-osaker-tillgong-popup {
    z-index: 9999;
}

.auth-green-button {
    background: #008936;
    text-align: center;
    padding: 8px 8px;
    margin-bottom: 10px;
    border: 1px solid #008936;
    cursor: pointer;
    width: 150px;
}

.auth-green-border-button {
    border: 1px solid #008936;
    text-align: center;
    padding: 8px 8px;
    margin-bottom: 10px;
}

    .auth-green-border-button span {
        color: #008936;
    }

.no-hover:hover,
.no-hover:focus {
    text-decoration: none;
}

.rx-login-info-container {
    margin-bottom: 20px;
    margin-top: 15px;
}

    .rx-login-info-container > div {
        margin-top: 10px;
        display: flex;
    }

    .rx-login-info-container img {
        height: 25px;
        margin-right: 8px;
    }

    .rx-login-info-container b {
        font-weight: 500;
    }

.rx-login-need-help {
    font-size: 16px;
    padding-left: 2px;
    margin-bottom: 5px;
    margin-top: 20px;
}

.rx-login-apotea-statements {
    padding-left: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.rx-log-in-container {
    display: flex;
    flex-direction: column;
    justify-content:space-evenly;
    align-items:center;
    width: 100%;
    padding: 0px 10px 15px 10px;
}


@media (min-width: 1200px) {
    .rx-bottom-logo-container {
        text-align: center;
    }
}

.rx-log-in-button-container {
    width: 100%;
}

.rx-button-container {
    color: white;
    font-size: 18px;
    font-weight: inherit;
    background-color: #008936;
    text-align: center;
    border-radius: 3px;
}


/*.rx-in-cart-indicator {
    background: #559ac8;
    width: 90px;
    height: 34px;
    text-align: center;
    color: #fff;
    display: inline-block;
    line-height: 2.5;
}*/

        .rx-login-options-buttons {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-direction: column;
}

.rx-purchase-btn-container {
    margin-top: 0;
    text-align: right;
    position: relative;
    min-height: 38px;
}

    .rx-purchase-btn-container .loader {
        width: 20px;
        height: 20px;
        margin-left: 10px;
        display: inline-block;
        position: absolute;
        right: 10px;
        top: 8px;
    }

.fullmakt-error {
    color: red;
}

.prescription-status .loader .glyphicon-refresh.glyphicon-refresh-animate {
    font-size: 25px;
    margin-left: 3px;
}

.no-prescriptions {
    margin: unset !important;
    padding-top: 10px !important;
    padding-left: 10px !important;
}

.contact-us-formular {
    padding-left: 6px;
}

    .contact-us-formular > a {
        color: #008936;
    }

.hourglass {
    display: flex;
    align-items: center;
    padding: 10px;

}

    .hourglass > div {
        margin-left: 10px;
    }

    .visaMerInfo {
        /*padding-top: 60px !important;*/
        margin-top: 10px;
        padding-right: 100px !important;
    }

        .visaMerInfo span {
            color: #008936;
            font-family: 'Roboto Regular';
        }

.fullmakt-lagg-till.open {
    padding: 5px;
}

.show-datepicker-middle {
    left: 50% !important;
    margin-left: -115px;
}

.dissmiss-info-fullmakt-button {
    padding: 4px 25px;
    margin-top: 5px;
    margin-bottom: -5px;
}

.rx-fullmakt-info-container > p,
.rx-fullmakt-info-container {
    padding: unset !important;
}

.center-modal {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.rx-fullmakt-response-image {
    padding-bottom: 10px;
    width: 60px;
}

.btn-disabled {
    background-color: #D0D0D0;
    pointer-events: none;
}

.rx-fullmakt-needs-consent {
    border: 1px solid #8fbbce;
    border-radius: 1px;
    background-color: #D2F2FF;
    padding: 10px;
    margin-bottom: 10px;
}

.fullmaktSamtyckeDivName {
    display: inline-block;
    width: 55%;
}

.btn-rx {
    display: inline-block;
}

.concentCheckBoxDiv {
    display: inline-flex;
}

    .concentCheckBoxDiv .imgContainer {
        margin-right:10px;
    }

.fullmakSamtyckeDiv {
    padding: 4px 0;
}

    .fullmakSamtyckeDiv .rx-green-btn {
        padding: 5px 10px !important;
    }

.fullmaktSamtycke-btn-container {
    display: flex;
    justify-content: space-around;
    padding-top: 15px;
}

    .fullmaktSamtycke-btn-container .btn {
        width: 30%;
    }

#samtycke-kravs-fullmakt-error {
    padding-top: 10px;
}

.fullmaktSamtycke-info-container {
    width: 100%;
}

    .fullmaktSamtycke-info-container.collapse.in {
        border-bottom: 1px solid #E3E1E1;
        padding-bottom: 10px;
    }

.rx-contact-template-logout-button-container a {
    display: block;
}

/* Charity round-up*/
.round-up {
    border-radius: 3px;
}

.round-up-left {
    height: 53px;
}

    .round-up-left img {
        height: 53px;
    }

.round-up-middle {
    flex-grow: 3;
    color: white;
    padding: 0 11px;
    line-height: 15px;
}

.round-up-right {
    text-align: right;
    width: 70px;
    padding-right: 3px;
}

.round-up-price-tag {
    color: white;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 3px;
    margin-right: 3px;
}


#stock-info img {
    vertical-align: middle;
    margin-top: -5px;
}

#stock-info {
    margin-top: 5px;
}

a {
    color: #008936;
}       

    a:active, a:hover, a:active:hover {
        color: #00b547;
    }

.btn-info, .btn-info:active, .btn-info:hover, .btn-info:active:hover {
    font-weight: 700;
}

#product-facts-grid .value li {
    color: #008936;
}

    #product-facts-grid .value li:hover {
        color: #00b547;
    }


#usps div {
    font-size: 17px;
}

#product-facts-header.toggle-element.open {
    background-color: #008936;
}

    #product-facts-header.toggle-element.open h2 {
        color: white;
    }

    #product-facts-header.toggle-element.open .glyphicon {
        color: white;
    }

#price-history-header.toggle-element.open {
    background-color: #008936;
}

    #price-history-header.toggle-element.open h2 {
        color: white;
    }

    #price-history-header.toggle-element.open .glyphicon {
        color: white;
    }

h2.small-font {
    font-size: 1.3em;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 0.5rem;
    color: inherit;
    letter-spacing: 0.02em;
}


#shipping-error-message-div {
    display: flex;
    flex-direction: row;
}

    #shipping-error-message-div > img {
        width: 24px;
        margin-right: 10px;
    }

    #shipping-error-message-div .checkbox-inline {
        padding-left: 0px;
    }

.btn-success-search, .btn-success-filter {
    background-color: #4F0F22;
    border-color: #4F0F22;
    border-radius: 3px;
    color: #FAF6F1;
}
    .btn-success-search:hover, .btn-success-search:active {
        background-color: #4F0F22 !important;
        border-color: #4F0F22 !important;
        border-radius: 3px;
        color: #FAF6F1 !important;
    }

.btn-success-cart {
    background-color: #FAF6F1;
    border-color: #FAF6F1;
    border-radius: 3px
}
    .btn-success-cart:hover {
        background-color: #FAF6F1;
        border-color: #FAF6F1;
        border-radius: 3px
    }

.btn-square-cart {
    background-color: #FAF6F1;
    
}

    .btn-square-cart:hover {
        background-color: #FAF6F1;
        border-color: #FAF6F1;
        border-radius: 3px
    }

.btn-success-sub {
    background-color: #4F0F22;
    border-color: #4F0F22;
    border-radius: 3px
}
    .btn-success-sub:hover {
        background-color: #4F0F22;
        border-color: #4F0F22;
        border-radius: 3px
    }

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #008936;
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success.focus,
    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #008936;
    }

.btn-success-footer-sub {
    background-color: #4F0F22;
    border-color: #4F0F22;
    border-radius: 0 3px 3px 0;
    color: #FAF6F1;
}
    .btn-success-footer-sub:hover,
    .btn-success-footer-sub:active {
        background-color: #4F0F22;
        border-color: #4F0F22;
        color: #FAF6F1;
    }

#product .buy-number-display {
    background-color: #509F50;
}

#product .buy-button {
    background-color: #008936;
}

.buy-button-container .purchase-button, .buy-button-container .purchase-button div, .buy-button-container .product-link-button {
    background-color: #008936;
    border-radius: 3px;
    font-size: 1.4em !important;
    letter-spacing: 0.02em;
}

#product-facts-grid .value a {
    color: #008936;
}

.label span {
    font-size: 15px;
}

#product-subscription-details a {
    color: #008936;
}

#product-subscription-details input[name="product-subscribtion-interval"] {
    accent-color: green;
}

#main-menu .menu-content > div > h2 {
    padding-left: 5px;
}

.PDFWarningBox {
    color: #008936 !important;
    cursor: pointer;
}
.PDFWarningBox:hover{
    text-decoration: underline;
}

.expand-pre-text,
.collapse-pre-text {
    float: initial;
    margin-right: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #008936;
}

.description-expand .glyphicon {
    color: #008936;
}

description-collapse .glyphicon {
    color: #008936;
}

.product-block .name {
    font-weight: 500;
    font-size: 15px;
}

.product-block-container:nth-child(2n+1):before {
    content: none;
    display: none !important;
}


#product-actions .row {
    margin-left: -3px;
    margin-right: -3px;
}

#product-image-container .badges {
    right: 10px;
}

.checkout-message{
    border-radius: 3px;
    font-size: 14px;
    font-family: 'Roboto Regular';
}
    .checkout-message:focus {
        border-color: #2d84fc;
    }

.font-f {
    font-size: 14px;
    font-family: 'Roboto Regular';
}

.checkout-shipping-method .price-tag-small {
   color: #ffffff;
   font-weight: normal;
}

    .checkout-charity-item, .offer-item, .checkout-shipping-method {
    background-color: #ffffff;
}


.onway {
    width: 25px;
    max-width: 25px !important;
    max-height: 25px !important;
    vertical-align: middle !important;
}


#product-related .product-block {
    margin: 0px !important;
}

.product-recommendation-first {
    margin-top: 30px !important;
}

.product-recommendation {
    margin-top: 40px;
}

@media (max-width: 1200px) {
    .product-recommendation {
        margin-top: 0; /* Remove margin for smaller screens */
    }
}

.product-block .action .buy-button-container {
    min-width: 108px;
    max-width: unset;
    padding-left: 10px;
    padding-right: 10px;
}
.buy-button-reduce {
    border-top-left-radius: 3px;
    border-bottom-left-radius:3px;
}
.buy-button-add {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
#toplist-header {
    font-weight: 500;
    font-size: 16px;
    color: #303030;
}
.toplist-article-row {
    font-size: 12px;
    color: #777271;
}
#toplist.new-toplist-responsive {
    background-color: #f7f7f7 !important;
}

    #toplist.new-toplist-responsive > .content > .toplist-item-row {
        background-color: #ffffff;
        margin-top: 5px;
    }

/*#first-page-info {
    background-color: #ffffff;
    padding: 10px;
}*/

.responsive-footer-right-banners {
    background-color: #ffffff;
}

.nicotine-warning {
    font-size: 11px;
    line-height: 15px;
    display: inline-block;
    margin-top: 5px;
    width: 100%
}

#page {
    background-color: #ffffff;
    margin: 10px;
}


.all-articles-button {
    display: block;
    margin: auto;
    background-color: #008936;
    width: 140px;
    height: 40px;
    font-size: 1.4em !important;
    cursor: pointer;
    color: white;
    border: none;
    border-radius: 3px;
}

#brands {
    background-color: #ffffff;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
}

    #brands .row.rowy {
        justify-content: space-evenly;
    }

#product-sku-select {
    background-color: transparent;
    color: #323232;
    border-color: #008936;
    font-weight: 500;
    font-size: 16px;
}


#product-nostock-details {
    margin-top: 0px;
    margin-bottom: 10px;
}

.premium .buy-button-container .purchase-button, .premium .buy-button-container .product-link-button {
    background-color: var(--premium-link);
    border-color: var(--premium-link);
    color: #ffffff;
}

.premium .price-tag {
    top: 203px;
    left: 0px;
    width: 100%;
    background-image: none;
    margin-left: 0px;
    padding-left: 0px;
}

.premium .product-block .price-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.premium .product-block .price-box .store-price, .premium .product-block .price-box .lowest-price {
    position: absolute;
}

.premium div.price-tag.campaign {
    top: 210px;
}

.premium div.price-tag {
    top: 210px;
}

.premium .price-tag a {
    color: var(--premium-gray);
    font-weight: 700;
    width: 100%;
    display: inline-block;
    text-align: center;
    background-color: #ffffff;
}

#search-products.single-compact .premium .price-tag-flat.price-tag a {
    color: var(--premium-gray);
}

.single-compact .rx-image-text {
    display: none;
}

.single .price-tag:not(.price-tag-flat) {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width:96px;
    background-size: contain;
    font-size: 25px;
    font-weight: 700;
}

#search-products.single .premium .price-tag {
    position: absolute;
    width: 100%;
    text-align: center;
    margin-left: 0px;
    left: 0px;
    font-size: 20px;
    top: 335px;
}

.premium div.price-tag .xp {
    font-size: 17px;
}


.premium .buy-button {
    background-color: var(--premium-link);
    border-color: var(--premium-link);
    color: #ffffff;
}

.premium .buy-number-display {
    background-color: var(--premium-green);
    border-color: var(--premium-green);
    color: #ffffff;
}

.premium-promotion.first-row {
    margin-bottom: 14px;
}

    .premium-promotion.first-row img {
        width: 100%;
    }

.premium-promotion.second-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .premium-promotion.second-row a {
        display: inline-block;
        width: 50%;
        margin-bottom: 14px;
    }

    .premium-promotion.second-row img {
        display: inline-block;
    }

    .premium-promotion.second-row a:nth-child(2n+1) {
        padding-right: 7px;
    }

    .premium-promotion.second-row a:nth-child(2n+0) {
        padding-left: 7px;
    }


.premium-promotion.third-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .premium-promotion.third-row a {
        display: inline-block;
        width: 100%;
        margin-bottom: 14px;
    }



#premium-home-main .read-more a {
    margin-top: 24px;
    display: inline-block;
}

.checkout-carrier-info-box, #search-hits-text strong {
    font-family: 'Roboto Regular';
}

@media (min-width: 1200px) {
    #toggle-cart-details-icon {
        background-size: contain;
        max-height: 30px;
        max-width: 30px;
        min-height: 30px;
        min-width: 30px;
        transform: translate(2px, -2px);
    }

    #search-container {
        left: 270px;
        width: 582px;
        height: 40px;
        position: absolute;
        top: 4px;
        margin: 0px;
    }

}

#toggle-cart-details-container {
    position: absolute;
    margin-top: 8px;
    border: 2px solid #FAF6F1;
    background-color: transparent;
    width: 197px;
    height: 39px;
    display: flex;
}
#cart-header-to-checkout {
    border-radius:3px;
    font-size: 19px;
    font-weight: 400;
    width: 122px;
    height: 39px;
    margin-top: 8px;
}

.breadcrumb a, .child-categories a, .breadcrumb a:active, .child-categories a:active {
    color: #4F0F22;
}
    .breadcrumb a:hover, .child-categories a:hover {
        opacity: 0.8;
    }

#cart-updating {
    font-weight: 500;
    font-size: 16px;
}

#cart-quantity {
    font-size: 14px;
    font-weight: 500;
    background-color: #4F0F22;
}

#cart-quantity-full {
    font-family: 'Roboto Regular';
    font-size: 16px;
    position: absolute;
    top: 3px;
    right: 30px;
    z-index: 999;
    padding: 5px 10px;
    letter-spacing: 0.02em;
}

    #cart-quantity-full strong, #cart-quantity-full span, #cart-quantity-full text {
        color: #FAF6F1;
    }

#search-container {
    top: -38px;
}

#search-form-input {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}
.focus-outline-thin {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

#product-description-header {
    border-radius: 3px;
}

.checkout-add {
    border-radius: 3px;
}
.continue-button {
    border-radius: 3px;
}
.gototoplist {
    border-radius: 3px;
}
.actions > .btn-success {
    border-radius: 3px;
    font-size: 20px;
}
.keen-slider__slide {
    border-radius: 5px;
}
#product-subscription {
    font-size: 16px;
    font-weight: 500;
    border-radius: 3px;
}
.recept a ,.fullmakt a, .hogkostnad a,.meddelanden a,.receptUserLabel a{
    border-radius: 3px;
}
.auth-green-button {
    border-radius: 3px;
}
.rx-user-container {
    border-radius: 3px;
}

.breadcrumb-item {
    font-size: 16px;
}

#sidebar-categories .no-children a,
#sidebar-categories .no-children a:hover,
#sidebar-categories .no-children a:active {
    color: #777271
}

#sidebar-categories .lvl-1.collapsed {
    color: #777271;
}

.sidebar-category-header.lvl-2.collapsed {
    color: #777271 !important;
}

.s-s div, #deadline-content table, #deadline-content a, #deadline-content span {
    font-family: 'Roboto Regular';
}

#home-search-form .form-control {
    letter-spacing: 0.02em;
}

.container-fluid h1 {
    margin-top: 9px;
}

#suggest-container .inner, #suggest-container a {
    font-family: 'Roboto Regular' !important;
}

#footer {
    background-color: #FAF6F1;
    padding-top: 5px;
}

#footer-logos-new {
    padding-top: 0;
    padding-bottom: 0;
}

@media (min-width: 1200px) {
    .footer-mobile-layout {
        display: none;
    }
    .apotea-responsive-footer {
        background-color: #FAF6F1;
    }

        .apotea-responsive-footer > div {
            background: #FAF6F1 !important;
            box-shadow: none !important;
        }

        .apotea-responsive-footer h4, apotea-responsive-footer li {
            color: #2F2423 !important;
        }

        .apotea-responsive-footer a {
            color: #2F2423 !important;
            font-size: 14px !important;
            line-height: 1.7;
        }

}


/*Nya footern*/

@media (max-width: 1199px) {

    #backToTop {
        background-color: #4F0F22;
        color: #FAF6F1;
    }
        #backToTop span {
            margin-top: 1px;
        }

    #footer {
        padding: 5px 15px 0 !important;
        box-shadow: none;
        min-height: 170px;
    }
        #footer.g-2 {
            --bs-gutter-x: none !important;
        }

    .apotea-responsive-footer {
        background-color: #FAF6F1 !important;
    }

    .apotea-responsive-sub-social {
        padding: 0;
    }

    .res-none, .footer-logo-container, .responsive-footer-charity, .responsive-footer-right-banners {
        display: none !important;
    }

    .home-email-form {
        border-radius: 3px !important;
    }

    .footer-mobile-layout {
        width: 100%;
        margin-top: 3px;
        margin-bottom: 3px;
    }
    .footer-newsletter-section {
        margin-bottom: 20px;
        padding: 15px;
        border-bottom: 1px solid #ddd;
    }

        .footer-newsletter-section h3 {
            margin-bottom: 10px;
            font-size: 18px;
        }

        .footer-newsletter-section p {
            margin-bottom: 15px;
            font-size: 14px;
            line-height: 1.4;
        }

    .newsletter-form {
        width: 100%;
    }

    .newsletter-input-group {
        display: flex;
        width: 100%;
    }

        .newsletter-input-group input {
            flex: 1;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 4px 0 0 4px;
        }

        .newsletter-input-group button {
            padding: 10px 20px;
            border: none;
            background-color: #28a745;
            color: white;
            border-radius: 0 4px 4px 0;
            cursor: pointer;
        }

    .partners-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
        gap: 15px;
        padding: 15px;
        align-items: center;
        justify-items: center;
    }

        .partners-grid img {
            max-width: 60px;
            max-height: 30px;
            object-fit: contain;
        }

        .partners-grid a {
            padding: 0 !important;
        }

    .footer-dropdown-section {
        border-bottom: 1px solid #ddd;
    }

    .dropdown-arrow {
        transition: transform 0.3s ease;
    }

        .dropdown-arrow.open {
            transform: rotate(180deg);
        }

    .dropdown-content {
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        transition: opacity 0.3s ease, max-height 0.3s ease;
    }

        .dropdown-content.open {
            opacity: 1;
            max-height: 500px;
        }

    .dropdown-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: center;
        padding: 17px 15px 15px 15px;
        cursor: pointer;
        background-color: #FAF6F1;
        border: 1px solid #FAF6F1;
        color: #2F2423;
        border-radius: 3px;
    }

        .dropdown-header h2 {
            font-family: 'Apotea Sans Medium';
            margin: 0 !important;
            font-size: 16px;
            font-weight: 500;
            color: #2F2423 !important;
        }

    .dropdown-arrow {
        font-size: 14px;
        transition: transform 0.3s ease;
    }

    .dropdown-content {
        padding: 0;
        background-color: white;
        border-radius: 3px;
    }

        .dropdown-content ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .dropdown-content li {
            border-bottom: 1px solid #eee;
        }

            .dropdown-content li:last-child {
                border-bottom: none;
            }

        .dropdown-content a {
            display: block;
            padding: 12px 15px;
            text-decoration: none;
            color: #2F2423;
            font-size: 14px;
        }

            .dropdown-content a:hover {
                background-color: #f8f9fa;
            }

            

    .footer-static-session {
        background-color: #FAF6F1;
        padding: 15px;
        flex-wrap: wrap;
        display: flex;
        gap: 20px;
        justify-content: space-between;
        align-items: center;
        color: white;
    }

    #responsive-teh {
        display: flex;
        place-items: center;
        gap: 20px;
        flex-grow: 1;
        margin: 0;
        flex-wrap: wrap;
    }
    #responseive-teh > div {
        flex-grow: 1;
        width: 100%;
    }


    #prisjakt-rating {
        display: flex;
        align-items: center;
        gap: 10px;
        white-space: nowrap;
    }

        #prisjakt-rating img {
            margin-top: 5px;
            width: 65px !important;
        }

    .pricerunner-score {
        display: flex;
        align-items: center;
        gap: 10px;
        white-space: nowrap;
    }

        .pricerunner-score img {
            width: 70px;
        }

    #apotea-social {
        display: flex;
        flex-grow: 1;
    }

        #apotea-social > div {
            display: flex;
            align-items: center;
        }

        #apotea-social img {
            width: 24px;
            height: 24px;
            filter: none;
        }

    .separator {
        color: #009036;
        margin-top: 2px;
    }

    .settings-policy {
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-color: white;
        min-height: 45px;
        padding-top: 15px;
    }
        .settings-policy a {
            font-family: 'Roboto Regular';
            font-size: 14px;
            color: #009036;
            text-decoration: underline;
            text-decoration-color: #009036;
            margin-bottom: 0px !important;
        }

    .policy-row {
        display: flex;
        justify-content: center;
        gap: 5px;
        min-height: 20px;
        flex-wrap: wrap;
        line-height: 1;
    }

    .cert-session {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: white;
        padding: 10px 10px;
        gap: 10px;
    }

        .cert-session img {
            max-width: 50px !important;
            max-height: 50px !important;
            width: auto !important;
            height: auto !important;
            object-fit: contain !important;
            display: block !important;
        }

            .cert-session img[alt*="Apotek med tillstånd"] {
                max-width: 60px !important;
                max-height: 60px !important;
            }

    .g-0 {
        background-color: #FAF6F1;
    }

    #footer-bottom {
        background-color: #FAF6F1;
    }

}



@media (max-width: 425px) {
    .footer-static-session {
        gap: 10px;
    }
    #apotea-social {
        place-items: center;
        justify-content: center;
    }
    .error-text {
        margin-bottom: 2px;
    }
    #responsive-teh {
        justify-content: center;
        gap: 5px;
    }
}
/* Sajtfärger på menyn */
#main-menu .menu-top,
#main-menu .menu-end {
    background-color: #FAF6F1;
}

#sidebar-categories .lvl-1 {
    background-color: #4F0F22;
    color: white;
}

.sidebar-category-header.lvl-2 {
    color: #4F0F22;
    font-weight: 500;
}

#sidebar-categories .lvl-2:first-child:not(.sidebar-category-header) {
    border-left: 1px solid #4F0F22;
}

.sidebar-category-header.lvl-2:not(.collapsed):after {
    color: #FAF6F1;
}

#sidebar-categories .lvl-3 {
    border-left: 1px solid #FAF6F1;
}
/**/

@media (min-width: 1200px) {
    #main-menu .menu-top,
    #main-menu .menu-end {
        background-color: unset;
    }

}