html,
body {
    font-size: 0.9rem;
}

#main-content {
	margin-top: 16px;
}

a.asc:after,
a.desc:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

a.asc:after {
	content: "\f062";
}

a.desc:after {
	content: "\f063";
}

.brand-logo {
	height: 25px;
	margin: 8px auto;
}

#navbar-nav-top-menu {
	width: 100%;
	justify-content: flex-end;
	align-items: center;
}

#body .content {
	min-height: calc(100vh - 114px); /* 114 = navbarHeight + footerHeight = 54 + 60 */
	padding-bottom: 25px !important;
}

/*
 * form validation errors
 */
.has-error .control-label,
.has-error .help-block {
	color: #a94442;
}

.has-error .form-control {
	border: 1px solid #a94442;
}

.unset-has-error .has-error .form-control {
	border: 1px solid #ced4da !important;
}

/*
 * dashboard
 */
.dashboard-cards ul {
	margin-left: 0;
	padding-left: 0;
	list-style-position: inside;
}

.dashboard-cards ul li {
	list-style-type: disc;
	margin-bottom: 8px;
}

.dashboard-cards ul li,
.dashboard-cards ul li a {
	font-size: 16px;
	line-height: 100%;
}

.dashboard-cards .card .card-body img {
	width: 96px; height: 96px;
}

/*
 * device test result
 */
.test {
	color: #fff;
	font-weight: normal;
}

.test.test-completed {
	background-color: #28a745 !important;
}

.test.test-not-completed {
	background-color: #dc3545 !important;;
}

.test.test-not-found {
	background-color: #6c757d !important;;
}

.test.duplicate-identifier {
	background-color: #856404 !important;
}

.test.test-reset {
	color: #fff;
	background-color: #343a40 !important;
}

.badge.test {
	font-size: 100%;
	padding: 6px 8px;
	margin: 2px auto;
}

/*
 * scan device
 */
#box-item-list-form .form-group {
	margin-bottom: 0;
	width: 100%;
}

/*
 * export to excel/csv/dbf
 */
.error-summary.box-validation-result ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

.url-export {
	color: #28a745;
	font-size: 28px;
	padding: 0 6px 0 0;
}

.url-export.export-excel {
	color: #28a745;
}

.url-export.export-csv {
	color: #6c757d;
}

/*
 * multi export
 */
.btn-export {
	background-color: #007bff;
	border-color: #007bff;
	color: white;
	margin: 4px 0 4px 0;
}

.btn-export:hover {
	background-color: #28a745;
	border-color: #28a745;
}

/* sidebar */
#sidebar ul li a.dropdown-toggle {
	color: #393939;
}

#sidebar ul ul a {
	font-size: 0.9rem !important;
	background: #EEEEEE;
}

#sidebar ul li ul.collapse li a svg {
	color: #444;
}