/**
 * @file Contains overrides for Sitevision modules.
 */


/* Breadcrumbs/Multi level link */

.sv-marketplace-sitevision-breadcrumbs {
    --env-link-secondary-font-color: var(--env-link-font-color);
    --env-link-secondary-hover-font-color: var(--env-link-hover-font-color);
    --env-link-secondary-text-decoration: var(--env-link-text-decoration);
    --env-link-secondary-hover-text-decoration: var(--env-link-hover-text-decoration);
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.smhi-page-content-padding .sv-marketplace-sitevision-breadcrumbs {
    padding-bottom: 3rem;
}

.sv-marketplace-sitevision-breadcrumbs ol li::before {
    color: var(--color-cloud-100) !important;
}

.sv-marketplace-sitevision-breadcrumbs ol li a {
    text-underline-offset: 2px;
}

.sv-marketplace-sitevision-breadcrumbs ol li a:active,
.sv-marketplace-sitevision-breadcrumbs ol li a:visited {
    color: var(--color-sky-80);
}

/* Nested list menu */

.sv-nestedlistmenu-portlet ul,
.sv-marketplace-sitevision-sub-menu .env-list,
.sv-marketplace-sitevision-mobile-menu .env-list {
    font-size: 1rem;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sv-marketplace-sitevision-sub-menu nav>ul,
.sv-nestedlistmenu-portlet>div>ul {
    border: 1px solid var(--color-cloud-30);
}

.sv-marketplace-sitevision-mobile-menu dialog>.env-list>.env-list__item>.env-list {
    border-top: 1px solid var(--color-cloud-30);
}

.sv-nestedlistmenu-portlet>div>ul>li:not(:last-child),
.sv-marketplace-sitevision-sub-menu nav>.env-list>.env-list__item>.env-list>.env-list__item:not(:last-child),
.sv-marketplace-sitevision-mobile-menu dialog > ul > li:not(:last-child) {
    border-bottom: 1px solid var(--color-cloud-30);
}

.sv-nestedlistmenu-portlet a {
    font-family: var(--env-font-family);
    font-size: 1rem;
    font-weight: 400;
}

.sv-nestedlistmenu-portlet a:focus-visible {
    outline-color: var(--color-sky-60);
    outline-offset: var(--outline-offset-inside);
    outline: var(--env-focus-size) solid var(--env-focus-outline-color);
}

.sv-nestedlistmenu-portlet a,
.sv-marketplace-sitevision-sub-menu a,
.sv-marketplace-sitevision-mobile-menu a {
    border-left: 4px solid transparent;
    display: block;
    padding: 0.75rem 1rem;
    text-decoration: none;
}

.sv-nestedlistmenu-portlet ul ul a,
.sv-nestedlistmenu-portlet .a1,
.sv-marketplace-sitevision-sub-menu .env-list .env-list .env-list a,
.sv-marketplace-sitevision-mobile-menu .env-list .env-list a {
    background-color: var(--color-cloud-10);
    padding-left: 2rem;
}

.sv-nestedlistmenu-portlet .a2,
.sv-nestedlistmenu-portlet .a3,
.sv-nestedlistmenu-portlet .a4,
.sv-nestedlistmenu-portlet .a5,
.sv-marketplace-sitevision-mobile-menu .env-list .env-list .env-list a {
    background-color: var(--color-cloud-10);
    padding-left: 3rem;
}

.sv-nestedlistmenu-portlet ul ul ul a,
.sv-marketplace-sitevision-sub-menu .env-list .env-list .env-list .env-list a {
    background-color: var(--color-cloud-20);
    padding-left: 3rem;
}

.sv-nestedlistmenu-portlet ul ul ul ul a,
.sv-marketplace-sitevision-sub-menu .env-list .env-list .env-list .env-list .env-list a,
.sv-marketplace-sitevision-mobile-menu .env-list .env-list .env-list .env-list a {
    padding-left: 4rem;
    background-color: var(--color-cloud-10);
}

.sv-nestedlistmenu-portlet ul ul ul ul ul a,
.sv-marketplace-sitevision-sub-menu .env-list .env-list .env-list .env-list .env-list .env-list a,
.sv-marketplace-sitevision-mobile-menu .env-list .env-list .env-list .env-list .env-list a {
    padding-left: 5rem;
    background-color: var(--color-cloud-20);
}

.sv-nestedlistmenu-portlet ul ul ul ul ul ul a {
    padding-left: 6rem;
}

.sv-nestedlistmenu-portlet ul ul ul ul ul ul ul a {
    padding-left: 7rem;
}

.sv-nestedlistmenu-portlet ul ul button,
.sv-nestedlistmenu-portlet ul ul button:focus,
.sv-nestedlistmenu-portlet ul ul button:focus-visible,
.sv-nestedlistmenu-portlet ul ul ul ul button,
.sv-nestedlistmenu-portlet ul ul ul ul button:focus,
.sv-nestedlistmenu-portlet ul ul ul ul button:focus-visible,
.sv-nestedlistmenu-portlet ul ul ul ul ul ul a,
.sv-nestedlistmenu-portlet ul ul ul ul ul ul button,
.sv-nestedlistmenu-portlet ul ul ul ul ul ul button:focus,
.sv-nestedlistmenu-portlet ul ul ul ul ul ul button:focus-visible {
    background-color: var(--color-cloud-10);
}

.sv-nestedlistmenu-portlet ul ul ul button,
.sv-nestedlistmenu-portlet ul ul ul button:focus,
.sv-nestedlistmenu-portlet ul ul ul button:focus-visible,
.sv-nestedlistmenu-portlet ul ul ul ul ul button,
.sv-nestedlistmenu-portlet ul ul ul ul ul button:focus,
.sv-nestedlistmenu-portlet ul ul ul ul ul button:focus-visible,
.sv-nestedlistmenu-portlet ul ul ul ul ul ul ul a,
.sv-nestedlistmenu-portlet ul ul ul ul ul ul ul button,
.sv-nestedlistmenu-portlet ul ul ul ul ul ul ul button:focus,
.sv-nestedlistmenu-portlet ul ul ul ul ul ul ul button:focus-visible {
    background-color: var(--color-cloud-20);
}

.sv-nestedlistmenu-portlet a.normal,
.sv-nestedlistmenu-portlet a.current,
.sv-marketplace-sitevision-sub-menu a[data-current-item="true"],
.sv-marketplace-sitevision-mobile-menu a[data-active-item="true"] {
    border-left-color: var(--color-sky-60);
    background-color: var(--color-sky-10)!important;
    font-weight: 400;
    color: var(--color-cloud-100);
    text-decoration: none !important;
}

.sv-nestedlistmenu-portlet a:hover,
.sv-marketplace-sitevision-mobile-menu a:hover,
.sv-marketplace-sitevision-sub-menu a:hover {
    background: var(--color-sky-10)!important;
    transition: var(--bg-and-typocolor-animation);
}

.sv-editing-mode .sv-visible-sv-bp-desktop.sv-nestedlistmenu-portlet,
.sv-no-js .sv-visible-sv-bp-desktop.sv-nestedlistmenu-portlet,
.sv-js .sv-nestedlistmenu-portlet.sv-hide-sv-bp-smartphone {
    display: none !important;
}

/*		Submenu (Marketplace)		*/

.sv-marketplace-sitevision-sub-menu svg,
.sv-marketplace-sitevision-sub-menu nav>ul>li>a {
    display: none;
}

.sv-marketplace-sitevision-sub-menu a {
    min-width: calc(100% - 3rem);
    width: 100%;
    border-bottom: 0;
    padding-right: 3rem;
    transition: var(--bg-and-typocolor-animation);
}

.sv-marketplace-sitevision-sub-menu a[data-active-item="true"] {
    border-left-color: var(--color-sky-60);
}

.sv-marketplace-sitevision-sub-menu a[data-current-item="true"]:hover {
    background: var(--color-sky-20) !important;
}

.sv-marketplace-sitevision-sub-menu button {
    min-height: 3rem !important;
    padding: 3rem 0 0 !important;
    width: 3rem !important;
    border: 0;
}

.sv-marketplace-sitevision-sub-menu button:hover {
    background-color: transparent;
}

.sv-marketplace-sitevision-sub-menu button:after {
    content: '';
    background-image: url('/images/18.1e06e3b418b6c84bee331e/1704191685339/chevron-down-outline-24x24.svg');
    position: absolute;
    height: 3rem;
    top: 0;
    width: 3rem;
    right: 0;
    left: 0;
    bottom: 0;
    background-position: center;
    background-size: 1.5rem;
    background-repeat: no-repeat;
}

.smhi-submenu__item-toggle[aria-expanded="true"],
.sv-marketplace-sitevision-sub-menu a[data-active-item="true"]+button:after {
    transform: rotate(180deg);
}

/*		Submenu with js		*/

.smhi-submenu__item-wrapper {
    display: flex;
}

.smhi-submenu__item-wrapper a {
    width: calc(100% - 3rem);
    padding: .75rem 1rem;
    line-height: 1.5;
}

.smhi-submenu__item-wrapper button {
    position: relative;
    padding: .75rem;
    border-radius: 0;
    border: 0;
}

.smhi-submenu__item-wrapper button[aria-expanded="true"]:focus,
.smhi-submenu__item-wrapper button[aria-expanded="true"]:focus-visible,
.smhi-submenu__item-wrapper button[aria-expanded="true"] {
    background: var(--color-sky-10);
}

.smhi-submenu__item-wrapper button[aria-expanded="true"]:hover,
.smhi-submenu__item-wrapper a.normal:hover {
    background: var(--color-sky-20);
}

.smhi-submenu {
    border-radius: .125rem;
    overflow: hidden;
}

.smhi-submenu ul ul {
    display: none;
}

.smhi-submenu__list--active {
    display: block !important;
}

.smhi-submenu .smhi-submenu__item--selected-within:not(.smhi-submenu__item--active)>span>a {
    border-left-color: var(--color-sky-60);
}

.smhi-submenu__item--active {
    border-bottom: 1px solid var(--color-cloud-30);
}

.smhi-submenu__item--active>span + ul {
    border-top: 1px solid var(--color-cloud-30);
}

/* Table of contents (TOC) */

.sv-toc-portlet ul {
    all: revert;
    padding-left: 1.15em;
    margin: 0;
}

.sv-toc-portlet li {
    margin: 0.5rem 0;
}

/*		Bildmodul		*/

.sv-image-portlet .sv-portlet-image-caption {
    max-width: var(--max-text-content-width);
    margin: .25rem 0;
    color: var(--color-cloud-100);
    font-size: 0.75rem;
    line-height: 1.66;
}

.sv-image-portlet .sv-resizable-img {
    display: block;
    max-width: var(--max-text-content-width);
    position: relative;
}

.sv-image-portlet .sv-resizable-img:after {
    content: '';
    position: absolute;
    right: .5rem;
    top: .5rem;
    border-radius: .125rem;
    border: 1px solid var(--color-cloud-30);
    background-color: var(--color-zenith);
    width: 2rem;
    height: 2rem;
    background-image: url('/images/18.6ac52ce318d12812fe2390/1705650964261/fullscreen-indicator-16x16.svg');
    background-position: center;
    background-size: 1rem;
    background-repeat: no-repeat;
}

/*		Formulär		*/

*+.sv-signup-portlet,
*+.sv-form-portlet,
*+.sv-dbform-portlet,
*+.sv-survey-portlet {
    margin-top: 1rem;
}

.sv-field-title-container span.normal,
.sv-field-title-container label {
    display: inline-block;
    margin-bottom: .5rem;
    color: var(--color-cloud-100);
}

.sv-defaultFormTheme select,
.sv-defaultFormTheme input[type=email],
.sv-defaultFormTheme input[type=number],
.sv-defaultFormTheme input[type=tel],
.sv-defaultFormTheme input[type=text],
.sv-defaultFormTheme input[type=url],
.sv-defaultFormTheme textarea {
    border-radius: 0.125rem;
    border: 1px solid var(--color-cloud-30);
    background: var(--color-zenith);
    padding: .75rem 1rem;
    transition: var(--bg-and-typocolor-animation);
    height: auto;
    box-shadow: none;

    color: var(--color-cloud-100);
    font-size: 1rem;
    font-family: var(--env-font-family);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
}

.sv-defaultFormTheme select {
    padding-right: 3rem;
    background-position: right 1rem center;
    background-repeat: no-repeat;
    background-size: 1.5rem;
    appearance: none;
    background-image: url('/images/18.1e06e3b418b6c84bee331e/1704191685339/chevron-down-outline-24x24.svg');
}

.sv-defaultFormTheme input[type=button],
.sv-defaultFormTheme input[type=reset],
.sv-defaultFormTheme input[type=submit] {
    border-radius: .125rem;
    border: 1px solid var(--color-sky-60);
    background-color: transparent;
    padding: .75rem 1rem;
    transition: var(--bg-and-typocolor-animation);
    color: var(--color-sky-60);
    font-family: var(--env-font-family);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.33;
}

.sv-defaultFormTheme input[type="checkbox"],
.sv-defaultFormTheme .sv-form-singleselectionfield input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.sv-defaultFormTheme input[type="checkbox"]+label,
.sv-defaultFormTheme input[type="radio"]+label {
    padding: .75rem 1rem;
    position: relative;
    border: 1px solid transparent;
    transition: var(--bg-and-typocolor-animation);
    border-radius: .125rem;
    cursor: pointer;
}

.sv-defaultFormTheme input[type="checkbox"]+label {
    display: block;
    margin-bottom: .5rem;
}

.sv-defaultFormTheme input[type="radio"]+label {
    display: flex;
    align-items: center;
    margin-bottom: .5rem;
}

.sv-defaultFormTheme input[type="checkbox"]+label:before,
.sv-defaultFormTheme input[type="radio"]+label:before {
    content: '';
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 1rem;
    box-sizing: border-box;
    border: .125rem solid var(--color-cloud-60);
    background-color: var(--color-zenith);
    border-radius: .125rem;
    transition: var(--bg-and-typocolor-animation);
}

.sv-defaultFormTheme input[type="checkbox"]+label:before {
    vertical-align: text-top;
}

.sv-defaultFormTheme input[type="radio"]+label:before {
    border-radius: 100%;
}

.sv-defaultFormTheme input[type="radio"]:checked+label:before {
    border: .375rem solid var(--color-sky-60);
    box-shadow: inset .25rem .25rem var(--color-zenith);
    background-color: var(--color-zenith);
    border-radius: 50%;
    content: "";
    height: 1.25rem;
    width: 1.25rem;
    box-sizing: border-box;
    transition: var(--bg-and-typocolor-animation);
}

.sv-defaultFormTheme input[type="checkbox"]:checked+label:before {
    border: .125rem solid var(--color-sky-60, #0C6BC4);
    background: var(--color-sky-60, #0C6BC4);
    transition: var(--bg-and-typocolor-animation);
}

.sv-defaultFormTheme input[type="checkbox"]:checked+label:after {
    content: '';
    position: absolute;
    -webkit-mask-image: url("/images/18.1e06e3b418b6c84bee331a/1701771217734/checkmark-outline-16x16.svg");
    mask-image: url("/images/18.1e06e3b418b6c84bee331a/1701771217734/checkmark-outline-16x16.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left;
    mask-position: left;

    height: 1rem;
    width: 1rem;
    top: .75rem;
    margin-top: 0.188rem;
    left: 1.125rem;
    z-index: 9;
    background-color: var(--color-zenith);
}

.sv-form-datefield .sv-float-left {
    float: none;
    display: flex;
    gap: 1rem;
}

.sv-form-datefield .sv-float-left+.sv-float-left {
    margin: 1rem 0 0;
}

.sv-defaultFormTheme .sv-form-datefield select {
    width: 100%;
}

.sv-form-orderfield {
    display: flex;
    flex-flow: wrap;
}

.sv-form-orderfield table {
    width: 100%;
}

.sv-form-orderfield tr {
    display: flex;
    flex-flow: column;
}

.sv-form-orderfield td input[type="number"] {
    width: 100%;
}

.sv-form-userattributefield label,
.sv-form-orderfield td label {
    display: inline-block;
    margin-bottom: .5rem;
    color: var(--color-cloud-100);
    font-weight: 700;
}

.sv-form-orderfield>div:last-child {
    display: block;
    margin: .5rem 0 0;
    flex-basis: 100%;
    width: 100%;
}

/*
.sv-form-userattributefield input[name="address-line1"] {
    width: 100%;
}

.sv-form-userattributefield input[name="postal-code"],
.sv-form-userattributefield input[name="address-level1"] {
    width: calc(100%/2);
}*/

.sv-form-userattributefield>div {
    display: block;
    float: none;
    width: 100%;
}

.sv-defaultFormTheme input[type=file] {
    padding: 0;
}

.sv-defaultFormTheme input[type=file]::file-selector-button {
    border: 1px solid transparent;
    padding: .75rem 1rem .75rem 3rem;
    box-sizing: border-box;
    transition: var(--bg-and-typocolor-animation);
    cursor: pointer;
    border-radius: .125rem;
    margin-right: 1rem;

    border-color: var(--color-sky-60);
    color: var(--color-sky-60);
    background-color: var(--color-zenith);
    background-image: url('/images/18.104dba0d18d553f548c1a9/1706784099491/attatch-24x-24--sky-60.svg');
    background-position: left 1rem center;
    background-size: 1.5rem;
    background-repeat: no-repeat;

    font-size: 1.125rem;
    font-family: var(--font-family-text);
    line-height: 1.33;
    text-decoration: none !important;
    min-height: 0;
}

/*      States      */
.sv-defaultFormTheme select:hover,
.sv-defaultFormTheme input[type=email]:hover,
.sv-defaultFormTheme input[type=text]:hover,
.sv-defaultFormTheme input[type=tel]:hover,
.sv-defaultFormTheme input[type=url]:hover,
.sv-defaultFormTheme input[type=number]:hover,
.sv-defaultFormTheme input[type=button]:hover,
.sv-defaultFormTheme input[type=reset]:hover,
.sv-defaultFormTheme input[type=submit]:hover,
.sv-defaultFormTheme input[type=submit]:active,
.sv-defaultFormTheme input[type="radio"]+label:hover,
.sv-defaultFormTheme input[type="radio"]:checked+label,
.sv-defaultFormTheme input[type="checkbox"]+label:hover,
.sv-defaultFormTheme input[type="checkbox"]:checked+label,
.sv-defaultFormTheme input[type=file]:hover::file-selector-button,
.sv-defaultFormTheme textarea:hover {
    background-color: var(--color-sky-10);
    border: 1px solid var(--color-sky-60);
    transition: var(--bg-and-typocolor-animation);
    box-shadow: none;
}

.sv-defaultFormTheme input[type=button]:hover,
.sv-defaultFormTheme input[type=reset]:hover,
.sv-defaultFormTheme input[type=submit]:hover,
.sv-defaultFormTheme input[type=submit]:active {
    color: var(--color-sky-60);
}

.sv-defaultFormTheme select:focus,
.sv-defaultFormTheme input[type=text]:focus,
.sv-defaultFormTheme input[type=email]:focus,
.sv-defaultFormTheme input[type=tel]:focus,
.sv-defaultFormTheme input[type=url]:focus,
.sv-defaultFormTheme input[type=number]:focus,
.sv-defaultFormTheme textarea:focus {
    border: 1px solid var(--color-cloud-30);
    box-shadow: none;
}

.sv-defaultFormTheme input[type=submit]:focus {
    border: 1px solid var(--color-sky-60);
    background-color: transparent;
    color: var(--color-sky-60);
    outline: none;
}

.sv-defaultFormTheme input[type=file]:focus,
.sv-defaultFormTheme input[type=file]:focus-visible {
    outline: none;
}

.sv-defaultFormTheme select:focus-visible,
.sv-defaultFormTheme input[type=submit]:focus-visible,
.sv-defaultFormTheme input[type="radio"]:focus-visible+label,
.sv-defaultFormTheme input[type="checkbox"]:focus-visible+label,
.sv-defaultFormTheme input[type=file]:focus-visible::file-selector-button {
    background-color: transparent;
    border: 1px solid var(--color-sky-60);
    outline: var(--env-focus-size) solid var(--color-sky-60);
    outline-offset: var(--outline-offset-inside);
}

.sv-defaultFormTheme input[type=url]:focus-visible,
.sv-defaultFormTheme input[type=number]:focus-visible,
.sv-defaultFormTheme textarea:focus-visible,
.sv-defaultFormTheme input[type=text]:focus-visible,
.sv-defaultFormTheme input[type=tel]:focus-visible,
.sv-defaultFormTheme input[type=email]:focus-visible {
    background-color: transparent;
    border: 1px solid var(--color-sky-60);
    outline: .125rem solid var(--color-sky-60);
    outline-offset: calc(-1 * .125rem);
}

.sv-defaultFormTheme input[type=submit]:focus-visible {
    color: var(--color-sky-60);
}

.sv-defaultFormTheme input[type="checkbox"]:checked+label:hover,
.sv-defaultFormTheme input[type="radio"]:checked+label:hover {
    background-color: var(--color-sky-20);
}

.sv-defaultFormTheme select:disabled {
    border: 1px solid var(--color-cloud-30);
    background-color: var(--color-cloud-10);
    color: var(--color-cloud-40);
    background-image: url('/images/18.104dba0d18d553f548c199/1706719646013/chevron-down-outline-24x24--cloud-40.svg');
}

/*		Samtycke		*/
.sv-form-consent {
    padding: 0 !important;
}

.sv-defaultFormTheme .sv-form-consent input[type="checkbox"]+label {
    padding-left: 3.5rem !important;
}

.sv-defaultFormTheme .sv-form-consent input[type="checkbox"]+label:before {
    position: absolute;
    top: 1rem;
    left: 1rem;
}

.sv-defaultFormTheme .sv-form-consent input[type="checkbox"]:checked+label:after {
    top: 1rem;
    margin-top: .125rem;
}

/*		Borttagning av br		*/
.sv-defaultFormTheme fieldset br {
    display: none;
}

/*		Beskrivning av fält	*/
.sv-form-orderfield td.normal:last-child,
.sv-defaultFormTheme fieldset+span.normal,
.sv-defaultFormTheme textarea+span.normal,
.sv-defaultFormTheme input+span.normal {
    margin-top: .5rem;
    color: var(--color-cloud-60);
    font-size: 0.875rem;
    display: inline-block;
}

/*		Högerjustering av submit		*/

.sv-signup-portlet .sv-defaultFormTheme .sv-formFieldRow:nth-last-child(2) .sv-formField,
.sv-defaultFormTheme .sv-formFieldRow:last-child .sv-formField {
    float: none;
    text-align: right;
}

/*      Error hantering */
.sv-formField .sv-has-error .sv-form-textfield,
.sv-formField .sv-has-error [aria-invalid] {
    border: 1px solid var(--color-heatwave-60);
    background: var(--color-zenith);
    transition: var(--bg-and-typocolor-animation);
}

.sv-formField .sv-has-error [aria-invalid]:hover {
    outline: 1px solid var(--color-heatwave-60);
    border: 1px solid var(--color-heatwave-60);
    background: var(--color-zenith);
    transition: var(--bg-and-typocolor-animation);
    color: var(--color-cloud-100);
}

.sv-form-portlet .sv-has-error span[role="alert"] {
    display: inline-block;
    margin: .5rem 0;
    color: var(--color-heatwave-60);
    font-family: var(--env-font-family);
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7;
}

/*      Säkerställande av marginal      */
.sv-formFieldRow:last-child .sv-formField {
    margin-bottom: 0;
}

@media (min-width: 64.0625rem) {
    .sv-formFieldRow:not(:last-child) .sv-formField {
        margin-bottom: 2rem;
    }
}


@media (max-width: 64rem) {
    .sv-formFieldRow:not(:last-child) .sv-formField {
        margin-bottom: 1.5rem;
    }
}


@media (min-width: 48rem) {
    .sv-form-orderfield>div {
        width: calc((100%/3) - 1rem);
        margin-left: 1rem;
    }

    .sv-form-orderfield>div:first-child {
        margin: 0;
    }
}

@media (max-width: 47.9375rem) {

    .sv-form-orderfield>div {
        width: 100%;
        margin-bottom: 1rem;
        margin-left: 0;
    }

    .sv-form-datefield .sv-float-left {
        flex-flow: column;
    }
}

/*		Citat		*/

.sv-blockquote-edit p,
blockquote.sv-blockquote p,
q {
    color: var(--color-cloud-100);
    font-family: var(--env-font-family);
    font-size: 1rem;
    font-style: italic;
    font-weight: 300;
    line-height: 1.5;
}

.sv-blockquote-edit,
blockquote.sv-blockquote {
    margin: 1rem 2rem;
    padding: 0 0 0 2rem;
}

.sv-blockquote-edit:before,
blockquote.sv-blockquote:before {
    background: var(--color-sky-60) !important;
    height: 1.5rem !important;
    transform: rotate(0) !important;
    width: 1.5rem !important;

    -webkit-mask-image: url("/images/18.1e2abd2f18bd82263549f8/1703177847819/quote-solid-24x24.svg");
    mask-image: url("/images/18.1e2abd2f18bd82263549f8/1703177847819/quote-solid-24x24.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: left;
    mask-position: left;
}

/*		Innehållslista / Contentlist		*/

.sv-contentlist-portlet .sv-nav-tabs {
    border-bottom: 1px solid var(--color-cloud-30);
    margin-bottom: 2rem;
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */

    background-image:

        /* Shadows */
        linear-gradient(to right, white, white),
        linear-gradient(to right, white, white),

        /* Shadow covers */
        linear-gradient(to right, rgba(100, 112, 120, 0.4), rgba(100, 112, 120, 0)),
        linear-gradient(to left, rgba(100, 112, 120, 0.4), rgba(100, 112, 120, 0));

    background-position: left center, right center, left center, right center;
    background-repeat: no-repeat;
    background-color: white;
    background-size: 1rem 100%, 1rem 100%, 1rem 100%, 1rem 100%;

    /* Opera doesn't support this in the shorthand */
    background-attachment: local, local, scroll, scroll;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.sv-contentlist-portlet .sv-nav-tabs::-webkit-scrollbar {
    display: none;
}

.sv-contentlist-portlet .sv-nav-tabs li {
    float: none;
}

.sv-contentlist-portlet .sv-nav-tabs a {
    margin: 0!important;
    background: transparent;
    border-top: .25rem solid transparent !important;
    border-right: 0 !important;
    border-bottom: .25rem solid transparent !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    padding: .5rem 1rem !important;
    box-sizing: border-box;

    color: var(--color-sky-60);
    line-height: 1.33 !important;
    transition: var(--bg-and-typocolor-animation);
    text-decoration: none;

}

.sv-contentlist-portlet .sv-nav-tabs a:hover {
    background: var(--color-sky-10) !important;
    transition: var(--bg-and-typocolor-animation);
}

.sv-contentlist-portlet .sv-nav-tabs a:focus-visible {
    outline-offset: var(--outline-offset-inside);
    background: transparent !important;
}

.sv-contentlist-portlet .sv-nav-tabs .sv-active a {
    background: var(--color-sky-10) !important;
    border-bottom: .25rem solid var(--color-sky-60) !important;
    color: var(--color-sky-60) !important;
}

.sv-contentlist-portlet .sv-nav-tabs .sv-active a:hover {
    background: var(--color-sky-20) !important;
}

.sv-contentlist-portlet .sv-nav-tabs .sv-active a:focus-visible {
    background: var(--color-sky-10) !important;
}



@media (min-width: 48rem) {

    .sv-contentlist-portlet .sv-tab-content .smhi-quick-links {
        margin-top: 2rem;
    }
}

@media (max-width: 47.9375rem) {

    .sv-contentlist-portlet .sv-tab-content .smhi-quick-links {
        margin-top: 1.5rem;
    }

    .sv-contentlist-portlet .sv-nav-tabs {
        margin-bottom: 1.5rem;
    }
}

/*		Videomoduler		*/

.sv-embeddedmedia-portlet iframe,
.sv-marketplace-sitevision-media-embed,
.sv-marketplace-sitevision-media-embed iframe,
.sv-marketplace-screen9-videoByScreen9 iframe {
    width: 100% !important;
    max-width: var(--max-text-content-width) !important;
}

.sv-marketplace-sitevision-media-embed article>div,
#player {
    max-width: 100% !important;
}

/*		Cookiebanner 	*/

.sv-cookie-consent-banner {
    border: 1px solid var(--color-cloud-30);
    box-shadow: 0px 36px 48px 0px rgba(13, 25, 33, 0.10), 0px 8px 16px 0px rgba(13, 25, 33, 0.08);
}

.sv-cookie-consent-modal .env-p-around--small,
.sv-cookie-consent-banner .env-p-around--small,
.sv-cookie-consent-banner>div {
    padding: 1rem !important;
}

.sv-cookie-consent-modal .env-form h4,
.sv-cookie-consent-banner .env-form h4 {
    margin: 0;
}

.sv-cookie-consent-modal env-form>.env-flex--column:not(:last-child),
.sv-cookie-consent-banner .env-form>.env-flex--column:not(:last-child) {
    margin-bottom: 1rem;
}


.sv-cookie-consent-banner button[type="submit"].env-button--primary {
    background-color: transparent;
    color: var(--env-element-primary-background-color);
}

.sv-cookie-consent-banner button[type="submit"].env-button--primary:focus,
.sv-cookie-consent-banner button[type="submit"].env-button--primary:focus-visible {
    background-color: transparent;
    border-color: var(--color-sky-60);
    color: var(--color-sky-60);
    outline-offset: var(--outline-offset-inside);
    outline-color: var(--color-sky-60);
}

.sv-cookie-consent-banner button[type="submit"].env-button--primary:hover {
    background-color: var(--color-sky-10);
    border-color: var(--color-sky-60);
    color: var(--color-sky-60);
}

.sv-cookie-consent-banner button[type="submit"].env-button--primary:active {
    background-color: var(--color-sky-20);
    border-color: var(--color-sky-60);
    color: var(--color-sky-60);
}

@media (min-width: 48rem) {

    .sv-cookie-consent-modal h2,
    .sv-cookie-consent-banner h2 {
        font-size: 2rem;
    }

    .sv-cookie-consent-modal h3,
    .sv-cookie-consent-banner h3 {
        font-size: 1.5rem;
    }
}

@media (max-width: 47.9375rem) {

    .sv-cookie-consent-modal h2,
    .sv-cookie-consent-banner h2 {
        font-size: 1.5rem;
    }

    .sv-cookie-consent-modal h3,
    .sv-cookie-consent-banner h3 {
        font-size: 1.25rem;
    }
}

/*      TABLE       */

table.sv-standard caption {
    margin-bottom: 1rem;
}

table.sv-standard tr {
    border-bottom: 1px solid var(--color-cloud-30);
}

table.sv-standard th,
table.sv-standard td {
    padding: .75rem 1rem;
}

table.sv-standard th {
    background-color: var(--color-cloud-10);
    color: var(--color-cloud-70);
}

table.sv-standard td {
    background-color: var(--color-zenith);
    color: var(--color-cloud-100);
}

@media (max-width: 47.9375rem) {

    table.sv-standard th,
    table.sv-standard td {
        padding: .5rem;
    }
}