/* >Main Navigation
-----------------------------------------------------------*/

#main_navigation {
	margin-top: 10px;
	clear: both;
}
#main_navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	clear: both;
}
#main_navigation ul li {
	margin: 0;
	padding: 0;
	float: left;
}
#main_navigation a {
	font-weight: normal;
	display: block;
	text-decoration: none;
}
#primary a {
	padding: 6px 20px;
	font-size: 15px;
}
#secondary a, #tertiary a {
	padding: 8px 15px;
	font-size: 13px;
}
#secondary a:hover, #secondary a:active,
#tertiary a:hover, #tertiary a:active,
#side_menu ul li a:hover, #side_menu ul li a:active {
	text-decoration: underline;
	font-weight: 700;
}
#secondary .selected a:hover, #secondary .selected a:active,
#tertiary .selected a:hover, #tertiary .selected a:active {
	text-decoration: none;
	font-weight: 700;
}
#secondary a:hover, #secondary a:active {
	color: #fff !important;
	font-weight: 700;
}
/* Make sure the home submenu gets a height, as it has no entries */
.home #secondary ul {
	height: 2px;
}

/* Primary & Tertiary Selected Sections */

#secondary li.selected a:link, #secondary li.selected a:visited {
	color: #fff !important;
	font-weight: 700;
}
#tertiary .selected a {
	font-weight: 700;
	text-transform: uppercase;
	background-color: #fff;
}
#tertiary .selected a:before {
 content: "\203a  ";
}

/* Primary Background Hover Colours */

#home_tab a:hover {
	background-color: #F5E9F1;
}
#workgroup_tab a:hover {
	background-color: #FBF3F6;
}
#production_tab a:hover {
	background-color: #E7F5F7;
}
#accounts_tab a:hover {
	background-color: #FFF6E9;
}
#management_tab a:hover {
	background-color: #F9ECF1;	
}
#w3pedia_tab a:hover {
	background-color: #D9E8F7;
}
#purchasing_tab a:hover {
	background-color: #F4E6E3;
}
#admin_tab a:hover {
	background-color: #E6F0E6;
}
#help_tab a:hover {
	background-color: #FFF5E3;
}
#geeks_tab a:hover {
	background-color: #2F4798;
}
/* Section Colouring */

#home_tab a:link, #home_tab a:visited,
.home #tertiary a {
	color: #E34B90;
}
#workgroup_tab a:link, #workgroup_tab a:visited,
.workgroup #tertiary a {
	color: #CD070A;
}
#production_tab a:link, #production_tab a:visited,
.production #tertiary a {
	color: #339999;
}
#accounts_tab a:link, #accounts_tab a:visited,
.accounts #tertiary a {
	color: #F96400;
}
#management_tab a:link, #management_tab a:visited,
.management #tertiary a {
	color: #C70B46;
}
#w3pedia_tab a:link, #w3pedia_tab a:visited,
.w3pedia #tertiary a {
	color: #0066CC;
}
#purchasing_tab a:link, #purchasing_tab a:visited,
.purchasing #tertiary a {
	color: #AC3E23;
}
#admin_tab a:link, #admin_tab a:visited,
.admin #tertiary a {
	color: #378834;
}
#help_tab a:link, #help_tab a:visited,
.help #tertiary a {
	color: #FFA418;
}
#geeks_tab a:link, #geeks_tab a:visited,
.geek #tertiary a {
	color: #2F4798;
}

/* Secondary Non-Selected Links */

.home #secondary a {
	color: #F5E9F1;
}
.workgroup #secondary a {
	color: #EEC6C6;
}
.production #secondary a {
	color: #BEE5EA;
}
.accounts #secondary a {
	color: #FFE2A8;
}
.management #secondary a {
	color: #EFBBCB;
}
.w3pedia #secondary a {
	color: #99CCFF;
}
.purchasing #secondary a {
	color: #FEB179;
}
.admin #secondary a {
	color: #A6DCA7;
}
.help #secondary a {
	color: #FFF5E3;
}
.geeks #secondary a {
	color: #8Fa7c8;
}

/* >Key Section Colours
-----------------------------------------------------------*/

/* Home */

.home #main_navigation #secondary,
.home #home_tab a {
	background-color: #E34B90;
}

/* Workgroup */

.workgroup #main_navigation #secondary,
.workgroup #workgroup_tab a {
	background-color: #CD070A;
}
.workgroup #tertiary {
	background-color: #F9ECF1;
	border-bottom: 1px solid #F5CFCF;
}

