/**NEW CSS 2024**/
.portal {
	background-color: #080C2F;
	padding-bottom: 14rem;
}
.vp-banner {
	background-color: #080C2F;
  	background-image:none;
    margin-bottom: 2rem;
}

.vp-banner h2, .portal__content__heading h2 {
    color: #FEFEFE;
}

.portal__header__content__intro--heading {
	display:none;
}

.portal__header__content__intro--intro {
	margin-top: 50px;
  	font-size: 32px;
}

.portal__content__heading h2 {
  	text-align: center;
}

.vp-search-bar-container {
  max-width: 1000px;
}

.vp-search-bar {
  max-width: 1000px;
}

.vp-search-input__slot {
	width: 30%;
}

.vp-dropdown--searchbar .vp-dropdown__button {
	max-width: 20rem;
}

.vp-dropdown--searchbar .vp-dropdown__button, .vp-dropdown--searchbar .vp-dropdown__button:focus-within {
	background-color: #f7f7f7;
}

.vp-search-input__submit {
	color: #FF1053;
}

[data-vp-id="search-bar-content-source-filter"] {
	width:100%;
}


.tile.tile--spaces {
	background-color:white;
    border-radius: 4.88px;
    padding: 30px 30px 30px 40px;
    transition: box-shadow .2s;
    box-shadow: 0 8px 43px rgba(3,54,61,.09);
}

.tile.tile--spaces:hover {
	box-shadow: 0 8px 28px 10px rgba(3,54,61,.09);
}

.tile__headline {
    font-size: 22px;
}
 .tile__description {
    hyphens: none;
}

.tile--large .tile__image {
	display: none;
}





:root {
	--vp-layout-header-height: 65px;
}

.header__navigation--logo a img {
    max-height: 35px;
    min-width: 30px;
}

.portal__header {
    padding-bottom: 3rem;
    padding-top: 2.5rem;
}

.header, .footer {
	border-bottom: 0px;
  	border-top: 0px;

}

/*.flex.flex-col.flex-grow.hc-main-wrapper {
	background-color: #ECEEFF;
} */

.footer {
    min-height: 100px;
    padding-bottom: 0.5rem;
    padding-top: 1.5rem;
}

body {
    font-family: -apple-system,BlinkMacSystemFont,segoe ui,Roboto,noto sans,Ubuntu,Cantarell,helvetica neue,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;
}

/** Home-Page **/

.render-links--link a {
    font-size: 16px;
}

.space-overview .hc-spaceHome-background-image {
  	box-shadow: none;
  	margin: 0;
    background-color: transparent;
    background-image: linear-gradient( 16deg,#4353ff 55%,#f2295b 100%)!important;
}

.space-overview__detail__news {
display: none;
}

.space-overview__detail__intro > .align-middle {
width: 100%;
}

h2#TrustBuilderMFAdocumentation-inWebobecomesTrustBuilder {
	font-size: 22px;
}

h1, h1.cell.article__heading {
    font-size: 2rem;  	
  	color: #222261;
}

.tile {
	padding: 1rem;
}


/** Gestion des titres **/

h1, h2, h3, h4, h5, h6 {
      font-family: -apple-system,BlinkMacSystemFont,segoe ui,Roboto,noto sans,Ubuntu,Cantarell,helvetica neue,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji;
}

.article__content h2 {
    font-size: 1.4rem;
  	border-bottom: 1px solid #dfe1e6;
  	font-weight:normal;
  	color: #222261;
}

.space-overview__content__heading h2 {
  	border-bottom: 0px solid #dfe1e6;
  	color: #222261;
}
h3, .article__content h3{
  	font-size: 1.2rem;
  	font-weight:bold;
  	color: #222261;

}
h4,  .article__content h4 {
    font-size: 1rem;
  	color: #222261;
}
h5
h6


/** texte du contenu d'un article **/
.vp-article {
    --_content-width: 125ch;
}

.article__content {
  	font-size: 16px;
  	margin-bottom: 1rem;
}

.article__content * {
    color: #404040;
}

.article__content * a {
    color: #2a55cd;
    font-weight: 500;
}
.article__content * a:hover {
	text-decoration: none;
    border-bottom: 1px solid #203e92;
    color: #203e92;
}

/** Unordered lists layout **/

.article__content ul li ul li{
list-style-type: circle;
}

