html,
body {
	width: 100vw;
	height: 100vh;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	overflow: hidden;
	scroll-behavior: smooth !important;
	touch-action: manipulation;
}

#navbar-main {
	z-index: 999;
	position: static;
	top: 0px;
	width: 100vw;
	height: 60px;
}

#content-main {
	width: 100vw;
	height: calc(100vh - 60px);
}
#content {
	position: relative;
	height: 100%;
	width: 100vw;
}
.bgimage {
	background-image: url("/theme/default/images/home-office-336377_1920.jpg");
	background-color: #ffffff;
	position: relative;
	object-fit: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

#trends {
	min-height: 250px;
}
#sales {
	min-height: 250px;
}
#logs {
	min-height: 250px;
}

.text-small {font-size:85%;}

/* Bootstrap overrides */
.dropdown-item.active {
	background-color: #6c757d !important;
}
.dt-button-collection .dropdown-menu {
	padding: 0 0 !important;
}

.dropdown-item:hover {
	background-color: #ffffff !important;
	color: #000000 !important;
}

.compact {
	font-size: 80%;
}

/* SCROLLING */
.hide-scrolling {
	overflow: hidden !important;
	overflow-x: hidden !important;
	overflow-y: hidden !important;
}
.allow-scrolling {
	display: block !important;
	overflow-x: auto !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch !important;
	overscroll-behavior: unset;
	scrollbar-width: none !important; /* Firefox */
	scroll-behavior: smooth;
}

.allow-scrolling-x {
	overflow-x: auto !important;
	overflow-y: hidden !important;
	-webkit-overflow-scrolling: touch !important;
	overscroll-behavior: unset;
	scrollbar-width: none !important; /* Firefox */
	scroll-behavior: smooth;
}

.allow-scrolling-y {
	overflow-x: hidden !important;
	overflow-y: auto !important;
	-webkit-overflow-scrolling: touch !important;
	overscroll-behavior: unset;
	scrollbar-width: none !important; /* Firefox */
	scroll-behavior: smooth;
}
/* the entire scrollbar */
.allow-scrolling::-webkit-scrollbar {
	display: none;
}
.allow-scrolling-x::-webkit-scrollbar {
	display: none;
}
.allow-scrolling-y::-webkit-scrollbar {
	display: none;
}
body::-webkit-scrollbar {
	display: none;
}
html::-webkit-scrollbar {
	display: none;
}

body {
	scrollbar-width: none !important; /* Firefox */
}

body {
	-ms-overflow-style: none; /* IE */
}

/* the draggable scrolling handle */
.allow-scrolling::-webkit-scrollbar-thumb {
	display: none;
}

/* the track (progress bar) of the scrollbar */
.allow-scrolling::-webkit-scrollbar-track {
	display: none;
}

/* Buttons */
.allow-scrolling::-webkit-scrollbar-button {
	display: none;
}

.allow-scrolling::-webkit-scrollbar-button:start {
	display: none;
}

.allow-scrolling::-webkit-scrollbar-button:end {
	display: none;
}

.allow-scrolling::-webkit-scrollbar-button:single-button {
	display: none;
}

.allow-scrolling::-webkit-scrollbar-button:vertical:decrement {
	display: none;
}
.allow-scrolling::-webkit-scrollbar-button:vertical:increment {
	display: none;
}
.allow-scrolling::-webkit-scrollbar-button:horizontal:decrement {
	display: none;
}
.allow-scrolling::-webkit-scrollbar-button:horizontal:increment {
	display: none;
}

.allow-scrolling::-webkit-scrollbar-thumb:window-inactive {
	display: none;
}

/* the part of the track (progress bar) not covered by the handle */
.allow-scrolling::-webkit-scrollbar-track-piece {
	display: none;
}

/* the bottom corner of the scrollbar, where both horizontal and vertical scrollbars meet */
.allow-scrolling::-webkit-scrollbar-corner {
	display: none;
}
/* the draggable resizing handle that appears at the bottom corner of some elements */
.allow-scrolling::-webkit-resizer {
	display: none;
}