/* Production */

.production #main_navigation #secondary,
.production #production_tab a {
	background-color: #339999;
}
.production #tertiary {
	background-color: #E7F5F7;
	border-bottom: 1px solid #C3E7EB;
}

/* Account */

.accounts #main_navigation #secondary,
.accounts #accounts_tab a {
	background-color: #F96400;
}
.accounts #tertiary {
	background-color: #FFF6E9;
	border-bottom: 1px solid #FFE9C8;
}

/* Management */

.management #main_navigation #secondary,
.management #management_tab a {
	background-color: #C70B46;
}
.management #tertiary {
	background-color: #F9ECF1;
	border-bottom: 1px solid #F3DCE5;
}

/* Resources */

.w3pedia #main_navigation #secondary,
.w3pedia #w3pedia_tab a {
	background-color: #0066CC;
}
.w3pedia #tertiary {
	background-color: #D9E8F7;
	border-bottom: 1px solid #B1D0EF;
}

/* Purchasing */

.purchasing #main_navigation #secondary,
.purchasing #purchasing_tab a {
	background-color: #AC3E23;
}
.purchasing #tertiary {
	background-color: #F4E6E3;
	border-bottom: 1px solid #ECD4CE;
}

/* admin */

.admin #main_navigation #secondary,
.admin #admin_tab a {
	background-color: #378834;
}
.admin #tertiary {
	background-color: #E6F0E6;
	border-bottom: 1px solid #C4DCC3;
}

/* Help */

.help #main_navigation #secondary,
.help #help_tab a {
	background-color: #FFB836;
}
.help #tertiary {
	background-color: #FFF5E3;
	border-bottom: 1px solid #C4DCC3;
}

/* Geeks */

.geeks #main_navigation #secondary,
.geeks #geeks_tab a {
	background-color: #2F4798;
}
.geeks #tertiary {
	background-color: #2F4798;
	border-bottom: 1px solid #2F4798;
}

.home #primary #home_tab a,
.workgroup #primary #workgroup_tab a,
.production #primary #production_tab a,
.accounts #primary #accounts_tab a,
.management #primary #management_tab a,
.w3pedia #primary #w3pedia_tab a,
.purchasing #primary #purchasing_tab a,
.admin #primary #admin_tab a,
.help #primary #help_tab a,
.geeks #primary #geeks_tab a {
	color: #fff;
	font-weight: 700;
}


/* >Breadcrumbs
-----------------------------------------------------------*/
#breadcrumbs {
	padding: 10px;
	font-family: 'Lato';
	font-style: italic;
	font-size: 13px;
	color: #444
}

#breadcrumbs .spacer {
	margin-left: 6px;
	margin-right: 3px;
}

/* >Secondary Navigation
-----------------------------------------------------------*/
.sidebar .nav > li{
	list-style: none;
	position: relative;
	display: block;
}

.sidebar .nav {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	display: block;
}

.sidebar .nav > li > a {
	position: relative;
	display: block;
	padding: 10px 15px;
}

