/*** The new CSS Reset - version 1.4.4 (last updated 22.12.2021) ***/

/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
 */
/*:where(:not(iframe, input[type=checkbox], input[type=radio],input[type=range], select, canvas, img, svg, video, ul, ol):not(svg *, symbol *)) */
body,html,a,li {
	all: unset;
	display: revert;
}

/* Preferred box-sizing value */
*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Remove list styles (bullets/numbers) */
/*
ol, ul, menu {
	list-style: none;
}
*/
/* For images to not be able to exceed their container */

img {
	max-width: 100%;
}

/* removes spacing between cells in tables */
table {
	border-collapse: collapse;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
	white-space: revert;
}

/* fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]) {
	display: none;
}

/* revert for bug in Chromium browsers
   - fix for the content editable attribute will work properly. */
:where([contenteditable]) {
	-moz-user-modify: read-write;
	-webkit-user-modify: read-write;
	overflow-wrap: break-word;
	-webkit-line-break: after-white-space;
}

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable="true"]) {
	-webkit-user-drag: element;
}



:root {
    --container-outer-padding: 0px;
    --container-inner-padding: 24px;
    --container-padding: calc(var(--container-inner-padding) + var(--container-outer-padding));
    --navbar-size: 50px;

    --sb: calc(100vw - 100%);
}


@media (min-width: 400px) {
    :root {
        --container-outer-padding: 0px;
        --container-inner-padding: 1rem;
    }
}


@media (min-width: 1080px) {
    :root {        
        --container-inner-padding: 56px;
        --navbar-size: 100px;
    }
}


@media (min-width: 1440px) {
    :root {
        --container-outer-padding: 5vw;        
    }
}


@media (min-width: 2000px) {
    :root {
        --container-outer-padding: max(10vw, calc((100% - 1920px) / 2));
    }
}


.container {
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
}


@media (max-width: 400px) {
    .hide-xsmall-screen {
        display: none;
    }
}

@media (max-width: 1080px) {
    .hide-small-screen {
        display: none;
    }
}
div.table-responsive {
	overflow: auto;
	max-height: 70vh;
	position: relative;
}

	div.table-responsive tr:first-child:has(th) {
		position: sticky;
		top: -1px;
		background-color: white;
		z-index: 90;
	}

	div.table-responsive.table--non-stick {
		max-height: unset;
	}

		div.table-responsive.table--non-stick tr:first-child:has(th) {
			position: unset;
			top: unset;
			background-color: unset;
		}

.table .table-caption {
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 0.5rem;
	margin-top:1rem;
}

	.table .table-caption span {
		font-size: 1rem;
		font-style: normal;
		font-weight: 700;
		line-height: 170%;
		letter-spacing: 0.7px;
		text-transform: uppercase;
		flex: 2;
		color: var(--theme-primary-color);
	}

