:root {
/* used to accent some elements: checkbox/radiobox, checked toggle buttons/checked input fields */
  --phi-green: #97bf0dd0;
  --color-accent: var(--phi-green);
  --bgc-content-body: #333331;
  --bgc-content-header: var(--bgc-content-container);
  --bgc-content-container: #1e1e1d;
  --bgc-inputfield-on-container: var(--bgc-content-body);
  --bgc-inputfield-on-body: var(--bgc-content-container);
  --bgc-checkbox-hover: rgba(255,255,255,0.06);
  --bgc-checkbox-focus: rgba(255,255,255,0.12);
  --bgc-loading-circle: var(--font-color-contrast-middle);
  --bgc-user-menu-item-hover: rgba(255,255,255,0.1);
  --bgc-user-menu-item-active: rgba(255,255,255,0.2);
  --bgc-header-number-circle: #bdbdbb;
  --bgc-tab-separator: #5f5f5c;
  --bgc-popup: #5f5f5c;
  --bgc-popup-item-hover: rgba(0,0,0,0.15);
  --bgc-popup-item-active: rgba(0,0,0,0.3);
  --bgc-popup-item-selected: rgba(0,0,0,0.3);
  --bgc-grid-row-hover: rgba(255,255,255,0.04);
  --bgc-grid-row-selected: var(--bgc-grid-row-hover);
  --bgc-tree-row-hover: var(--bgc-grid-row-hover);
  --bgc-tree-row-selected: rgba(255,255,255,0.15);
  --bgc-apptile-default: #868681;
  --bgc-appcenter-app-hover: rgba(255,255,255,0.08);
  --bgc-appcenter-app-active: rgba(255,255,255,0.12);
  --bgc-progressbar-empty: #bdbdbb;
  --bgc-progressbar-progress: var(--bgc-success);
  --bgc-titlepane-hover: rgba(255,255,255,0.04);
  --bgc-underlay: rgba(51, 51, 49, 0.8);
  --bgc-checkerboard: repeating-conic-gradient(var(--bgc-inputfield-on-container) 0% 25%, transparent 0% 50%) 50%/20px 20px;
  --bgc-error: #b8233e;
  --bgc-warning: #975607;
  --bgc-success: #4a6d12;
  --font-size-1: 1.5rem;
  --font-size-2: 1.25rem;
  --font-size-3: 1rem;
  --font-size-4: 0.875rem;
  --font-size-5: 0.75rem;
  --font-size-html: 1rem;
  --font-size-body: var(--font-size-4);
  --font-lineheight-normal: 1.5;
  --font-lineheight-compact: 1.25;
  --font-lineheight-header: 1.3;
  --font-weight-bold: 600;
  --font-color-contrast-high: #fff;
  --font-color-contrast-middle: #bdbdbb;
  --font-color-contrast-low: #868681;
  --font-color-error: #f0758c;
  --font-color-warning: #ff8c00;
  --font-color-success: #9cd147;
  --button-primary-bgc: var(--phi-green);
  --button-primary-bgc-hover: var(--phi-green);
  --button-primary-bgc-active: rgba(79,114,24,1);
  --button-primary-bgc-disabled: #5f5f5c;
  --button-bgc: #5f5f5c;
  --button-bgc-hover: #575755;
  --button-bgc-active: rgba(80,80,77,1);
  --button-bgc-disabled: #5f5f5c;
  --button-text-color: inherit;
  --button-text-bgc: transparent;
  --button-text-bgc-hover: var(--button-bgc-hover);
  --button-text-bgc-active: var(--button-bgc-active);
  --button-text-bgc-disabled: transparent;
  --button-icon-bgc: transparent;
  --button-icon-bgc-hover: var(--button-bgc-hover);
  --button-icon-bgc-active: var(--button-bgc-active);
  --button-icon-bgc-disabled: transparent;
  --button-icon-highlighted-bgc: var(--bgc-inputfield-on-body);
  --button-icon-highlighted-bgc-hover: var(--button-bgc-hover);
  --button-icon-highlighted-bgc-active: var(--button-bgc-active);
  --button-icon-highlighted-bgc-disabled: transparent;
  --border-radius-interactable: 0.25rem;
  --border-radius-container: 0.5rem;
  --color-focus: var(--font-color-contrast-high);
  --popup-border: 1px solid #bdbdbb;
  --box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
  --serveroverview-tile-hover-bgc: #00acb6;
  --serveroverview-tile-hover-color: #1e1e1d;
  --login-logo: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F><!-- Created with Inkscape (http://www.inkscape.org/) --><svg version="1.1" id="svg2" height="100%" viewBox="0 0 287.8504 329.66559" sodipodi:docname="PHI_SEPERAT_11.2015.svg" inkscape:version="1.2.2 (b0a8486541, 2022-12-01)" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"><defs id="defs6"><linearGradient x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(151.84718,0,0,-151.84718,61.956543,201.25781)" spreadMethod="pad" id="linearGradient42"><stop style="stop-opacity:1;stop-color:%23fff9c8" offset="0" id="stop24" /><stop style="stop-opacity:1;stop-color:%23fff9c8" offset="0.169111" id="stop26" /><stop style="stop-opacity:1;stop-color:%23fff5a0" offset="0.23901351" id="stop28" /><stop style="stop-opacity:1;stop-color:%23fff5a0" offset="0.316606" id="stop30" /><stop style="stop-opacity:1;stop-color:%23ffee7e" offset="0.461642" id="stop32" /><stop style="stop-opacity:1;stop-color:%23ffed34" offset="0.591133" id="stop34" /><stop style="stop-opacity:1;stop-color:%23ffee34" offset="0.734931" id="stop36" /><stop style="stop-opacity:1;stop-color:%23fbcc3a" offset="0.896552" id="stop38" /><stop style="stop-opacity:1;stop-color:%23fbcc3a" offset="1" id="stop40" /></linearGradient><clipPath clipPathUnits="userSpaceOnUse" id="clipPath52"><path d="M 0,309.333 H 279.333 V 0 H 0 Z" id="path50" /></clipPath></defs><sodipodi:namedview id="namedview4" pagecolor="%23ffffff" bordercolor="%23666666" borderopacity="1.0" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="%23d1d1d1" showgrid="false" inkscape:zoom="2.4245716" inkscape:cx="117.54654" inkscape:cy="170.75182" inkscape:window-width="1920" inkscape:window-height="1209" inkscape:window-x="0" inkscape:window-y="177" inkscape:window-maximized="0" inkscape:current-layer="g10"><inkscape:page x="0" y="0" id="page8" width="287.8504" height="329.66559" /></sodipodi:namedview><g id="g10" inkscape:groupmode="layer" inkscape:label="Page 1" transform="matrix(1.3333333,0,0,-1.3333333,-45.834846,377.07906)"><g id="g12"><g id="g14"><g id="g20"><g id="g22"><path d="m 61.957,246.182 41.525,-124.579 c -2.498,-12.794 33.146,129.106 58.136,145.507 v 0 l -71.425,14.618 z" style="fill:url(%23linearGradient42);stroke:none" id="path44" /></g></g></g></g><g id="g46"><g id="g48" clip-path="url(%23clipPath52)"><g id="g54" transform="translate(72.2554,35.8931)"><path d="m 0,0 25.58,-0.333 24.583,74.416 c 0,0 31.228,2.989 50.171,12.632 7.563,3.851 36.641,14.879 57.801,47.08 22.295,33.929 31.155,81.905 -1.993,103.317 0,0 -30.773,20.805 -67.191,-6.142 C 59.465,199.656 54.979,156.227 31.227,85.709 27.457,85.533 14.003,84.431 2.689,107.677 c -4.527,9.301 -2.522,21.465 -2.048,43.467 h -37.958 c -0.543,-6.498 -1.973,-36.046 3.765,-46.087 0,0 11.46,-27.723 60.128,-32.304 z" style="fill:%23b51f20;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path56" /></g><g id="g58" transform="translate(125.7397,121.6025)"><path d="M 0,0 C 77.738,7.309 116.522,115.635 73.09,137.537 34.883,156.801 -1.265,-0.119 0,0" style="fill:%23fdde18;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path60" /></g><g id="g62" transform="translate(108.021,257.1147)"><path d="m 0,0 c 0,-13.091 -10.611,-23.701 -23.701,-23.701 -13.091,0 -23.702,10.61 -23.702,23.701 0,13.09 10.611,23.701 23.702,23.701 C -10.611,23.701 0,13.09 0,0" style="fill:%23fbf4c0;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path64" /></g><g id="g66" transform="translate(84.3198,278.8223)"><path d="m 0,0 c -11.971,0 -21.709,-9.738 -21.709,-21.708 0,-11.969 9.738,-21.708 21.709,-21.708 11.969,0 21.707,9.739 21.707,21.708 C 21.707,-9.738 11.969,0 0,0 m 0,-47.402 c -14.168,0 -25.695,11.527 -25.695,25.694 0,14.168 11.527,25.695 25.695,25.695 14.168,0 25.693,-11.527 25.693,-25.695 0,-14.167 -11.525,-25.694 -25.693,-25.694" style="fill:%23be1622;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path68" /></g><g id="g70" transform="translate(194.5151,260.5093)"><path d="m 0,0 c 0,0 -29.573,10.256 -68.775,-138.907 h -22.258 c 0,0 31.127,128.567 58.035,145.51 z" style="fill:%23f7c42c;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path72" /></g></g></g></g></svg>') no-repeat center;
}
@media (prefers-color-scheme: light) { :root {
/* used to accent some elements: checkbox/radiobox, checked toggle buttons/checked input fields */
  --phi-green: #97bf0dd0;
  --color-accent: var(--phi-green);
  --bgc-content-body: #fff;
  --bgc-content-header: #efefee;
  --bgc-content-container: #efefee;
  --bgc-inputfield-on-container: #d7d7d6;
  --bgc-inputfield-on-body: var(--bgc-content-container);
  --bgc-checkbox-hover: rgba(0,0,0,0.06);
  --bgc-checkbox-focus: rgba(0,0,0,0.12);
  --bgc-loading-circle: var(--font-color-contrast-middle);
  --bgc-user-menu-item-hover: rgba(0,0,0,0.1);
  --bgc-user-menu-item-active: rgba(0,0,0,0.2);
  --bgc-header-number-circle: #5f5f5c;
  --bgc-tab-separator: #868681;
  --bgc-popup: #bdbdbb;
  --bgc-popup-item-hover: rgba(255,255,255,0.15);
  --bgc-popup-item-active: rgba(255,255,255,0.3);
  --bgc-popup-item-selected: rgba(255,255,255,0.3);
  --bgc-grid-row-hover: rgba(0,0,0,0.04);
  --bgc-grid-row-selected: var(--bgc-grid-row-hover);
  --bgc-tree-row-hover: var(--bgc-grid-row-hover);
  --bgc-tree-row-selected: rgba(0,0,0,0.2);
  --bgc-apptile-default: #bdbdbb;
  --bgc-appcenter-app-hover: rgba(0,0,0,0.08);
  --bgc-appcenter-app-active: rgba(0,0,0,0.12);
  --bgc-progressbar-empty: #bdbdbb;
  --bgc-progressbar-progress: var(--bgc-success);
  --bgc-titlepane-hover: rgba(0,0,0,0.04);
  --bgc-underlay: rgba(134, 134, 129, 0.8);
  --bgc-checkerboard: repeating-conic-gradient(var(--bgc-inputfield-on-container) 0% 25%, transparent 0% 50%) 50%/20px 20px;
  --bgc-error: #ff8597;
  --bgc-warning: #f5b568;
  --bgc-success: #76b413;
  --font-size-1: 1.5rem;
  --font-size-2: 1.25rem;
  --font-size-3: 1rem;
  --font-size-4: 0.875rem;
  --font-size-5: 0.75rem;
  --font-size-html: 1rem;
  --font-size-body: var(--font-size-4);
  --font-lineheight-normal: 1.5;
  --font-lineheight-compact: 1.25;
  --font-lineheight-header: 1.3;
  --font-weight-bold: 600;
  --font-color-contrast-high: #1e1e1d;
  --font-color-contrast-middle: #4e4e4b;
  --font-color-contrast-low: #6c6c6c;
  --font-color-error: #9f3323;
  --font-color-warning: #976026;
  --font-color-success: #547321;
  --button-primary-bgc: var(--phi-green);
  --button-primary-bgc-hover: var(--phi-green);
  --button-primary-bgc-active: #92c246;
  --button-primary-bgc-disabled: #bdbdbb;
  --button-bgc: #bdbdbb;
  --button-bgc-hover: rgba(200,200,198,1);
  --button-bgc-active: #cececd;
  --button-bgc-disabled: #bdbdbb;
  --button-text-bgc: transparent;
  --button-text-bgc-hover: var(--button-bgc-hover);
  --button-text-bgc-active: var(--button-bgc-active);
  --button-text-bgc-disabled: transparent;
  --button-icon-bgc: transparent;
  --button-icon-bgc-hover: var(--button-bgc-hover);
  --button-icon-bgc-active: var(--button-bgc-active);
  --button-icon-bgc-disabled: transparent;
  --button-icon-highlighted-bgc: var(--bgc-inputfield-on-body);
  --button-icon-highlighted-bgc-hover: var(--button-bgc-hover);
  --button-icon-highlighted-bgc-active: var(--button-bgc-active);
  --button-icon-highlighted-bgc-disabled: transparent;
  --border-radius-interactable: 0.25rem;
  --border-radius-container: 0.5rem;
  --color-focus: var(--font-color-contrast-high);
  --popup-border: 1px solid #bdbdbb;
  --box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
  --serveroverview-tile-hover-bgc: #00acb6;
  --serveroverview-tile-hover-color: #1e1e1d;
}}
#umcLoginLinks {
  width: 450px;
}
#umcLoginLinks a {
  text-decoration: none;
  background-color: #97bf0dd0;
  position: relative;
  padding: 0.85rem 1rem;
  border: none;
  border-radius: var(--border-radius-interactable, 0.25rem);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-3);
}
.pf-c-login__main-footer-links a{
  border-radius: var(--border-radius-interactable, 0.25rem);
}
.pf-c-login__main-footer-links a::after{
  position: relative; 
  border: none;
  border-radius: var(--border-radius-interactable, 0.25rem);
}
#social-keycloak-internal{
  display: flex;
  background: none;
  justify-content: right;
  padding: 0;
}
#social-keycloak-internal:hover::after{
  content: '🦊 login as employee';
}
#social-keycloak-internal::after{
  content: '🦊';  
}
#social-keycloak-internal span{
  display: none;
}
#kc-social-providers hr, #kc-social-providers h4{
  display: none;
}
#kc-social-providers ul{
  margin-top: 10px;
}
#kc-social-providers{
  position: absolute;
  bottom: 1em;
  right: 1em;
}