* {
	box-sizing: border-box;
}

body {
	display: flex;
	flex-direction: column;
	column-gap: 10px;
	width: 100vw;
	height: 100vh;
	margin: 0px;
	padding: 10px;
}

table {
	width: 100%;
}

.titlebar {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.scroll-flex {
	width: 100%;
	height: 100%;
	flex: 1;
	overflow: auto;
}

.t-l {
	text-align: left;
}

.t-c {
	text-align: center;
}

.t-r {
	text-align: right;
}

.input-error {
	border-color: red !important;
	color: red !important;
	background: #ffe2e2 !important;
}

.hidden {
	display: none !important;
}

#loginModal {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 5px;
	background-color: #000000ca;
	width: 100vw;
	height: 100vh;
}

#loginModal>div {
	padding: 15px;
	border-radius: 5px;
	background: white;
	flex: 1
}