custom CSS

custom.css

*,
*::after,
*::before {
  box-sizing: border-box;
}

pre {
  appearance: none;
  white-space: normal !important;
}
pre p {
  color: #fff;
}

html {
  background-color: #631f37 !important;
  background-image: url("https://id.pflb.ru/pwm/public/resources/nonce-0/themes/pflb/pflb.png") !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-size: 1920px 1080px;
  width: auto !important;
  height: auto !important;
}

body {
  position: relative;
  padding: 0 !important;
  padding-top: 0 !important;
}

#footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto !important;
  padding: 0 !important;
  background: transparent;
  color: #fff;
  opacity: 1;
}

#footer-content {
  position: static;
}

#wrapper {
  padding-top: 240px;
  min-height: max(100vh, 600px) !important;
  height: auto !important;
  width: auto !important;
  display: grid;
  align-items: start;
  justify-content: center;
}

#header {
  display: none;
}

#centerbody.tile-centerbody {
  margin: 0;
  margin-top: 0;
}

:root:has(form[action="/pwm/public/forgottenpassword"]) #wrapper,
:root:has(form[action="/pwm/private/login"]) #wrapper,
:root:has(form[action="/pwm/private/setup-responses"]:not([name=clearExistingForm])) #wrapper,
:root:has(form[action="/pwm/public/command"]) #wrapper {
  place-content: center;
}
:root:has(form[action="/pwm/public/forgottenpassword"]) #centerbody,
:root:has(form[action="/pwm/private/login"]) #centerbody,
:root:has(form[action="/pwm/private/setup-responses"]:not([name=clearExistingForm])) #centerbody,
:root:has(form[action="/pwm/public/command"]) #centerbody {
  width: 250px !important;
  margin: 0;
  padding: 0;
  color: #fff;
}
:root:has(form[action="/pwm/public/forgottenpassword"]) #centerbody > p,
:root:has(form[action="/pwm/private/login"]) #centerbody > p,
:root:has(form[action="/pwm/private/setup-responses"]:not([name=clearExistingForm])) #centerbody > p,
:root:has(form[action="/pwm/public/command"]) #centerbody > p {
  margin: 0 0 16px;
  color: #fff;
  font-size: 14px;
}
:root:has(form[action="/pwm/public/forgottenpassword"]) #centerbody .sign-in,
:root:has(form[action="/pwm/private/login"]) #centerbody .sign-in,
:root:has(form[action="/pwm/private/setup-responses"]:not([name=clearExistingForm])) #centerbody .sign-in,
:root:has(form[action="/pwm/public/command"]) #centerbody .sign-in {
  margin: 0;
}
:root:has(form[action="/pwm/public/forgottenpassword"]) #centerbody > table,
:root:has(form[action="/pwm/public/forgottenpassword"]) #centerbody > table tbody,
:root:has(form[action="/pwm/public/forgottenpassword"]) #centerbody > table tr,
:root:has(form[action="/pwm/public/forgottenpassword"]) #centerbody > table td,
:root:has(form[action="/pwm/private/login"]) #centerbody > table,
:root:has(form[action="/pwm/private/login"]) #centerbody > table tbody,
:root:has(form[action="/pwm/private/login"]) #centerbody > table tr,
:root:has(form[action="/pwm/private/login"]) #centerbody > table td,
:root:has(form[action="/pwm/private/setup-responses"]:not([name=clearExistingForm])) #centerbody > table,
:root:has(form[action="/pwm/private/setup-responses"]:not([name=clearExistingForm])) #centerbody > table tbody,
:root:has(form[action="/pwm/private/setup-responses"]:not([name=clearExistingForm])) #centerbody > table tr,
:root:has(form[action="/pwm/private/setup-responses"]:not([name=clearExistingForm])) #centerbody > table td,
:root:has(form[action="/pwm/public/command"]) #centerbody > table,
:root:has(form[action="/pwm/public/command"]) #centerbody > table tbody,
:root:has(form[action="/pwm/public/command"]) #centerbody > table tr,
:root:has(form[action="/pwm/public/command"]) #centerbody > table td {
  display: block;
  appearance: none;
}
:root:has(form[action="/pwm/public/forgottenpassword"]) #centerbody > table td,
:root:has(form[action="/pwm/private/login"]) #centerbody > table td,
:root:has(form[action="/pwm/private/setup-responses"]:not([name=clearExistingForm])) #centerbody > table td,
:root:has(form[action="/pwm/public/command"]) #centerbody > table td {
  padding: 0;
  margin: 0 0 0.5rem;
  color: #fff;
}
:root:has(form[action="/pwm/public/forgottenpassword"]) #centerbody > table td p,
:root:has(form[action="/pwm/public/forgottenpassword"]) #centerbody > table td a.menubutton,
:root:has(form[action="/pwm/private/login"]) #centerbody > table td p,
:root:has(form[action="/pwm/private/login"]) #centerbody > table td a.menubutton,
:root:has(form[action="/pwm/private/setup-responses"]:not([name=clearExistingForm])) #centerbody > table td p,
:root:has(form[action="/pwm/private/setup-responses"]:not([name=clearExistingForm])) #centerbody > table td a.menubutton,
:root:has(form[action="/pwm/public/command"]) #centerbody > table td p,
:root:has(form[action="/pwm/public/command"]) #centerbody > table td a.menubutton {
  max-width: 100% !important;
  padding: 0;
  margin: 0;
  color: #fff;
}
:root:has(form[action="/pwm/public/forgottenpassword"]) #login .inputfield,
:root:has(form[action="/pwm/public/forgottenpassword"]) #configLogin .inputfield,
:root:has(form[action="/pwm/public/forgottenpassword"]) .inputfield,
:root:has(form[action="/pwm/private/login"]) #login .inputfield,
:root:has(form[action="/pwm/private/login"]) #configLogin .inputfield,
:root:has(form[action="/pwm/private/login"]) .inputfield,
:root:has(form[action="/pwm/private/setup-responses"]:not([name=clearExistingForm])) #login .inputfield,
:root:has(form[action="/pwm/private/setup-responses"]:not([name=clearExistingForm])) #configLogin .inputfield,
:root:has(form[action="/pwm/private/setup-responses"]:not([name=clearExistingForm])) .inputfield,
:root:has(form[action="/pwm/public/command"]) #login .inputfield,
:root:has(form[action="/pwm/public/command"]) #configLogin .inputfield,
:root:has(form[action="/pwm/public/command"]) .inputfield {
  height: auto !important;
  width: 100% !important;
  padding: 6px;
  margin: 0;
}
:root:has(form[action="/pwm/public/forgottenpassword"]) .formFieldWrapper,
:root:has(form[action="/pwm/private/login"]) .formFieldWrapper,
:root:has(form[action="/pwm/private/setup-responses"]:not([name=clearExistingForm])) .formFieldWrapper,
:root:has(form[action="/pwm/public/command"]) .formFieldWrapper {
  padding-bottom: 12px;
}
:root:has(form[action="/pwm/public/forgottenpassword"]) .buttonbar,
:root:has(form[action="/pwm/private/login"]) .buttonbar,
:root:has(form[action="/pwm/private/setup-responses"]:not([name=clearExistingForm])) .buttonbar,
:root:has(form[action="/pwm/public/command"]) .buttonbar {
  width: auto !important;
  display: flex;
  justify-content: space-around;
  margin: 0 0 24px;
}
:root:has(form[action="/pwm/public/forgottenpassword"]) .btn,
:root:has(form[action="/pwm/private/login"]) .btn,
:root:has(form[action="/pwm/private/setup-responses"]:not([name=clearExistingForm])) .btn,
:root:has(form[action="/pwm/public/command"]) .btn {
  width: auto !important;
  padding: 10px 12px;
  margin: 0;
}
:root:has(form[action="/pwm/public/forgottenpassword"]) .pwm-icon-chevron-circle-right,
:root:has(form[action="/pwm/private/login"]) .pwm-icon-chevron-circle-right,
:root:has(form[action="/pwm/private/setup-responses"]:not([name=clearExistingForm])) .pwm-icon-chevron-circle-right,
:root:has(form[action="/pwm/public/command"]) .pwm-icon-chevron-circle-right {
  display: none;
}

:root:has(form[action="/pwm/private/setup-responses"]:not([name=clearExistingForm])) #wrapper {
  padding-top: 240px !important;
}

:root:has(form[action="/pwm/public/command"]) #centerbody {
  width: auto !important;
  padding: 8px;
}
:root:has(form[action="/pwm/public/command"]) #centerbody .tab-container {
  color: black !important;
}
:root:has(form[action="/pwm/public/command"]) #centerbody .tab-content-pane {
  padding: 16px;
}
:root:has(form[action="/pwm/public/command"]) #centerbody table td.key {
  width: auto !important;
}