.sidebar .nav .sub-menu > li > a > svg {
	margin-right: 10px;
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid\9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.page-without-sidebar .content {
	margin-left: 0;
}

.page-without-sidebar .sidebar, .page-without-sidebar .sidebar-bg {
	display: none;
}
/* 2.4 Sidebar & sidebar elements from coloradmin v3.0.0 */

.sidebar {
	width: 250px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	padding-top: 60px;
	background: #37474f;
	z-index: 9;
	font-size: 13px;
	-webkit-transform: translateZ(0);
}
.sidebar-bg {
	background: #37474f;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	width: 250px;
	z-index: 8;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
	-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}
.sidebar .nav > li:before,
.sidebar .nav > li:after,
.sidebar .nav > li > a:before,
.sidebar .nav > li > a:after {
	content: '';
	clear: both;
	display: table;
}
.sidebar .nav > li > a {
	padding: 10px 20px;
	line-height: 20px;
	color: #cfd8dc;
	font-weight: 500;
}
.sidebar.sidebar-grid .nav > li > a {
	border-bottom: 1px solid #263238;
	border-top: 1px solid #263238;
}
.sidebar.sidebar-grid .nav > li.active > a {
	border-color: #212121;
	z-index: 10;
}
.sidebar.sidebar-grid .nav > li + li {
	margin-top: -1px;
}
.sidebar .nav > li.active > a .label.label-theme,
.sidebar .nav > li.active > a .badge {
	background: url(../img/transparent/black-0.4.png);
	background: rgba(0,0,0,0.4);
}
.sidebar .nav > li.expand > a,
.sidebar .nav > li > a:hover,
.sidebar .nav > li > a:focus {
	background: none;
	text-decoration: none;
	color: #CFD8DC;
}
.sidebar .nav > li.active > a,
.sidebar .nav > li.active > a:hover,
.sidebar .nav > li.active > a:focus {
	color: #fff;
	background: #00BCD4;
}
.sidebar .nav > li.active > a .label.label-success,
.sidebar .nav > li.active > a .badge.badge-success {
	background: #008a8a;
}
.sidebar .nav > li > a svg {
	float: left;
	margin-right: 10px;
	width: 24px;
	text-align: center;
	line-height: 20px;
	font-size: 20px;
	color: #546E7A;
}
.sidebar .nav > li > a i[class*="ion-"] {
	margin-right: 15px;
	width: 18px;
	font-size: 24px;
	margin-top: -2px;
	margin-bottom: -2px;
}
.sidebar .nav > li > a i[class*="icon-"] {
	width: 18px;
	margin-right: 15px;
	font-size: 20px;
}
.sidebar .nav > li > a i.material-icons {
	float: left;
	width: 24px;
	height: 24px;
	text-align: center;
	margin: -2px 10px -2px 0;
	font-size: 24px;
	line-height: 24px;
}
.sidebar .nav > li > a .icon-img {
	float: left;
	margin: -2px 10px -2px 0;
	width: 24px;
	height: 24px;
	overflow: hidden;
	border-radius: 4px;
}
.sidebar .nav > li > a .icon-img img {
	max-width: 100%;
	max-height: 100%;
	display: block;
}
.sidebar .nav > li.active > a svg,
.sidebar .nav > li.active > a:hover svg,
.sidebar .nav > li.active > a:focus svg {
	color: #fff;
}
.sidebar .nav > li > a .badge {
	background: #1b1f24;
	padding: 0 8px;
	margin: 0;
	line-height: 20px;
	font-size: 12px;
	font-weight: normal;
}
.sidebar .sub-menu:before {
	display: none;
}
.sidebar .nav > li > a .caret {
	float: right;
	margin-top: 9px;
}
.sidebar .has-sub.active > .sub-menu {
	display: block;
}
.sidebar .sub-menu {
	list-style-type: none;
	padding: 10px 0 10px 30px;
	margin: 0;
	background: #1a2229;
	position: relative;
	display: none;
}
.sidebar .sub-menu:before {
	content: '';
	position: absolute;
	left: 26px;
	top: 0;
	bottom: 0;
	width: 2px;
	background: #10181F;
}
.sidebar .sub-menu .sub-menu {
	padding: 0 0 0 30px;
	background: none;
}
.sidebar .sub-menu > li > a {
	padding: 5px 20px;
	display:block;
	font-weight: 300;
	color: #889097;
	text-decoration: none;
	position: relative;
}
.sidebar .sub-menu > li > a:hover,
.sidebar .sub-menu > li > a:focus,
.sidebar .sub-menu > li.active > a,
.sidebar .sub-menu > li.active > a:hover,
.sidebar .sub-menu > li.active > a:focus {
	color: #fff;
}
.sidebar .nav > li li.has-sub.active > a {
	color: #889097;
}
.sidebar .nav .sub-menu > li > a .caret {
	float: right;
	margin-top: 7px;
}
.sidebar .nav > li.has-sub .sub-menu,
.sidebar li.has-sub .sub-menu > li.active > a,
.sidebar li.has-sub .sub-menu > li.active > a:hover,
.sidebar li.has-sub .sub-menu > li.active > a:focus,
.sidebar .nav > li.has-sub .sub-menu > li > a:hover,
.sidebar .nav > li.has-sub .sub-menu > li > a:focus {
	background: rgba(0,0,0,0.15);
}
.sidebar .nav > li.has-sub .sub-menu > li > a {
	color: #CFD8DC;
	line-height: 20px;
	padding: 5px 20px 5px 54px;
	display: block;
	font-weight: normal;
}
.sidebar .nav > li.has-sub .sub-menu {
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
}
.sidebar .nav > li.nav-header {
	margin: 0;
	padding: 10px 20px 5px;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
}
.sidebar .nav > li.nav-header a {
	padding: 0;
	margin: 0;
	display: inline;
}
.sidebar .nav > li.nav-header a:hover,
.sidebar .nav > li.nav-header a:focus {
	background: none;
	color: #fff;
}
.sidebar .nav > li.nav-header a svg {
	float: none;
	margin: 0;
}
.sidebar .nav > li.nav-profile {
	padding: 20px;
	color: #fff;
	background: url(./coloradmin/img/profile_bg_2.png);
	background-size: 100%;
	background-repeat: no-repeat;
	position: relative;
}
.sidebar .nav > li.nav-profile:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(23, 35, 41, 0.75);
	display: block;
}
.sidebar .nav > li.nav-profile > a,
.sidebar .nav > li.nav-profile.active > a,
.sidebar .nav > li.nav-profile.active > a:hover,
.sidebar .nav > li.nav-profile.active > a:focus {
	margin: -20px;
	padding: 20px;
	display: block;
	color: #fff;
	background: none;
}
.sidebar .nav > li.nav-profile > a:hover,
.sidebar .nav > li.nav-profile > a:focus {
	background: none;
}
.sidebar .nav > li.nav-profile > a:before,
.sidebar .nav > li.nav-profile > a:after {
	content: '';
	display: table;
	clear: both;
}
.sidebar .nav > li.nav-profile .image,
.sidebar .nav > li.nav-profile .info {
	position: relative;
}
.sidebar .nav > li.nav-profile .image {
	width: 50px;
	height: 50px;
	margin: 0 0 10px;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.sidebar .nav > li.nav-profile .image img {
	max-width: 100%;
	max-height: 100%;
}
.sidebar .nav > li.nav-profile .info {
	font-size: 16px;
	font-weight: 500;
}
.sidebar .nav > li.nav-profile .info small {
	display: block;
	font-size: 12px;
	line-height: 16px;
	color: #9E9E9E;
}
.sidebar .nav > li.nav-profile .caret {
	margin-top: 15px;
}
.sidebar li.active > a .caret,
.sidebar li.expand > a .caret {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}
.sidebar li .caret {
	border-width: 5px;
	margin-top: 8px;
	float: right;
	line-height: 20px;
	text-align: center;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	transition: all .2s linear;
}
.sidebar .nav > li.nav-widget {
	padding: 10px 20px;
}
.sidebar .nav > li.nav-widget svg {
	margin-right: auto;
}
.page-sidebar-minified .sidebar {
	width: 60px;
	position: absolute;
}
.page-sidebar-minified .sidebar-bg {
	width: 60px;
}
.page-sidebar-minified .content {
	margin-left: 0;
}
.page-sidebar-minified .footer {
	margin-left: 85px;
}
.page-sidebar-minified .sidebar .slimScrollDiv,
.page-sidebar-minified .sidebar .slimScrollDiv > div {
	overflow: visible !important;
}
.page-sidebar-minified .sidebar.sidebar-right .slimScrollDiv,
.page-sidebar-minified .sidebar.sidebar-right .slimScrollDiv > div {
	overflow: hidden !important;
}
.page-sidebar-minified .sidebar .nav > li > a {
	padding: 10px 17px;
}
.page-sidebar-minified .sidebar .nav-profile,
.page-sidebar-minified .sidebar .nav-header,
.page-sidebar-minified .sidebar .nav > li > a > span {
	display: none;
}
.page-sidebar-minified .sidebar .caret {
	position: absolute;
	top: 10px;
	right: 8px;
	border: 4px solid transparent;
	border-left: 4px solid;
}
.page-sidebar-minified .sidebar .sub-menu .caret {
	top: 10px;
	margin-top: 0 !important;
}
.page-sidebar-minified .sidebar .nav > li > a > svg {
	margin: 0;
}
.page-sidebar-minified .sidebar .nav li.has-sub > .sub-menu {
	position: absolute;
	left: 100%;
	top: 0;
	width: 220px;
	display: none;
	padding: 10px 0;
	margin: 0;
	background: #263238;
}
.page-sidebar-minified .sidebar li.active > a .caret,
.page-sidebar-minified .sidebar li.expand > a .caret,
.page-sidebar-minified .sidebar .nav li.has-sub > .sub-menu > li {
	-webkit-animation: none;
	animation: none;
	-webkit-transform: none;
	transform: none;
}
.page-sidebar-minified .sidebar .nav li.has-sub > .sub-menu > li > a {
	padding: 5px 30px;
}
.page-sidebar-minified .sidebar .nav > li.has-sub:hover > a,
.page-sidebar-minified .sidebar .nav > li.has-sub:focus > a {
	background: #263238;
}
.page-sidebar-minified .sidebar li.has-sub > .sub-menu {
	display: none !important;
}
.page-sidebar-minified .sidebar li.has-sub:hover > .sub-menu,
.page-sidebar-minified .sidebar li.has-sub:focus > .sub-menu {
	display: block !important;
	overflow: visible !important;
}
.page-sidebar-minified .sidebar .nav li.has-sub {
	position: relative;
}
.page-sidebar-minified .sidebar .nav > li.has-sub li.has-sub .sub-menu {
	margin-top: -10px;
}
.sidebar-minify-btn {
	margin: 10px 0;
	float: right;
	padding: 5px 20px 5px 10px !important;
	background: #1b1f24;
	color: #fff;
	-webkit-border-radius: 20px 0 0 20px;
	-moz-border-radius: 20px 0 0 20px;
	border-radius: 20px 0 0 20px;
}
.sidebar-minify-btn svg {
	margin: 0 !important;
	color: #fff;
}
.page-sidebar-minified .sidebar-minify-btn i:before {
	content: '\f101';
}
.page-sidebar-minified.page-with-right-sidebar .content {
	margin-right: 60px;
	margin-left: 0;
}
.page-sidebar-minified.page-with-right-sidebar .footer {
	margin-right: 85px;
	margin-left: 25px;
}
.page-sidebar-minified.page-with-right-sidebar .sub-menu {
	left: auto !important;
	right: 100%;
}
.page-sidebar-minified.page-with-right-sidebar .nav > li.has-sub > a .caret {
	position: absolute;
	left: 5px;
	border: 4px solid transparent;
	border-right: 4px solid;
}
.page-sidebar-minified.page-with-right-sidebar .sidebar .sub-menu .caret {
	left: 0;
	top: 2px;
	border-left: 4px solid transparent !important;
	border-right: 4px solid !important;
}
.page-sidebar-minified.page-with-right-sidebar .sidebar .nav li.has-sub > .sub-menu {
	padding: 10px 30px 10px 0;
}
.page-sidebar-minified.page-with-right-sidebar .sidebar .sub-menu:before {
	right: 26px;
	left: auto;
}
.page-sidebar-minified.page-with-right-sidebar .sidebar .sub-menu > li > a:before {
	right: 0;
	left: auto;
	margin-right: -6px;
	margin-left: 0;
}
.page-sidebar-minified.page-with-right-sidebar .sidebar-minify-btn i:before {
	content: '\f100';
}
.page-sidebar-minified .sidebar .slimScrollBar,
.page-sidebar-minified .sidebar .slimScrollRail {
	display: none !important;
}
.page-sidebar-minified .sidebar.sidebar-right .slimScrollBar {
	display: block !important;
}
.sidebar .nav.nav-profile.active > li,
.sidebar .nav li.has-sub.expand > .sub-menu > li {
	-webkit-animation: inToRight 0.3s both cubic-bezier(0.7, 0, 0.3, 1);
	animation: inToRight 0.3s both cubic-bezier(0.7, 0, 0.3, 1);
}
.sidebar .nav.nav-profile.active > li:nth-child(2),
.sidebar .nav li.has-sub.active > .sub-menu > li:nth-child(2),
.sidebar .nav li.has-sub.expand > .sub-menu > li:nth-child(2) {
	-webkit-animation-delay: 45ms;
	animation-delay: 45ms;
}
.sidebar .nav.nav-profile.active > li:nth-child(3),
.sidebar .nav li.has-sub.active > .sub-menu > li:nth-child(3),
.sidebar .nav li.has-sub.expand > .sub-menu > li:nth-child(3) {
	-webkit-animation-delay: 60ms;
	animation-delay: 60ms;
}
.sidebar .nav.nav-profile.active > li:nth-child(4),
.sidebar .nav li.has-sub.active > .sub-menu > li:nth-child(4),
.sidebar .nav li.has-sub.expand > .sub-menu > li:nth-child(4) {
	-webkit-animation-delay: 75ms;
	animation-delay: 75ms;
}
.sidebar .nav.nav-profile.active > li:nth-child(5),
.sidebar .nav li.has-sub.active > .sub-menu > li:nth-child(5),
.sidebar .nav li.has-sub.expand > .sub-menu > li:nth-child(5) {
	-webkit-animation-delay: 90ms;
	animation-delay: 90ms;
}
.sidebar .nav.nav-profile.active > li:nth-child(6),
.sidebar .nav li.has-sub.active > .sub-menu > li:nth-child(6),
.sidebar .nav li.has-sub.expand > .sub-menu > li:nth-child(6) {
	-webkit-animation-delay: 105ms;
	animation-delay: 105ms;
}
.sidebar .nav.nav-profile.active > li:nth-child(7),
.sidebar .nav li.has-sub.active > .sub-menu > li:nth-child(7),
.sidebar .nav li.has-sub.expand > .sub-menu > li:nth-child(7) {
	-webkit-animation-delay: 120ms;
	animation-delay: 120ms;
}
.sidebar .nav.nav-profile.active > li:nth-child(8),
.sidebar .nav li.has-sub.active > .sub-menu > li:nth-child(8),
.sidebar .nav li.has-sub.expand > .sub-menu > li:nth-child(8) {
	-webkit-animation-delay: 135ms;
	animation-delay: 135ms;
}
.sidebar .nav.nav-profile.active > li:nth-child(9),
.sidebar .nav li.has-sub.active > .sub-menu > li:nth-child(9),
.sidebar .nav li.has-sub.expand > .sub-menu > li:nth-child(9) {
	-webkit-animation-delay: 150ms;
	animation-delay: 150ms;
}
.sidebar .nav.nav-profile.active > li:nth-child(10),
.sidebar .nav li.has-sub.active > .sub-menu > li:nth-child(10),
.sidebar .nav li.has-sub.expand > .sub-menu > li:nth-child(10) {
	-webkit-animation-delay: 165ms;
	animation-delay: 165ms;
}
.sidebar .nav.nav-profile.active > li:nth-child(11),
.sidebar .nav li.has-sub.active > .sub-menu > li:nth-child(11),
.sidebar .nav li.has-sub.expand > .sub-menu > li:nth-child(11) {
	-webkit-animation-delay: 180ms;
	animation-delay: 180ms;
}
.sidebar .nav.nav-profile.active > li:nth-child(12),
.sidebar .nav li.has-sub.active > .sub-menu > li:nth-child(12),
.sidebar .nav li.has-sub.expand > .sub-menu > li:nth-child(12) {
	-webkit-animation-delay: 195ms;
	animation-delay: 195ms;
}
.sidebar .nav.nav-profile.active > li:nth-child(13),
.sidebar .nav li.has-sub.active > .sub-menu > li:nth-child(13),
.sidebar .nav li.has-sub.expand > .sub-menu > li:nth-child(13) {
	-webkit-animation-delay: 210ms;
	animation-delay: 210ms;
}
.sidebar .nav.nav-profile.active > li:nth-child(14),
.sidebar .nav li.has-sub.active > .sub-menu > li:nth-child(14),
.sidebar .nav li.has-sub.expand > .sub-menu > li:nth-child(14) {
	-webkit-animation-delay: 225ms;
	animation-delay: 225ms;
}
.sidebar .nav.nav-profile.active > li:nth-child(15),
.sidebar .nav li.has-sub.active > .sub-menu > li:nth-child(15),
.sidebar .nav li.has-sub.expand > .sub-menu > li:nth-child(15) {
	-webkit-animation-delay: 240ms;
	animation-delay: 240ms;
}
.sidebar .nav.nav-profile.active > li:nth-child(16),
.sidebar .nav li.has-sub.active > .sub-menu > li:nth-child(16),
.sidebar .nav li.has-sub.expand > .sub-menu > li:nth-child(16) {
	-webkit-animation-delay: 255ms;
	animation-delay: 255ms;
}
.sidebar .nav.nav-profile.active > li:nth-child(17),
.sidebar .nav li.has-sub.active > .sub-menu > li:nth-child(17),
.sidebar .nav li.has-sub.expand > .sub-menu > li:nth-child(17) {
	-webkit-animation-delay: 270ms;
	animation-delay: 270ms;
}
.sidebar .nav.nav-profile.active > li:nth-child(18),
.sidebar .nav li.has-sub.active > .sub-menu > li:nth-child(18),
.sidebar .nav li.has-sub.expand > .sub-menu > li:nth-child(18) {
	-webkit-animation-delay: 295ms;
	animation-delay: 295ms;
}
.sidebar .nav.nav-profile.active > li:nth-child(19),
.sidebar .nav li.has-sub.active > .sub-menu > li:nth-child(19),
.sidebar .nav li.has-sub.expand > .sub-menu > li:nth-child(19) {
	-webkit-animation-delay: 310ms;
	animation-delay: 310ms;
}
.sidebar .nav.nav-profile.active > li:nth-child(20),
.sidebar .nav li.has-sub.active > .sub-menu > li:nth-child(20),
.sidebar .nav li.has-sub.expand > .sub-menu > li:nth-child(20) {
	-webkit-animation-delay: 325ms;
	animation-delay: 325ms;
}
.sidebar .nav.nav-profile > li,
.sidebar .nav li.has-sub.expand > .sub-menu > li {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
@-webkit-keyframes inToRight {
	to {
		-webkit-transform: translate3d(0%, 0, 0);
		transform: translate3d(0%, 0, 0);
	}
}
@keyframes inToRight {
	to {
		-webkit-transform: translate3d(0%, 0, 0);
		transform: translate3d(0%, 0, 0);
	}
}
.sidebar .nav.nav-profile.active {
	display: block;
}
.sidebar .nav.nav-profile {
	display: none;
	padding: 5px 0;
	border-bottom: 1px solid #263238;
	margin-bottom: 5px;
}
.sidebar.sidebar-grid li.nav-profile > a,
.sidebar.sidebar-grid .nav.nav-profile > li > a {
	border: none;
}
.sidebar.sidebar-light .nav.nav-profile {
	border-bottom: 1px solid #E0E0E0;
}
.sidebar .nav > li.divider {
	margin: 5px 0;
	height: 1px;
	background: #263238;
}


/* Wide Sidebar Setting */

@media (max-width: 767px) {
	@keyframes wideSidebarSlideInLeft {
		from { left: -250px; }
		to { left: 0; }
	}
	@-webkit-keyframes wideSidebarSlideInLeft {
		from { left: -250px; }
		to { left: 0; }
	}
	@keyframes wideSidebarSlideInRight {
		from { right: -250px; }
		to { right: 0; }
	}
	@-webkit-keyframes wideSidebarSlideInRight {
		from { right: -250px; }
		to { right: 0; }
	}
	.page-sidebar-toggled.page-with-wide-sidebar .sidebar {
		left: 0;
		animation: wideSidebarSlideInLeft .2s;
		-webkit-animation: wideSidebarSlideInLeft .2s;
	}
	.page-sidebar-toggled.page-with-wide-sidebar .sidebar-bg {
		left: 0;
		animation: wideSidebarSlideInLeft .2s;
		-webkit-animation: wideSidebarSlideInLeft .2s;
	}
	.page-sidebar-toggled.page-with-right-sidebar.page-with-wide-sidebar .sidebar,
	.page-sidebar-toggled.page-with-right-sidebar.page-with-wide-sidebar .sidebar-bg,
	.page-right-sidebar-toggled.page-with-wide-sidebar.page-with-two-sidebar .sidebar.sidebar-right,
	.page-right-sidebar-toggled.page-with-wide-sidebar.page-with-two-sidebar .sidebar-bg.sidebar-right {
		left: auto;
		right: 0;
		animation: wideSidebarSlideInRight .2s;
		-webkit-animation: wideSidebarSlideInRight .2s;
	}
	.page-with-wide-sidebar .sidebar,
	.page-with-wide-sidebar .sidebar-bg {
		left: -250px;
		width: 250px;
	}
	.page-with-wide-sidebar.page-with-right-sidebar .sidebar,
	.page-with-wide-sidebar.page-with-right-sidebar .sidebar-bg,
	.page-with-wide-sidebar.page-with-two-sidebar .sidebar.sidebar-right,
	.page-with-wide-sidebar.page-with-two-sidebar .sidebar-bg.sidebar-right {
		left: auto;
		right: -250px;
	}
	.page-with-wide-sidebar.page-with-right-sidebar .content {
		margin-right: 0;
	}
	.content {
		margin-left: 0 !important;
	}
}

/* Overwrites */
#content-wrapper {
	margin-left: 250px;
}

.page-sidebar-minified > #content-wrapper {
	margin-left: 60px;
}

