@font-face {font-family:'Poppins'; src:url("/self-service/jakarta.faces.resource/fonts/Poppins-Light.ttf.xhtml?ln=base"); font-weight:300; font-style: normal;}
@font-face {font-family:'Poppins'; src:url("/self-service/jakarta.faces.resource/fonts/Poppins-Regular.ttf.xhtml?ln=base"); font-weight:400; font-style: normal;}
@font-face {font-family:'Poppins'; src:url("/self-service/jakarta.faces.resource/fonts/Poppins-Medium.ttf.xhtml?ln=base"); font-weight:500; font-style: normal;}
@font-face {font-family:'Poppins'; src:url("/self-service/jakarta.faces.resource/fonts/Poppins-SemiBold.ttf.xhtml?ln=base"); font-weight:600; font-style: normal;}
@font-face {font-family:'Poppins'; src:url("/self-service/jakarta.faces.resource/fonts/Poppins-Bold.ttf.xhtml?ln=base"); font-weight:700; font-style: normal;}

body, html {
	font-family: Poppins,Helvetica,sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.fw-bold {
	font-weight: 600 !important;
}

.fw-semibold {
	font-weight: 500 !important;
}

.fs-7 {
	font-size: .875rem !important;
}

.fs-8 {
	font-size: .75rem !important;
}

#login-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#recover-password-bg {
	background-image: url("/self-service/jakarta.faces.resource/images/password_bg_1.jpg.xhtml?ln=base");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#change-password-bg {
	background-image: url("/self-service/jakarta.faces.resource/images/password_bg_2.jpg.xhtml?ln=base");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#two-fa-bg {
	background-image: url("/self-service/jakarta.faces.resource/images/2fa_bg.jpg.xhtml?ln=base");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.brand-1 {
	font-weight: 300;
}

.brand-2 {
	font-weight: 500;
	color: var(--bs-success);
}

.customer-logo {
	max-width: fit-content;
	max-height: 100px;
}

.w-250px {
	width: 250px !important;
}

.text-muted {
	color: var(--subheader) !important;
}

body {
	background-color: var(--white);
}

select.locale {
	border: 0px;
	background-color: transparent;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	padding: 5px;
	color: var(--subheader);
}

select:focus-visible {
	outline: 0px;
}

.locale:after {
	pointer-events: none;
	content: "\f282";
	font-family: bootstrap-icons !important;
	font-style: normal !important;
	font-weight: normal;
	vertical-align: -.125em;
}


/* Alert Start */

.alert-dismissible .btn-close {
	padding: 1rem .75rem;	
}

.alert {
	border-radius: 0px;
	padding: .75rem;
	font-size: .875rem;
}

.alert-danger {
	color: var(--bs-danger);
	background-color: var(--bs-danger-tint-10);
	border-color: var(--bs-danger-tint-20);
}

.alert-success {
	color: var(--bs-success);
	background-color: var(--bs-success-tint-10);
	border-color: var(--bs-success-tint-20);
}

.alert-warning {
	color: var(--bs-warning);
	background-color: var(--bs-warning-tint-10);
	border-color: var(--bs-warning-tint-20);
}

.alert-primary {
	color: var(--bs-primary);
	background-color: var(--bs-primary-tint-10);
	border-color: var(--bs-primary-tint-20);
}

.alert-info {
	color: var(--bs-info);
	background-color: var(--bs-info-tint-10);
	border-color: var(--bs-info-tint-20);
}

.alert-secondary {
	color: var(--bs-secondary);
	background-color: var(--bs-secondary-tint-10);
	border-color: var(--bs-secondary-tint-20);
}

/* Alert End */


/* Buttons Start */

.btn {
	font-size: .875rem;
}

.btn-close:focus {
	box-shadow: none;
}

.btn-primary {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.btn-outline-primary {
	color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.btn-primary:hover,
.btn-check:focus+.btn-primary,
.btn-primary:focus,
.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
	background-color: var(--bs-primary-shade) !important;
	border-color: var(--bs-primary-shade) !important;
}

.btn-outline-primary:hover {
	color: var(--white);
	background-color: var(--bs-primary) !important;
	border-color: var(--bs-primary) !important;
}

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
	color: var(--white);
	background-color: var(--bs-primary) !important;
	border-color: var(--bs-primary) !important;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus,
.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
	box-shadow: 0 0 0 0.25rem rgb(var(--bs-primary-rgb-focus) / 50%);
}

.btn-check:active+.btn-outline-primary:focus,
.btn-check:checked+.btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus {
	box-shadow: 0 0 0 0.25rem rgb(var(--bs-primary-rgb-focus) / 50%);
}

.btn-success {
	background-color: var(--bs-success);
	border-color: var(--bs-success);
}

.btn-outline-success {
	color: var(--bs-success);
	border-color: var(--bs-success);
}

.btn-success:hover,
.btn-check:focus+.btn-success,
.btn-success:focus,
.btn-check:active+.btn-success,
.btn-check:checked+.btn-success,
.btn-success.active,
.btn-success:active,
.show>.btn-success.dropdown-toggle {
	background-color: var(--bs-success-shade) !important;
	border-color: var(--bs-success-shade) !important;
}

.btn-outline-success:hover {
	color: var(--white);
	background-color: var(--bs-success) !important;
	border-color: var(--bs-success) !important;
}

.btn-check:active+.btn-outline-success,
.btn-check:checked+.btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
	color: var(--white);
	background-color: var(--bs-success) !important;
	border-color: var(--bs-success) !important;
}

