/* Theme Selector Styles */
.bi{vertical-align:-.125em;fill:currentColor}
.btn-bd-primary{
	--bd-violet-bg: #712cf9;
	--bd-violet-rgb: 112.520718, 44.062154, 249.437846;
	--bs-btn-font-weight: 600;
	--bs-btn-color: var(--bs-white);
	--bs-btn-bg: var(--bd-violet-bg);
	--bs-btn-border-color: var(--bd-violet-bg);
	--bs-btn-hover-color: var(--bs-white);
	--bs-btn-hover-bg: #6528e0;
	--bs-btn-hover-border-color: #6528e0;
	--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
	--bs-btn-active-color: var(--bs-btn-hover-color);
	--bs-btn-active-bg: #5a23c8;
	--bs-btn-active-border-color: #5a23c8}
.bd-mode-toggle{z-index:1500}
.bd-mode-toggle .bi{width:1em;height:1em}
.bd-mode-toggle .dropdown-menu .active .bi{
	display:block!important
}






.form-floating > .form-control,
.form-floating > .form-control-plaintext {
	padding: 2.5rem 0.75rem;
}

.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
	color: grey;
}

#wrapper {
  overflow-x: hidden;
}

#page-content-wrapper {
  padding: 10px;
  min-width: 100vw;
}

@media (min-width: 768px) {
  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }
}


/* Mark  Styles */
html, body {font-size: 1em;	width: 100%;padding: 0px;margin: 0px;font-family: 'Raleway', sans-serif;font-weight: 300; background-image:none !important}

.login {
  margin-top: 20%;
}

*:focus::placeholder {
  opacity: 0;
}

.form-check:has(#confirmCheckbox) {
	position: absolute;
	left: 12px;
  }

.form-check:has(.dialog-confirm) {
	position: absolute;
	left: 12px;
}