@font-face {
	font-family: 'Poppins';
	src:url("/Console/jakarta.faces.resource/fonts/Poppins-Light.ttf.xhtml?ln=base");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins';
	src:url("/Console/jakarta.faces.resource/fonts/Poppins-Regular.ttf.xhtml?ln=base");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins';
	src:url("/Console/jakarta.faces.resource/fonts/Poppins-Medium.ttf.xhtml?ln=base");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins';
	src:url("/Console/jakarta.faces.resource/fonts/Poppins-SemiBold.ttf.xhtml?ln=base");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins';
	src:url("/Console/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;
}

.fw-bold {
	font-weight: 600 !important;
}

.fw-semibold {
	font-weight: 500 !important;
}

.fs-7 {
	font-size: .875rem !important;
}

.fs-8 {
	font-size: .75rem !important;
}

.fa-25x {
	font-size: 2.5em;
}

.w-250px {
	width: 250px !important;
}

.text-muted {
	color: var(--subheader) !important;
}

body {
	background-color: var(--white-smoke);
}

main .container {
	background-color: var(--bs-info);
	max-width: 550px;
}

/* Buttons Start */

.btn {
	font-size: .875rem;
}

.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);
	border-color: var(--bs-primary-shade);
}

.btn-outline-primary:hover {
	color: var(--white);
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.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);
	border-color: var(--bs-primary);
}

.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);
	border-color: var(--bs-success-shade);
}

.btn-outline-success:hover {
	color: var(--white);
	background-color: var(--bs-success);
	border-color: var(--bs-success);
}

.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);
	border-color: var(--bs-success);
}

.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);
	border-color: var(--bs-info-shade);
}

.btn-outline-info:hover {
	color: var(--white);
	background-color: var(--bs-info);
	border-color: var(--bs-info);
}

.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);
	border-color: var(--bs-info);
}

.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);
	border-color: var(--bs-warning-shade);
}

.btn-outline-warning:hover {
	color: var(--white);
	background-color: var(--bs-warning);
	border-color: var(--bs-warning);
}

.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);
	border-color: var(--bs-warning);
}

.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);
	border-color: var(--bs-danger-shade);
}

.btn-outline-danger:hover {
	color: var(--white);
	background-color: var(--bs-danger);
	border-color: var(--bs-danger);
}

.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);
	border-color: var(--bs-danger);
}

.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);
	border-color: var(--bs-secondary-shade);
}

.btn-outline-secondary:hover {
	color: var(--white);
	background-color: var(--bs-secondary);
	border-color: var(--bs-secondary);
}

.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);
	border-color: var(--bs-secondary);
}

.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);
	border-color: var(--bs-light-shade);
	color: var(--bs-light-text);
}

.btn-outline-light:hover {
	color: var(--white);
	background-color: var(--bs-light);
	border-color: var(--bs-light);
}

.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);
	border-color: var(--bs-light);
}

.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);
	border-color: var(--bs-dark-shade);
}

.btn-outline-dark:hover {
	color: var(--white);
	background-color: var(--bs-dark);
	border-color: var(--bs-dark);
}

.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);
	border-color: var(--bs-dark);
}

.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 */


/* Alerts Start */

.alert-primary {
	color: var(--bs-primary);
	background-color: var(--bs-primary-tint);
	border-color: var(--bs-primary-tint);
}

.alert-success {
	color: var(--bs-success);
	background-color: var(--bs-success-tint);
	border-color: var(--bs-success-tint);
}

.alert-danger {
	color: var(--bs-danger);
	background-color: var(--bs-danger-tint);
	border-color: var(--bs-danger-tint);
}

.alert-warning {
	color: var(--bs-warning);
	background-color: var(--bs-warning-tint);
	border-color: var(--bs-warning-tint);
}

.alert-secondary {
	color: var(--bs-secondary);
	background-color: var(--bs-secondary-tint);
	border-color: var(--bs-secondary-tint);
}

.alert-info {
	color: var(--bs-info);
	background-color: var(--bs-info-tint);
	border-color: var(--bs-info-tint);
}

.alert-dark {
	color: var(--bs-dark);
	background-color: var(--bs-dark-tint);
	border-color: var(--bs-dark-tint);
}

.alert-light {
	color: var(--bs-light);
	background-color: var(--bs-light-tint);
	border-color: var(--bs-light-tint);
}

/* Alerts 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 */

/* Cards Start */

.card {
	border: 0px;
	border-radius: 0;
}

.card-header {
	background-color: var(--white);
	border-bottom: 0px;
	padding: 1rem 1rem 0rem 1rem;
}

/* Cards End */


/* Forms Start */

.input-group-text {
	background-color: transparent;
	border: 0px;
	border-radius: 0px;
	color: var(--menu-text);
	border-bottom: 2px solid var(--menu-text);
}

.input-group-text.is-invalid {
	border-bottom-color: var(--bs-danger);
	color: var(--bs-danger);
}

.form-label,
.form-check-label {
	font-size: .875rem;
	font-weight: 500;
	color: var(--subheader);
}

.form-control,
.form-control:focus {
	color: var(--menu-text);
	font-size: 1rem;
	background-color: transparent;
	border: 0px;
	border-radius: 0px;
	border-bottom: 2px solid var(--menu-text);
}

.form-control:focus {
	box-shadow: none;
}

.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='%23b23a48'%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='%23b23a48' 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);
}

.form-check-input {
	width: 1.5em;
	height: 1.5em;
	margin-top: 0;
	margin-right: .75em;
}

.form-switch .form-check-input {
	width: 2.5em !important;
}

.form-check-input:checked {
	background-color: var(--bs-primary);
	border-color: var(--bs-primary);
}

.form-check-input:focus {
	box-shadow: none;
	border-color: var(--bs-primary);
}

.form-floating>label {
	padding: 1rem .25rem;
	color: var(--menu-text);
}

.form-floating>.form-control {
	padding: 1rem .25rem;
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
	opacity: .85;
	color: var(--bs-warning);
	transform: scale(.85) translateY(-.85rem) translateX(.15rem);
}

.form-floating>.form-control-plaintext~label::after,
.form-floating>.form-control:focus~label::after,
.form-floating>.form-control:not(:placeholder-shown)~label::after,
.form-floating>.form-select~label::after {
	background-color: transparent;
}

label {
	font-size: 1rem;
}

/* Forms End */


/* Main Content Start */

#content {
	font-size: .875rem;
	margin-top: 5rem;
}

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	color: var(--content-title);
}

#content .logo {
	max-width: 300px;
}

@media (min-width: 576px) {

	#content {
		margin-top: 9rem;
	}

	.px-sm-6 {
		padding-right: 4rem !important;
		padding-left: 4rem !important;
	}

}