.table .table-tools {
	display: flex;
	gap: 0.5rem;
	flex: 1;
}

	.table .table-tools .table-filter {
		flex: 1;
		background: var(--secondary-5, #F2F6F7);
		font-size: 1rem;
		font-style: normal;
		font-weight: 600;
		line-height: 170%;
		color: var(--theme-primary-color);
	}

		.table .table-tools .table-filter::placeholder {
			color: var(--theme-primary-color);
		}

table.table {
	width: 100%;
	border-spacing: 0;
}

table.table--fixed {
	table-layout: fixed;
}

table.table caption {
	display: none;
}

table.table th {
	text-align: left;
	color: var(--text-color);
	font-feature-settings: 'clig' off, 'liga' off;
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 700;
	line-height: 170%;
	letter-spacing: 0.6px;
	padding: 1rem;
	text-transform: uppercase;
}

	table.table th.text-align-right {
		display: flex;
		justify-content: flex-end;
	}

	table.table th.text-align-center {
		display: flex;
		justify-content: center;
	}

	table.table th span {
		text-transform: none;
		font-size: 0.7rem;
	}

	table.table th a {
		color: inherit;
		text-decoration: none;
		display: inline-flex;
		align-items: center;
		gap: 0.5rem;
	}

		table.table th a:after {
			content: "";
			width: 16px;
			height: 16px;
			background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M11.9426 6.7305C11.9004 6.8115 11.8367 6.8795 11.7586 6.9269C11.6805 6.9743 11.5909 6.9994 11.4996 6.9995H4.49957C4.40812 6.9994 4.31843 6.9743 4.24028 6.9268C4.16213 6.8793 4.09851 6.8112 4.05634 6.7301C4.01416 6.6489 3.99505 6.5578 4.00109 6.4665C4.00713 6.3753 4.03808 6.2874 4.09057 6.2125L7.59057 1.2125C7.63671 1.1469 7.69796 1.0934 7.76914 1.0564C7.84033 1.0194 7.91936 1.0001 7.99957 1.0001C8.07978 1.0001 8.15882 1.0194 8.23 1.0564C8.30119 1.0934 8.36243 1.1469 8.40857 1.2125L11.9086 6.2125C11.9611 6.2875 11.9921 6.3754 11.9981 6.4668C12.0041 6.5581 11.9849 6.6493 11.9426 6.7305Z" fill="rgb(200, 200, 200)"/> <path d="M11.9426 13.2695C11.9004 13.1885 11.8367 13.1205 11.7586 13.0731C11.6805 13.0257 11.5909 13.0006 11.4996 13.0005H4.49957C4.40812 13.0006 4.31843 13.0257 4.24028 13.0732C4.16213 13.1207 4.09851 13.1888 4.05634 13.2699C4.01416 13.3511 3.99505 13.4422 4.00109 13.5335C4.00713 13.6247 4.03808 13.7126 4.09057 13.7875L7.59057 18.7875C7.63671 18.8531 7.69796 18.9066 7.76914 18.9436C7.84033 18.9806 7.91936 19 7.99957 19C8.07978 19 8.15882 18.9806 8.23 18.9436C8.30119 18.9066 8.36243 18.8531 8.40857 18.7875L11.9086 13.7875C11.9611 13.7125 11.9921 13.6246 11.9981 13.5332C12.0041 13.4419 11.9849 13.3507 11.9426 13.2695Z" transform="translate(0, -3)" fill="rgb(200, 200, 200)"/> </svg>');
			transition: transform .2s ease-in-out;
		}

		table.table th a.sort-by:after {
			content: "";
			width: 16px;
			height: 16px;
			background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M11.9426 10.7305C11.9004 10.8115 11.8367 10.8795 11.7586 10.9269C11.6805 10.9743 11.5909 10.9994 11.4996 10.9995H4.49957C4.40812 10.9994 4.31843 10.9743 4.24028 10.9268C4.16213 10.8793 4.09851 10.8112 4.05634 10.7301C4.01416 10.6489 3.99505 10.5578 4.00109 10.4665C4.00713 10.3753 4.03808 10.2874 4.09057 10.2125L7.59057 5.21251C7.63671 5.1469 7.69796 5.09335 7.76914 5.05638C7.84033 5.01942 7.91936 5.00012 7.99957 5.00012C8.07978 5.00012 8.15882 5.01942 8.23 5.05638C8.30119 5.09335 8.36243 5.1469 8.40857 5.21251L11.9086 10.2125C11.9611 10.2875 11.9921 10.3754 11.9981 10.4668C12.0041 10.5581 11.9849 10.6493 11.9426 10.7305Z" fill="rgb(0, 73, 100)"/></svg>');
			transition: transform .2s ease-in-out;
		}

		table.table th a.sort-by.sort-desc:after {
			transform: rotate(180deg);
		}

table.table td {
	color: var(--text-color);
	font-feature-settings: 'clig' off, 'liga' off;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 170%;
	letter-spacing: 0.07px;
	padding: 0.75rem 1rem;
}

	table.table td p {
		margin: 0;
	}

table.table tr:nth-child(odd) td, table.table.table--horizontal tr:nth-child(odd) th {
	background-color: var(--grayscale-5-color);
}

	table.table tr:nth-child(odd) td:first-child {
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	table.table tr:nth-child(odd) td:last-child {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

table.table tr:hover td, table.table.table--horizontal tr:hover th, table.table tr:hover td, table.table.table--horizontal tr:focus-visible th {
	background-color: var(--grayscale-20-color);
}

div.table.table--shadow {
	border-radius: var(--border-radius-less);
	border: 1px solid var(--secondary-10, #CCDBE0);
	background: var(--grayscales-0-white, #FFF);
	box-shadow: 0px 14px 50px 0px rgba(0, 45, 61, 0.10);
	padding: 0rem 1rem 1rem 1rem;
}

table.table--horizontal {
	table-layout: auto;
}

table.table.table--horizontal th {
	vertical-align: top;
}

table.table.table--horizontal th, table.table.table--horizontal td {
	font-size: 18px;
}

table.table--condensed td {
	padding: 0.5rem;
	font-size: 0.875rem;
}

table.table--condensed th {
	padding: 1rem 0.5rem;
}

@media (max-width: 600px) {
	.table .table-caption {
		align-items: start;
		flex-direction: column;
	}

		.table .table-caption .table-tools {
			width: 100%;
		}

	table.table--horizontal tr:nth-child(odd) td {
		background-color: unset;
	}

	table.table.table--horizontal tr {
		display: flex;
		flex-direction: column;
	}

		table.table.table--horizontal th, table.table.table--horizontal tr:hover th, table.table.table--horizontal th, table.table.table--horizontal tr:focus-visible th {
			background-color: var(--grayscale-5-color);
		}

	table.table.table--horizontal td {
		background-color: unset;
	}

	table.table.table--horizontal tr:hover td, table.table.table--horizontal tr:focus-visible td {
		background-color: unset;
	}
}

@media (max-width: 800px) {
	table.table--responsive {
		border: 0;
	}

		table.table--responsive thead {
			border: none;
			clip: rect(0 0 0 0);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 1px;
		}

		table.table--responsive tr {
			border-top: 1px solid #ddd;
			display: block;
			margin-bottom: .625em;
			margin-top: 2rem;
		}

		table.table--responsive tr:first-child {
			border-top: none;
		}

			table.table--responsive tr:nth-child(odd) td {
				background: unset;
			}

			table.table--responsive tr:hover td, table.table--responsive tr:focus-visible td {
				background: unset;
			}

		table.table--responsive td {
			display: block;
			text-align: right;
		}

			table.table--responsive td::before {
				content: attr(data-label);
				float: left;
				font-weight: bold;
				text-transform: uppercase;
				text-align:left;
			}

			table.table--responsive td:last-child {
				border-bottom: 0;
			}
}

 /* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWV0ewJER.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVQewJER.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVwewJER.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVMewJER.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* hebrew */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVIewJER.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* math */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWSwewJER.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0330, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2034-2037, U+2057, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2102, U+210A-210E, U+2110-2112, U+2115, U+2119-211D, U+2124, U+2128, U+212C-212D, U+212F-2131, U+2133-2138, U+213C-2140, U+2145-2149, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B6, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWT4ewJER.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8B1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA88, U+1FA90-1FABD, U+1FABF-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWV8ewJER.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWV4ewJER.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memQYaGs126MiZpBA-UFUIcVXSCEkx2cmqvXlWq8tWZ0Pw86hd0Rk8ZkWVAewA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4taVIGxA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4kaVIGxA.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4saVIGxA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4jaVIGxA.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* hebrew */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4iaVIGxA.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* math */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B5caVIGxA.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0330, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2034-2037, U+2057, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2102, U+210A-210E, U+2110-2112, U+2115, U+2119-211D, U+2124, U+2128, U+212C-212D, U+212F-2131, U+2133-2138, U+213C-2140, U+2145-2149, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B6, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B5OaVIGxA.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8B1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA88, U+1FA90-1FABD, U+1FABF-1FAC5, U+1FACE-1FADB, U+1FAE0-1FAE8, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4vaVIGxA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4uaVIGxA.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    line-height: 121%;
    font-style: normal;
    margin-bottom: 0.5rem;
    text-overflow: ellipsis;
    max-width: calc(100%);
    overflow: hidden;
    padding-bottom:2px; /* Otherwise a small portion of the descending letters (j, g etc.) is cut off, because of the overflow thingy */
}

/* Mobile font sizes */
/* Headings */
h1, .h1-size {
    font-size: 1.625rem;
}              

h2, .h2-size {
    font-size: 1.5rem;
}

h3, .h3-size {
    font-size: 1.375rem;
}

h4, .h4-size {
    font-size: 1.25rem;
    font-weight: 600;
}

h5, .h5-size {
    font-size: 1.125rem;
    font-weight: 600;
}

h6, .h6-size {
    font-size: 1.5rem;
    line-height: 140%;
}

/* Display headline */
.display--large {
    font-size: 2.875rem !important;
}

.display--medium {
    font-size: 2.25rem !important;
}

.display--small {
    font-size: 2.125rem !important;
}


/* Titles */
.title--large {
    font-size: 1.75rem !important;
}

.title--medium {
    font-size: 1.625rem !important;
}

.title--small {
    font-size: 1.5rem !important;
    line-height: 160% !important;
}

.title--xsmall {
    font-size: 1.375rem !important;
    line-height: 160% !important;
}

/* For article headers */
.small-heading .veva-page-title .display--large {
    font-size: 3rem !important;
}

.no-margin {
	margin: 0 !important;
}


p:last-child:not(:only-child) {
    margin-bottom: 0;
}

.hidden-heading {
    visibility: hidden;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.break-word, .break-word p {
	overflow-wrap:break-word;
}


/* Desktop font sizes */

@media (min-width: 1080px) {
    h1, .h1-size {
        font-size: 2rem;
    }

    h2, .h2-size {
        font-size: 1.75rem;
    }

    h3, .h3-size {
        font-size: 1.5rem;
    }

    h4, .h4-size {
        font-size: 1.25rem;
    }

    h5, .h5-size {
        font-size: 1.125rem;
        font-weight: 700;
    }

    h6, .h6-size {
        font-size: 1.75rem;
        line-height: 160%;
    }

    /* Display headline - Óbreytt en verðu sennilega breytt í mobile */
    .display--large {
        font-size: 3.5rem !important;
    }

    .display--medium {
        font-size: 3rem !important;
    }

    .display--small {
        font-size: 2.5rem !important;
    }

    /* Titles */
    .title--large {
        font-size: 2.25rem !important;
        line-height: 140% !important;
    }

    .title--medium {
        font-size: 2rem !important;
    }

    .title--small {
        font-size: 1.75rem !important;
        line-height: 140% !important;
    }

    .title--xsmall {
        font-size: 1.5rem !important;
        line-height: 140% !important;
    }
}


p {
	line-height: 1.7em;
	margin-block-end: 1rem;
	margin-top: 0;
}


strong {
    font-weight:bold;
}

a {
    cursor: pointer;    
}

/* Links within content */
p > a {
    text-decoration: underline;
}

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

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

.paragraph--large {
    font-size: 1.125rem !important;
}

.paragraph--bold {
    font-weight: 600 !important;
}

.paragraph--small {
    font-size: 0.875rem !important;
    letter-spacing: 0.5px !important;
}

.eyebrow {
    font-weight: bold;
    font-size: 0.875rem;
    line-height: 170%;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.eyebrow.eyebrow--large {
    font-size: 1rem;
}

.eyebrow.eyebrow--small {
    font-size: 0.75rem;
}

    .eyebrow > p {
        margin:0;
    }

.subtitle {
    font-size: 1.5rem;
    line-height: 170%;
    font-weight: 400;    
}

    .subtitle p {
        margin:0;
    }

.subtitle--bold {
    font-weight: 600;
    line-height: 140%;
}

.data-big-numbers {    
    font-size: 48px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
}

.data-captions {    
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 170%;
    letter-spacing: 0.06px;
}

blockquote {
    padding: 4rem 4.5rem 4.5rem 4.5rem;
    text-align: center;
    border-radius: 1rem;
    border: none;
    background: var(--secondary-accent, #F8F7F4);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    position:relative;
    color:var(--text-color);
}

    blockquote.blockquote--dense {
        padding: 2rem 2.25rem 2.25rem 2.25rem;
    }

    blockquote.blockquote--cold {
        background: var(--secondary-5, #F2F6F7);
    }

    blockquote.blockquote--quotes:before, blockquote.blockquote--quotes:after {
        content: "";
        width: 45px;
        height: 39px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        position: absolute;
    }

    blockquote.blockquote--quotes:before {
        background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="45" height="39" viewBox="0 0 45 39" fill="none"> <path d="M3.33491e-08 38.6185L1.13565 30.5622C3.40694 30.7507 5.25237 30.3738 6.67192 29.4315C8.09148 28.5364 9.08518 27.2172 9.653 25.474C10.1735 23.778 10.2681 21.7992 9.93691 19.5378L4 19.5378C1.79086 19.5378 1.858e-06 17.747 2.05113e-06 15.5378L3.03219e-06 4.31578C3.22532e-06 2.10664 1.79086 0.315784 4 0.315785L15.306 0.315786C17.5151 0.315786 19.306 2.10665 19.306 4.31579L19.306 19.5378C19.306 26.3221 17.7208 31.4574 14.5505 34.9437C11.3801 38.4772 6.52997 39.7021 3.33491e-08 38.6185ZM25.694 38.6185L26.8297 30.5622C29.1009 30.7507 30.9464 30.3738 32.3659 29.4315C33.7855 28.5364 34.7792 27.2172 35.347 25.474C35.8675 23.778 35.9621 21.7992 35.6309 19.5378L29.694 19.5378C27.4849 19.5378 25.694 17.747 25.694 15.5378L25.694 4.31579C25.694 2.10665 27.4849 0.315787 29.694 0.315787L41 0.315788C43.2091 0.315788 45 2.10665 45 4.31579L45 19.5378C45 26.3221 43.4148 31.4574 40.2445 34.9437C37.0741 38.4772 32.224 39.7021 25.694 38.6185Z" fill="rgba(34, 34, 32, 1)"/> </svg>');
        bottom: 0.25rem;
        left: 0.25rem;
    }

    blockquote.blockquote--quotes:after {
        background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="45" height="39" viewBox="0 0 45 39" fill="none"> <path d="M45 0.38147L43.8644 8.43777C41.5931 8.24932 39.7476 8.62622 38.3281 9.56847C36.9085 10.4636 35.9148 11.7828 35.347 13.526C34.8265 15.222 34.7319 17.2008 35.0631 19.4622H41C43.2091 19.4622 45 21.253 45 23.4622L45 34.6842C45 36.8934 43.2091 38.6842 41 38.6842H29.694C27.4849 38.6842 25.694 36.8934 25.694 34.6842V19.4622C25.694 12.6779 27.2792 7.54263 30.4495 4.05627C33.6199 0.522809 38.47 -0.702126 45 0.38147ZM19.306 0.38147L18.1703 8.43777C15.8991 8.24932 14.0536 8.62622 12.6341 9.56847C11.2145 10.4636 10.2208 11.7828 9.653 13.526C9.13249 15.222 9.03786 17.2008 9.36909 19.4622L15.306 19.4622C17.5151 19.4622 19.306 21.253 19.306 23.4622V34.6842C19.306 36.8934 17.5151 38.6842 15.306 38.6842H4C1.79087 38.6842 0 36.8934 0 34.6842L0 19.4622C0 12.6779 1.58517 7.54263 4.75552 4.05627C7.92587 0.522809 12.776 -0.702126 19.306 0.38147Z" fill="rgba(34, 34, 32, 1)"/> </svg>');
        top: 0.25rem;
        right: 0.25rem;
    }

.theme-color {
    color: var(--theme-primary-color);
}

.underline {
    text-decoration:underline;
}

.uppercase {
    text-transform:uppercase;
}

@media (max-width: 600px) {
    blockquote {
        font-size: 1.125rem;
        padding: 5rem 1.5rem 5.5rem 1.5rem;
    }
}

@media (min-width: 1080px) {
    .data-big-numbers {
        font-size: 64px;
    }
}
:root {
    --input-background: var(--grayscale-5-color);
}

fieldset {
    border: 1px solid silver;
    border-radius: var(--border-radius-tiny);
    padding: 1rem;
}

    fieldset.no-chrome {
        border:none;
        padding:0;
    }

    fieldset legend {
        font-size: 1.5rem;
        font-weight: bold;
        background: white;
        padding: 0 1rem;
    }

input[type=text], input[type=tel], input[type=password], input[type=search], input[type=number], input[type=email], input[type=date], input[type=datetime], input[type=datetime-local], input[type=range], textarea {
    font: inherit;
    padding: 11px 16px 12px;
    min-height: 2.5rem;
    gap: 10px;
    color: var(--form-field-text-color);
    background-color: var(--form-field-background-color);
    border: 1px solid var(--secondary-20, #CCDBE0);
    border-radius: var(--border-radius-tiny);
    width: 100%;
    font-weight: 600;
}

    input::placeholder, textarea::placeholder {
        color: var(--form-field-placeholder-color);
    }


.form-group {
    margin-bottom: 1rem;
}

.form-group.hide-label label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.form-group-datepicker {
    container-type: inline-size;
}

.large input {
    padding: 24px;
}

.form-group.search .input-container, .form-group.check .input-container {
    position: relative;
}

    .form-group.search .input-container:after {
        content: "";
        position: absolute;
        right: 12px;
        width: 20px;
        height: 100%;
    }

    .form-group.check .input-container:after {
        content: "";
        position: absolute;
        right: 12px;
        width: 20px;
        height: 100%;
    }

.form-group.form-group--invalid .input-container:after {
    content: "";
}

.form-group.large.search .input-container:after {
    right: 20px;
}

.form-group.large.check .input-container:after {
    right: 20px;
}

.form-group.search .input-container:after {
    -webkit-mask-image: url('data:image/svg+xml;utf8, <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22.561 20.4391L17.328 15.2061C18.6406 13.3613 19.2121 11.0908 18.9293 8.84444C18.6465 6.59813 17.5301 4.54006 15.8012 3.07822C14.0724 1.61638 11.8574 0.857479 9.59528 0.951963C7.3332 1.04645 5.1892 1.98742 3.58828 3.58834C1.98735 5.18926 1.04639 7.33326 0.951902 9.59534C0.857418 11.8574 1.61632 14.0724 3.07816 15.8013C4.54 17.5301 6.59807 18.6466 8.84438 18.9294C11.0907 19.2122 13.3613 18.6406 15.206 17.3281L20.439 22.5611C20.7204 22.8425 21.1021 23.0006 21.5 23.0006C21.898 23.0006 22.2796 22.8425 22.561 22.5611C22.8424 22.2797 23.0005 21.898 23.0005 21.5001C23.0005 21.1021 22.8424 20.7205 22.561 20.4391ZM3.00001 10.0001C3.00001 8.6156 3.41055 7.26222 4.17972 6.11108C4.94889 4.95993 6.04214 4.06273 7.32123 3.53291C8.60031 3.0031 10.0078 2.86448 11.3656 3.13457C12.7235 3.40467 13.9708 4.07135 14.9498 5.05032C15.9287 6.02929 16.5954 7.27657 16.8655 8.63444C17.1356 9.9923 16.997 11.3998 16.4672 12.6789C15.9374 13.9579 15.0401 15.0512 13.889 15.8204C12.7379 16.5895 11.3845 17.0001 10 17.0001C8.14414 16.998 6.3649 16.2598 5.0526 14.9475C3.7403 13.6352 3.00213 11.8559 3.00001 10.0001Z" fill="black"/> </svg>');
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: url('data:image/svg+xml;utf8, <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M22.561 20.4391L17.328 15.2061C18.6406 13.3613 19.2121 11.0908 18.9293 8.84444C18.6465 6.59813 17.5301 4.54006 15.8012 3.07822C14.0724 1.61638 11.8574 0.857479 9.59528 0.951963C7.3332 1.04645 5.1892 1.98742 3.58828 3.58834C1.98735 5.18926 1.04639 7.33326 0.951902 9.59534C0.857418 11.8574 1.61632 14.0724 3.07816 15.8013C4.54 17.5301 6.59807 18.6466 8.84438 18.9294C11.0907 19.2122 13.3613 18.6406 15.206 17.3281L20.439 22.5611C20.7204 22.8425 21.1021 23.0006 21.5 23.0006C21.898 23.0006 22.2796 22.8425 22.561 22.5611C22.8424 22.2797 23.0005 21.898 23.0005 21.5001C23.0005 21.1021 22.8424 20.7205 22.561 20.4391ZM3.00001 10.0001C3.00001 8.6156 3.41055 7.26222 4.17972 6.11108C4.94889 4.95993 6.04214 4.06273 7.32123 3.53291C8.60031 3.0031 10.0078 2.86448 11.3656 3.13457C12.7235 3.40467 13.9708 4.07135 14.9498 5.05032C15.9287 6.02929 16.5954 7.27657 16.8655 8.63444C17.1356 9.9923 16.997 11.3998 16.4672 12.6789C15.9374 13.9579 15.0401 15.0512 13.889 15.8204C12.7379 16.5895 11.3845 17.0001 10 17.0001C8.14414 16.998 6.3649 16.2598 5.0526 14.9475C3.7403 13.6352 3.00213 11.8559 3.00001 10.0001Z" fill="black"/> </svg>');
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    background-color: var(--form-field-text-color);
}

.form-group.check .input-container:after {
    -webkit-mask-image: url('data:image/svg+xml;utf8, <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 13L9 18L20 7" stroke="black" stroke-width="2" stroke-linecap="round"/></svg>');
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: url('data:image/svg+xml;utf8, <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 13L9 18L20 7" stroke="black" stroke-width="2" stroke-linecap="round"/></svg>');
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    background-color: var(--form-field-background-color);
}

.form-group.search input, .form-group.check input {
    padding-right: 2.5rem;
}

.form-group.large.search input, .form-group.large.check input {
    padding-right: 3.5rem;
}

.form-group.form-group--invalid input {
    border: 1px solid var(--error-color);
}

.form-group.form-group--invalid .input-container:after {
    -webkit-mask-image: url('data:image/svg+xml;utf8, <svg width="24" height="23" viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.24302 18.953L10.152 2.11098C10.33 1.77464 10.5963 1.49318 10.9222 1.29687C11.2482 1.10056 11.6215 0.996826 12.002 0.996826C12.3825 0.996826 12.7559 1.10056 13.0818 1.29687C13.4078 1.49318 13.6741 1.77464 13.852 2.11098L22.761 18.953C22.9282 19.2708 23.0103 19.6265 22.9991 19.9855C22.988 20.3445 22.8841 20.6944 22.6975 21.0013C22.5109 21.3081 22.2479 21.5614 21.9343 21.7364C21.6207 21.9114 21.2672 22.0022 20.908 22H3.09202C2.73323 22.0015 2.38014 21.9102 2.06709 21.7349C1.75404 21.5596 1.49169 21.3063 1.30555 20.9995C1.11942 20.6928 1.01583 20.3431 1.00488 19.9845C0.993918 19.6259 1.07596 19.2705 1.24302 18.953V18.953Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="square"/><path d="M12 7.99997V14" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="square"/><path d="M12 19C12.8284 19 13.5 18.3284 13.5 17.5C13.5 16.6715 12.8284 16 12 16C11.1716 16 10.5 16.6715 10.5 17.5C10.5 18.3284 11.1716 19 12 19Z" fill="black"/></svg>');
    mask-image: url('data:image/svg+xml;utf8, <svg width="24" height="23" viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.24302 18.953L10.152 2.11098C10.33 1.77464 10.5963 1.49318 10.9222 1.29687C11.2482 1.10056 11.6215 0.996826 12.002 0.996826C12.3825 0.996826 12.7559 1.10056 13.0818 1.29687C13.4078 1.49318 13.6741 1.77464 13.852 2.11098L22.761 18.953C22.9282 19.2708 23.0103 19.6265 22.9991 19.9855C22.988 20.3445 22.8841 20.6944 22.6975 21.0013C22.5109 21.3081 22.2479 21.5614 21.9343 21.7364C21.6207 21.9114 21.2672 22.0022 20.908 22H3.09202C2.73323 22.0015 2.38014 21.9102 2.06709 21.7349C1.75404 21.5596 1.49169 21.3063 1.30555 20.9995C1.11942 20.6928 1.01583 20.3431 1.00488 19.9845C0.993918 19.6259 1.07596 19.2705 1.24302 18.953V18.953Z" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="square"/><path d="M12 7.99997V14" stroke="black" stroke-width="2" stroke-miterlimit="10" stroke-linecap="square"/><path d="M12 19C12.8284 19 13.5 18.3284 13.5 17.5C13.5 16.6715 12.8284 16 12 16C11.1716 16 10.5 16.6715 10.5 17.5C10.5 18.3284 11.1716 19 12 19Z" fill="black"/></svg>');
    background-color: var(--error-color)
}

.form-group-validation-messages {
    color: var(--error-color);
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    padding: 1rem 0;
}


.form-group.large select {
    padding: 24px;
}

.form-group select {
    max-width:100%;
}

.form-group select:focus, .form-group input:focus, .form-group textarea:focus {
    outline: 3px solid var(--form-field-outline-color);
}

.form-group {
    margin-bottom: 1rem;
}

    .form-group label, .radio-checkbox-list > label {
        display: block;
        color: var(--accent-text-color);
        font-size: 0.75rem;
        font-style: normal;
        font-weight: 700;
        line-height: 170%;
        letter-spacing: 0.6px;
        text-transform: uppercase;
        padding-bottom: 0.5rem;
    }

.large input {
    padding: 24px;
}

.form-group.form-group--invalid input {
    border: 1px solid var(--error-color);
}

.form-group .form-group-validation-messages {
    color: var(--error-color);
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    padding: 1rem 0;
}

.success input {
}

input[type=range] {
    --range-height: 1.6rem;
    --range-padding: 3px;
    appearance: none;
    background-color: var(--form-field-background-color);
    border-radius: calc(var(--range-height) /2 );
    height: var(--range-height);
    padding: var(--range-padding);
}

    input[type=range]::-webkit-slider-thumb {
        -webkit-appearance: none;
        height: calc(var(--range-height) - var(--range-padding) * 2);
        width: calc(var(--range-height) - var(--range-padding) * 2);
        border-radius: 50%;
        background: var(--form-field-text-color);
        cursor: ew-resize;
    }


    input[type=range]::-moz-range-thumb {
        -moz-appearance: none;
        height: calc(var(--range-height) - var(--range-padding) * 2);
        width: calc(var(--range-height) - var(--range-padding) * 2);
        border-radius: 50%;
        background: var(--form-field-text-color);
        cursor: ew-resize;
    }

    input[type=range]:focus {
        outline: 3px solid var(--form-field-outline-color);
    }

    input[type=range]:is([disabled])::-webkit-slider-thumb {
        background: var(--form-field-text-color-disabled);
    }

    input[type=range]:is([disabled])::-moz-range-thumb {
        background: var(--form-field-text-color-disabled);
    }

.validation-summary {
    padding: 1.5rem 2.5rem 1.5rem 1.5rem;
    border-radius: 8px;
    background: var(--triggers-warning-light, #D9E4E8);
    color: var(--triggers-warning-dark, var(--primary-normal));
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 600;
    line-height: 170%;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.notification {

}

    .validation-summary ul {
        font-size: .8rem;
    }

    .validation-summary ul li {
        margin:0;
    }

input[disabled], select[disabled], textarea[disabled] {
    background: var(--form-field-background-color-disabled) !important;
}

    input[disabled]::placeholder, select[disabled]::placeholder, textarea[disabled]::placeholder {
        color: var(--form-field-text-color-disabled) !important;
    }

.form-group--required label:after {
    content: "*";
    color: var(--error-color);
    font-weight: bold;
    font-size: 1rem;
    padding: 0 5px;
    position:absolute;
}

.select-container {
    position: relative;
}

    .select-container::after {
        content: "";
        position: absolute;
        right: 8px;
        width: 20px;
        height: 100%;
        -webkit-mask-image: url('data:image/svg+xml;utf8, <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 6L8 10L12.5 6" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        -webkit-mask-position: center center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-image: url('data:image/svg+xml;utf8, <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 6L8 10L12.5 6" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        mask-position: center center;
        mask-repeat: no-repeat;
        mask-size: 100% 100%;
        background-color: var(--form-field-text-color);
        transition: transform 0.3s;
        pointer-events:none;
    }

    .select-container:has(select:focus)::after {
        transform: rotate(-180deg);
    }

.form-group select {
    font: inherit;
    border: 0;
    width: 100%;
    padding: 11px 32px 12px 16px;
    border: 1px solid var(--secondary-20, #CCDBE0);
    border-radius: var(--border-radius-tiny);
    color: var(--form-field-text-color);
    background-color: var(--form-field-dropdown-background-color);
    font-weight: 600;
    appearance: none;
    transition: background-color 0.5s;
    min-height: 2.5rem;
}

    .form-group select:hover, .form-group select:focus-visible {
        background-color: var(--form-field-background-color);
    }

@media (max-width: 800px) {
    .select-container::after {
        right: 8px;
    }

    .form-group select {
        padding: 11px 24px 12px 16px;
    }
}

.form-check label {
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
    color: var(--form-field-text-color);
}

.form-check {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
}

    .form-check.toggle {
        margin-top:1rem;
    }

    .form-check.toggle input[type=checkbox] {
        cursor: pointer;
        --checkbox-height: 1.6rem;
        position: relative;
        height: var(--checkbox-height);
        width: calc(var(--checkbox-height) * 2);
        appearance: none;
        margin: 0px;
        --background-color: var(--primary-accent, #A3C2CC);
    }

        .form-check.toggle input[type=checkbox]:checked {
            --background-color: var(--primary-normal);
        }

        .form-check.toggle input[type=checkbox]:focus:before {
            outline: 3px solid var(--form-field-outline-color);
        }

        .form-check.toggle input[type=checkbox]:before {
            content: '';
            display: block;
            background-color: var(--background-color);
            position: absolute;
            top: 0px;
            left: 0px;
            bottom: 0px;
            right: 0px;
            border-radius: var(--border-radius-tiny);
        }

        .form-check.toggle input[type=checkbox]:after {
            content: '';
            display: block;
            position: absolute;
            top: 0px;
            left: 0%;
            bottom: 0px;
            right: 50%;
            background-color: #fff;
            border-radius: var(--border-radius-tiny);
            transition: left 0.2s, right 0.4s;
            border: 3px solid var(--background-color);
        }

        .form-check.toggle input[type=checkbox]:checked:after {
            left: 50%;
            right: 0%;
            transition: left 0.4s, right 0.2s;
        }

        .form-check.toggle input[type=checkbox]:is([disabled]) {
            background: transparent !important;
        }

            .form-check.toggle input[type=checkbox]:is([disabled]):before {
                background-color: var(--form-field-background-color-disabled);
            }

            .form-check.toggle input[type=checkbox]:is([disabled]):after {
                border: 3px solid var(--form-field-text-color-disabled);
            }


    .form-check:not(.toggle) input[type=checkbox] {
        cursor: pointer;
        --checkbox-height: 1.6rem;
        position: relative;
        height: var(--checkbox-height);
        width: var(--checkbox-height);
        appearance: none;
        margin: 0px;
        border: 1px solid var(--form-field-text-color);
        border-radius: 3px;
        color: var(--form-field-text-color);
        fill: red;
        stroke: red;
        position: relative;
        transition: background-color 0.2s;
        flex-shrink:0;
    }

        .form-check:not(.toggle) input[type=checkbox]:focus {
            outline: 3px solid var(--form-field-outline-color);
        }


        .form-check:not(.toggle) input[type=checkbox]::after {
            content: "";
            position: absolute;
            display: block;
            width: 100%;
            height: 100%;
            background-color: transparent;
            transition: background-color 0.2s;
            -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="18" height="13" viewBox="0 0 18 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.66675 6.91675L6.25008 11.5001L16.3334 1.41675" stroke="black" stroke-width="2" stroke-linecap="round"/></svg>');
            -webkit-mask-position: center center;
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: 80% 80%;
            mask-image: url('data:image/svg+xml;utf8,<svg width="18" height="13" viewBox="0 0 18 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.66675 6.91675L6.25008 11.5001L16.3334 1.41675" stroke="black" stroke-width="2" stroke-linecap="round"/></svg>');
            mask-position: center center;
            mask-repeat: no-repeat;
            mask-size: 80% 80%;
        }

        .form-check:not(.toggle) input[type=checkbox]:checked {
            background-color: var(--form-field-text-color);
        }

            .form-check:not(.toggle) input[type=checkbox]:checked::after {
                background-color: var(--form-field-background-color);
            }

    .form-check.square:not(.toggle) input[type=checkbox]:checked {
        background-color: #fff;
    }

    .form-check.square:not(.toggle) input[type=checkbox]:checked::after {
        background-color: var(--form-field-text-color);
    }

    .form-check.square:not(.toggle) input[type=checkbox]::after {
        -webkit-mask-image: unset;
        inset: 2px;
        width: unset;
        height: unset;
    }

    .form-check input[type=radio] {
        cursor: pointer;
        accent-color: var(--primary-color);
        width: 1.6rem;
        height: 1.6rem;
        appearance: none;
        border: 1px solid var(--primary-color);
        border-radius: 50%;
        padding: 0.7rem;
        background-color: transparent;
        background-clip: content-box;
        transition: background-color 0.3s, padding 0.3s;
    }

        .form-check input[type=radio]:checked {
            background-color: var(--form-field-text-color);
            padding: 2px;
        }

        .form-check input[type=radio]:focus {
            outline: 3px solid var(--form-field-outline-color);
        }

    .form-check:has(input[disabled]) label {
        color: var(--form-field-text-color-disabled) !important;
    }

.radio-checkbox-list .input-container {
    padding-bottom:1rem;
}

.radio-checkbox-list .input-container .form-check {
    margin-top: 0;
}

.radio-checkbox-list .input-container .form-check label {
    /*text-transform: capitalize;*/
}

.form-group.form-group--inline {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
}

.hide-label label {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}
.btn {
    letter-spacing: 0.05rem;
    line-height: 130%;
    font-size: 1rem;
    font-weight: 600;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0.75rem 1.5rem;
    color: var(--text-color);
    transition: background-color 0.3s, color 0.3s;
    gap: 0.5rem;
    border-radius: var(--border-radius-tiny);
    border: 1px solid var(--secondary-20);
    text-decoration: none;
    font-family: "Open Sans", sans-serif;
}

    .btn.link-only-icon {
        padding: 0.85rem;
    }

.btn--primary {
    background: var(--primary-color);
    color: #fff;
}

    .btn--primary:hover, .btn--primary:focus-visible {
        background: var(--primary-dark);
    }

.btn--primary-white {
    background: #fff;
    color:var(--primary-color);
}

    .btn--primary-white:hover, .btn--primary-white:focus-visible {
        background: var(--primary-color);
        color: #fff;
        --text-color: #fff;
    }

.btn--secondary {
    background: transparent;    
    border:none;
}

    .btn--secondary:hover, .btn--secondary:focus-visible {
        background: var(--secondary-20);
    }

.btn--secondary-white {
    background: transparent;
    color: #fff;
    border-color: transparent;
}
    .btn--secondary-white:hover, .btn--secondary-white:focus-visible {
        background: #fff;
        color: var(--text-color);
    }

.btn--secondary-stroke {
    border: 1px solid var(--secondary-20);
}

.btn--tertiary {
    color: var(--button-text-color, var(--primary-normal));
    border-radius: 0;
    border-color: transparent;
    padding: 0.5rem 0rem;
}

    .btn--tertiary:hover, .btn--tertiary:focus-visible {
        border-color: transparent;
        border-bottom-color: var(--button-text-color, var(--primary-normal));
    }

.btn--tertiary--white {
    border-radius: 0;
    border-color: transparent;
    padding: 0.5rem 0rem;
    color: #fff;
}

    .btn--tertiary--white:hover, .btn--tertiary--white:focus-visible {
        border-color: transparent;
        border-bottom-color: #fff;
    }

.btn--disabled {
    color: var(--grayscale-60-color);
    pointer-events: none;
}

.btn--primary.btn--disabled {
    background: var(--grayscale-5-color);
}

.btn--secondary.btn--disabled {
    background: transparent;
}

.btn--block {
    display:flex;
    width: 100%;

    /* Everything is set to border-box in the reset, but this is still needed ... why ?*/
    box-sizing: border-box;
}

.btn--icon-right {
    flex-direction:row-reverse;
}

.btn--borderless {
	border: none;
}

.btn--medium {
    font-size: 1.5rem;
}

.btn--large {
    font-size:2rem;
}

.btn.theme-color {
    background: var(--theme-primary-color) !important;
}


@media (max-width: 600px) {
    .btn {
        padding: 0.75rem 1rem;
    }

    .btn--mobile-block {
        display: flex;
        width: 100%;

        /* Everything is set to border-box in the reset, but this is still needed ... why ?*/
        box-sizing: border-box;
    }
}



.veva-tabs {
	--tab-active-background: var(--theme-secondary-color);
}

.veva-tabs-panes {
	padding-top: 4rem;
}


.veva-tabs-tab-list {
	z-index: 20 !important;
}

.veva-tabs-tabs .veva-tabs-title {
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 170%;
	letter-spacing: 0.7px;
	text-transform: uppercase;
	color: var(--primary-normal);
	padding: 1rem !important;
	border-color: var(--secondary-10) !important;
	background: #fff;
}

	.veva-tabs-tabs .veva-tabs-title:after {
		right: 1.5rem !important;
		-webkit-mask-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M11.9431 5.269C11.9008 5.18796 11.8372 5.12005 11.7591 5.07262C11.681 5.0252 11.5914 5.00008 11.5001 5H4.50006C4.40861 5.00008 4.31892 5.02524 4.24077 5.07274C4.16262 5.12025 4.099 5.18828 4.05682 5.26943C4.01465 5.35058 3.99554 5.44175 4.00158 5.533C4.00762 5.62426 4.03857 5.71211 4.09106 5.787L7.59106 10.787C7.6372 10.8526 7.69845 10.9062 7.76963 10.9431C7.84082 10.9801 7.91985 10.9994 8.00006 10.9994C8.08027 10.9994 8.15931 10.9801 8.23049 10.9431C8.30168 10.9062 8.36292 10.8526 8.40906 10.787L11.9091 5.787C11.9616 5.71204 11.9926 5.6241 11.9986 5.53276C12.0045 5.44142 11.9854 5.35018 11.9431 5.269Z" fill="black" /> </svg>') !important;
		mask-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path d="M11.9431 5.269C11.9008 5.18796 11.8372 5.12005 11.7591 5.07262C11.681 5.0252 11.5914 5.00008 11.5001 5H4.50006C4.40861 5.00008 4.31892 5.02524 4.24077 5.07274C4.16262 5.12025 4.099 5.18828 4.05682 5.26943C4.01465 5.35058 3.99554 5.44175 4.00158 5.533C4.00762 5.62426 4.03857 5.71211 4.09106 5.787L7.59106 10.787C7.6372 10.8526 7.69845 10.9062 7.76963 10.9431C7.84082 10.9801 7.91985 10.9994 8.00006 10.9994C8.08027 10.9994 8.15931 10.9801 8.23049 10.9431C8.30168 10.9062 8.36292 10.8526 8.40906 10.787L11.9091 5.787C11.9616 5.71204 11.9926 5.6241 11.9986 5.53276C12.0045 5.44142 11.9854 5.35018 11.9431 5.269Z" fill="black" /> </svg>') !important;
		/*background: var(--theme-secondary-color) !important;*/
	}

.veva-tabs-tabs:has(input[type=checkbox]:checked) .veva-tabs-title {
	border-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background: #fff !important;
}

.veva-tabs-tab.veva-tabs-tab--active {
	--tab-background: #fff !important;
	--theme-primary-heading-color: #fff;
}

.veva-tabs-tab-list .veva-tabs-tab .veva-tabs-link {
	color: var(--primary-dark, #002D3D);
	font-weight: inherit;
	text-decoration: none;
}

.veva-tabs.tabs--padding-top {
	padding-top: 1rem;
}

.veva-tabs.tabs--dense .veva-tabs-panes {
	padding-top: 2rem;
}

.veva-tabs.tabs--wrap .veva-tabs-tab-list {
	flex-wrap: wrap;
}

	.veva-tabs.tabs--wrap .veva-tabs-tab-list li {
		margin: 0;
	}

.veva-tabs.tabs--wrap .veva-tabs-tabs .veva-tabs-tab-list li.veva-tabs-tab--active:after {
	content: unset;
}

a.veva-tabs-link[href*=".pdf"]::before, a.veva-tabs-link[href$="pdf"]::before {
	display: none !important;
}

a.veva-tabs-link[href*=".xls"]::before, a.veva-tabs-link[href$="xls"]::before {
	display: none !important;
}

a.veva-tabs-link[href*=".ppt"]::before, a.veva-tabs-link[href$="ppt"]::before {
	display: none !important;
}

a.veva-tabs-link[href*=".xlsx"]::before, a.veva-tabs-link[href$="xlsx"]::before {
	display: none !important;
}

.veva-tabs.tabs--disable-justify .veva-tabs-tabs .veva-tabs-tab-list li {
	flex: unset;
}

@media (max-width: 600px) {
	.veva-tabs-tab.veva-tabs-tab--active {
		--theme-primary-heading-color: unset;
	}

	.veva-tabs:has(input[type=checkbox]:checked) .veva-tabs-tab-list {
		border: 1px solid var(--secondary-10) !important;
		border-top: 0 !important;
		border-bottom-left-radius: var(--border-radius-tiny);
		border-bottom-right-radius: var(--border-radius-tiny);
		box-shadow: 0px 1.5rem 30px rgba(0, 21, 118, 0.08);
	}

	.veva-tabs-tab-list .veva-tabs-tab {
		justify-content: start !important;
		padding: 0;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 170%;
	}

	.veva-tabs:has(input[type=checkbox]:checked) .veva-tabs-tab-list:before {
		content: "";
		background: var(--secondary-10);
		height: 1px;
		display: block;
		margin: 0 0.5rem;
	}

	.veva-tabs-tabs.veva-tabs-tabs--collapse-mobile {
		margin-top: 1rem;
	}	
}

@media (min-width: 600px) {
	.veva-tabs .veva-tabs-tabs--collapse-mobile .veva-tabs-tab-list {
		display: flex;
		gap: .5rem;
		--tab-active-background: var(--theme-secondary-color);
	}

	.veva-tabs-tabs--collapse-mobile .veva-tabs-tab-list .veva-tabs-tab .veva-tabs-link {
		font-weight: inherit;
		width: 100%;
		text-align: center;
	}

	.veva-tabs-tabs--collapse-mobile .veva-tabs-tab-list .veva-tabs-tab.veva-tabs-tab--active .veva-tabs-link {
		color: white;
	}

	.veva-tabs .veva-tabs-tabs--collapse-mobile .veva-tabs-tab-list li {
		flex: 1;
		background: var(--secondary-20, #CCDBE0);
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: 170%;
		border-radius: var(--border-radius-tiny);
		transition: background var(--global-transition);
		position: relative;
	}

		.veva-tabs .veva-tabs-tabs--collapse-mobile .veva-tabs-tab-list li.veva-tabs-tab--active {
			color: #fff;
			background: var(--tab-active-background, var(--primary-normal));
		}

			.veva-tabs .veva-tabs-tabs--collapse-mobile .veva-tabs-tab-list li.veva-tabs-tab--active:after {
				content: "";
				position: absolute;
				left: 0;
				right: 0;
				bottom: -0.5rem;
				height: 3px;
				border-radius: 2px;
				background: var(--tab-active-background, var(--primary-normal));
			}
}

.veva-tabs .veva-tabs-tabs--normal-mobile .veva-tabs-tab-list {
	display: flex;
	gap: .5rem;
	--tab-active-background: var(--theme-secondary-color, var(--primary-normal));
}

.veva-tabs-tabs--normal-mobile .veva-tabs-tab-list .veva-tabs-tab .veva-tabs-link {
	font-weight: inherit;
	width: 100%;
	text-align: center;
}

.veva-tabs-tabs--normal-mobile .veva-tabs-tab-list .veva-tabs-tab.veva-tabs-tab--active .veva-tabs-link {
	color: white;
}


.veva-tabs .veva-tabs-tabs--normal-mobile .veva-tabs-tab-list li {
	flex: 1;
	background: var(--secondary-20, #CCDBE0);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 170%;
	border-radius: 4px;
	transition: background var(--global-transition);
	position: relative;
}

	.veva-tabs .veva-tabs-tabs--normal-mobile .veva-tabs-tab-list li.veva-tabs-tab--active {
		color: #fff;
		background: var(--tab-active-background);
	}

		.veva-tabs .veva-tabs-tabs--normal-mobile .veva-tabs-tab-list li.veva-tabs-tab--active:after {
			content: "";
			position: absolute;
			left: 0;
			right: 0;
			bottom: -0.5rem;
			height: 3px;
			border-radius: 2px;
			background: var(--tab-active-background);
		}

.theme-default {
    --theme-primary-color: var(--secondary-5, #F2F6F7);
    --theme-primary-text-color: var(--primary-dark, #002D3D);
    --theme-primary-heading-color: var(--primary-dark, #002D3D);
    --theme-secondary-color: var(--primary-dark, #002D3D);
}

.theme-primary {
    --theme-primary-color: var(--primary-normal, #004964);
    --theme-primary-text-color: white;
    --theme-primary-heading-color: var(--primary-normal, #004964);
    --theme-secondary-color: var(--primary-normal, #002D3D);
}

.theme-fjarmalastodugleiki {
    --theme-primary-color: #C74E1A;
    --theme-primary-text-color: white;
    --theme-primary-heading-color: #C74E1A;
    --theme-secondary-color: #C74E1A;
}

.theme-serrit {
    --theme-primary-color: #91641C;
    --theme-primary-text-color: white;
    --theme-primary-heading-color: #91641C;
    --theme-secondary-color: #91641C;
}

.theme-peningamal {
    --theme-primary-color: #005CA8;
    --theme-primary-text-color: white;
    --theme-primary-heading-color: #005CA8;
    --theme-secondary-color: #005CA8;
}

.theme-kalkofninn {
    --theme-primary-color: #008064;
    --theme-primary-text-color: white;
    --theme-primary-heading-color: #008064;
    --theme-secondary-color: #008064;
}

.theme-kalkofninn2 {
    --theme-primary-color: #C74E1A;
    --theme-primary-text-color: white;
    --theme-primary-heading-color: #C74E1A;
    --theme-secondary-color: #C74E1A;
}

.theme-kalkofninn3 {
    --theme-primary-color: #005CA8;
    --theme-primary-text-color: white;
    --theme-primary-heading-color: #005CA8;
    --theme-secondary-color: #005CA8;
}

.theme-hagvisar {
    --theme-primary-color: #008064;
    --theme-primary-text-color: white;
    --theme-primary-heading-color: #008064;
    --theme-secondary-color: #008064;
}

.theme-sjalfbaerni {
    --theme-primary-color: #598010;
    --theme-primary-text-color: white;
    --theme-primary-heading-color: #598010;
    --theme-secondary-color: #598010;
}

.theme-fjarmalaeftirlit {
    --theme-primary-color: #941813;
    --theme-primary-text-color: white;
    --theme-primary-heading-color: #941813;
    --theme-secondary-color: #941813;
}

.theme-innvidir {
    --theme-primary-color: #515d70;
    --theme-primary-text-color: white;
    --theme-primary-heading-color: #515d70;
    --theme-secondary-color: #515d70;
}

.theme-markadsvidskipti {
    --theme-primary-color: #515d70;
    --theme-primary-text-color: white;
    --theme-primary-heading-color: #515d70;
    --theme-secondary-color: #515d70;
}

.theme-thekkingarbankineytendur {
    --theme-primary-color: #774494;
    --theme-primary-text-color: white;
    --theme-primary-heading-color: #774494;
    --theme-secondary-color: #774494;
}

main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
    color: var(--theme-primary-heading-color);
}
.pagination, .pagination li.jump-links ul {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 0.5rem;    
}

    .pagination li.jump-links ul {
        margin: 0;
    }

.pagination {
    margin: 2rem 0 0 0;
}

    .pagination > li > a {
        display: flex;
        height: 56px;
        padding: 0 24px;
        justify-content: center;
        align-items: center;
        gap: 16px;
        border-radius: var(--border-radius-tiny);
        border: 1px solid var(--secondary-20, #CCDBE0);
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        text-decoration: none;
    }

        .pagination a[href*=".pdf"]::before, .pagination a[href$="pdf"]::before {
            display: none !important;
        }

        .pagination a[href*=".xls"]::before, .pagination a[href$="xls"]::before {
            display: none !important;
        }

        .pagination a[href*=".ppt"]::before, .pagination a[href$="ppt"]::before {
            display: none !important;
        }

        .pagination > li > a[disabled] {
            color: var(--grayscale-20-color);
            pointer-events:none;
        }

    .pagination li a:hover, .pagination li a:focus-visible {
        background: var(--secondary-20, #CCDBE0);
    }

    .pagination > li.jump-next a, .pagination > li.jump-last a {
        flex-direction:row-reverse;
    }

    .pagination li.jump-links {
        display: flex;
        justify-content: center;
        align-items:center;
        flex: 1;        
    }

        .pagination li.jump-links ul li {
            margin-top: 0;
            margin-bottom: 0;
        }

            .pagination li.jump-links ul li a {
                display: flex;
                padding: 0.5rem;
                font-size: 14px;
                font-style: normal;
                font-weight: 700;
                line-height: 170%;
                letter-spacing: 0.7px;
                text-transform: uppercase;
                color: var(--primary-accent, #A3C2CC);
                text-decoration: none;
            }

                .pagination li.jump-links ul li a.veva-paging-link--active {
                    color: var(--primary-normal, #004964);
                }


.page-sizes {
    justify-content: flex-end !important;
    margin-bottom: 0 !important;
    min-height: 92px;
}

.page-sizes .page-sizes-heading {
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 600;
    line-height: 170%;
}

.page-sizes .page-sizes-label {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 170%;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.page-sizes .page-sizes ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 0.5rem;
}

    .page-sizes ul li a {
        border-radius: var(--border-radius-tiny);
        background: #fff;
        width: 56px;
        height: 56px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        color: var(--primary-normal, #004964);
        text-decoration: none;
    }

        .page-sizes ul li a.active, .page-sizes ul li a:hover, .page-sizes ul li a.active, .page-sizes ul li a:focus-visible {
            background: var(--secondary-20, #CCDBE0);
        }

    .page-sizes a[href*=".pdf"]::before, .page-sizes a[href$="pdf"]::before {
        display: none !important;
    }

    .page-sizes a[href*=".xls"]::before, .page-sizes a[href$="xls"]::before {
        display: none !important;
    }

    .page-sizes a[href*=".ppt"]::before, .page-sizes a[href$="ppt"]::before {
        display: none !important;
    }

.page-item--more-pages-indicator {
    padding-top: 2px;
    color: var(--primary-accent, #A3C2CC);
}

@media (max-width: 800px) {
    .pagination > .page-item.first-link,
    .pagination > .page-item.jump-last {
        display:none;
    }

    .pagination > .page-item.previous-link > a > span,
    .pagination > .page-item.jump-next > a > span {
        display:none;
    }
}
.cover {
    height:100%;
}

    .cover img {
        height: 100%;
        object-fit:cover;
    }

dialog, div.dialog {
    border-radius: 24px;
    background: var(--popup-background, #fff);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 50vw;
    height: auto;
    box-shadow: 0px 4px 30px -10px rgba(0, 73, 100, 0.15);
    padding: var(--popup-padding, 2rem);
    padding-left: var(--horizontal-popup-padding, var(--popup-padding, 2rem));
    padding-right: var(--horizontal-popup-padding, var(--popup-padding, 2rem));
    padding-top: var(--vertical-popup-padding, var(--popup-padding, 2rem));
    padding-bottom: var(--vertical-popup-padding, var(--popup-padding, 2rem));
    color: var(--text-color);
    z-index: 1001;
}

dialog {
    position: relative;
}

.dialog-backdrop {
    position: fixed;
    inset: 0;
    background: #004964;
    opacity:0.7;
    z-index: 1000;
}

dialog::backdrop {
    background: #004964;
    opacity: 0.7;
}

    dialog.dialog--dark {
        --text-color: white;
        --theme-primary-heading-color: white;
    }

.dialog-close-button {
    position:absolute;
    top:1rem;
    right:1rem;
}

@media (max-width: 600px) {
    dialog, dialog {
        inset:0;
        border-radius:unset;
        transform:unset;
    }
}

body:has(dialog[open]), body:has(div.dialog) {
    overflow:hidden;
}
.input-container .auto-complete {
    left: -8px;
    border: 0;
    right: -145px;
    transform:translateY(4px);
    border-bottom-left-radius: var(--border-radius-normal);
    border-bottom-right-radius: var(--border-radius-normal);
    box-shadow: 0px 4px 30px -10px rgba(0, 73, 100, 0.15);
}

.input-container .auto-complete-group-heading {
    padding:1rem;
    background: var(--secondary-5, #F2F6F7);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 170%;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.input-container .auto-complete ul.auto-complete-items {
    padding: 0.5rem;
}

    .input-container .auto-complete ul.auto-complete-items li.auto-complete-items-item a {
        padding: 1rem;
        color: var(--text-color, #004964);
        text-decoration: none;
    }

    .input-container .auto-complete ul.auto-complete-items li.auto-complete-items-item.auto-complete-items-item--selected,
    .input-container .auto-complete ul.auto-complete-items li.auto-complete-items-item:hover, 
	.input-container .auto-complete ul.auto-complete-items li.auto-complete-items-item:focus-visible {
        border-radius: 4px;
        background: var(--secondary-20, #CCDBE0);
    }


@media (max-width: 600px) {
    .input-container .auto-complete {
        right:-97px;
    }
}
.currency-card {
    background: #fff;
    border-radius: var(--border-radius-less);
    padding: 1rem 0.875rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
}

.currency-name {
    color: var(--primary-light);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.currency-card.currency-card--bordered {
    border: 1px solid var(--secondary-10, #E5EDEF);
}

.currency-card.currency-card--shadow {
    box-shadow: 0px 9px 18px 0px rgba(0, 45, 61, 0.07);
}

.currency-card.currency-card--show-flag .currency-name:before {
    display: block;
    content: "";
    width: 40px;
    height: 23px;
    background-image: var(--flag);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: var(--border-radius-micro);
    border: 1px solid var(--grayscale-10-color);
}

.currency-rate {
    color: var(--primary-normal);
    text-align: right;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
}


.currency-change {
    border-radius: var(--border-radius-micro);
    width: 32px;
    height: 32px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: var(--grayscale-10-color, #e6e7e8);
    background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17"> <line x1="2" y1="6" x2="14" y2="6" stroke="black" stroke_width="2"/> <line x1="2" y1="11" x2="14" y2="11" stroke="black" stroke_width="2"/> </svg>')
}

    .currency-change.change-up {
        background-color: var(--triggers-success-light, #E4F4E1);
        background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><g><path d="M8.00002 16.8999C8.5523 16.8999 9.00002 16.4521 9.00002 15.8999L9.00002 4.72989L13.9722 9.61387C14.3607 9.9955 14.9873 9.98227 15.3594 9.58459C15.7166 9.20281 15.7067 8.60654 15.337 8.23685L9.06068 1.96056C8.47489 1.37477 7.52515 1.37477 6.93936 1.96056L0.705353 8.19457C0.315819 8.5841 0.31582 9.21566 0.705354 9.60519C1.09464 9.99448 1.72571 9.99476 2.11535 9.60583L7.00002 4.72989L7.00002 15.8999C7.00002 16.4521 7.44774 16.8999 8.00002 16.8999Z" fill="rgb(4,118,29)"/> </g><defs><clipPath><rect width="16" height="16" fill="white" transform="translate(0 0.899902)"/></clipPath></defs></svg>')
    }

    .currency-change.change-down {
        background-color: var(--triggers-warning-light, #FFE7E5);
        background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><g><path d="M8.00002 0.899945C8.5523 0.899945 9.00002 1.34766 9.00002 1.89994L9.00002 13.0699L13.9722 8.18593C14.3607 7.80431 14.9873 7.81753 15.3594 8.21521C15.7166 8.597 15.7067 9.19326 15.337 9.56295L9.06068 15.8392C8.47489 16.425 7.52515 16.425 6.93936 15.8392L0.705353 9.60524C0.315819 9.2157 0.31582 8.58414 0.705354 8.19461C1.09464 7.80532 1.72571 7.80504 2.11535 8.19398L7.00002 13.0699L7.00002 1.89994C7.00002 1.34766 7.44774 0.899945 8.00002 0.899945Z" fill="rgb(190,45,36)"/> </g><defs><clipPath><rect width="16" height="16" fill="white" transform="translate(0 0.899902)"/></clipPath></defs></svg>');
    }
i.svg-icon:has(svg) {
	display: flex;
}

i.svg-icon svg {
	width: var(--width);
	height: var(--height);
}

	i.svg-icon svg g > * {
		fill: var(--text-color);
	}

.fa-svg-icon {
	flex-shrink:0;
}

.fa-svg-icon g > *, .fa-svg-icon > * {
	fill: currentColor;
}
.overflow-container {
    position: relative;
    overflow: hidden;
    max-height: var(--collapsed-height);
}

    .overflow-container .fade {
        display: flex;
        justify-content: center;
        align-items: end;
        content: "";
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        height: 200px;
        background: linear-gradient(0deg, white, transparent), linear-gradient(0deg, white, transparent), linear-gradient(0deg, white, transparent), linear-gradient(0deg, white, transparent);
        pointer-events: none;
    }

    .overflow-container:has(.fade input:checked) {
        max-height: none;
        padding-bottom: 3rem;
    }

    .overflow-container .fade label {
        cursor: pointer;
        padding-bottom: 2rem;
        color: var(--theme-primary-heading-color);
        font-weight: bold;
        pointer-events: all;
    }

        .overflow-container .fade label input {
            display: none;
        }

        .overflow-container .fade label:after {
            content: var(--expand-text);
        }

    .overflow-container:has(.fade input:checked) .fade label {
        padding-bottom: 1rem;
    }

        .overflow-container:has(.fade input:checked) .fade label:after {
            content: var(--collapse-text);
        }

    .overflow-container:has(.fade input:checked) .fade {
        background: none;
    }

.overflow-container--no-overflow .fade {
    display: none;
}

body .ch2-dialog-content p {
	line-height: 1.75em;
}

:root {
    font-size: 16px;
    --text-color: #222220;
    --heading-color: #004964;
    --primary-background-color: #ffffff;
    --primary-color: #004964;
    --primary-accent: #A3C2CC;
    --secondary-5: #F2F6F7;
    --secondary-10: #E5EDEF;
    --secondary-15: #D9E4E8;
    --secondary-20: #CCDBE0;
    --secondary-accent: #F8F7F4;
    --primary-dark: #222220;
    --primary-normal: #004964;
    --primary-light: #2E7C99;
    --grayscale-100-color: #000;
    --grayscale-90-color: #191919;
    --grayscale-80-color: #323232;
    --grayscale-70-color: #4a4a4a;
    --grayscale-60-color: #636363;
    --grayscale-50-color: #7c7c7c;
    --grayscale-40-color: #959595;
    --grayscale-30-color: #aeaeae;
    --grayscale-20-color: #c6c6c6;
    --grayscale-10-color: #e6e7e8;
    --grayscale-5-color: #f6f6f6;
    --grayscale-0-color: #fff;
    --border-radius: 0.5rem;
    --border-radius-micro: 0.125rem;
    --border-radius-tiny: 0.25rem;
    --border-radius-less: 0.5rem;
    --border-radius-normal: 1rem;
    --border-radius-more: 1.5rem;
    --global-transition: 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    --form-field-text-color: #004964;
    --form-field-background-color: #fff;
    --form-field-placeholder-color: #7c7c7c;
    --form-field-outline-color: #CCDBE0;
    --form-field-text-color-disabled: #e6e7e8;
    --form-field-dropdown-background-color: #fff;
    --accent-text-color: #004964;
    --error-color: #FF4E43;
    --input-background: #fff;
    --triggers-warning-dark: #BE2D24;
    --triggers-warning-light: #FFE7E5;
    --triggers-attention-dark: #86560F;
    --triggers-attention-light: #FFECD0;
    --triggers-success-dark: #04761D;
    --triggers-success-light: #E4F4E1;
}

html {
    /*scroll-behavior: smooth;*/
    scroll-padding-top: 140px;
}

body {
    font-family: 'Open Sans', sans-serif;
    background: #fff;
    color: var(--text-color);

    --viewport-width: calc(100vw - (100vw - 100%));
}

hr {
    margin: 1rem 0;
    border-top: 2px solid var(--theme-primary-color, var(--grayscale-20-color));
}

main {
    a { 
		text-decoration: underline; 
		color: var(--theme-primary-heading-color); 
     }

    /*
      a:visited {
        color: purple !important;
    }
    */

ul, ol {
    /*
        padding-inline-start: 0rem;
        list-style-position:inside;

    */
    margin-left: 1.25rem;
}

    li {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    li > p {
        display: contents;
    }

    li::marker {
        color: var(--theme-primary-heading-color);
    }
}

a:focus-visible {
    text-decoration: underline;
    outline:2px solid var(--primary-color);
}

/* Mix .... Fix flicker, display is set to inline-block within the component once the component has rendered */
inline-popup {
    display: none;
}

@media (max-width: 600px) {
    main {
    }
}

.asset-item-image, .response-image {
    border-radius: var(--border-radius);
}

.veva-page-outline {    
    margin: 0px;
    padding:0 2px;
}

.veva-page-outline-content-tree, .veva-page-outline-content-tree ul {
    padding: 0rem;
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
}

    .veva-page-outline-content-tree a {
        display: block;
        text-decoration: none;
        color: var(--primary-color);
        font-size: 1rem;
        padding: .75rem 1rem;
    }

    .veva-page-outline-content-tree a:focus-visible, .veva-page-outline-content-tree a:hover {
        text-decoration: underline;
    }

        .veva-page-outline-content-tree a.active {
            font-weight: bold;
            background: var(--grayscale-5-color);
            border-radius: var(--border-radius-less);
        }

    .veva-page-outline-content-tree li {
        margin:0;
        padding:0;
    }

    .veva-page-outline-content-tree > li > a {
        border-top: 1px solid var(--dropdown-border-color, var(--secondary-20, #CCDBE0));
    }

    .veva-page-outline-content-tree ul li a {
        padding-left: 2rem;
    }

   

.veva-page-outline-content-tree ul ul li a {
    padding-left: 3rem;
}



.btn svg g > * {
    fill: var(--text-color);
}

a[target="_blank"] {
}

    a[target="_blank"]:after {
        content: "";
        width: 14px;
        height: 14px;
        min-width: 14px;
        min-height: 14px;
        -webkit-mask-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"> <g> <path d="M6.75011 3.00101H2.62502C2.32665 3.00101 2.04049 3.11954 1.82951 3.33052C1.61853 3.5415 1.5 3.82766 1.5 4.12603V9.37614C1.5 9.67451 1.61853 9.96067 1.82951 10.1716C2.04049 10.3826 2.32665 10.5012 2.62502 10.5012H7.87513C8.1735 10.5012 8.45966 10.3826 8.67064 10.1716C8.88162 9.96067 9.00015 9.67451 9.00015 9.37614V5.25105M3.75005 8.25111L10.5002 1.50098M10.5002 1.50098H7.87513M10.5002 1.50098V4.12603" stroke="red" stroke-width="1.12502" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_6013_135736"> <rect width="12.0002" height="12.0002" fill="white" transform="translate(0 0.000976562)"/> </clipPath> </defs> </svg>');
        -webkit-mask-position: center center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"> <g> <path d="M6.75011 3.00101H2.62502C2.32665 3.00101 2.04049 3.11954 1.82951 3.33052C1.61853 3.5415 1.5 3.82766 1.5 4.12603V9.37614C1.5 9.67451 1.61853 9.96067 1.82951 10.1716C2.04049 10.3826 2.32665 10.5012 2.62502 10.5012H7.87513C8.1735 10.5012 8.45966 10.3826 8.67064 10.1716C8.88162 9.96067 9.00015 9.67451 9.00015 9.37614V5.25105M3.75005 8.25111L10.5002 1.50098M10.5002 1.50098H7.87513M10.5002 1.50098V4.12603" stroke="red" stroke-width="1.12502" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_6013_135736"> <rect width="12.0002" height="12.0002" fill="white" transform="translate(0 0.000976562)"/> </clipPath> </defs> </svg>');
        mask-position: center center;
        mask-repeat: no-repeat;
        mask-size: 100% 100%;
        background-color: currentColor;
        display: inline-block;
        margin-left: 4px;
        background-image: none;
    }

a.link-only-icon:after {
    all:revert;
}

a[rel="download"] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

    a[rel="download"]:after {
        content: "";
        width: 12px;
        height: 12px;
        -webkit-mask-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"> <g> <path d="M6.00081 8.62614C6.21475 8.62614 6.41557 8.52179 6.53829 8.34591L11.1321 1.78328C11.2726 1.58312 11.2883 1.32127 11.1768 1.10405C11.0632 0.886823 10.8394 0.750977 10.5947 0.750977H1.40565C1.16086 0.750977 0.937078 0.886823 0.823545 1.10405C0.71198 1.32127 0.72773 1.58312 0.86817 1.78328L5.46201 8.34591C5.58474 8.52179 5.78555 8.62614 5.99949 8.62614H6.00081Z" fill="red"/> <path d="M0 11.251C0 10.837 0.335257 10.501 0.750015 10.501H11.2502C11.665 10.501 12.0002 10.837 12.0002 11.251C12.0002 11.665 11.665 12.001 11.2502 12.001H0.750015C0.335257 12.001 0 11.665 0 11.251Z" fill="red"/> </g> <defs> <clipPath id="clip0_6013_135739"> <rect width="12.0002" height="12.0002" fill="white" transform="translate(0 0.000976562)"/> </clipPath> </defs> </svg>');
        -webkit-mask-position: center center;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;
        mask-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"> <g> <path d="M6.00081 8.62614C6.21475 8.62614 6.41557 8.52179 6.53829 8.34591L11.1321 1.78328C11.2726 1.58312 11.2883 1.32127 11.1768 1.10405C11.0632 0.886823 10.8394 0.750977 10.5947 0.750977H1.40565C1.16086 0.750977 0.937078 0.886823 0.823545 1.10405C0.71198 1.32127 0.72773 1.58312 0.86817 1.78328L5.46201 8.34591C5.58474 8.52179 5.78555 8.62614 5.99949 8.62614H6.00081Z" fill="red"/> <path d="M0 11.251C0 10.837 0.335257 10.501 0.750015 10.501H11.2502C11.665 10.501 12.0002 10.837 12.0002 11.251C12.0002 11.665 11.665 12.001 11.2502 12.001H0.750015C0.335257 12.001 0 11.665 0 11.251Z" fill="red"/> </g> <defs> <clipPath id="clip0_6013_135739"> <rect width="12.0002" height="12.0002" fill="white" transform="translate(0 0.000976562)"/> </clipPath> </defs> </svg>');
        mask-position: center center;
        mask-repeat: no-repeat;
        mask-size: 100% 100%;
        background-color: var(--theme-primary-color);
    }

a[href*=".pdf"]:not(.hide-link-icon)::before, a[href$="pdf"]:not(.hide-link-icon)::before {
    display: inline-block;
    margin-right: 0.25rem;
    margin-left: 0.125rem;
    content: "";
    width: 16px;
    height: 16px;
    -webkit-mask-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 64C0 28.7 28.7 0 64 0L224 0l0 128c0 17.7 14.3 32 32 32l128 0 0 144-208 0c-35.3 0-64 28.7-64 64l0 144-48 0c-35.3 0-64-28.7-64-64L0 64zm384 64l-128 0L256 0 384 128zM176 352l32 0c30.9 0 56 25.1 56 56s-25.1 56-56 56l-16 0 0 32c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48 0-80c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24l-16 0 0 48 16 0zm96-80l32 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-32 0c-8.8 0-16-7.2-16-16l0-128c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16l0-64c0-8.8-7.2-16-16-16l-16 0 0 96 16 0zm80-112c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 32 32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 48c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-64 0-64z" /></svg>');
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 64C0 28.7 28.7 0 64 0L224 0l0 128c0 17.7 14.3 32 32 32l128 0 0 144-208 0c-35.3 0-64 28.7-64 64l0 144-48 0c-35.3 0-64-28.7-64-64L0 64zm384 64l-128 0L256 0 384 128zM176 352l32 0c30.9 0 56 25.1 56 56s-25.1 56-56 56l-16 0 0 32c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48 0-80c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24l-16 0 0 48 16 0zm96-80l32 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-32 0c-8.8 0-16-7.2-16-16l0-128c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16l0-64c0-8.8-7.2-16-16-16l-16 0 0 96 16 0zm80-112c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 32 32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 48c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-64 0-64z" /></svg>');
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    background-color: #dc0116;
}

a[href*=".xlsx"]:not(.hide-link-icon)::before, a[href$="xlsx"]:not(.hide-link-icon)::before, a[href*=".xls"]:not(.hide-link-icon)::before, a[href$="xls"]:not(.hide-link-icon)::before {
    display: inline-block;
    margin-right: 0.25rem;
    margin-left: 0.125rem;
    content: "";
    width: 16px;
    height: 16px;
    -webkit-mask-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V304H208c-35.3 0-64 28.7-64 64V512H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128zM224 368c0 7.3 2.2 14.4 6.2 20.4l9.8 14.7 9.8-14.7c4-6.1 6.2-13.2 6.2-20.4c0-8.8 7.2-16 16-16s16 7.2 16 16c0 13.6-4 26.9-11.6 38.2L259.2 432l17.2 25.8C284 469.1 288 482.4 288 496c0 8.8-7.2 16-16 16s-16-7.2-16-16c0-7.3-2.2-14.4-6.2-20.4L240 460.8l-9.8 14.7c-4 6.1-6.2 13.2-6.2 20.4c0 8.8-7.2 16-16 16s-16-7.2-16-16c0-13.6 4-26.9 11.6-38.2L220.8 432l-17.2-25.8C196 394.9 192 381.6 192 368c0-8.8 7.2-16 16-16s16 7.2 16 16zm96 128V368c0-8.8 7.2-16 16-16s16 7.2 16 16V480h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H336c-8.8 0-16-7.2-16-16zm88-98.3c0-25.2 20.4-45.7 45.7-45.7H480c8.8 0 16 7.2 16 16s-7.2 16-16 16H453.7c-7.5 0-13.7 6.1-13.7 13.7c0 5.2 2.9 9.9 7.6 12.2l31.2 15.6c15.5 7.7 25.2 23.5 25.2 40.8c0 25.2-20.4 45.7-45.7 45.7H432c-8.8 0-16-7.2-16-16s7.2-16 16-16h26.3c7.5 0 13.7-6.1 13.7-13.7c0-5.2-2.9-9.9-7.6-12.2l-31.2-15.6C417.8 430.8 408 415 408 397.7z "/></svg>');
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V304H208c-35.3 0-64 28.7-64 64V512H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128zM224 368c0 7.3 2.2 14.4 6.2 20.4l9.8 14.7 9.8-14.7c4-6.1 6.2-13.2 6.2-20.4c0-8.8 7.2-16 16-16s16 7.2 16 16c0 13.6-4 26.9-11.6 38.2L259.2 432l17.2 25.8C284 469.1 288 482.4 288 496c0 8.8-7.2 16-16 16s-16-7.2-16-16c0-7.3-2.2-14.4-6.2-20.4L240 460.8l-9.8 14.7c-4 6.1-6.2 13.2-6.2 20.4c0 8.8-7.2 16-16 16s-16-7.2-16-16c0-13.6 4-26.9 11.6-38.2L220.8 432l-17.2-25.8C196 394.9 192 381.6 192 368c0-8.8 7.2-16 16-16s16 7.2 16 16zm96 128V368c0-8.8 7.2-16 16-16s16 7.2 16 16V480h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H336c-8.8 0-16-7.2-16-16zm88-98.3c0-25.2 20.4-45.7 45.7-45.7H480c8.8 0 16 7.2 16 16s-7.2 16-16 16H453.7c-7.5 0-13.7 6.1-13.7 13.7c0 5.2 2.9 9.9 7.6 12.2l31.2 15.6c15.5 7.7 25.2 23.5 25.2 40.8c0 25.2-20.4 45.7-45.7 45.7H432c-8.8 0-16-7.2-16-16s7.2-16 16-16h26.3c7.5 0 13.7-6.1 13.7-13.7c0-5.2-2.9-9.9-7.6-12.2l-31.2-15.6C417.8 430.8 408 415 408 397.7z "/></svg>');
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    background-color: #52932D;
}

a[href*=".pptx"]:not(.hide-link-icon)::before, a[href$="pptx"]:not(.hide-link-icon)::before, a[href*=".ppt"]:not(.hide-link-icon)::before, a[href$="ppt"]:not(.hide-link-icon)::before {
    display: inline-block;
    margin-right: 0.25rem;
    margin-left: 0.125rem;
    content: "";
    width: 16px;
    height: 16px;
    -webkit-mask-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V304H176c-35.3 0-64 28.7-64 64V512H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128zM304 352h32c30.9 0 56 25.1 56 56s-25.1 56-56 56H320v32c0 8.8-7.2 16-16 16s-16-7.2-16-16V448 368c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24H320v48h16zM176 352h32c30.9 0 56 25.1 56 56s-25.1 56-56 56H192v32c0 8.8-7.2 16-16 16s-16-7.2-16-16V448 368c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24H192v48h16zm208-64c0-8.8 7.2-16 16-16h32 32c8.8 0 16 7.2 16 16s-7.2 16-16 16H480V496c0 8.8-7.2 16-16 16s-16-7.2-16-16V384H432c-8.8 0-16-7.2-16-16z"/></svg>');
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V304H176c-35.3 0-64 28.7-64 64V512H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128zM304 352h32c30.9 0 56 25.1 56 56s-25.1 56-56 56H320v32c0 8.8-7.2 16-16 16s-16-7.2-16-16V448 368c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24H320v48h16zM176 352h32c30.9 0 56 25.1 56 56s-25.1 56-56 56H192v32c0 8.8-7.2 16-16 16s-16-7.2-16-16V448 368c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24H192v48h16zm208-64c0-8.8 7.2-16 16-16h32 32c8.8 0 16 7.2 16 16s-7.2 16-16 16H480V496c0 8.8-7.2 16-16 16s-16-7.2-16-16V384H432c-8.8 0-16-7.2-16-16z"/></svg>');
    mask-position: center center;
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    background-color: #BD391E;
}

a.no-target-icon:after, .no-target-icon a:after {
    all:revert !important;
}

.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important; /* 2 */
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important; /* 3 */
}

/* Makes messing with cards in VEVA more wysiwyg! */
.table.table--horizontal .veva-content {
}

.veva-page-title {
    margin: 1rem 0;
}

.page-header-page-title--with-icon .page-header-content {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    margin:1rem 0;
}

    .page-header-page-title--uppercase .veva-page-title h1 {
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: 0.365rem;
        text-transform: uppercase;
    }

    .page-header-page-title--with-icon .veva-page-title h1 {
        margin:0;
    }

    .page-header-page-title--with-icon .page-header-title-icon--fontawesomefree i {
        font-size: 3rem !important;
        color: var(--theme-primary-text-color) !important;
    }

.page-header-page-title--with-icon .page-header-title-icon--asseticonprovider {
    content: "";
    width: 50px;
    height: 50px;
    mask-image: var(--title-icon);
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--title-icon);
    -webkit-mask-repeat: no-repeat;
    background: var(--theme-primary-text-color);
}

@media (max-width: 600px) {
    .page-header-page-title--with-icon .page-header-content {
        gap: 1rem;
    }
}

.veva-grid-column > .btn {
    margin-bottom: 1rem;
}

.print-only {
    display: none;
}

.radio-buttons {
    input {
        display: none;
    }

    input:checked + label {
        background-color: var(--primary-color);
        color: white;
    }

    .input-container {
        display: flex;
        flex-direction: row;
        gap: 0.5rem;
        padding: 0;
    }

    .form-check {
        margin: 0;
    }

label {
    padding: 0.75rem 1.5rem;
    min-width: 100px;
    border: 1px solid brown;
    border-radius: var(--border-radius-tiny);
    border: 1px solid var(--secondary-20, #CCDBE0);
    background: var(--Grayscales-0---White, #FFF);
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    cursor: pointer;
}
}

.attachment-left .paragraph-attachment, .attachment-right .paragraph-attachment {
    min-width: unset !important;
    min-height: unset !important;
}

.asset-item figcaption {
    width: 100%;
    background: none;
    font-size: .75rem;
    padding: 0.5rem;
}

.collapse-panel-title p {
    margin-block-end: 0;
}

@media (min-width: 1080px) {
    .no-header-image {
        padding-top: 1rem;
    }

    .article-no-image {
        padding-top: 3rem;
    }
}


body main {
    opacity: 1;
    transition: opacity var(--global-transition);    
}

body.veva-route-changing main {
    opacity:0;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

.auto-complete-loader {
    padding:1rem;
}

.loading {
    content: '';
    position: fixed;
    background-image: url(/_content/SedlabankiVeva.Theme/assets/logo.svg);
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: 20vmin;
    background-position: center center;
    background-repeat: no-repeat;
    pointer-events: none;
    opacity: 0;
    /*
    background-color: white;
    transition: opacity 1ms;
    transition-delay: 10ms;
    */
    transition: opacity var(--global-transition);
}

body.veva-route-changing .loading {
    animation: pulse 2s infinite;    
    transition-delay: 200ms;    
    opacity: 1;
}

.e-chart {
    overflow:visible !important;
}

.chart-tooltip {
    background: #fff;
    border: 1px solid #E5EDEF;
    border-radius: 0.5rem;
    box-shadow: 0px 24px 50px 0px rgba(0, 45, 61, 0.10);
    padding: 0.5rem;
    display: flex;
    gap: 0.5rem;
    flex-direction: column;
    font-size: 0.75rem;
    width: 175px;
    margin: 30px 0 0 -75px;
}

    .chart-tooltip .chart-tooltip-title {
        font-weight:bold;
    }

    .chart-tooltip .chart-tooltip-body {
        display: flex;
        gap: 0.5rem;
        flex-wrap: nowrap;
        align-items: center;
    }

        .chart-tooltip .chart-tooltip-body .chart-tooltip-x-label {
            word-wrap: break-word;
            min-width: 0;
        }

.video-card-video-container .veva-vimeo-player iframe, .video-card-video-container video {
    --border-radius: var(--border-radius-less);
    border-radius: var(--border-radius);
    border: 1px solid var(--border-color, var(--secondary-10));
}



/*******Accessability********/
/*
a {
	position: relative;
	display: inline-block;
}

	a::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: 100%;
		min-width: 44px;
		min-height: 44px;
		transform: translate(-50%, -50%);
	}
	*/