body {
	background: rgba(82, 114, 183, 0.2);
}

main {
	padding-top: 58px
}

.container-fluid.content-wrapper {
	height: calc(100vh - 58px);
	max-height: calc(100vh - 58px);
	min-height: calc(100vh - 58px);
}

.card-body {
	overflow: auto;
}

.fix-page-card-header {
	position: fixed;
	top: 50px;
	z-index: 10;
	background: white;
	width: calc(100% - 240px);
	display: block;
}

.fixed-headers-form {
	margin-top: 68px;
}

.tab-content.fixed-headers-form {
	margin-top: 138px;
}

.overflow-x-scroll {
	overflow-x: scroll;
}

.sticky-right {
	position: sticky;
	right: 0;
}

.hidden-table-column {
	width: 0 !important;
	height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

label {
	line-height: 24px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#main-navbar, main, footer {
		padding-left: 240px;
	}

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}

.invalid-feedback {
	margin-top: -15px;
	font-size: 10px;
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
	margin-bottom: 0;
}

.quagga-viewport-container {
	position: relative;
	width: 100%;
	max-height: 100%;
	aspect-ratio: 1 / 1;
	overflow-y: visible;
	transition: opacity 200ms;
}

.quagga-viewport-container video {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	z-index: 999;
	inset: 0;
	margin: auto;
}

.quagga-viewport-container canvas {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	z-index: 1000;
	inset: 0;
	margin: auto;
}

.btn-hover-bottom-right {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1001;
}