.btn-check:focus+.btn-success,
.btn-success:focus,
.btn-check:active+.btn-success:focus,
.btn-check:checked+.btn-success:focus,
.btn-success.active:focus,
.btn-success:active:focus,
.show>.btn-success.dropdown-toggle:focus,
.btn-check:focus+.btn-outline-success,
.btn-outline-success:focus {
	box-shadow: 0 0 0 0.25rem rgb(var(--bs-success-rgb-focus) / 50%);
}

.btn-check:active+.btn-outline-success:focus,
.btn-check:checked+.btn-outline-success:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus,
.btn-outline-success:active:focus {
	box-shadow: 0 0 0 0.25rem rgb(var(--bs-success-rgb-focus) / 50%);
}

.btn-info {
	color: var(--white);
	background-color: var(--bs-info);
	border-color: var(--bs-info);
}

.btn-outline-info {
	color: var(--bs-info);
	border-color: var(--bs-info);
}

.btn-info:hover,
.btn-check:focus+.btn-info,
.btn-info:focus,
.btn-check:active+.btn-info,
.btn-check:checked+.btn-info,
.btn-info.active,
.btn-info:active,
.show>.btn-info.dropdown-toggle {
	color: var(--white);
	background-color: var(--bs-info-shade) !important;
	border-color: var(--bs-info-shade) !important;
}

.btn-outline-info:hover {
	color: var(--white);
	background-color: var(--bs-info) !important;
	border-color: var(--bs-info) !important;
}

.btn-check:active+.btn-outline-info,
.btn-check:checked+.btn-outline-info,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show,
.btn-outline-info:active {
	color: var(--white);
	background-color: var(--bs-info) !important;
	border-color: var(--bs-info) !important;
}

.btn-check:focus+.btn-info,
.btn-info:focus,
.btn-check:active+.btn-info:focus,
.btn-check:checked+.btn-info:focus,
.btn-info.active:focus,
.btn-info:active:focus,
.show>.btn-info.dropdown-toggle:focus,
.btn-check:focus+.btn-outline-info,
.btn-outline-info:focus {
	box-shadow: 0 0 0 0.25rem rgb(var(--bs-info-rgb-focus) / 50%);
}

.btn-check:active+.btn-outline-info:focus,
.btn-check:checked+.btn-outline-info:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus,
.btn-outline-info:active:focus {
	box-shadow: 0 0 0 0.25rem rgb(var(--bs-info-rgb-focus) / 50%);
}

.btn-warning {
	color: var(--white);
	background-color: var(--bs-warning);
	border-color: var(--bs-warning);
}

.btn-outline-warning {
	color: var(--bs-warning);
	border-color: var(--bs-warning);
}

.btn-warning:hover,
.btn-check:focus+.btn-warning,
.btn-warning:focus,
.btn-check:active+.btn-warning,
.btn-check:checked+.btn-warning,
.btn-warning.active,
.btn-warning:active,
.show>.btn-warning.dropdown-toggle {
	color: var(--white);
	background-color: var(--bs-warning-shade) !important;
	border-color: var(--bs-warning-shade) !important;
}

.btn-outline-warning:hover {
	color: var(--white);
	background-color: var(--bs-warning) !important;
	border-color: var(--bs-warning) !important;
}

.btn-check:active+.btn-outline-warning,
.btn-check:checked+.btn-outline-warning,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show,
.btn-outline-warning:active {
	color: var(--white);
	background-color: var(--bs-warning) !important;
	border-color: var(--bs-warning) !important;
}

.btn-check:focus+.btn-warning,
.btn-warning:focus,
.btn-check:active+.btn-warning:focus,
.btn-check:checked+.btn-warning:focus,
.btn-warning.active:focus,
.btn-warning:active:focus,
.show>.btn-warning.dropdown-toggle:focus,
.btn-check:focus+.btn-outline-warning,
.btn-outline-warning:focus {
	box-shadow: 0 0 0 0.25rem rgb(var(--bs-warning-rgb-focus) / 50%);
}

