/* roboto-300 - latin */
@font-face {
    font-display: swap;
    font-family: 'RobotoLight';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/roboto-v30-latin-300.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/roboto-v30-latin-regular.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/roboto-v30-latin-italic.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/roboto-v30-latin-700.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
    font-family: RobotoLight, Helvetica, Arial, sans-serif;
}

/* dev */
#header.dev .aui-header  {
    background: #a3cfbb;
}
html[data-color-mode='dark'] #header.dev .aui-header  {
    background: inherit;
}

#header.dev .aui-header .aui-header-primary::after {
    content: "This is a testsystem!";
    color: red;
    font-size: 15px;
    font-weight: bold;
}

/* external */
#header.external .aui-header  {
    background: #fff3cd;
}

#header.external .aui-header .aui-header-primary::after {
    content: "This system gets synchronized with prod nightly!";
    color: red;
    font-size: 20px;
    font-weight: bold;
}

/* personal */
#header.personal .aui-header  {
    background: #ccc;
}

/* extranet */
#header.extranet .aui-header  {
    background: #cff4fc;
}

#header nav.aui-dropdown2-trigger-group::after {
    display: block;
    content: '';
    width: 100%;
    height: 5px;
    position: absolute;
    bottom: -4px;
    background: linear-gradient(90deg, #e3003a 0%, #643688 21%, #14387f 41%, #0070e5 64%, #76b82a 84%, #fcbe00 100%);
    z-index: 20;
    box-shadow: 4px 2px 4px rgba(0, 0, 0, 0.5);
    mix-blend-mode: multiply;
    margin-left: -10px;
}

.aui-header .aui-quicksearch input[type='text'] {
    background: #fff;
    border: 1px solid #ccc;
}

#quick-search-query::placeholder {
    color: #ccc;
}

.aui-header .aui-dropdown2-trigger, #header .aui-header .aui-nav-link, #header .aui-header .aui-nav-imagelink, #header .aui-header a {
    color: #42526e;
}

html[data-color-mode='dark'] .aui-header .aui-dropdown2-trigger, #header .aui-header .aui-nav-link, #header .aui-header .aui-nav-imagelink, #header .aui-header a {
    color: inherit;
}

.aui-header .aui-dropdown2-trigger:hover, .aui-header .aui-dropdown2-trigger.active, #header .aui-header .aui-nav-link.active, #header .aui-header .aui-nav-imagelink.active, #header .aui-header .aui-nav-imagelink:focus, #header .aui-header .aui-nav-imagelink:hover, #header .aui-header a:focus, #header .aui-header a:hover, #header .aui-header a:active {
    background-color: #0070e533;
    border-color: #0070e533;
    color: #ffffff;
}

.ia-secondary-header-title {
    background-color: #b4b4b4;
    color: #ffffff;
    text-transform: none;
}

html[data-color-mode='dark'] .ia-secondary-header-title {
    background-color: inherit;
    color: #ffffff;
    text-transform: none;
}

#header .aui-header {
    background-color: #fff;
}

html[data-color-mode='dark'] #header .aui-header {
    background-color: inherit;
}

.alertPanel, .infoPanel, .panelContent ul {
    color: #000000;
}

html[data-color-mode='dark'] .alertPanel, .infoPanel, .panelContent ul {
    color: inherit;
}

.space-favourite {
    color: #EA0052;
}

#content-metadata-page-restrictions.restricted {
    color: #EA0052;
}

#content-metadata-attachments, #content-metadata-page-restrictions {
    color: #42526E;
}

#s2id_page-restrictions-dialog-selector .restrictions-dialog-option .aui-icon.red {
    color: #EA0052;
}

/* Dropdown menu */
#select2-drop .restrictions-dialog-option .aui-icon.red {
    color: #EA0052;
}

#content-title {
    height: 52px;
    color: #14387f;
}

.aui-button.aui-button-primary {
    font-weight: normal;
}

.aui-button.aui-button-primary:focus,
#header .aui-header .aui-nav .aui-button-primary,
.aui-dialog .dialog-button-panel button.button-panel-button {
    background-color: #14387f;
}

html[data-color-mode='dark'] .aui-button.aui-button-primary:focus,
#header .aui-header .aui-nav .aui-button-primary,
.aui-dialog .dialog-button-panel button.button-panel-button {
    background-color: #579dff;
}

