html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

.auth {
	padding: 8%;
	text-align: center;
}

.content {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.content {
	padding: 0px;
}

.content .sidebar {
	width: 150px;
	vertical-align: top;
	position: relative;
	padding: 0;
}

.content .main {
	padding: 10px 10px 120px;
	background: #F2F2F2;
	vertical-align: top;
}

.content .slidebar {
	position: absolute;
	background: #232323;
	top: 0px;
	width: 100%;
	height: 100%;
	padding-top: 26px;
	min-height: calc(100vh - 26px);
}

.content .slidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.content .slidebar ul li {
	background: #ECECEC;
	padding: 5px 20px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #A4A4A4;
}

.content .slidebar ul li:hover {
	background: #fbbf24;

}

.content .slidebar ul li a {
	color: #232323;
	text-decoration: none;
	display: block;
}

.content .slidebar ul li.slidebar-sub {
	font-weight: 500;
	font-size: 13px;
}

.content .slidebar ul li.group-product              { background: #f8d7da; border-bottom-color: #e5aeb3; }
.content .slidebar ul li.group-product:hover        { background: #f1b0b7; }
.content .slidebar ul li.group-product.slidebar-sub { background: #fce4e6; }
.content .slidebar ul li.group-product.slidebar-sub:hover { background: #f5c2c7; }

.content .slidebar ul li.group-audience              { background: #cfe2ff; border-bottom-color: #9ec5fe; }
.content .slidebar ul li.group-audience:hover        { background: #9ec5fe; }
.content .slidebar ul li.group-audience.slidebar-sub { background: #e6f0ff; }
.content .slidebar ul li.group-audience.slidebar-sub:hover { background: #cfe2ff; }

.content .slidebar ul li.group-promotion              { background: #FFFEB1; border-bottom-color: #ECE91B; }
.content .slidebar ul li.group-promotion:hover        { background: #fbbf24; }
.content .slidebar ul li.group-promotion.slidebar-sub { background: #fffecb; }
.content .slidebar ul li.group-promotion.slidebar-sub:hover { background: #FFFD65; }

.content .slidebar ul li.group-sales              { background: #d1e7dd; border-bottom-color: #a3cfbb; }
.content .slidebar ul li.group-sales:hover        { background: #a3cfbb; }
.content .slidebar ul li.group-sales.slidebar-sub { background: #e8f3ee; }
.content .slidebar ul li.group-sales.slidebar-sub:hover { background: #d1e7dd; }

.modal, .modal-backdrop, .modal-dialog,
.dropdown-menu, .collapse, .collapsing,
.tab-pane, .nav-link, .accordion-collapse {
	transition: none !important;
	animation: none !important;
}