.btn-check:active+.btn-outline-warning:focus,
.btn-check:checked+.btn-outline-warning:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus,
.btn-outline-warning:active:focus {
	box-shadow: 0 0 0 0.25rem rgb(var(--bs-warning-rgb-focus) / 50%);
}

.btn-danger {
	background-color: var(--bs-danger);
	border-color: var(--bs-danger);
}

.btn-outline-danger {
	color: var(--bs-danger);
	border-color: var(--bs-danger);
}

.btn-danger:hover,
.btn-check:focus+.btn-danger,
.btn-danger:focus,
.btn-check:active+.btn-danger,
.btn-check:checked+.btn-danger,
.btn-danger.active,
.btn-danger:active,
.show>.btn-danger.dropdown-toggle {
	background-color: var(--bs-danger-shade) !important;
	border-color: var(--bs-danger-shade) !important;
}

.btn-outline-danger:hover {
	color: var(--white);
	background-color: var(--bs-danger) !important;
	border-color: var(--bs-danger) !important;
}

.btn-check:active+.btn-outline-danger,
.btn-check:checked+.btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
	color: var(--white);
	background-color: var(--bs-danger) !important;
	border-color: var(--bs-danger) !important;
}

.btn-check:focus+.btn-danger,
.btn-danger:focus,
.btn-check:active+.btn-danger:focus,
.btn-check:checked+.btn-danger:focus,
.btn-danger.active:focus,
.btn-danger:active:focus,
.show>.btn-danger.dropdown-toggle:focus,
.btn-check:focus+.btn-outline-danger,
.btn-outline-danger:focus {
	box-shadow: 0 0 0 0.25rem rgb(var(--bs-danger-rgb-focus) / 50%);
}

.btn-check:active+.btn-outline-danger:focus,
.btn-check:checked+.btn-outline-danger:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus,
.btn-outline-danger:active:focus {
	box-shadow: 0 0 0 0.25rem rgb(var(--bs-danger-rgb-focus) / 50%);
}

.btn-secondary {
	background-color: var(--bs-secondary);
	border-color: var(--bs-secondary);
}

.btn-outline-secondary {
	color: var(--bs-secondary);
	border-color: var(--bs-secondary);
}

.btn-secondary:hover,
.btn-check:focus+.btn-secondary,
.btn-secondary:focus,
.btn-check:active+.btn-secondary,
.btn-check:checked+.btn-secondary,
.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
	background-color: var(--bs-secondary-shade) !important;
	border-color: var(--bs-secondary-shade) !important;
}

.btn-outline-secondary:hover {
	color: var(--white);
	background-color: var(--bs-secondary) !important;
	border-color: var(--bs-secondary) !important;
}

.btn-check:active+.btn-outline-secondary,
.btn-check:checked+.btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
	color: var(--white);
	background-color: var(--bs-secondary) !important;
	border-color: var(--bs-secondary) !important;
}

.btn-check:focus+.btn-secondary,
.btn-secondary:focus,
.btn-check:active+.btn-secondary:focus,
.btn-check:checked+.btn-secondary:focus,
.btn-secondary.active:focus,
.btn-secondary:active:focus,
.show>.btn-secondary.dropdown-toggle:focus,
.btn-check:focus+.btn-outline-secondary,
.btn-outline-secondary:focus {
	box-shadow: 0 0 0 0.25rem rgb(var(--bs-secondary-rgb-focus) / 50%);
}

.btn-check:active+.btn-outline-secondary:focus,
.btn-check:checked+.btn-outline-secondary:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus,
.btn-outline-secondary:active:focus {
	box-shadow: 0 0 0 0.25rem rgb(var(--bs-secondary-rgb-focus) / 50%);
}

.btn-light {
	background-color: var(--bs-light);
	border-color: var(--bs-light);
	color: var(--bs-light-text);
}

.btn-outline-light {
	color: var(--bs-light);
	border-color: var(--bs-light);
}

.btn-light:hover,
.btn-check:focus+.btn-light,
.btn-light:focus,
.btn-check:active+.btn-light,
.btn-check:checked+.btn-light,
.btn-light.active,
.btn-light:active,
.show>.btn-light.dropdown-toggle {
	background-color: var(--bs-light-shade) !important;
	border-color: var(--bs-light-shade) !important;
	color: var(--bs-light-text) !important;
}

.btn-outline-light:hover {
	color: var(--white);
	background-color: var(--bs-light) !important;
	border-color: var(--bs-light) !important;
}

.btn-check:active+.btn-outline-light,
.btn-check:checked+.btn-outline-light,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show,
.btn-outline-light:active {
	color: var(--white);
	background-color: var(--bs-light) !important;
	border-color: var(--bs-light) !important;
}

