:root {
  --page-title-wrapper-padding-y: 0.901rem;
}

/* Page Title */
#page-title {
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}
@media all and (min-width: 768px) {
  #page-title {
    padding-left: 1.7857142857142858rem;
    padding-right: 1.7857142857142858rem;
    padding-left: var(--screen-edge-padding, 1.7857142857142858rem);
    padding-right: var(--screen-edge-padding, 1.7857142857142858rem);
  }
}

.panel-title-wrapper {
  background-color: var(--page-title-wrapper-bg, #000);
}

.page-title-wrapper, 
.panel-title-wrapper {
  --adion-panel-hover-colour: var(--text-colour);
  --adion-link-hover-colour: var(--text-colour);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background-color: var(--page-title-wrapper-bg, #000);
  /* box-shadow: 0 0.142857em 0.285714em rgba(0,0,0,0.2); */
  padding-top: var(--page-title-wrapper-padding-y, 0.901rem);
  padding-bottom: var(--page-title-wrapper-padding-y, 0.901rem);
  position: relative;
  z-index: 2;
  width: 100%;
}

.page-title-wrapper {
  --text-colour: var(--page-title-colour);
  z-index: var(--page-title-z-index, 2);
}

.panel-title-wrapper {
  --text-colour: var(--panel-title-colour);
  --adion-link-colour: var(--panel-title-colour);
  --page-title-colour: var(--panel-title-colour);
  background-color: var(--panel-title-wrapper-bg);
  z-index: 11;
}

.panel-title-wrapper .main-title > a,
.page-title-wrapper .main-title > a {
  opacity: 0.8;
}

.panel-title-wrapper .main-title > a:hover,
.panel-title-wrapper .main-title > a:focus,
.page-title-wrapper .main-title > a:hover,
.page-title-wrapper .main-title > a:focus {
  opacity: 1;
}

.panel-title-wrapper,
.panel-title-wrapper * {
  transition: var(--transition-duration);
  transition-property: color, background-color;
}

.page-title-wrapper .adion-dropdown {
  padding: 0 0.7142857142857143rem;
}

.page-title-wrapper .adion-dropdown > a > * {
	padding-left: 0.7142857142857143rem;
}

.panel-title-wrapper .material-icons  {
  font-size: 1.414285rem;
}

.page-title-wrapper > .right-action, 
.panel-title-wrapper > .right-action {
  margin-left: 1.0714285714285714rem;
  display: flex;
  align-items: center;
}

@media all and (max-width: 767.98px) {
  .page-title-wrapper > .right-action, 
  .panel-title-wrapper > .right-action {
    position: absolute;
    right: var(--container-padding, 2rem);
  }
}

.page-title-wrapper > .right-action.horizontal-ellipses, 
.panel-title-wrapper > .right-action.horizontal-ellipses {
  margin-top: 0.385rem;
}

.page-title-wrapper a:hover, panel-title-wrapper a:hover,
.page-title-wrapper a:focus, panel-title-wrapper a:focus {
  text-decoration: none;
}

.page-title-wrapper .back-button,
.panel-title-wrapper .back-button {
  min-width: 16px;
  min-height: 16px;
  vertical-align: middle;
  text-align: center;
  color: var(--text-colour, #FFF);
}

.page-title-wrapper .back-button svg,
.panel-title-wrapper .back-button svg {
  width: 100%;
  height: 100%;
}

.page-title-wrapper .back-button:hover,
.panel-title-wrapper .back-button:hover,
.panel-title-wrapper .hide-panel:hover {
  opacity: 0.7;
}

.page-title-wrapper svg,
.panel-title-wrapper svg {
  width: 1.7rem;
  height: 1.7rem;
}

@media all and (max-width: 767.98px) {
  .page-title-wrapper .back-arrow-wrapper,
  .panel-title-wrapper .back-arrow-wrapper {
    margin-top: -1rem;
  }
}

.page-title-wrapper svg path:not([fill="none"]),
.panel-title-wrapper svg path:not([fill="none"]) {
  fill: var(--text-colour, #fff);
}

div.pageTitle {
  padding: 0;
}

.pageTitle {
  font-weight: var(--font-weight-title, 500);
  padding: 0.6153846153846154rem 0;
  text-align: center;
}

.panel-title-wrapper .pageTitle {
  width: calc(100% - 3.9rem);
}

.pageTitle span {
  margin:0 0 0 0.45em;
}
@media all and (min-width: 992px) {
  .pageTitle span {
    margin:0 0.45em;
  }
}
/* 
.pageTitleContent {
  font-family: var(--font-family-title, 'Roboto');
  font-weight: var(--font-weight-title, 700);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0.3em;
  margin-right: unset!important;
} */
.pageTitle {
  width: 100%;
}

.page-title {
  white-space: nowrap;
}

.page-title, .page-title > a:last-child {
  margin-bottom: 0;
  margin-top: 0;
  font-weight: inherit;
  font-size: var(--font-size-subtitle-1, 1.286rem);
}

.page-title, .page-title > span:last-of-type::after {
  content: "\a";
}
@media all and (max-width: 991.98px) {
  .page-title, .page-title > span:last-of-type::after {
    white-space: pre;
  }
}

.page-title > *:not(a:last-child) {
  font-size: 0.8rem;
  vertical-align: middle;
  line-height: 2.1em;
}

.page-title.system {
  font-size: 1rem;
  font-weight: var(--font-weight-base, 400);
  order: -1;
  width: 100%;
  text-align: center;
}
@media all and (min-width: 992px) {
  .page-title.system {
    font-size: 1.1428571428571428rem;
  }
}

@media all and (min-width: 576px) {
  .page-title > *:not(a:last-child) {
    font-size: 1rem;
  }
}

@media all and (min-width: 768px) {
  .page-title-wrapper, 
  .panel-title-wrapper {
    flex-wrap: nowrap;
  }
  
  .pageTitle {
    max-width: 100%;
    text-align: left;
  }

  .page-title.system {
    max-width: -moz-fit-content;
    min-width: -moz-fit-content;
    max-width: fit-content;
    min-width: fit-content;
    margin-left: auto;
    order: 0;
  }

  .page-title > *:not(a:last-child) {
    font-size: var(--font-size-subtitle-1, 1.286rem);
  }
}

@media all and (min-width: 992px) {
  .page-title-wrapper,
  .panel-title-wrapper {
    min-height: 46px;
    height: 46px;
    max-height: 56px;
  }

  .pageTitle {
    width: -moz-fit-content;
    width: fit-content;
  }

  .page-title > * {
    line-height: 1.3em;
  }
 
  .page-title, .page-title > span:last-of-type::after {
    content: "";
  }

  .page-title > *:not(a:last-child) {
    font-size: var(--font-size-subtitle-1, 1.286rem);
    vertical-align: revert;
    vertical-align: unset;
  }
}

@media all and (min-width: 1200px) {
  .page-title, .page-title > a:last-child,
  .page-title > *:not(a:last-child) {
    font-size: 1.5rem;
  }
}

.page-title, .page-title > *, .page-title > a:link, .page-title > a:visited {
  color: var(--page-title-colour, #FFF);
}

.page-title > * {
  font-weight: var(--font-weight-regular, 400);
}

.page-title a {
  white-space: nowrap;
}

.panel-title-wrapper .page-title > a:last-of-type {
  font-weight: var(--font-weight-title, 500);
}

.page-title a:hover,
.page-title a:focus,
.page-title a:link:hover,
.page-title a:link:focus,
.page-title a:visited:hover,
.page-title a:visited:focus {
  /* opacity: 0.7; */
  text-decoration: underline;
}

.right-action .material-icons {
  font-weight: var(--font-weight-light, 300);
  transition: var(--transition-duration, 0.2s);
  transition-property: opacity, color;
}

.right-action .material-icons:hover,
.right-action .material-icons:focus {
  opacity: 1;
}

.page-title-wrapper .adion-dropdown > span:hover > span, .page-title-wrapper .adion-dropdown > span:active > span {
	color: var(--adion-link-hover-colour, blue);
}

.page-title-wrapper .adion-dropdown > a, .page-title-wrapper .adion-dropdown > span {
	white-space: nowrap;
	margin: 0;
	padding: 0.7143rem 1.07143rem;
}

.page-title-wrapper .adion-dropdown > a:hover, .page-title-wrapper .adion-dropdown > a:active, .page-title-wrapper .adion-dropdown > span:hover, .page-title-wrapper .adion-dropdown > span:active {
	background: rgba(0, 0, 0, 0.05);
	/* opacity: 0.6; */
}

.page-title-wrapper .adion-dropdown > a:hover,
.page-title-wrapper .adion-dropdown > a:active,
.page-title-wrapper .adion-dropdown > span:hover,
.page-title-wrapper .adion-dropdown > span:active {
	background: rgba(0, 0, 0, 0.03);
  opacity: 1;
  color: var(--adion-link-hover-colour, #7466C7);
}

/* .page-title-wrapper .adion-dropdown span {
	font-weight: 400!important;
} */

.adion-dropdown.page-title-dropdown > span:hover,
.adion-dropdown.page-title-dropdown > span:active {
  color: var(--adion-link-hover-colour, #7466C7);
}

.adion-dropdown.page-title-dropdown .hidden_po ul {
  display: block;
  list-style: none;
  padding-left: 0;
  margin: 0;
  background: var(--dropdown-bg-colour, #FFF);
  padding: 0.7143rem;
  box-shadow: 0 0 0.2857142857142857rem rgba(0,0,0,0.2);
}

.adion-dropdown.page-title-dropdown .hidden_po {
  display: block;
  overflow: hidden;
  height: 0.001px;
}

.adion-dropdown.page-title-dropdown .hidden_po li {
  padding-left: 0.357rem;
  padding-top: 0.357rem;
}

.adion-dropdown.page-title-dropdown .procurement-optype-po-select:hover .hidden_po, .adion-dropdown.page-title-dropdown .procurement-optype-po-select:hover .hidden_po {
	animation: grow-actions-dropdown var(--transition-duration, 0.2s) linear forwards;
  overflow-y: scroll;
  margin-top: 0.714rem;
}

.adion-dropdown.page-title-dropdown .procurement-optype-po-select {
  position: relative;
}

.adion-dropdown.page-title-dropdown .procurement-optype-po-select:hover, .adion-dropdown.page-title-dropdown .procurement-optype-po-select:active {
  background: rgba(0, 0, 0, 0.03);
}

.adion-dropdown.page-title-dropdown .outsideProcessing-optype-po-select:hover .hidden_po, .adion-dropdown.page-title-dropdown .outsideProcessing-optype-po-select:active .hidden_po {
	animation: grow-actions-dropdown var(--transition-duration, 0.2s) linear forwards;
  overflow-y: scroll;
  margin-top: 0.714rem;
}

.adion-dropdown.page-title-dropdown .outsideProcessing-optype-po-select {
	position: relative;
}

.adion-dropdown.page-title-dropdown .outsideProcessing-optype-po-select:hover, .adion-dropdown.page-title-dropdown .outsideProcessing-optype-po-select:active {
	background: rgba(0, 0, 0, 0.03);
}


@media all and (min-width: 768px) {
  .adion-dropdown.page-title-dropdown .procurement-optype-po-select .hidden_po {
    position: absolute;
  }

  .adion-dropdown.page-title-dropdown .procurement-optype-po-select:hover .hidden_po, .adion-dropdown.page-title-dropdown .procurement-optype-po-select:active .hidden_po {
    animation: grow-actions-dropdown var(--transition-duration, 0.2s) linear forwards;
    position: absolute;
    margin-top: 0;
    overflow-y: unset;
    right: 100%;
    top: 0;
    /* background: var(--dropdown-bg-colour, #FFF); */
    /* padding: 0.625rem; */
    /* box-shadow: 0 0 0.2857142857142857rem rgba(0,0,0,0.2); */
    padding-right: 0.7143rem;
    overflow: visible;
  }

  .adion-dropdown.page-title-dropdown .procurement-optype-po-select ul {
    overflow-y: scroll;
    height: 100%;
  }

  .adion-dropdown.page-title-dropdown .procurement-optype-po-select ul li {
    padding: 0.625rem 1.5625rem;
  }

  .adion-dropdown.page-title-dropdown .procurement-optype-po-select ul li:hover, .adion-dropdown.page-title-dropdown .procurement-optype-po-select ul li:active {
    background: rgba(0,0,0,0.03);
  }

  .adion-dropdown.page-title-dropdown .procurement-optype-po-select ul li:hover a, .adion-dropdown.page-title-dropdown .procurement-optype-po-select ul li:active a {
    color: rgba(160, 0, 0, 0.9);
  }


  .adion-dropdown.page-title-dropdown .outsideProcessing-optype-po-select .hidden_po {
    position: absolute;
  }

  .adion-dropdown.page-title-dropdown .outsideProcessing-optype-po-select:hover .hidden_po, .adion-dropdown.page-title-dropdown .outsideProcessing-optype-po-select:active .hidden_po {
    animation: grow-actions-dropdown var(--transition-duration, 0.2s) linear forwards;
    position: absolute;
    margin-top: 0;
    overflow-y: unset;
    right: 100%;
    top: 0;
    /* background: var(--dropdown-bg-colour, #FFF);
    padding: 0.625rem;
    box-shadow: 0 0 0.2857142857142857rem rgba(0,0,0,0.2); */
    padding-right: 0.7143rem;
    overflow: visible;
  }

  .adion-dropdown.page-title-dropdown .outsideProcessing-optype-po-select ul {
    overflow-y: scroll;
    height: 100%;
  }

  .adion-dropdown.page-title-dropdown .outsideProcessing-optype-po-select ul li {
    padding: 0.625rem 1.5625rem;
  }

  .adion-dropdown.page-title-dropdown .outsideProcessing-optype-po-select ul li:hover, .adion-dropdown.page-title-dropdown .outsideProcessing-optype-po-select ul li:active {
    background: rgba(0,0,0,0.03);
  }

  .adion-dropdown.page-title-dropdown .outsideProcessing-optype-po-select ul li:hover a, .adion-dropdown.page-title-dropdown .outsideProcessing-optype-po-select ul li:active a {
    color: rgba(160, 0, 0, 0.9);
  }
}

/* New tab design styles (PD-12163)*/