/* ----------------------------- MAIN CONTAINER ----------------------------- */
body {
	background-color: var(--background-color);
}
#main {
	overflow-x: hidden;
	transition: margin-left 0.5s, width 0.5s;
	margin-left: 232px;
	height: 100%;
	width: calc(100% - 232px);
}

#main.collapsed {
	margin-left: 56px;
	width: calc(100% - 56px);
}
/* -------------------------------------------------------------------------- */

/* -------------------------- CONTAINER INSIDE MAIN ------------------------- */
#main > .container {
	padding: 88px 20px 68px 20px;
	height: 100%;
	max-width: 2000px;
}

@media screen and (max-width: 768px) {
	#main > .container {
		height: auto;
	}
}
/* -------------------------------------------------------------------------- */

/* ------------------------ CONTAINER > Tab Controller ---------------------- */
#main > .container > .tab-container:first-child > .nav-tab li.nav-item {
	margin-top: 0;
}

#main > .container > .tab-container:first-child > .nav-tab .nav-link {
	padding-top: 0;
}
/* -------------------------------------------------------------------------- */