body {
	padding-top: 60px;
	padding-bottom: 20px;
}

@media (max-width: 767px) {
	.top-menu {
		top: 6px;
		right: 52px;
		width: 100%;
	}

		.top-menu > .navbar-nav > li {
			float: none !important;
		}
}

@media (min-width: 768px) {
	.top-menu {
		margin-right: -15px;
	}

	.top-auth-menu {
		margin-left: auto;
	}
}

.dx-bs5.bg-light {
	margin-bottom: 2rem;
	background-color: #e9ecef;
	border-radius: .3rem;
}

.ASPxSecondaryButton {
	background: none;
	background-color: #cccccc;
	font-family: 'Roboto',sans-serif;
	font-size: large;
	width: 200px;
	height: 50px;
	color: black;
}

.mobilecontrol {
	max-width: 350px;
}

table.pagetbl td {
	padding-right: 8px;
}

.center {
	margin: 0 auto;
}

div.center {
	text-align: center;
	margin: 0 auto;
	float: none !important;
	display: table;
}

div.right {
	text-align: right;
	margin: 0 auto;
	float: none !important;
	display: table;
}

.bscard:hover {
	background-color: lightgray;
	opacity: 0.5;
}

div.details {
	background-color: aliceblue;
	margin: 1em 0;
	padding: 1em;
	font-size: 24px !important;
}

div.larger {
	font-size: 20px !important;
}

.navbar .navbar-brand {
	margin-left: 15px !important;
}

td.right {
	margin-right: 2px;
	text-align: right;
}

td.left {
	margin-left: 2px;
	text-align: left;
}

right {
	text-align: right !important;
	margin: 0 auto !important;
	float: none !important;
	display: table;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	-webkit-appearance: none;
	margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
	-moz-appearance: textfield; /* Firefox */
}

table.status td {
	vertical-align: top;
}

#the-sticky-div.sticky {
	position: fixed;
	top: 0;
}

.roundcorner {
	border-radius: 15% !important
}

.hintbox {
	color: red;
	font-size: 16px;
}

.dxeBaseOv {
	font-size: 12px;
}

.imgInfo {
	background-image: url("/Images/info.png");
	width: 24px;
	height: 24px;
}