/* KP test frontend: login only black / red / white */

.kp-auth-red-logo {
  width: 72px;
  height: 72px;
  margin: 0 auto 22px auto;
  border-radius: 999px;
  background: #b5122b;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font: 800 28px/1 Arial, sans-serif;
  letter-spacing: 0.5px;
  box-shadow: 0 0 0 3px #ffffff inset;
}

/* ukryj zielony znak Element */
.mx_AuthPage .mx_Logo,
.mx_AuthPage .mx_AuthHeader_logo,
.mx_AuthPage img[src*="element"],
.mx_AuthPage img[alt*="Element"] {
  display: none !important;
}


/* Jedna karta, bez przesuwania jej elementów wewnętrznych */
.mx_AuthPage .mx_AuthPage_modal {
  position: relative !important;
  top: 50px !important;
  transform: none !important;
  box-sizing: border-box !important;
  max-width: calc(100vw - 32px) !important;
  margin-inline: auto !important;
  background: #050505 !important;
  color: #ffffff !important;
  border: 1px solid #b5122b !important;
  border-radius: 28px !important;
}
/* teksty */
.mx_AuthPage h1,
.mx_AuthPage h2,
.mx_AuthPage h3,
.mx_AuthPage p,
.mx_AuthPage label,
.mx_AuthPage span,
.mx_AuthPage div {
  color: #ffffff;
}

/* pola */
.mx_AuthPage input,
.mx_AuthPage select,
.mx_AuthPage textarea {
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #b5122b !important;
}

/* przyciski */
.mx_AuthPage button,
.mx_AuthPage .mx_AccessibleButton {
  border-radius: 999px !important;
}

/* główny przycisk */
.mx_AuthPage button[type="submit"],
.mx_AuthPage .mx_Login_submit,
.mx_AuthPage .mx_ServerPicker_submit,
.mx_AuthPage .mx_AccessibleButton_kind_primary {
  background: #b5122b !important;
  color: #ffffff !important;
  border: 1px solid #b5122b !important;
}

/* drugi przycisk */
.mx_AuthPage .mx_AccessibleButton_kind_secondary,
.mx_AuthPage .mx_Login_create,
.mx_AuthPage .mx_ServerPicker_choose {
  background: #ffffff !important;
  color: #111111 !important;
  border: 1px solid #b5122b !important;
}

/* linki */
.mx_AuthPage a {
  color: #ffffff !important;
  text-decoration: underline;
}

/* Czerwony napis Konfederacja Pracy */
.mx_AuthPage .kp-red-title {
    color: #d71920 !important;
    font-weight: 800 !important;
}

/* KP: czytelny przycisk logowania */
.mx_AuthPage .mx_AccessibleButton_kind_primary,
.mx_AuthPage .mx_AccessibleButton_kind_primary *,
.mx_AuthPage .mx_AccessibleButton_kind_primary:visited {
    background-color: #b5122b !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-decoration: none !important;
    opacity: 1 !important;
}




/* Wąskie okna i telefony */
@media (max-width: 767px) {
  .mx_AuthPage .mx_AuthPage_modal {
    top: 15px !important;
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
  }

  .mx_AuthPage .mx_AuthBody,
  .mx_AuthPage .mx_AuthPage_modalContent,
  .mx_AuthPage .mx_LoginBox {
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}
/* KP: zachowaj widoczne logo OPZZ przy waskim oknie */
@media (max-width: 900px) {
  .mx_AuthPage {
    background-position: left top !important;
  }
}