:root {
	--primary-base: #fff;
	--pf-global--primary-color--100: var(--primary-base);
	--pf-global--primary-color--200: color-mix(in rgb, var(--primary-base) 80%, black);
	--pf-global--primary-color--300: color-mix(in rgb, var(--primary-base) 65%, black);
	--pf-global--primary-color--400: color-mix(in rgb, var(--primary-base) 50%, black);
	--pf-global--primary-color--500: color-mix(in rgb, var(--primary-base) 35%, black);

	--pf-global--primary-color--light-100: #fffdf7;
	--pf-global--primary-color--dark-100: #e6dac7;
	--pf-global--white: #fff;
	--pf-global--black: #000;
	--pf-global--gray: #666;
	--pf-global--primary-btn: #3d61cc;
	--pf-global--primary-btn-hover: #66f2ff;
	--pf-v5-c-button--after--BorderColor: none;
}

#keycloak-bg {
	background-color: var(--pf-global--primary-color--100) !important;
}

body {
	color: #000 !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
    box-shadow: 0 0 0px 1000px #fff inset !important;
    background-color: #fff !important;

    /* The key fixes */
    -webkit-text-fill-color: #000 !important;
    caret-color: #000 !important;
    opacity: 1 !important;

    /* Stop Chrome from reapplying yellow */
    transition: background-color 9999s ease-in-out 0s !important;
}

.login-pf body {
	background: var(--pf-global--primary-color--100) !important;
}

/* Reduce padding in the footer action group */
.pf-v5-c-login__main-footer-band {
	padding-inline-start: 0% !important;
	padding-inline-end: 0% !important;
}

#kc-info {
	border-top: none;
	padding-top: 0;
}

.pf-v5-c-login__main {
	background-color: var(--pf-global--white) !important;
	color: var(--pf-global--black) !important;
	border-radius: 10px;
}

.pf-v5-c-form-control> :is(input, select) {
	color: var(--pf-global--black) !important;
}

.pf-v5-c-form-control #login-select-toggle, .pf-v5-c-button.pf-m-control {
	background-color: var(--primary-base) !important;
	color: var(--pf-global--black) !important;
	cursor: pointer;
	border: 1px solid var(--pf-global--black) !important;
}

.pf-v5-c-form-control, .pf-v5-c-input-group {
	background-color: var(--primary-base) !important;
	border-radius: 5px;
	color: var(--pf-global--black) !important;
}


.pf-v5-c-button.pf-m-primary, .pf-v5-c-button.pf-m-secondary {
	background-color: transparent !important;
	color: var(--pf-global--primary-btn) !important;
	border-radius: 5px;
	--pf-v5-c-button--after--BorderColor: var(--pf-global--primary-btn) !important;
}

.pf-v5-c-login__main-header {
	border-top: 4px solid var(--pf-global--primary-btn-hover) !important;
	border-radius: 10px;
	display: grid !important;
	grid-template-rows: auto auto;
	width: 100%;
}

.pf-v5-c-login__main-header>h1 {
	display: flex !important;
	flex-direction: column;
	gap: 0.5rem;
}


.pf-v5-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-secondary:hover {
	background-color: var(--pf-global--primary-btn-hover) !important;;
	color: var(--pf-global--primary-btn) !important;
	--pf-v5-c-button--after--BorderColor: var(--pf-global--primary-btn-hover) !important;
}

.pf-v5-c-form-control:hover {
	--pf-v5-c-form-control--after--BorderBottomColor: var(--pf-global--primary-btn-hover);
}

#kc-header-wrapper {
	color: var(--pf-global--black) !important;
}

.pf-v5-c-form-control__toggle-icon {
	color: var(--pf-global--black);
}

.kc-form-logo {
	text-align: center;
	margin-bottom: 20px;
}

.kc-form-title {
	text-align: center;
}