body{
  --color-bg: #fff;
  --color-bg-muted: #eee;
  --color-text: #414651;
  --color-primary: #4A5A76;
  --color-text-header: #181D27;
  --color-text-muted: #717680;
  --color-border: #D5D7DA;

  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 24px;
  --font-weight: 400;
  --font-weight-bold: 500;
  --font-family: apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;


  --radius: 6px;
  --m-1: 10px;
  --m-2: 20px;
  --shadow: 0 1px 2px #0A0D120D;
  --logo: url('data:image/png;base64,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');
}

#keycloak-bg{
  background: var(--color-bg);
}

/* Logo */

div.kc-logo-text{
  background: var(--logo) no-repeat center center;
}

/* Wrapper */

.pf-v5-c-login__main{
  background: none;
  box-shadow: none;
  color: var(--color-text);
}
.pf-v5-c-login__main-header{
  border: none;
  padding: 0;
  display: block;
}

/* Header */

.pf-v5-c-title.pf-m-3xl{
  text-align: center;
  font: normal var(--font-weight) var(--font-size-lg) var(--font-family);
  color: var(--color-text-header);
  margin-bottom: var(--m-2);
}

/* Alerts */

.pf-v5-c-alert{
  background: #eee;
  font: inherit;
  margin-top: var(--m-2);
  padding: var(--m-1) var(--m-2);
  border-radius: var(--radius);
  border: 1px solid var(--color-border);
}
.pf-v5-c-alert__title{
  color: var(--color-text-muted);
}

/* Form control decorations (removing) */

.pf-v5-c-form-control{
  background: none;
  border: none;
}

.pf-v5-c-input-group__item{
  border: none;
}

.pf-v5-c-form-control::before, .pf-v5-c-form-control::after{
  display:none;
}

/* Input labels */

.pf-v5-c-form__label{
  font: normal var(--font-weight) var(--font-size-sm) var(--font-family);
  color: var(--color-text-muted);
  cursor: default !important;
}

.pf-v5-c-form__label[for="emailCode"]{
  display: block;
  margin-bottom: 6px;
}
.pf-v5-c-form__label-text{
  font: inherit;
}

/* Error icon */
.pf-v5-c-form-control__utilities{
  position: absolute;
  display: flex;
  height: 100%;
  align-items: center;
  right: calc(var(--m-1) / 2);
}
.pf-v5-c-form-control__icon{
  padding: 0;
}

.pf-v5-c-helper-text__item.pf-m-error{
  font: normal var(--font-weight) var(--font-size-md) var(--font-family);
}
.pf-v5-c-helper-text__item.pf-m-error .pf-v5-c-helper-text__item-text{
  color: #E00 !important;
}

/* form inputs */

.pf-v5-c-form-control>input, input.pf-v5-c-form-control{
  border: 1px solid var(--color-border);
  font: normal var(--font-weight) var(--font-size-md) var(--font-family);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: var(--m-1) var(--m-2);
  color: var(--color-text);
  outline: none;
}
.pf-v5-c-form-control>input:focus, input.pf-v5-c-form-control:focus{
  border-color: var(--color-primary);
}

input[readonly]{
  color: var(--color-text-muted);
  cursor: default;
}

/* A hack to prevent chrome's autofill from borking the colors */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 9000s ease-in-out 0s;
}

/* Input group button */

.pf-v5-c-button.pf-m-control{
  background: var(--color-bg);
  color: var(--color-text);
  padding: var(--m-1);
  margin-left: var(--m-1);
}
.pf-v5-c-button.pf-m-control::after{
  display: none;
}

/* form buttons */

#kc-form-buttons{
  text-align: center
}

.pf-v5-c-button{
  font: normal var(--font-weight-bold) var(--font-size-md) var(--font-family);
  padding: var(--m-1) var(--m-2);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  border: 1px solid var(--color-border);
  outline: none;
  cursor: pointer;
  transition: all 0.1s;
}


.pf-v5-c-button:focus{
  border-color: var(--color-primary);
}

.pf-v5-c-button.pf-m-primary{
  background: var(--color-primary);
  border-color: transparent;
  color: var(--color-bg);
}

.pf-v5-c-button.pf-m-primary:focus{
  outline: 1px solid var(--color-bg);
  outline-offset: -2px;
}


.pf-v5-c-button.pf-m-primary:hover{
  opacity: 0.9;
}

.pf-v5-c-button:not(.pf-m-primary), .pf-v5-c-button.pf-m-secondary{
  background: var(--color-bg);
  color: var(--color-text-muted);
}

.pf-v5-c-button:not(.pf-m-primary):hover, .pf-v5-c-button.pf-m-secondary:hover{
  background-color: var(--color-bg-muted);
}

.pf-v5-c-button.pf-m-secondary::after{
  display:none;
}

/** Forcing buttons cursor to pointer */

.pf-v5-c-button, input[type="submit"]{
  cursor: pointer;
}


/* Lists */

.pf-v5-c-data-list{
  border: none;
  display: flex;
  flex-direction: column;
  gap: var(--m-1);
}
.pf-v5-c-data-list__item-row{
  padding: 0;
}

.pf-v5-c-data-list__cell{
  padding: 0 !important;
  font: normal var(--font-weight) var(--font-size-sm) var(--font-family) !important;
  color: var(--color-text-muted);
}
.pf-v5-c-data-list__cell h2{
  font: normal var(--font-weight) var(--font-size-md) var(--font-family) !important;
  color: var(--color-text-header) !important;
}

.pf-v5-c-data-list__cell.pf-m-icon{
  margin: 0;
}

.pf-v5-c-data-list__item{
  background: var(--color-bg);
  color: var(--color-text);
  border: none;
  padding: var(--m-1);
  border-radius: var(--radius);
}
.pf-v5-c-data-list__item-content{
  padding: 0 !important;
}

.pf-v5-c-data-list__item.pf-m-clickable:focus:not(.pf-m-selected):not(:last-child)+.pf-v5-c-data-list__item, .pf-v5-c-data-list__item.pf-m-clickable:hover:not(.pf-m-selected):not(:last-child)+.pf-v5-c-data-list__item{
  border: none;
}
.pf-v5-c-data-list__item.pf-m-clickable:hover{
  border: none;
  box-shadow: none;
  background: var(--color-bg-muted);
}