#page-container.page-without-sidebar #content-wrapper {
	margin-left: 0;
}

#page-container.boxed-content > #content-wrapper > #content {
	width: 1100px;
	margin: 0 auto;
	min-height: 100%;
	background: white;
	overflow: hidden;
	position: relative;
	padding: 20px 10px;
}

.page-sidebar-minified .sidebar .nav > li.has-sub:hover > a.parent-link, .page-sidebar-minified .sidebar .nav > li.has-sub:focus > a.parent-link {
	width: 100%;
}

.page-sidebar-minified .sidebar .nav > li.has-sub:hover > a.open-submenu, .page-sidebar-minified .sidebar .nav > li.has-sub:focus > a.open-submenu {
	padding: 0;
	top: 0
}

.page-sidebar-minified .sidebar .nav > li.has-sub.active > a.open-submenu {
	padding: 10px;
}

.sidebar li.active.expand > a.caret {
	transform: rotate(180deg);
}

.sidebar li.active > a.caret {
	transform: none;
}

.sidebar .nav > li.expand > a,
.sidebar .nav > li > a:hover,
.sidebar .nav > li > a:focus {
	background: rgba(0, 0, 0, 0.15);
}

#side_menu ul li a.selected svg {
	padding: 9px 9px 9px 12px;
	color: #fff;
}

