@import url(‘https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap’);
:root {
  --vpt-theme-headline-font: “Open Sans”, system-ui;
  --K15t-foreground: #102232;
  --K15t-foreground-subtle: #102232;
  --K15t-foreground-brand: #BB2225;
  --K15t-background-neutral-subtle-hovered: #E6E6E6;
  --K15t-background-neutral-hovered: #E6E6E6;
  --K15t-background-neutral-subtle-selected: #FFFFFF;
  --K15t-border-neutral: #BFBFBF;
  --K15t-border-neutral-strong: #BfBFBF;
  --K15t-border-input: #BFBFBF;
  --K15t-border-input-selected: #BFBFBF;
  --K15t-surface-overlay: #FFFFFF;

  --K15t-link: #BB2225;
  
  --K15t-radius-factor: 0;
}

.vp-dropdown--searchbar .vp-dropdown__button[aria-haspopup=true][aria-expanded=true] {
	background-color: #BB2225;
    color: #FFFFFF;
}

.vp-dropdown--searchbar .vp-dropdown__button[aria-haspopup=true] {
	background-color: #FFFFFF;
    color: #BB2225;
}

.vp-dropdown--searchbar .vp-dropdown__button[aria-haspopup=true]:hover {
	background-color: #BB2225;
    color: #FFFFFF;
}

.portal__header__content__intro--heading {
    font: var(--K15t-font-headline-x-large);
    margin-bottom: 0;
  	font-weight: 600;
}

.tile {
    background-color: var(--K15t-surface-raised);
    border: 0px solid var(--K15t-border-neutral-strong);
  	box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.12);
    border-radius: var(--K15t-radius-small);
    display: flex;
    font: var(--K15t-font-body-medium);
    padding: var(--padding);
    position: relative;
    transition: border-color .2s ease,background-color .2s ease
}

.tile:focus-within,.tile:hover {
    background-color: #33A7B5;
  	border: 0px;
  	box-shadow: 0px;
}

.tile:active {
    background-color: #33A7B5;
  	border: 0px;
  	box-shadow: 0px;
}

.list {
	box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.12);
  	padding:16px;
}

.vp-tree-item {
    --_text-color: #102232;
    --_text-color-active: #FFFFFF;
    --_background-color: #FFFFFF;
    --_background-color-hovered: #E6E6E6;
    --_background-color-selected: #BB2225;
    --_background-color-pressed: #FFFFFF;
}

.panel-macro--panel-note-adf {
  background-color: #F5F5E7
}

.panel-macro--info {
  background-color: #F5F5E7
}