.article__content ul li ul li ul li{
list-style-type: square;
}

.article__content ul li ul {
margin-top:0.5rem; 
margin-bottom:0.2rem;
}

/** articles page TOC - Couleur de la section active **/
.article__toc__link--active {
    color: #333!important;
    background: #dae4e6;
    border-radius: 4px;
    padding: 2px 4px;
}

/** left menu article **/
.vp-article__aside-left {
    background-color: #F2F2F2;
}

.vp-tree-item--with-hover-effect .vp-tree-item__header:hover {
    background-color: #dddddd;
}
.vp-tree-item--with-hover-effect .vp-tree-item__header .vp-tree-item__header__expand-button:hover {
    background: #dddddd;
}

/** améliore la mise en page des macro "développer/réduire" dans les articles **/
.article__content .expand-container .expand-content {
  padding-left: 40px;
  padding-top: 10px;
  padding-right: 40px; 
}

.article__content .expand-container .expand-control-icon:after {
  border-color: #000C34;
}

/** Layout des cadres INFO/WARNING**/
.panel-macro {
    margin-top: 0rem;
  	padding: 10px 20px 10px 20px;
}

/** Layout des code macros **/
.code-macro div.code-toolbar {
  padding-top:0.1rem;
}
.code-macro pre[class*=language-]{
padding: 0.5em 1em 0.5rem;
margin: 0.5em 4rem 1rem 0;
}

.code-macro__language {
display: none; 
}

/** Layout du top-header **/
.header__navigation--large {
padding:0.5rem 2rem;
}

.footer__logo {
    max-height: 2rem;
    max-width: 180px;
}

/** images **/

.article__content figure img {
    cursor: zoom-in;
    box-shadow: 3px 3px 7px #dfe1e6;
}

a.js-enlargeOnClick.cboxElement:hover {
    border-width: 0px; 
}

/** layout des tableaux **/
.tablesorter-custom {
    font: 11px roboto,verdana,arial;
}

/** Custom de la page Vendors specific integrations **/
[data-vp-page-id="2152748"] .vp-accordion-link-group {
	--padding: 0.5rem;
	border:hidden; 	
}

[data-vp-page-id="2152748"] .article__content * a {
    color: #000;
    font-weight: 400;
    font-size: 14px;
}
/** Custom Resources Downloads page OLD**/

[data-vp-page-id="1903283"] .expand-container {
	border-width: 0px;
    margin: 0.1rem 0;
}
[data-vp-page-id="1903283"] .expand-container .expand-control span.expand-control-text {
    font-weight: normal;
  	font-size: 14px;
}
[data-vp-page-id="1903283"] .article__content * a {
    font-size: 14px;
}
[data-vp-page-id="1903283"] .expand-container .expand-control {
    padding: 0px;
}

/** Custom Resources Downloads page NEW **/

[data-vp-page-id="4029808671"] .expand-container {
	border-width: 0px;
    margin: 0.1rem 0;
}
[data-vp-page-id="4029808671"] .expand-container .expand-control span.expand-control-text {
    font-weight: normal;
  	font-size: 14px;
}
[data-vp-page-id="4029808671"] .article__content * a {
    font-size: 14px;
}
[data-vp-page-id="4029808671"] .expand-container .expand-control {
    padding: 0px;
}


/** Custom Authentication methods page **/

[data-vp-page-id="3942023195"] .article__content figure img {
    border-width: 0px;
    box-shadow: none;
}

/* Style personnalisé les tableaux doc authenticator*/

[data-vp-page-id="4575625217"] .article__content table:is(.tablesorter-default,.confluenceTable,.attachments.aui), .article__content table:is(.tablesorter-default,.confluenceTable,.attachments.aui) td, .article__content table:is(.tablesorter-default,.confluenceTable,.attachments.aui) th {
	border-top: none;
    border-left: none;
    border-right: none;
  	border-bottom: solid 1px #e2e5eb;
  	font-size: 14px;
}

/* Ajout d'un bandeau d'information en haut, avant le header */
[data-vp-component=header]::before {
  content: "🔔 Trustbuilder.io Admin Portal menu slightly changes starting from 2025.5.0. Details available in the release notes.";
  display: block;
  background-color: #E5EDFA;
  color: #424242;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  z-index: 1000;
}