.sidebar.home li.active > a :hover, .sidebar.home li.active > a :active, .sidebar.home li.active > a :focus {
	background: #E34B90;
}
.sidebar.workgroup li.active > a:hover, .sidebar.workgroup li.active > a:active, .sidebar.workgroup li.active > a:focus {
	background: #CD070A;
}
.sidebar.production li.active > a:hover, .sidebar.production li.active > a:active, .sidebar.production li.active > a:focus {
	background: #339999;
}
.sidebar.accounts li.active > a:hover, .sidebar.accounts li.active > a:active, .sidebar.accounts li.active > a:focus {
	background: #F96400;
}
.sidebar.management li.active > a:hover, .sidebar.management li.active > a:active, .sidebar.management li.active > a:focus {
	background: #C70B46;
}
.sidebar.resources li.active > a:hover, .sidebar.resources li.active > a:active, .sidebar.resources li.active > a:focus {
	background: #0066CC;
}
.sidebar.purchasing li.active > a:hover, .sidebar.purchasing li.active > a:active, .sidebar.purchasing li.active > a:focus {
	background: #AC3E23;
}
.sidebar.admin li.active > a:hover, .sidebar.admin li.active > a:active, .sidebar.admin li.active > a:focus {
	background: #378834;
}
.sidebar.help li.active > a:hover, .sidebar.help li.active > a:active, .sidebar.help li.active > a:focus {
	background: #FFB836;
}