.aui-button.aui-button-primary:hover,
.aui-dialog .dialog-button-panel button.button-panel-button:hover {
    color: darken(#14387f, 10%);
}

html[data-color-mode='dark'] .aui-button.aui-button-primary:hover,
.aui-dialog .dialog-button-panel button.button-panel-button:hover {
    color: darken(#579dff, 10%);
}

.wiki-content a, .wiki-content a:link, .wiki-content a:visited, .wiki-content a:focus, .wiki-content a:hover, .wiki-content a:active {
    color: #0070e5;
}

.ia-secondary-content .acs-tree-item .navigation-pseudo-link {
    color: #0070e5;
}

#title-text h1, .with-breadcrumbs h1 {
    font-size: 49.98px;
    font-weight: normal;
    line-height: 130%;
    background: linear-gradient(90deg, #e3003a 0%, #643688 21%, #14387f 41%, #0070e5 64%, #76b82a 84%, #fcbe00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-top: 20px;
}

#title-text a {
    color: #14387f;
}

.unresolved, a.unresolved, a.unresolved:link, a.unresolved:visited, a.unresolved:active, a.unresolved:hover {
    color: rgba(68, 68, 68, 1);
    text-decoration: none;
}

html[data-color-mode='dark'] .unresolved, a.unresolved, a.unresolved:link, a.unresolved:visited, a.unresolved:active, a.unresolved:hover {
    color: inherit;
    text-decoration: none;
}

.wiki-content {
    font-size: 17px;
}

.wiki-content h1 {
    font-size: 2.07rem;
    font-weight: normal;
    line-height: 130%;
    color: rgba(68, 68, 68, 1);
}

html[data-color-mode='dark'] .wiki-content h1 {
    font-size: 2.07rem;
    font-weight: normal;
    line-height: 130%;
    color: inherit;
}

.wiki-content h2 {
    font-size: 1.71rem;
    font-weight: normal;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    color: rgba(68, 68, 68, 1);
    margin-top: 20px;
    margin-bottom: 5px;
    padding-bottom: 0;
    line-height: 130%;
}

html[data-color-mode='dark'] .wiki-content h2 {
    font-size: 1.71rem;
    font-weight: normal;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    color: inherit;
    margin-top: 20px;
    margin-bottom: 5px;
    padding-bottom: 0;
    line-height: 130%;
}

.wiki-content h3 {
    font-size: 1.43rem;
    font-weight: normal;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    color: rgba(68, 68, 68, 1);
    padding-top: 5px;
    margin-bottom: 5px;
    line-height: 130%;
}

html[data-color-mode='dark'] .wiki-content h3 {
    font-size: 1.43rem;
    font-weight: normal;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    color: inherit;
    padding-top: 5px;
    margin-bottom: 5px;
    line-height: 130%;
}

.wiki-content h4 {
    font-size: 1.21rem;
    font-weight: normal;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    padding-top: 5px;
    margin-bottom: 5px;
    color: rgba(93, 93, 93, 1);
    line-height: 130%;
}

html[data-color-mode='dark'] .wiki-content h4 {
    font-size: 1.21rem;
    font-weight: normal;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    padding-top: 5px;
    margin-bottom: 5px;
    color: inherit;
    line-height: 130%;
}

::marker {
    color: #bababa;
}

/* Styles for custom AEB-elements */
.wiki-content #tocAEB .panel {
    width: max-content;
}

#borderlessTable table {
    border: none;
    border-spacing: 0;
    border-collapse: collapse;
}

#borderlessTable tr {
    border: none;
}

#borderlessTable td {
    border: none;
    padding: 0;
}

#borderlessTable th {
    border: none;
    padding: 0;
}

#borderlessTable tbody {
    border: none;
}

/* Hides permission-config-table of anonymous users in space permission edit & view pages*/
#aPermissionsTable {
    display: none;
}

/* Adds icons for application management macro */
a.applMangmt {
    display: block;
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    font-size: 0;
    float: left;
}

/* Login page customizations */
#manual-redirect-continue-button, #ksso-username-input, #login-form-workaccount, #cannot-login-footer, #mainIdpLoginPage h2{
    display: none;
}

#mainIdpLoginPage div div:nth-child(3) {
    color: #0070e5;
    font-size: 26px !important;
    font-weight: bold;
}

