/*
input.error {
	background-color: lightpink;
}

#box {
	display: table;
	margin: auto;
	padding: 0.5em;
	background-color: beige;
	box-shadow: 0px 0px 5px 0px rgba(68,68,68,1);
}

#box a {
	color: #222;
	text-decoration: none;
}

#box a:hover {
	text-decoration: underline;
}

#box input[type=text], #box input[type=password], #box select {
	line-height: 1.5em;
	padding: 0 .5em;
	margin: .5em .5em;
	border: 1px solid darkgrey;
}
		
#box input[type=submit] {
	padding: 0.5em;
	margin: 0 0.5em;
}

div.hidden {
	display: none;
}

div.row {
	display: table-row;
}

div.label, div.field {
	display: table-cell;
}

div.label label {
	line-height: 1.5em;
	padding: 0 .5em
}

#content_actions {
	position: sticky;
	background-color: white;
	top: 0;
	z-index: 5;
	padding: 0.5em 0.5em 0 0.5em;
	text-align: center;
}

#content_actions  .user_create {
	padding: 0.5em;
}

#usertable {
	margin: 0 auto;
	border-collapse: collapse;
	display: table;
}

#usertable img:hover {
	cursor: pointer;
}

#usertable input {
	width: 10em;
}

#usertable select {
	width: 5em;
}

#usertable span {
	line-height: 1.5em;
	padding: 0 1px;
}

#usertable .deactivated {
	background-color: lightpink;
}

#usertable .field {
	padding: 0.3em;
	border: 1px solid #888;
	white-space: nowrap;
}

#usertable .hidden {
	display: none;
}

#usertable .title {
	background-color: darkseagreen;
}

.page_hr {
	border: 1px solid rgb(128, 128, 128);
	width: 100%;
	display: inline-flex;
}
*/

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}