.sidebar.home ul li.active > a {
	background-color: #E34B90;
}
.sidebar.workgroup ul li.active > a {
	background-color: #CD070A;
}
.sidebar.production ul li.active > a {
	background-color: #339999;
}
.sidebar.accounts ul li.active > a {
	background-color: #F96400;
}
.sidebar.management ul li.active > a {
	background-color: #C70B46;
}
.sidebar.resources ul li.active > a {
	background-color: #0066CC;
}
.sidebar.purchasing ul li.active > a {
	background-color: #AC3E23;
}
.sidebar.admin ul li.active > a {
	background-color: #378834;
}
.sidebar.help ul li.active > a {
	background-color: #FFB836;
}

#side_menu ul li a.selected {
	color: #fff;
	background-color: #535353;
	font-weight: 700;
}

#side_menu ul ul li a {
	color: #fff;
}

#side_menu ul li a.selected span {
	font-weight: 700;
}

/* Context menu */
#flyerlink-fixed-header-inset.open #open-context-menu {
	display: none
}

#flyerlink-fixed-header-inset:not(.open) #close-context-menu {
	display: none;
}

#fl-context-menu .dropdown {
	display: inline-block;
	margin: 5px;
}

@media ( max-width: 576px ) {
	#fl-context-menu .dropdown {
		width: 100%;
	}
	#fl-context-menu .dropdown button {
		width: 100%;
	}

	#content-wrapper {
		margin-left: 0;
	}

	.sidebar {
		position: fixed;
	}
}

@media ( min-width: 577px ) {
	.mobile-sidebar-toggle {
		display:none;
	}
}

.mobile-sidebar-toggle {
	padding: 10px 12px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background: rgba(0,0,0,0.1);
}

.mobile-sidebar-toggle svg {
	color: grey;
}

.page-without-sidebar .mobile-sidebar-toggle {
	display: none;
}

#fl-context-menu .dropdowns {
	text-align: center;
}

#fl-context-menu .dropdowns a svg {
	opacity: 0.5;
}