#layout_wrapper {
	border-color: var(--colorQua);
	background-color: #FFFFFF;
}

.color-1 {
	color: var(--colorPri);
}

body, .bg-color-1 {
	background-color: var(--colorPri);
}

header, footer, .bg-color-2 {
	background-color: var(--colorSec);
}

.color-2 {
	color: var(--colorSec);
}

.bg-color-3 {
	background-color: var(--colorTer);
}

.color-3 {
	color: var(--colorTer);
}

.bg-color-4 {
	background-color: var(--colorQua);
}

.color-4 {
	color: var(--colorQua);
}

.manager-table th, .admin-table th {
	background-color: var(--colorQua);
	color: #FFFFFF;
}

h1 {
	background-color: var(--colorQua);
	color: #FFFFFF;
}

h2 {
	background-color: var(--colorQua);
	color: #FFFFFF;
}

h3 {
	color: #2f4729;
}

#panel_links a:hover {
	background-color: var(--colorPri);
}

#vertical_container {
	background-color: var(--colorPri);
}

.control-panel-link {
	color: #000000;
}

.ce-button {
	background-color: #d0d0d0;
	color: #000;
	background-image: none;
}

.ce-button:hover {
	background-color: var(--colorSec);
	color: #FFFFFF;
	background-image: none;
}

.ce-button.bg-color-2 {
	background-color: var(--colorSec);
}

ul.site-menu ul.sub-menu li {
	background-color: var(--colorSec);
}

ul.site-menu li {
	background-color: var(--colorSec);
}

li.selected-menu-item {
	background-color: var(--colorSec);
}

ul.site-menu li:hover {
	background-color: var(--colorQua);
}

ul.site-menu ul.sub-menu li:hover {
	background-color: var(--colorQua);
}

li.menu-separator {
	background-color: var(--colorSec);
}

ul.site-menu ul.sub-menu li.menu-separator {
	background-color: var(--colorPri);
}

ul.site-menu li span a, ul.site-menu li span span, ul.site-menu li:hover span span, ul.site-menu ul.sub-menu li span a:hover, ul.site-menu ul.sub-menu li span a {
	color: #FFF;
}

header {
	color: #FFFFFF;
}

.footer-container, .footer-container a, .footer-container span {
	color: #FFFFFF;
}

:root {
	--colorPri: #3366FF;
	--colorSec: #4C79FF;
	--colorTer: #FFFF66;
	--colorQua: #1713d9;
	--highlightPri: #3366FF;
	--highlightSec: #1713d9;
}