.portal__header__content h2{
  color:white!important;
}
.portal__header {
    padding-bottom: 3rem!important;
    padding-top: 1.5rem!important;
}

.vp-article--wide .article__content, .vp-article--wide h1{
  max-width:3000px!important;
}

@media(min-width:1600px){
.vp-article__content-panel article{
    max-width:125ch!important
  }
}

@media(min-width: 1200px) and (max-width: 1599px){
.vp-article__content-panel article{
    max-width:88ch!important
  }
}

.vp-article__content-panel article{
    max-width:70ch
}
.portal__header__content__intro--heading{
  font-size:55px!important;
}

.portal__header__content__intro--heading p{
  font-size:24px!important;
}

.portal__content__heading{
  margin-bottom:15px;
}

.tile__description{
  margin-bottom:0rem;
}

.cs-portal-tiles__category-Gettingstarted h2:before{
  font-family: "Material Icons";
    content: "\FE98";
  color: #677C6C;
  margin-right:10px
}

.cs-portal-tiles__category-UseCases h2:before{
  font-family: "Material Icons";
    content: "\F4D2";
  color: #677C6C;
  margin-right:10px
}

.cs-portal-tiles__category-TechnicalDocumentation h2:before{
  font-family: "Material Icons";
    content: "\F5D6";
  color: #677C6C;
  margin-right:10px
}

.hc-portal-background-image {
    margin-bottom: 3rem!important;
}

hr {
    margin: 1rem 0;
    border: solid #c1c1c1;
    border-width: 1px 0 0;
  border-color:#DCDCDC;
}

h2[id*="ReadNext"]{
  color: #325452;
  margin-top:1rem!important;
}

thead th {
  background-color:#f2efec!important;
}

td:first-child p span{
  color:#325452;
}
.toc-link.is-active-link {
    background-color: #f2efec;
    color: black;
}

.vp-article__heading{
  font-size:2.5rem;
}

h1, h2, h3, h4, h5,h6 {
    font-weight: 600;
    letter-spacing: -.025rem;
    line-height: 1.2;
    margin-top: 0.5rem; 
    margin: -0.1rem 0 -0.25rem;
}

.portal h2{
  color: black;
  margin-top:1rem!important;
}

.space-overview__content__heading span{
  color:#57918e!important;
}

.article__content figure.vp-image{
  min-width:400px;
  max-width:600px;
  height:auto;
}

.article__content figure.vp-image img{
  border:none;
}

.article__content h2{
  font-size:2rem;
}

.article__content h3{
	margin-bottom:1.4rem;
}

.article__content h4{
	font-size:16px;
  color:#57918e;
  margin-top:1rem;
  
}
.article__content h5{
	font-size:14px !important;
  color:black;
}

.article__content code {
    border-style: none;
      background-color: #E3E1DE;
    font-size:14px !important;
    padding: 3px;
}
.article__content * a {
  color: #677C6C;
  font-weight: 500;
  font-size:14px!important;
}

.article__content * a span{
    font-size:14px!important;
}
.expand-control-text{
  font-size:14px!important;
}

.article__content p{
	margin-top:10px!important;
    margin-bottom: 5px;
  font-size:14px!important;
}

.aui-lozenge-progress {
    background-color: #E3E1DE;
    color: black;
  font-weight: 500;
}

.aui-lozenge-error {
    background-color: #DE4F00;
    color: #f2efec;
  font-weight: 500;
}

.confluenceTable p {
  margin-top:2px!important;
  font-size:14px!important;
}

.confluenceTable p span{
  font-size:14px!important;
}

.numberingColumn{
  background-color:white!important;
  font-size:14px!important;
  
}

div[data-type="note"] {
  background-color: rgba(227, 225, 222,0.3)!important;
  color:black !important;
}

div[data-type="info"] {
  background-color: rgba(103, 124, 108,0.1)!important;
}

div[data-type="tip"] {
  background-color: rgba(103, 124, 108,0.2)!important;
}
div[data-type="success"] {
  background-color: rgba(50, 84, 82,0.1)!important;
}
div[data-type="warning"],div[data-type="caution"] {
  background-color: rgba(222, 79, 0,0.1)!important;
}

.panel-macros--info__content p{
  margin-top:1px!important;
}

.panel-macro__content p{
    margin-top:1px!important;
}

.panel-macro {
  margin-bottom: 1rem!important;  
  padding: 5px 5px 5px 5px!important;
}

.article__content p span{
    font-size:14px!important;
}

.article__content p strong{
  color:#57918e !important;
  font-size:14px!important;
}

.article__content p strong span{
  color:#57918e !important;
      font-size:14px!important;
}

.panel-macros--panel__content p strong{
  color:black !important;
      font-size:14px!important;
}

.confluenceTable p strong{
  margin-top:2px!important;
  color:black !important;
      font-size:14px!important;
}

