/* ==========================================
   GFL CHRISTMAS TEASER 1 SIDEBAR THEME
   Color palette:
   Cream:       #F5E8C9
   Light beige: #E8D8B4
   Warm brown:  #B99A79
   Charcoal:    #231F20
   ========================================== */

/* SIDEBAR BACKGROUND */
body.skin-blue .main-sidebar {
	background: #f5e8c9 url("../../img/xmassTeasers/Teaser1/SideBar.png") center center / 100% 100% no-repeat !important;
}

body.skin-blue .main-sidebar::before {
	background: transparent !important;
	background-image: none !important;
}

body.skin-blue .main-sidebar .sidebar,
body.skin-blue .main-sidebar .sidebar-menu {
	background: transparent !important;
}

/* USER PROFILE */
body.skin-blue .main-sidebar .user-panel {
	background: transparent !important;
}

body.skin-blue .main-sidebar .user-panel:hover {
	background-image: transparent !important;
}

body.skin-blue .main-sidebar .user-panel .info,
body.skin-blue .main-sidebar .user-panel .info p,
body.skin-blue .main-sidebar .user-panel .info a {
	color: #231f20 !important;
}

/* MAIN MENU LINKS */
body.skin-blue .main-sidebar .sidebar-menu > li > a {
	color: #231f20 !important;
	background: transparent !important;
	border-left: 3px solid transparent;
	transition:
		background-color 0.2s ease,
		color 0.2s ease;
}

/* MAIN MENU ICONS */
body.skin-blue .main-sidebar .sidebar-menu > li > a > i {
	color: #231f20 !important;
	background: #e8d8b4 !important;
	width: 18px;
	text-align: center;
	border-radius: 3px;
	transition:
		background-color 0.2s ease,
		color 0.2s ease;
}

/* MAIN MENU HOVER */
body.skin-blue .main-sidebar .sidebar-menu > li:hover > a {
	color: #ffffff !important;
	background: #ef3336 !important;
	border-left-color: #ef3336 !important;
}

/* ICON HOVER: SAME COLOR AS THE PARENT LINK */
body.skin-blue .main-sidebar .sidebar-menu > li:hover > a > i {
	color: #ffffff !important;
	background: #ef3336 !important;
}

/* ACTIVE AND EXPANDED MAIN MENU */
body.skin-blue .main-sidebar .sidebar-menu > li.active > a,
body.skin-blue .main-sidebar .sidebar-menu > li.menu-open > a {
	color: #ffffff !important;
	background: #ef3336 !important;
	border-left-color: #ef3336 !important;
}

/* ACTIVE / EXPANDED ICON */
body.skin-blue .main-sidebar .sidebar-menu > li.active > a > i,
body.skin-blue .main-sidebar .sidebar-menu > li.menu-open > a > i {
	color: #ffffff !important;
	background: #ef3336 !important;
}

/* TREEVIEW SUBMENU BACKGROUND */
body.skin-blue .main-sidebar .sidebar-menu > li > .treeview-menu {
	background: #f5e8c9 !important;
	margin: 0 !important;
	padding: 4px 0 !important;
}

/* TREEVIEW SUBMENU LINKS */
body.skin-blue .main-sidebar .treeview-menu > li > a {
	color: #231f20 !important;
	background: transparent !important;
	transition:
		background-color 0.2s ease,
		color 0.2s ease;
}

/* TREEVIEW SUBMENU ICONS */
body.skin-blue .main-sidebar .treeview-menu > li > a > i {
	color: #231f20 !important;
	background: #e8d8b4 !important;
	width: 18px;
	text-align: center;
	border-radius: 3px;
	transition:
		background-color 0.2s ease,
		color 0.2s ease;
}

/* TREEVIEW HOVER */
body.skin-blue .main-sidebar .treeview-menu > li > a:hover {
	color: #ffffff !important;
	background: #ef3336 !important;
}

/* SUBMENU ICON HOVER: MATCH THE LINK */
body.skin-blue .main-sidebar .treeview-menu > li > a:hover > i {
	color: #ffffff !important;
	background: #ef3336 !important;
}

/* ACTIVE SUBMENU */
body.skin-blue .main-sidebar .treeview-menu > li.active > a {
	color: #ffffff !important;
	background: #ef3336 !important;
	font-weight: 600;
}

body.skin-blue .main-sidebar .treeview-menu > li.active > a > i {
	color: #ffffff !important;
	background: #ef3336 !important;
}

/* TREEVIEW ARROWS */
body.skin-blue .main-sidebar .sidebar-menu > li > a > .pull-right-container,
body.skin-blue .main-sidebar .sidebar-menu > li > a > .fa-angle-left {
	color: #231f20 !important;
}

/* SIDEBAR SECTION HEADERS */
body.skin-blue .main-sidebar .sidebar-menu > li.header {
	color: #231f20 !important;
	background: #e8d8b4 !important;
}