/*#region theme overrides */

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    src: url(/portal/templates/fonts/Inter-Regular.small.woff2) format("woff2"),
         url(/portal/templates/fonts/Inter-Regular.small.woff) format("woff") !important
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    src: url(/portal/templates/fonts/Inter-SemiBold.small.woff2) format("woff2"),
         url(/portal/templates/fonts/Inter-SemiBold.small.woff) format("woff") !important
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    src: url(/portal/templates/fonts/Inter-Bold.small.woff2) format("woff2"),
         url(/portal/templates/fonts/Inter-Bold.small.woff) format("woff") !important
}

@font-face {
    font-display: swap;
    font-family: sv_icons;
    font-style: normal;
    src: url(/portal/templates/fonts/sv_icons.woff2) format("woff2"),
         url(/portal/templates/fonts/sv_icons.woff) format("woff") !important
}

svg path {
    stroke-width: "1.2";
    stroke-linecap: "round";
    stroke-linejoin: "round";
}

.meta-header__btn svg path {
    stroke: var(--brand-blue-brand-040);
}

.spin {
    animation-name: spin;
    animation-duration: 3s; /* Adjust the duration as needed */
    animation-iteration-count: infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

thead input {
	width: 100%;
}
tr.filters > th {
	background-color: #e5e8eb !important;
	padding: 5px !important;
	border-color: #bec0c2 !important;
}

.card__header {
    position: relative;
}

.card__header--price {
    position: absolute;
    right: 8px;
    bottom: 12px;
    color: var(--bw-pure-white, #fff);
    font-size: 16px;
    font-weight: 800;
    line-height: 12px;
    padding: 1px 8px 0;
}

.card__info-item:not(:last-child)::after {
    display: none !important;
}

/* nav */

@media(max-width:576.02px) {
    nav.main-nav {
        padding-top: 20px;
    }
}

a.main-nav__root-trigger {
    display: inline-block;
    text-decoration: none;
    line-height: 42px;      /*TODO: do we need a different height for mobile view? */
    vertical-align: middle;
}

.umbraco-forms-fieldset.no-border {
    background: none;
    border: none;
    margin-bottom: 0;
    padding: 0;
    /* position: relative */
}

.contrast-on .umbraco-forms-fieldset.no-border {
    border: none
}

.umbraco-forms-fieldset input[type=date] {
    padding: 12px 16px;
    width: 100%;
}

.umbraco-forms-fieldset input[type=text] {
    max-width: none;
}

.umbraco-forms-fieldset input[type=password] {
    padding: 12px 16px;
    width: 100%;
    max-width: none;
}

.umbraco-forms-fieldset textarea {
    background: var(--bw-pure-white, #fff);
    border: 1px solid var(--bg-bg-blue-080, #c5d7e1);
    border-radius: 4px;
    padding: 12px 16px;
    font-size: 1rem;
    width: 100%;
    max-width: 100%;
    height: 84px;
    max-height: 264px;
}

.umbraco-forms-fieldset textarea:focus-visible {
    box-shadow: 0 0 0 3px #bfe0ff;
    outline: 1px solid var(--accent-active-blue-100, #2997ff);
}

.accordion__headerButton[disabled] {
    cursor: not-allowed;
}
.accordion__headerButton[disabled]:hover span {
    color: inherit;
}

/*#endregion theme overrides */


/*region theme extensions */

.info-box--danger {
    --infobox-headline-bg: #9b22260d;
    --infobox-headline-color: #9b2226
}

.box-forms-field-wrapper {
    margin-top: 15px;
}

.box-forms-field-wrapper label {
    display: inline-block;
    text-align: left;
}

.box-forms-field-wrapper div {
    vertical-align: top; /* keep inputs aligned in multi input rows with error messages */
}

.box-forms-field-wrapper input[type=checkbox] {
    position: relative;
    left: 5px;
    top: 1px;
}

input[disabled], select[disabled], textarea[disabled] {
    cursor: not-allowed;
}

.box-forms-field-wrapper.cols > div:not(:first-child) {
    margin-top: 15px;
}

@media(min-width:576.02px) {

    .box-forms-field-wrapper.cols > div {
        display: inline-block;
        margin-right: 0;
    }
    .box-forms-field-wrapper.cols > div:not(:first-child) {
        margin-top: 0;
        margin-left: 15px;
    }

    .box-forms-field-wrapper.cols.cols-3 > div {
        width: calc(33% - 11px);
    }

    .box-forms-field-wrapper.cols.cols-2 > div {
        width: calc(50% - 10px);
    }

    .box-forms-field-wrapper.cols > div.cols-1of3 {
        width: calc(33% - 11px);
    }

    .box-forms-field-wrapper.cols > div.cols-2of3 {
        width: calc(66% - 3px);
    }

}

.form-summary-labal {
    color: var(--brand-blue-brand-100);
}

/*
.badge {
    border: 1px solid;
    border-radius: 4px;
    font-size: .75rem;
    font-weight: 600;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    line-height: 16px;
    padding: 1px 8px 0;
    -- text-transform: uppercase
}
.badge.blue-badge {
    border-color: #007BB6;
    color: #007BB6;
}
.badge.red-badge {
    border-color: #9B2226;
    color: #9B2226;
} */


/*#endregion theme extensions */



/*#region validation */

.validationMessage {
    color: #9B2226;
    padding-left: 2px;
    line-height: 1.6em;
}

div.validation-required label::after {
    content: "*";
    margin-left: 0.2em;
}

div.validation-error label {
    color: #9B2226;
}

div.validation-error label::before {
    content: "\e99b";
    font-family: 'sv_icons' !important;
    font-size: 25px;
    font-weight: normal;
    visibility: visible;
    position: absolute;
    margin-left: -35px;
    top: auto;
    margin-top: 3px;
    margin-right: 10px;
    vertical-align: -25%;
}

div.validation-error input {
    border-color: #9B2226;
}

div[hidden] {
    display: none;
}

/*#endregion validation */


/*#region choices */

.choices__inner {
    background-color: var(--bw-pure-white, #fff);
    padding: 10px 16px;
    vertical-align: middle;
}

.choices__input.choices__input--cloned {
    border: none;
    margin: 0;
    height: auto;
}
.choices__input.choices__input--cloned:focus-visible {
    box-shadow: none;
    outline: none;
}

.choices__list.choices__list--multiple > .choices__item.choices__item--selectable {
    background-color: var(--brand-blue-dark-100);
    border: 1px solid var(--brand-blue-dark-100);
}

.choices__list.choices__list--dropdown .choices__item.choices__item--selectable {
    background-color: var(--bw-pure-white, #fff);
    border: none;
    color: var(--text-color);
}

/*#endregion choices */


.pull-right {
    margin-left: auto;
}


/* instance name (test indicator) */
.t2-instance-watermark {
    background-color: var(--btn-primary-bg-color);
    color: var(--btn-primary-text-color);
    padding: 8px 20px;
    margin-top: -8px;
    margin-bottom: -7px;
    font-weight: bold;
    border-radius: 20px;
}
.contrast-on .t2-instance-watermark {
    color: var(--btn-primary-text-color);
}


/*#region edit*/

/* .t2-edit-hidden { display: initial; } */
.t2-edit-visible { display: none; }

.t2-editing .t2-edit-hidden { display: none; }
.t2-editing .t2-edit-visible { display: flex; }

/*#endregion edit*/


.show-in-progress { display: none; }

.in-progress .show-in-progress { display: inline; }
.in-progress .hide-in-progress { display: none; }


/*#region map*/

svg.t2-linked-map a > path {
    fill: #6f9c76 /* var(--2nd-green-02080, #519d49) */;
}
svg.t2-linked-map a:visited > path {
    fill: #6f9c76 /* var(--2nd-green-02100, #26851c) */;
}
svg.t2-linked-map a:hover > path {
    fill: var(--btn-primary-bg-color, #f7d147);
    /* fill: #007bb6; */
    /* fill: #1c2541; */
    /* fill: #ee9b00; */
    box-shadow: 0 24px 38px 3px #48535e24,0 9px 46px 8px #48535e21,0 11px 15px -7px #48535e33;
}

/*#endregion map*/

/*#region AUVKurs overrides for AUVA classes - featuredLinks.css*/

.featured-links.theme--AUVKurs-apricot-inverted {
    --theme-bg: #fff;
    --text-color: #ee9b00;
    --headline-color: #ee9b00;
    --subheadline-color: #ee9b00;
    box-shadow: 0 0 24px 0 #1c254114;
    margin-left: 0;
}
.featured-links.theme--AUVKurs-apricot-inverted path {
    stroke: #ee9b00;
}
.featured-links.theme--AUVKurs-apricot-inverted:hover {
    --theme-bg: #ee9b00;
    --text-color: #fff;
    --headline-color: #fff;
    --subheadline-color: #fff;
}
/* .featured-links.theme--AUVKurs-apricot-inverted:hover a {
    text-decoration: none;
} */
.featured-links.theme--AUVKurs-apricot-inverted:hover path {
    stroke: #fff;
}

.contrast-on .featured-links.theme--AUVKurs-apricot-inverted {
    --theme-bg: #fff;
    --text-color: #007bb6;
    --headline-color: #007bb6;
    --subheadline-color: #007bb6;
}
.contrast-on .featured-links.theme--AUVKurs-apricot-inverted path {
    stroke: #007bb6;
}
.contrast-on .featured-links.theme--AUVKurs-apricot-inverted:hover {
    --theme-bg: #007bb6;
    --text-color: #fff;
    --headline-color: #fff;
    --subheadline-color: #fff;
}
.contrast-on .featured-links.theme--AUVKurs-apricot-inverted:hover path {
    stroke: #fff;
}
/*#endregion AUVKurs overrides for AUVA classes - featuredLinks.css*/

