:root {
	--white: #ffffff;
	--black: #000000;

	--light: #d7dde5;
	--dark: #000206;
	--primary: #194c6a;
	--secondary: #2e6988;
	--info: #48176c;
	--accent1: #e1b7a7;
	--accent2: #e9427f;
	--accent3: #d72c78;
	--success: #1da05a;
	--warning: #e4c91e;
	--danger: #f20e15;
}
/* https://huemint.com/bootstrap-plus/ */
/* https://huemint.com/api/ */

#content,
#sidebar-left,
#sidebar-left2 {
	min-height: 600px;
}

body #debug-kit-toolbar {
	margin-top: 60px;
}
body #debug-kit-toolbar #panel-tabs {
	box-shadow: -4px -2px 16px rgba(0, 0, 0, 0.5);
}

i[class^="icon-"],
i[class*="icon-"] {
	margin-right: 1rem;
}
i[class^="icon-"].icon-sm,
i[class*="icon-"].icon-sm {
	margin-right: 0.5rem;
}

table.table.vab th,
table.table.vab td {
	vertical-align: bottom !important;
}
.table .panel {
	margin-bottom: 0;
}

.scroll-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 100;
	color: #34495e;
	opacity: 0.7;
	font-weight: 500;
	font-size: 16px;
	text-transform: uppercase;
}
.scroll-top:hover {
	opacity: 1.0;
	font-weight: 700;
	cursor: pointer;
}

/* cake */

@media (min-width: 1200px) {
    .main .container {
        max-width: 96%;
    }
}