.btn-check:focus+.btn-light,
.btn-light:focus,
.btn-check:active+.btn-light:focus,
.btn-check:checked+.btn-light:focus,
.btn-light.active:focus,
.btn-light:active:focus,
.show>.btn-light.dropdown-toggle:focus,
.btn-check:focus+.btn-outline-light,
.btn-outline-light:focus {
	box-shadow: 0 0 0 0.25rem rgb(var(--bs-light-rgb-focus) / 50%);
}

.btn-check:active+.btn-outline-light:focus,
.btn-check:checked+.btn-outline-light:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus,
.btn-outline-light:active:focus {
	box-shadow: 0 0 0 0.25rem rgb(var(--bs-light-rgb-focus) / 50%);
}

.btn-dark {
	background-color: var(--bs-dark);
	border-color: var(--bs-dark);
}

.btn-outline-dark {
	color: var(--bs-dark);
	border-color: var(--bs-dark);
}

.btn-dark:hover,
.btn-check:focus+.btn-dark,
.btn-dark:focus,
.btn-check:active+.btn-dark,
.btn-check:checked+.btn-dark,
.btn-dark.active,
.btn-dark:active,
.show>.btn-dark.dropdown-toggle {
	background-color: var(--bs-dark-shade) !important;
	border-color: var(--bs-dark-shade) !important;
}

.btn-outline-dark:hover {
	color: var(--white);
	background-color: var(--bs-dark) !important;
	border-color: var(--bs-dark) !important;
}

.btn-check:active+.btn-outline-dark,
.btn-check:checked+.btn-outline-dark,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show,
.btn-outline-dark:active {
	color: var(--white);
	background-color: var(--bs-dark) !important;
	border-color: var(--bs-dark) !important;
}

.btn-check:focus+.btn-dark,
.btn-dark:focus,
.btn-check:active+.btn-dark:focus,
.btn-check:checked+.btn-dark:focus,
.btn-dark.active:focus,
.btn-dark:active:focus,
.show>.btn-dark.dropdown-toggle:focus,
.btn-check:focus+.btn-outline-dark,
.btn-outline-dark:focus {
	box-shadow: 0 0 0 0.25rem rgb(var(--bs-dark-rgb-focus) / 50%);
}

.btn-check:active+.btn-outline-dark:focus,
.btn-check:checked+.btn-outline-dark:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus,
.btn-outline-dark:active:focus {
	box-shadow: 0 0 0 0.25rem rgb(var(--bs-dark-rgb-focus) / 50%);
}

/* Buttons End */


/* Borders Start */

.border-primary {
	border-color: var(--bs-primary) !important;
}

.border-success {
	border-color: var(--bs-success) !important;
}

.border-info {
	border-color: var(--bs-info) !important;
}

.border-warning {
	border-color: var(--bs-warning) !important;
}

.border-danger {
	border-color: var(--bs-danger) !important;
}

.border-secondary {
	border-color: var(--bs-secondary) !important;
}

.border-light {
	border-color: var(--bs-light) !important;
}

.border-dark {
	border-color: var(--bs-dark) !important;
}

/* Borders End */


/* Forms Start */

.form-label {
	font-size: .875rem;
	font-weight: 500;
	color: var(--subheader);
}

.form-control {
	font-size: .875rem;
	border-radius: 0px;
	padding: .875rem;
}

.form-control:focus {
	border: 1px solid rgb(var(--bs-success-rgb-focus) / 50%);
	background-color: var(--bs-gray-100);
	box-shadow: none;
}

#formData\:password.form-control:focus,
#formData\:password.form-control.is-invalid {
	border-right: none;
}

.input-group:focus-within:not(.form-control.is-invalid:focus) .input-group-text {
	border: 1px solid rgb(var(--bs-success-rgb-focus) / 50%);	
}

.form-control.is-invalid ~ .input-group-text {
	border: 1px solid var(--bs-danger) !important;
}

.form-control,
.input-group-text {
	color: inherit;
	background-color: var(--bs-gray-100);
	border: 1px solid var(--bs-gray-100);
	border-radius: 0px;
}

.form-control::file-selector-button {
	padding: .5rem .75rem;
	background-color: var(--bs-gray-200);
	margin-top: -.5rem;
	margin-bottom: -.5rem;
	color: var(--content-text);
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
	background-color: var(--bs-gray-200);
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
	border-color: var(--bs-danger);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f1416c'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f1416c' stroke='none'/%3e%3c/svg%3e");
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
	border-color: var(--bs-danger);
	box-shadow: none;
}

.invalid-feedback {
	color: var(--bs-danger);
}

/* Forms End */


.bi {
	line-height: 0;
}

.bi-lg {
	font-size: 1.25em;
}

.bi-xl {
	font-size: 1.5em;
}

.bi-xxl {
	font-size: 1.75em;
}


/* Bootstrap MD and up */
@media (min-width: 768px) {

	.container {
		margin-top: 4rem;
	}

}