.js-tocBot {
    border: solid #ea2328;
    border-width: 0 0 0 0.25rem;
  border-image: linear-gradient(#f5f5f5,#325452) 0 0 0 100%;
    margin-bottom: 1.5rem;
}

p+.vp-content-by-label {
    margin-top: 1.2rem;
}

.vp-tree-item--active>.vp-tree-item__header {
    color: #325452;
    font-weight: 700;
}

.list__topic {
  color: #57918e;
  font-weight: 700;
}

.vp-article .article-header{
  margin-bottom:7px;
}

.vp-article h2:after{
    content: "";
    display: block;
    max-width: 5.75rem;
    height: 0;
    outline: 0.5px solid #57918e;
   margin-top: 0.5rem;
  margin-bottom: 2rem;
}

.vp-article h3:after {
    content: "";
    display: block;
    max-width: 5.75rem;
    height: 0;
    outline: 0.5px solid #677C6C;
     margin-top: 0.5rem;
  margin-bottom: 1rem;
}

.toc-link.is-active-link {
    color: black!important;
    background-color: #325452!important;
}

.tile__headline--md a[href$="global-configuration-principles"]:not(.vp-button):before {
    font-family: "Material Icons";
    content: "\FE98";
    color: #325452;
   position: absolute; /* Remove the icon from the document flow */
    left: 25px; /* Adjust to position the icon to the left of the link */
    top: 18px;
}
.tile__headline--md a[href$="data-model"]:before {
    font-family: "Material Icons";
    content: "\F1A8";
    color: #325452;
   position: absolute; /* Remove the icon from the document flow */
    left: 25px; /* Adjust to position the icon to the left of the link */
    top: 18px;
}
.tile__headline--md a[href$="features"]:before {
    font-family: "Material Icons";
    content: "\F1C4";
    color: #325452;
   position: absolute; /* Remove the icon from the document flow */
    left: 25px; /* Adjust to position the icon to the left of the link */
    top: 18px;
}

.tile__headline--md a[href$="workflows"]:before {
    font-family: "Material Icons";
    content: "\F134";
    color: #325452;
   position: absolute; /* Remove the icon from the document flow */
    left: 25px; /* Adjust to position the icon to the left of the link */
    top: 18px;
}
 
.tile__headline--md a[href$="policies"]:before {
    font-family: "Material Icons";
    content: "\0F0150";
    color: #325452;
   position: absolute; /* Remove the icon from the document flow */
    left: 25px; /* Adjust to position the icon to the left of the link */
    top: 18px;
}

.tile__headline--md a[href$="login-tasks"]:before {
    font-family: "Material Icons";
    content: "\F17E";
     color: #325452;
   position: absolute; /* Remove the icon from the document flow */
    left: 25px; /* Adjust to position the icon to the left of the link */
    top: 18px;
}
  
.tile__headline--md a[href$="rules-actions-api"]:before {
    font-family: "Material Icons";
    content: "\0F0125";
    color: #325452;
   position: absolute; /* Remove the icon from the document flow */
    left: 25px; /* Adjust to position the icon to the left of the link */
    top: 18px;
}

.tile__headline--md a[href$="api-guardian-guide"]:before {
    font-family: "Material Icons";
    content: "\0F00C6";
    color: #325452;
   position: absolute; /* Remove the icon from the document flow */
    left: 25px; /* Adjust to position the icon to the left of the link */
    top: 18px;
}

.tile__headline--md a[href$="notifications"]:before {
    font-family: "Material Icons";
    content: "\f1ee";
    color: #325452;
   position: absolute; /* Remove the icon from the document flow */
    left: 25px; /* Adjust to position the icon to the left of the link */
    top: 18px;
}

.tile__headline--md a[href$="synchronization"]:before {
    font-family: "Material Icons";
    content: "\F06A";
    color: #325452;
   position: absolute; /* Remove the icon from the document flow */
    left: 25px; /* Adjust to position the icon to the left of the link */
    top: 18px;
}
.tile__headline--md a[href$="recertification"]:before {
    font-family: "Material Icons";
    content: "\F23D";
    color: #325452;
   position: absolute; /* Remove the icon from the document flow */
    left: 25px; /* Adjust to position the icon to the left of the link */
    top: 18px;
}
 
.tile__headline--md a[href$="reporting"]:before {
    font-family: "Material Icons";
    content: "\F12B";
     color: #325452;
   position: absolute; /* Remove the icon from the document flow */
    left: 25px; /* Adjust to position the icon to the left of the link */
    top: 18px;
}
 
.tile__headline--md a[href$="rights"]:before {
    font-family: "Material Icons";
    content: "\0F0167";
    color: #325452;
   position: absolute; /* Remove the icon from the document flow */
    left: 25px; /* Adjust to position the icon to the left of the link */
    top: 18px;
}
  
.tile__headline--md a[href$="system"]:before {
    font-family: "Material Icons";
    content: "\0F0086";
    color: #325452;
   position: absolute; /* Remove the icon from the document flow */
    left: 25px; /* Adjust to position the icon to the left of the link */
    top: 18px;
}

.tile__headline--md a[href$="customization"]:before {
    font-family: "Material Icons";
    content: "\F27C";
    color: #325452;
    position: absolute; /* Remove the icon from the document flow */
    left: 25px; /* Adjust to position the icon to the left of the link */
    top: 18px;
}
 
.tile__headline--md a[href$="access"]:before {
    font-family: "Material Icons";
    content: "\F342";
    color: #325452;
    position: absolute; /* Remove the icon from the document flow */
    left: 25px; /* Adjust to position the icon to the left of the link */
    top: 18px;
}

.tile__headline--md a[href$="public-access"]:before {
    font-family: "Material Icons";
    content: "\0F0149";
     color: #325452;
    position: absolute; /* Remove the icon from the document flow */
    left: 25px; /* Adjust to position the icon to the left of the link */
    top: 18px;
}

.tile__headline--md a[href$="authentication"]:before {
    font-family: "Material Icons";
    content: "\F341";
    color: #325452;
    position: absolute; /* Remove the icon from the document flow */
    left: 25px; /* Adjust to position the icon to the left of the link */
    top: 18px;
}
.tile__headline--md a[href$="federation"]:before {
    font-family: "Material Icons";
    content: "\f5fc";
    color: #325452;
    position: absolute; /* Remove the icon from the document flow */
    left: 25px; /* Adjust to position the icon to the left of the link */
    top: 18px;
}

.tile__headline--md a{
  color:#DE4F00;
}

h3.tile__headline--md {
  margin-left:24px;
}

.vp-button--primary{
  background-color:#57918e;
}