/* corrects icons proportions */
img.emoticon[class^="emoticon emoticon-"] {
    max-width: 16px;
}

.aui-header .aui-header-logo-confluence .aui-header-logo-device {
    background-image: url("images/logo-gradient-blue-confluence.svg");
}

html[data-color-mode='dark'] .aui-header .aui-header-logo-confluence .aui-header-logo-device {
    background-image: url("images/logo-gradient-neutral-confluence.svg");
}

/* Icons for AppManagement */
a.applMangmtRZ0 {
    background-image: url("images/applicationManagement/icon-location-it-dc-i.svg");
}

a.applMangmtRZ3 {
    background-image: url("images/applicationManagement/icon-location-it-dc-c.svg");
}

a.applMangmtRZ4 {
    background-image: url("images/applicationManagement/icon-location-it-dc-dmz.svg");
}

a.applMangmtClient {
    background-image: url("images/applicationManagement/icon-location-it-client.svg");
}

a.applMangmtCloud {
    background-image: url("images/applicationManagement/icon-location-it-cloud.svg");
}

a.applMangmtiOSApp {
    background-image: url("images/applicationManagement/icon-type-ios.svg");
}

a.applMangmtApp {
    background-image: url("images/applicationManagement/icon-type-windows.svg");
}

a.applMangmtAndroidApp {
    background-image: url("images/applicationManagement/icon-type-android.svg");
}

a.applMangmtOS {
    background-image: url("images/applicationManagement/icon-type-os.svg");
}

a.applMangmtMacApp {
    background-image: url("images/applicationManagement/icon-type-macos.svg");
}

a.applMangmtIT-System {
    background-image: url("images/applicationManagement/icon-type-it-system.svg");
}

a.applMangmtWebApp {
    background-image: url("images/applicationManagement/icon-type-internet.svg");
}

a.applMangmtA {
    background-image: url("images/applicationManagement/icon-class-a.svg");
}

a.applMangmtB {
    background-image: url("images/applicationManagement/icon-class-b.svg");
}

a.applMangmtC {
    background-image: url("images/applicationManagement/icon-class-c.svg");
}

a.applMangmtTest {
    background-image: url("images/applicationManagement/icon-class-test.svg");
}

a.applMangmtAbolished {
    background-image: url("images/applicationManagement/icon-class-abolished.svg");
}

a.applMangmtAzure {
    background-image: url("images/applicationManagement/icon-login-azure-ad.svg");
}

a.applMangmtADFS {
    background-image: url("images/applicationManagement/icon-login-ad-adfs.svg");
}

a.applMangmtKeycloak {
    background-image: url("images/applicationManagement/icon-login-keycloak.svg");
}

a.applMangmtEigenerLogin {
    background-image: url("images/applicationManagement/icon-login-self-login.svg");
}

/* Highlights links to old wiki */
a[href^="https://wiki.pmbelz.de"],
a[href^="http://wiki.pmbelz.de"],
a[href^="http://wiki/w/"] {
    background-color: red;
    color: black !important;
    text-decoration: underline;
}

/* Adds a wiki icon to all links from old wiki */
a[href^="https://wiki.pmbelz.de"]::before,
a[href^="http://wiki.pmbelz.de"]::before,
a[href^="http://wiki/w/"]::before {
    content: url("images/wiki.png");
    top: 3px;
    position: relative;
    padding-right: 3px;
}

/* Adds a red border to all images from old wiki */
img[src^="https://wiki.pmbelz.de"],
img[src^="http://wiki.pmbelz.de"],
img[src^="http://wiki/w/"] {
    border: 5px dashed red;
}

.unresolved, a.unresolved, a.unresolved:link, a.unresolved:visited, a.unresolved:active, a.unresolved:hover {
    color: red;
    text-decoration: none;
}

/* Macro Language Link */
a.languageLink {
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: right;
    display: block;
    font-size: 14px;
}

a.languageLinkDeutsch {
    background-image: url("images/languageLink/de.png");
    width: 68px;
}

a.languageLinkEnglish {
    background-image: url("images/languageLink/en.png");
    width: 54px;
}

a[data-link-type="external"]::before {
    content: url("images/external-link.png");
    top: 3px;
    position: relative;
    padding-right: 2px;
}

