html {
	position: relative;
	font-size: 14px;
}

html, body {
	height: 100%;
}

.btn-max-h {
	max-height: 40px !important;
}

.status-bar {
	width: 100%;
	height: 25px !important;
	border: 1px solid #999;
	background-color: #e6e6e6;
}

@media (hover: hover) and (pointer: fine) {
	.tabulator-row-odd.tabulator-selectable:hover {
		background-color: white;
		cursor: pointer;
	}

	.tabulator-row-even.tabulator-selectable:hover {
		background-color: #EFEFEF;
		cursor: pointer;
	}
}

.tabulator-row-even.tabulator-selected {
	background-color: #EFEFEF;
}

.tabulator-row-odd.tabulator-selected {
	background-color: white;
}

.throbber-loader-warning {
	position: relative;
	width: 202px;
	height: 20px;
	overflow: hidden;
	background: #ffc107;
}

	.throbber-loader-warning::before, .throbber-loader-warning::after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
	}

	.throbber-loader-warning::before {
		width: 150%;
		background: linear-gradient(90deg, #ffc107, #ffc, #ffc107);
		animation-name: throbber;
		animation-duration: 1s;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
		animation-fill-mode: forwards;
		transform: translate(-50%);
	}

	.throbber-loader-warning::after {
		width: 100%;
		background: repeating-linear-gradient(90deg, transparent, transparent 20px, #fff 20px, #fff 26px);
	}

@keyframes throbber {
	0% {
		transform: translate3d(-100%, 0, 0);
	}

	100% {
		transform: translate3d(100%, 0, 0);
	}
}