/* Adds a assist icon to all links that start with assist4 */
a[href^="assist4:"]::before {
    content: url("images/assist4crm.png");
    top: 3px;
    position: relative;
    padding-right: 2px;
}

/* Adds a mateso icon to all links start with ps8 */
a[href^="ps8:"]::before {
    content: url("images/mateso_klein.png");
    top: 3px;
    position: relative;
    padding-right: 5px;
}

/* Adds a dir icon to all links that start with AEBsmb */
a.aeb_tooltip::before {
    content: url("images/folder.png");
    top: 3px;
    position: relative;
    padding-right: 5px;
}

/* Adds a icon to all links that reference SharePoint */
a[href^="https://aeb365.sharepoint.com/"]::before {
    content: url("images/sharepoint.png");
    top: 3px;
    position: relative;
    padding-right: 5px;
}


/* Adds a icon to all links that reference OneDrive */
a[href^="https://aeb365-my.sharepoint.com/"]::before {
    content: url("images/onedrive.png");
    padding-right: 5px;
}

/* Adds a  icon to all links that reference a Word document */
a[href^="https://aeb365.sharepoint.com/:w:/"]::before, a[href^="https://aeb365-my.sharepoint.com/:w:/"]::before {
    content: url("images/word.png");
    top: 3px;
    position: relative;
    padding-right: 5px;
}

/* Adds a  icon to all links that reference a Word document */
a[href^="https://aeb365.sharepoint.com/:b:/"]::before, a[href^="https://aeb365-my.sharepoint.com/:b:/"]::before {
    content: url("images/pdf.png");
    top: 3px;
    position: relative;
    padding-right: 5px;
}

/* Adds a icon to all links that reference an Excel document */
a[href^="https://aeb365.sharepoint.com/:x:/"]::before, a[href^="https://aeb365-my.sharepoint.com/:x:/"]::before {
    content: url("images/excel.png");
    top: 3px;
    position: relative;
    padding-right: 5px;
}

/* Adds a icon to all links that reference a PowerPoint document */
a[href^="https://aeb365.sharepoint.com/:p:/"]::before, a[href^="https://aeb365-my.sharepoint.com/:p:/"]::before {
    content: url("images/powerpoint.png");
    top: 3px;
    position: relative;
    padding-right: 5px;
}

/* Adds a icon to all links that reference GitLab */
a[href^="https://git.aeb.com/gitlab"]::before {
    content: url("images/gitlab.png");
    top: 3px;
    position: relative;
    padding-right: 5px;
}

/* Adds a icon to all links that reference Jira */
a[href^="https://pm.aeb.com/jira"]::before {
    content: url("images/jira.png");
    top: 3px;
    position: relative;
    padding-right: 5px;
}

/* Adds a icon to all links that reference Jira */
a[href^="https://pm.aeb.com/jira/secure/ViewProfile.jspa"]::before {
    content: "";
}

/* Adds a icon to all links that reference Bitbucket */
a[href^="https://git.aeb.com/bitbucket"]::before {
    content: url("images/bitbucket.png");
    top: 3px;
    position: relative;
    padding-right: 5px;
}

/* Adds a icon to all links that reference 1Password */
a[href^="https://start.1password.com/open/"]::before {
    content: url("images/1Password.png");
    top: 3px;
    position: relative;
    padding-right: 5px;
}

/* Adds a icon to all links that reference Slack */
a[href^="https://aeb-aebse.slack.com/"]::before,
a[href^="https://aeb.enterprise.slack.com/"]::before {
    content: url("images/slack.png");
    top: 3px;
    position: relative;
    padding-right: 5px;
}

/*  Tooltip for AEBLink Macro */
.aeb_tooltip {
    position: relative;
    display: inline-block;
}

.aeb_tooltip .aeb_tooltiptext {
    visibility: hidden;
    width: 202px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: smaller;
}

.aeb_tooltip .aeb_tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.aeb_tooltip:hover .aeb_tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* Prevents from additional space on the right. See SF 1022851 for details */
div#footer {
    margin-left: unset !important;
}

/* Highlights inline Code, See https://web.yammer.com/main/threads/eyJfdHlwZSI6IlRocmVhZCIsImlkIjoiMTEzMTY4ODQwODI1MjQxNiJ9 */
code {
    background-color: #eee;
    padding: 1px 5px 1px 5px;
    border-radius: 3px;
}