.skin-blue .main-header .navbar {
	background-color: #56A9C2
}

	.skin-blue .main-header .navbar .nav > li > a {
		color: #fff
	}

		.skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav > li > a:active, .skin-blue .main-header .navbar .nav > li > a:focus, .skin-blue .main-header .navbar .nav .open > a, .skin-blue .main-header .navbar .nav .open > a:hover, .skin-blue .main-header .navbar .nav .open > a:focus {
			background: rgba(0,0,0,0.1);
			color: #f6f6f6
		}

	.skin-blue .main-header .navbar .sidebar-toggle {
		color: #fff
	}

		.skin-blue .main-header .navbar .sidebar-toggle:hover {
			color: #f6f6f6;
			background: rgba(0,0,0,0.1)
		}

	.skin-blue .main-header .navbar .sidebar-toggle {
		color: #fff
	}

		.skin-blue .main-header .navbar .sidebar-toggle:hover {
			background-color: #367fa9
		}

@media (max-width:767px) {
	.skin-blue .main-header .navbar .dropdown-menu li.divider {
		background-color: rgba(255,255,255,0.1)
	}

	.skin-blue .main-header .navbar .dropdown-menu li a {
		color: #fff
	}

		.skin-blue .main-header .navbar .dropdown-menu li a:hover {
			background: #367fa9
		}
}

.skin-blue .main-header .logo {
	background-color: #367fa9;
	color: #fff;
	border-bottom: 0 solid transparent
}

	.skin-blue .main-header .logo:hover {
		background-color: #357ca5
	}

.skin-blue .main-header li.user-header {
	background-color: #3c8dbc
}

.skin-blue .content-header {
	background: transparent
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
	background-color: #007ea3; /*#222d32*/
}

.skin-blue .user-panel > .info, .skin-blue .user-panel > .info > a {
	color: #fff
}

.skin-blue .sidebar-menu > li.header {
	color: #4b646f;
	background: #1a2226
}

.skin-blue .sidebar-menu > li > a {
	border-left: 3px solid transparent
}

.skin-blue .sidebar-menu > li:hover > a {
	color: #fff;
	background: #2392b3;
	border-left-color: #2392b3;
}

.skin-blue .sidebar-menu > li.active > a {
	color: #fff;
	background: #2392b3;
	border-left-color: #2392b3;
}


.skin-blue .sidebar-menu > li > .treeview-menu {
	margin: 0 1px;
	background: #56A9C2
}

.skin-blue .sidebar a {
	color: #ffffff
}

	.skin-blue .sidebar a:hover {
		text-decoration: none
	}

.skin-blue .treeview-menu > li > a {
	color: #ffffff
}

	.skin-blue .treeview-menu > li > a:hover {
		color: #fff;
		background: #2392b3;
		border-left-color: #2392b3
	}

.skin-blue .treeview-menu > li.active > a {
	color: #fff;
	background: #56A9C2;
	border-left-color: #56A9C2
}


.skin-blue .sidebar-form {
	border-radius: 3px;
	border: 1px solid #374850;
	margin: 10px 10px
}

	.skin-blue .sidebar-form input[type="text"], .skin-blue .sidebar-form .btn {
		box-shadow: none;
		background-color: #374850;
		border: 1px solid transparent;
		height: 35px;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}

	.skin-blue .sidebar-form input[type="text"] {
		color: #666;
		border-top-left-radius: 2px !important;
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
		border-bottom-left-radius: 2px !important
	}

		.skin-blue .sidebar-form input[type="text"]:focus, .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
			background-color: #fff;
			color: #666
		}

			.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
				border-left-color: #fff
			}

	.skin-blue .sidebar-form .btn {
		color: #999;
		border-top-left-radius: 0 !important;
		border-top-right-radius: 2px !important;
		border-bottom-right-radius: 2px !important;
		border-bottom-left-radius: 0 !important
	}

.skin-blue.layout-top-nav .main-header > .logo {
	background-color: #3c8dbc;
	color: #fff;
	border-bottom: 0 solid transparent
}

	.skin-blue.layout-top-nav .main-header > .logo:hover {
		background-color: #3b8ab8
	}

.skin-blue-light .main-header .navbar {
	background-color: #3c8dbc
}

	.skin-blue-light .main-header .navbar .nav > li > a {
		color: #fff
	}

		.skin-blue-light .main-header .navbar .nav > li > a:hover, .skin-blue-light .main-header .navbar .nav > li > a:active, .skin-blue-light .main-header .navbar .nav > li > a:focus, .skin-blue-light .main-header .navbar .nav .open > a, .skin-blue-light .main-header .navbar .nav .open > a:hover, .skin-blue-light .main-header .navbar .nav .open > a:focus {
			background: rgba(0,0,0,0.1);
			color: #f6f6f6
		}

	.skin-blue-light .main-header .navbar .sidebar-toggle {
		color: #fff
	}

		.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
			color: #f6f6f6;
			background: rgba(0,0,0,0.1)
		}

	.skin-blue-light .main-header .navbar .sidebar-toggle {
		color: #fff
	}

		.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
			background-color: #367fa9
		}

@media (max-width:767px) {
	.skin-blue-light .main-header .navbar .dropdown-menu li.divider {
		background-color: rgba(255,255,255,0.1)
	}

	.skin-blue-light .main-header .navbar .dropdown-menu li a {
		color: #fff
	}

		.skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
			background: #367fa9
		}
}

.skin-blue-light .main-header .logo {
	background-color: #3c8dbc;
	color: #fff;
	border-bottom: 0 solid transparent
}

	.skin-blue-light .main-header .logo:hover {
		background-color: #3b8ab8
	}

.skin-blue-light .main-header li.user-header {
	background-color: #3c8dbc
}

.skin-blue-light .content-header {
	background: transparent
}

.skin-blue-light .wrapper, .skin-blue-light .main-sidebar, .skin-blue-light .left-side {
	background-color: #f9fafc
}

.skin-blue-light .content-wrapper, .skin-blue-light .main-footer {
	border-left: 1px solid #d2d6de
}

.skin-blue-light .user-panel > .info, .skin-blue-light .user-panel > .info > a {
	color: #444
}

.skin-blue-light .sidebar-menu > li {
	-webkit-transition: border-left-color .3s ease;
	-o-transition: border-left-color .3s ease;
	transition: border-left-color .3s ease
}

	.skin-blue-light .sidebar-menu > li.header {
		color: #848484;
		background: #f9fafc
	}

	.skin-blue-light .sidebar-menu > li > a {
		border-left: 3px solid transparent;
		font-weight: 600
	}

	.skin-blue-light .sidebar-menu > li:hover > a, .skin-blue-light .sidebar-menu > li.active > a {
		color: #000;
		background: #f4f4f5
	}

	.skin-blue-light .sidebar-menu > li.active {
		border-left-color: #3c8dbc
	}

		.skin-blue-light .sidebar-menu > li.active > a {
			font-weight: 600
		}

	.skin-blue-light .sidebar-menu > li > .treeview-menu {
		background: #f4f4f5
	}

.skin-blue-light .sidebar a {
	color: #444
}

	.skin-blue-light .sidebar a:hover {
		text-decoration: none
	}

.skin-blue-light .treeview-menu > li > a {
	color: #777
}

	.skin-blue-light .treeview-menu > li.active > a, .skin-blue-light .treeview-menu > li > a:hover {
		color: #000
	}

.skin-blue-light .treeview-menu > li.active > a {
	font-weight: 600
}

.skin-blue-light .sidebar-form {
	border-radius: 3px;
	border: 1px solid #d2d6de;
	margin: 10px 10px
}

	.skin-blue-light .sidebar-form input[type="text"], .skin-blue-light .sidebar-form .btn {
		box-shadow: none;
		background-color: #fff;
		border: 1px solid transparent;
		height: 35px;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}

	.skin-blue-light .sidebar-form input[type="text"] {
		color: #666;
		border-top-left-radius: 2px !important;
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
		border-bottom-left-radius: 2px !important
	}

		.skin-blue-light .sidebar-form input[type="text"]:focus, .skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
			background-color: #fff;
			color: #666
		}

			.skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
				border-left-color: #fff
			}

	.skin-blue-light .sidebar-form .btn {
		color: #999;
		border-top-left-radius: 0 !important;
		border-top-right-radius: 2px !important;
		border-bottom-right-radius: 2px !important;
		border-bottom-left-radius: 0 !important
	}

@media (min-width:768px) {
	.skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
		border-left: 1px solid #d2d6de
	}
}

.skin-blue-light .main-footer {
	border-top-color: #d2d6de
}

.skin-blue.layout-top-nav .main-header > .logo {
	background-color: #3c8dbc;
	color: #fff;
	border-bottom: 0 solid transparent
}

	.skin-blue.layout-top-nav .main-header > .logo:hover {
		background-color: #3b8ab8
	}

.skin-black .main-header {
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: 0 1px 1px rgba(0,0,0,0.05)
}

	.skin-black .main-header .navbar-toggle {
		color: #333
	}

	.skin-black .main-header .navbar-brand {
		color: #333;
		border-right: 1px solid #eee
	}

	.skin-black .main-header > .navbar {
		background-color: #fff
	}

		.skin-black .main-header > .navbar .nav > li > a {
			color: #333
		}

			.skin-black .main-header > .navbar .nav > li > a:hover, .skin-black .main-header > .navbar .nav > li > a:active, .skin-black .main-header > .navbar .nav > li > a:focus, .skin-black .main-header > .navbar .nav .open > a, .skin-black .main-header > .navbar .nav .open > a:hover, .skin-black .main-header > .navbar .nav .open > a:focus {
				background: #fff;
				color: #999
			}

		.skin-black .main-header > .navbar .sidebar-toggle {
			color: #333
		}

			.skin-black .main-header > .navbar .sidebar-toggle:hover {
				color: #999;
				background: #fff
			}

		.skin-black .main-header > .navbar > .sidebar-toggle {
			color: #333;
			border-right: 1px solid #eee
		}

		.skin-black .main-header > .navbar .navbar-nav > li > a {
			border-right: 1px solid #eee
		}

		.skin-black .main-header > .navbar .navbar-custom-menu .navbar-nav > li > a, .skin-black .main-header > .navbar .navbar-right > li > a {
			border-left: 1px solid #eee;
			border-right-width: 0
		}

	.skin-black .main-header > .logo {
		background-color: #fff;
		color: #333;
		border-bottom: 0 solid transparent;
		border-right: 1px solid #eee
	}

		.skin-black .main-header > .logo:hover {
			background-color: #fcfcfc
		}

@media (max-width:767px) {
	.skin-black .main-header > .logo {
		background-color: #222;
		color: #fff;
		border-bottom: 0 solid transparent;
		border-right: none
	}

		.skin-black .main-header > .logo:hover {
			background-color: #1f1f1f
		}
}

.skin-black .main-header li.user-header {
	background-color: #222
}

.skin-black .content-header {
	background: transparent;
	box-shadow: none
}

.skin-black .wrapper, .skin-black .main-sidebar, .skin-black .left-side {
	background-color: #222d32
}

.skin-black .user-panel > .info, .skin-black .user-panel > .info > a {
	color: #fff
}

.skin-black .sidebar-menu > li.header {
	color: #4b646f;
	background: #1a2226
}

.skin-black .sidebar-menu > li > a {
	border-left: 3px solid transparent
}

.skin-black .sidebar-menu > li:hover > a, .skin-black .sidebar-menu > li.active > a {
	color: #fff;
	background: #1e282c;
	border-left-color: #fff
}

.skin-black .sidebar-menu > li > .treeview-menu {
	margin: 0 1px;
	background: #2c3b41
}

.skin-black .sidebar a {
	color: #b8c7ce
}

	.skin-black .sidebar a:hover {
		text-decoration: none
	}

.skin-black .treeview-menu > li > a {
	color: #8aa4af
}

	.skin-black .treeview-menu > li.active > a, .skin-black .treeview-menu > li > a:hover {
		color: #fff
	}

.skin-black .sidebar-form {
	border-radius: 3px;
	border: 1px solid #374850;
	margin: 10px 10px
}

	.skin-black .sidebar-form input[type="text"], .skin-black .sidebar-form .btn {
		box-shadow: none;
		background-color: #374850;
		border: 1px solid transparent;
		height: 35px;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}

	.skin-black .sidebar-form input[type="text"] {
		color: #666;
		border-top-left-radius: 2px !important;
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
		border-bottom-left-radius: 2px !important
	}

		.skin-black .sidebar-form input[type="text"]:focus, .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
			background-color: #fff;
			color: #666
		}

			.skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
				border-left-color: #fff
			}

	.skin-black .sidebar-form .btn {
		color: #999;
		border-top-left-radius: 0 !important;
		border-top-right-radius: 2px !important;
		border-bottom-right-radius: 2px !important;
		border-bottom-left-radius: 0 !important
	}

.skin-black-light .main-header {
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: 0 1px 1px rgba(0,0,0,0.05)
}

	.skin-black-light .main-header .navbar-toggle {
		color: #333
	}

	.skin-black-light .main-header .navbar-brand {
		color: #333;
		border-right: 1px solid #eee
	}

	.skin-black-light .main-header > .navbar {
		background-color: #fff
	}

		.skin-black-light .main-header > .navbar .nav > li > a {
			color: #333
		}

			.skin-black-light .main-header > .navbar .nav > li > a:hover, .skin-black-light .main-header > .navbar .nav > li > a:active, .skin-black-light .main-header > .navbar .nav > li > a:focus, .skin-black-light .main-header > .navbar .nav .open > a, .skin-black-light .main-header > .navbar .nav .open > a:hover, .skin-black-light .main-header > .navbar .nav .open > a:focus {
				background: #fff;
				color: #999
			}

		.skin-black-light .main-header > .navbar .sidebar-toggle {
			color: #333
		}

			.skin-black-light .main-header > .navbar .sidebar-toggle:hover {
				color: #999;
				background: #fff
			}

		.skin-black-light .main-header > .navbar > .sidebar-toggle {
			color: #333;
			border-right: 1px solid #eee
		}

		.skin-black-light .main-header > .navbar .navbar-nav > li > a {
			border-right: 1px solid #eee
		}

		.skin-black-light .main-header > .navbar .navbar-custom-menu .navbar-nav > li > a, .skin-black-light .main-header > .navbar .navbar-right > li > a {
			border-left: 1px solid #eee;
			border-right-width: 0
		}

	.skin-black-light .main-header > .logo {
		background-color: #fff;
		color: #333;
		border-bottom: 0 solid transparent;
		border-right: 1px solid #eee
	}

		.skin-black-light .main-header > .logo:hover {
			background-color: #fcfcfc
		}

@media (max-width:767px) {
	.skin-black-light .main-header > .logo {
		background-color: #222;
		color: #fff;
		border-bottom: 0 solid transparent;
		border-right: none
	}

		.skin-black-light .main-header > .logo:hover {
			background-color: #1f1f1f
		}
}

.skin-black-light .main-header li.user-header {
	background-color: #222
}

.skin-black-light .content-header {
	background: transparent;
	box-shadow: none
}

.skin-black-light .wrapper, .skin-black-light .main-sidebar, .skin-black-light .left-side {
	background-color: #f9fafc
}

.skin-black-light .content-wrapper, .skin-black-light .main-footer {
	border-left: 1px solid #d2d6de
}

.skin-black-light .user-panel > .info, .skin-black-light .user-panel > .info > a {
	color: #444
}

.skin-black-light .sidebar-menu > li {
	-webkit-transition: border-left-color .3s ease;
	-o-transition: border-left-color .3s ease;
	transition: border-left-color .3s ease
}

	.skin-black-light .sidebar-menu > li.header {
		color: #848484;
		background: #f9fafc
	}

	.skin-black-light .sidebar-menu > li > a {
		border-left: 3px solid transparent;
		font-weight: 600
	}

	.skin-black-light .sidebar-menu > li:hover > a, .skin-black-light .sidebar-menu > li.active > a {
		color: #000;
		background: #f4f4f5
	}

	.skin-black-light .sidebar-menu > li.active {
		border-left-color: #fff
	}

		.skin-black-light .sidebar-menu > li.active > a {
			font-weight: 600
		}

	.skin-black-light .sidebar-menu > li > .treeview-menu {
		background: #f4f4f5
	}

.skin-black-light .sidebar a {
	color: #444
}

	.skin-black-light .sidebar a:hover {
		text-decoration: none
	}

.skin-black-light .treeview-menu > li > a {
	color: #777
}

	.skin-black-light .treeview-menu > li.active > a, .skin-black-light .treeview-menu > li > a:hover {
		color: #000
	}

.skin-black-light .treeview-menu > li.active > a {
	font-weight: 600
}

.skin-black-light .sidebar-form {
	border-radius: 3px;
	border: 1px solid #d2d6de;
	margin: 10px 10px
}

	.skin-black-light .sidebar-form input[type="text"], .skin-black-light .sidebar-form .btn {
		box-shadow: none;
		background-color: #fff;
		border: 1px solid transparent;
		height: 35px;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}

	.skin-black-light .sidebar-form input[type="text"] {
		color: #666;
		border-top-left-radius: 2px !important;
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
		border-bottom-left-radius: 2px !important
	}

		.skin-black-light .sidebar-form input[type="text"]:focus, .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
			background-color: #fff;
			color: #666
		}

			.skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
				border-left-color: #fff
			}

	.skin-black-light .sidebar-form .btn {
		color: #999;
		border-top-left-radius: 0 !important;
		border-top-right-radius: 2px !important;
		border-bottom-right-radius: 2px !important;
		border-bottom-left-radius: 0 !important
	}

@media (min-width:768px) {
	.skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
		border-left: 1px solid #d2d6de
	}
}

.skin-green .main-header .navbar {
	background-color: #00a65a
}

	.skin-green .main-header .navbar .nav > li > a {
		color: #fff
	}

		.skin-green .main-header .navbar .nav > li > a:hover, .skin-green .main-header .navbar .nav > li > a:active, .skin-green .main-header .navbar .nav > li > a:focus, .skin-green .main-header .navbar .nav .open > a, .skin-green .main-header .navbar .nav .open > a:hover, .skin-green .main-header .navbar .nav .open > a:focus {
			background: rgba(0,0,0,0.1);
			color: #f6f6f6
		}

	.skin-green .main-header .navbar .sidebar-toggle {
		color: #fff
	}

		.skin-green .main-header .navbar .sidebar-toggle:hover {
			color: #f6f6f6;
			background: rgba(0,0,0,0.1)
		}

	.skin-green .main-header .navbar .sidebar-toggle {
		color: #fff
	}

		.skin-green .main-header .navbar .sidebar-toggle:hover {
			background-color: #008d4c
		}

@media (max-width:767px) {
	.skin-green .main-header .navbar .dropdown-menu li.divider {
		background-color: rgba(255,255,255,0.1)
	}

	.skin-green .main-header .navbar .dropdown-menu li a {
		color: #fff
	}

		.skin-green .main-header .navbar .dropdown-menu li a:hover {
			background: #008d4c
		}
}

.skin-green .main-header .logo {
	background-color: #008d4c;
	color: #fff;
	border-bottom: 0 solid transparent
}

	.skin-green .main-header .logo:hover {
		background-color: #008749
	}

.skin-green .main-header li.user-header {
	background-color: #00a65a
}

.skin-green .content-header {
	background: transparent
}

.skin-green .wrapper, .skin-green .main-sidebar, .skin-green .left-side {
	background-color: #222d32
}

.skin-green .user-panel > .info, .skin-green .user-panel > .info > a {
	color: #fff
}

.skin-green .sidebar-menu > li.header {
	color: #4b646f;
	background: #1a2226
}

.skin-green .sidebar-menu > li > a {
	border-left: 3px solid transparent
}

.skin-green .sidebar-menu > li:hover > a, .skin-green .sidebar-menu > li.active > a {
	color: #fff;
	background: #1e282c;
	border-left-color: #00a65a
}

.skin-green .sidebar-menu > li > .treeview-menu {
	margin: 0 1px;
	background: #2c3b41
}

.skin-green .sidebar a {
	color: #b8c7ce
}

	.skin-green .sidebar a:hover {
		text-decoration: none
	}

.skin-green .treeview-menu > li > a {
	color: #8aa4af
}

	.skin-green .treeview-menu > li.active > a, .skin-green .treeview-menu > li > a:hover {
		color: #fff
	}

.skin-green .sidebar-form {
	border-radius: 3px;
	border: 1px solid #374850;
	margin: 10px 10px
}

	.skin-green .sidebar-form input[type="text"], .skin-green .sidebar-form .btn {
		box-shadow: none;
		background-color: #374850;
		border: 1px solid transparent;
		height: 35px;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}

	.skin-green .sidebar-form input[type="text"] {
		color: #666;
		border-top-left-radius: 2px !important;
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
		border-bottom-left-radius: 2px !important
	}

		.skin-green .sidebar-form input[type="text"]:focus, .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
			background-color: #fff;
			color: #666
		}

			.skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
				border-left-color: #fff
			}

	.skin-green .sidebar-form .btn {
		color: #999;
		border-top-left-radius: 0 !important;
		border-top-right-radius: 2px !important;
		border-bottom-right-radius: 2px !important;
		border-bottom-left-radius: 0 !important
	}

.skin-green-light .main-header .navbar {
	background-color: #00a65a
}

	.skin-green-light .main-header .navbar .nav > li > a {
		color: #fff
	}

		.skin-green-light .main-header .navbar .nav > li > a:hover, .skin-green-light .main-header .navbar .nav > li > a:active, .skin-green-light .main-header .navbar .nav > li > a:focus, .skin-green-light .main-header .navbar .nav .open > a, .skin-green-light .main-header .navbar .nav .open > a:hover, .skin-green-light .main-header .navbar .nav .open > a:focus {
			background: rgba(0,0,0,0.1);
			color: #f6f6f6
		}

	.skin-green-light .main-header .navbar .sidebar-toggle {
		color: #fff
	}

		.skin-green-light .main-header .navbar .sidebar-toggle:hover {
			color: #f6f6f6;
			background: rgba(0,0,0,0.1)
		}

	.skin-green-light .main-header .navbar .sidebar-toggle {
		color: #fff
	}

		.skin-green-light .main-header .navbar .sidebar-toggle:hover {
			background-color: #008d4c
		}

@media (max-width:767px) {
	.skin-green-light .main-header .navbar .dropdown-menu li.divider {
		background-color: rgba(255,255,255,0.1)
	}

	.skin-green-light .main-header .navbar .dropdown-menu li a {
		color: #fff
	}

		.skin-green-light .main-header .navbar .dropdown-menu li a:hover {
			background: #008d4c
		}
}

.skin-green-light .main-header .logo {
	background-color: #00a65a;
	color: #fff;
	border-bottom: 0 solid transparent
}

	.skin-green-light .main-header .logo:hover {
		background-color: #00a157
	}

.skin-green-light .main-header li.user-header {
	background-color: #00a65a
}

.skin-green-light .content-header {
	background: transparent
}

.skin-green-light .wrapper, .skin-green-light .main-sidebar, .skin-green-light .left-side {
	background-color: #f9fafc
}

.skin-green-light .content-wrapper, .skin-green-light .main-footer {
	border-left: 1px solid #d2d6de
}

.skin-green-light .user-panel > .info, .skin-green-light .user-panel > .info > a {
	color: #444
}

.skin-green-light .sidebar-menu > li {
	-webkit-transition: border-left-color .3s ease;
	-o-transition: border-left-color .3s ease;
	transition: border-left-color .3s ease
}

	.skin-green-light .sidebar-menu > li.header {
		color: #848484;
		background: #f9fafc
	}

	.skin-green-light .sidebar-menu > li > a {
		border-left: 3px solid transparent;
		font-weight: 600
	}

	.skin-green-light .sidebar-menu > li:hover > a, .skin-green-light .sidebar-menu > li.active > a {
		color: #000;
		background: #f4f4f5
	}

	.skin-green-light .sidebar-menu > li.active {
		border-left-color: #00a65a
	}

		.skin-green-light .sidebar-menu > li.active > a {
			font-weight: 600
		}

	.skin-green-light .sidebar-menu > li > .treeview-menu {
		background: #f4f4f5
	}

.skin-green-light .sidebar a {
	color: #444
}

	.skin-green-light .sidebar a:hover {
		text-decoration: none
	}

.skin-green-light .treeview-menu > li > a {
	color: #777
}

	.skin-green-light .treeview-menu > li.active > a, .skin-green-light .treeview-menu > li > a:hover {
		color: #000
	}

.skin-green-light .treeview-menu > li.active > a {
	font-weight: 600
}

.skin-green-light .sidebar-form {
	border-radius: 3px;
	border: 1px solid #d2d6de;
	margin: 10px 10px
}

	.skin-green-light .sidebar-form input[type="text"], .skin-green-light .sidebar-form .btn {
		box-shadow: none;
		background-color: #fff;
		border: 1px solid transparent;
		height: 35px;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}

	.skin-green-light .sidebar-form input[type="text"] {
		color: #666;
		border-top-left-radius: 2px !important;
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
		border-bottom-left-radius: 2px !important
	}

		.skin-green-light .sidebar-form input[type="text"]:focus, .skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
			background-color: #fff;
			color: #666
		}

			.skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
				border-left-color: #fff
			}

	.skin-green-light .sidebar-form .btn {
		color: #999;
		border-top-left-radius: 0 !important;
		border-top-right-radius: 2px !important;
		border-bottom-right-radius: 2px !important;
		border-bottom-left-radius: 0 !important
	}

@media (min-width:768px) {
	.skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
		border-left: 1px solid #d2d6de
	}
}

.skin-red .main-header .navbar {
	background-color: #dd4b39
}

	.skin-red .main-header .navbar .nav > li > a {
		color: #fff
	}

		.skin-red .main-header .navbar .nav > li > a:hover, .skin-red .main-header .navbar .nav > li > a:active, .skin-red .main-header .navbar .nav > li > a:focus, .skin-red .main-header .navbar .nav .open > a, .skin-red .main-header .navbar .nav .open > a:hover, .skin-red .main-header .navbar .nav .open > a:focus {
			background: rgba(0,0,0,0.1);
			color: #f6f6f6
		}

	.skin-red .main-header .navbar .sidebar-toggle {
		color: #fff
	}

		.skin-red .main-header .navbar .sidebar-toggle:hover {
			color: #f6f6f6;
			background: rgba(0,0,0,0.1)
		}

	.skin-red .main-header .navbar .sidebar-toggle {
		color: #fff
	}

		.skin-red .main-header .navbar .sidebar-toggle:hover {
			background-color: #d73925
		}

@media (max-width:767px) {
	.skin-red .main-header .navbar .dropdown-menu li.divider {
		background-color: rgba(255,255,255,0.1)
	}

	.skin-red .main-header .navbar .dropdown-menu li a {
		color: #fff
	}

		.skin-red .main-header .navbar .dropdown-menu li a:hover {
			background: #d73925
		}
}

.skin-red .main-header .logo {
	background-color: #d73925;
	color: #fff;
	border-bottom: 0 solid transparent
}

	.skin-red .main-header .logo:hover {
		background-color: #d33724
	}

.skin-red .main-header li.user-header {
	background-color: #dd4b39
}

.skin-red .content-header {
	background: transparent
}

.skin-red .wrapper, .skin-red .main-sidebar, .skin-red .left-side {
	background-color: #222d32
}

.skin-red .user-panel > .info, .skin-red .user-panel > .info > a {
	color: #fff
}

.skin-red .sidebar-menu > li.header {
	color: #4b646f;
	background: #1a2226
}

.skin-red .sidebar-menu > li > a {
	border-left: 3px solid transparent
}

.skin-red .sidebar-menu > li:hover > a, .skin-red .sidebar-menu > li.active > a {
	color: #fff;
	background: #1e282c;
	border-left-color: #dd4b39
}

.skin-red .sidebar-menu > li > .treeview-menu {
	margin: 0 1px;
	background: #2c3b41
}

.skin-red .sidebar a {
	color: #b8c7ce
}

	.skin-red .sidebar a:hover {
		text-decoration: none
	}

.skin-red .treeview-menu > li > a {
	color: #8aa4af
}

	.skin-red .treeview-menu > li.active > a, .skin-red .treeview-menu > li > a:hover {
		color: #fff
	}

.skin-red .sidebar-form {
	border-radius: 3px;
	border: 1px solid #374850;
	margin: 10px 10px
}

	.skin-red .sidebar-form input[type="text"], .skin-red .sidebar-form .btn {
		box-shadow: none;
		background-color: #374850;
		border: 1px solid transparent;
		height: 35px;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}

	.skin-red .sidebar-form input[type="text"] {
		color: #666;
		border-top-left-radius: 2px !important;
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
		border-bottom-left-radius: 2px !important
	}

		.skin-red .sidebar-form input[type="text"]:focus, .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
			background-color: #fff;
			color: #666
		}

			.skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
				border-left-color: #fff
			}

	.skin-red .sidebar-form .btn {
		color: #999;
		border-top-left-radius: 0 !important;
		border-top-right-radius: 2px !important;
		border-bottom-right-radius: 2px !important;
		border-bottom-left-radius: 0 !important
	}

.skin-red-light .main-header .navbar {
	background-color: #dd4b39
}

	.skin-red-light .main-header .navbar .nav > li > a {
		color: #fff
	}

		.skin-red-light .main-header .navbar .nav > li > a:hover, .skin-red-light .main-header .navbar .nav > li > a:active, .skin-red-light .main-header .navbar .nav > li > a:focus, .skin-red-light .main-header .navbar .nav .open > a, .skin-red-light .main-header .navbar .nav .open > a:hover, .skin-red-light .main-header .navbar .nav .open > a:focus {
			background: rgba(0,0,0,0.1);
			color: #f6f6f6
		}

	.skin-red-light .main-header .navbar .sidebar-toggle {
		color: #fff
	}

		.skin-red-light .main-header .navbar .sidebar-toggle:hover {
			color: #f6f6f6;
			background: rgba(0,0,0,0.1)
		}

	.skin-red-light .main-header .navbar .sidebar-toggle {
		color: #fff
	}

		.skin-red-light .main-header .navbar .sidebar-toggle:hover {
			background-color: #d73925
		}

@media (max-width:767px) {
	.skin-red-light .main-header .navbar .dropdown-menu li.divider {
		background-color: rgba(255,255,255,0.1)
	}

	.skin-red-light .main-header .navbar .dropdown-menu li a {
		color: #fff
	}

		.skin-red-light .main-header .navbar .dropdown-menu li a:hover {
			background: #d73925
		}
}

.skin-red-light .main-header .logo {
	background-color: #dd4b39;
	color: #fff;
	border-bottom: 0 solid transparent
}

	.skin-red-light .main-header .logo:hover {
		background-color: #dc4735
	}

.skin-red-light .main-header li.user-header {
	background-color: #dd4b39
}

.skin-red-light .content-header {
	background: transparent
}

.skin-red-light .wrapper, .skin-red-light .main-sidebar, .skin-red-light .left-side {
	background-color: #f9fafc
}

.skin-red-light .content-wrapper, .skin-red-light .main-footer {
	border-left: 1px solid #d2d6de
}

.skin-red-light .user-panel > .info, .skin-red-light .user-panel > .info > a {
	color: #444
}

.skin-red-light .sidebar-menu > li {
	-webkit-transition: border-left-color .3s ease;
	-o-transition: border-left-color .3s ease;
	transition: border-left-color .3s ease
}

	.skin-red-light .sidebar-menu > li.header {
		color: #848484;
		background: #f9fafc
	}

	.skin-red-light .sidebar-menu > li > a {
		border-left: 3px solid transparent;
		font-weight: 600
	}

	.skin-red-light .sidebar-menu > li:hover > a, .skin-red-light .sidebar-menu > li.active > a {
		color: #000;
		background: #f4f4f5
	}

	.skin-red-light .sidebar-menu > li.active {
		border-left-color: #dd4b39
	}

		.skin-red-light .sidebar-menu > li.active > a {
			font-weight: 600
		}

	.skin-red-light .sidebar-menu > li > .treeview-menu {
		background: #f4f4f5
	}

.skin-red-light .sidebar a {
	color: #444
}

	.skin-red-light .sidebar a:hover {
		text-decoration: none
	}

.skin-red-light .treeview-menu > li > a {
	color: #777
}

	.skin-red-light .treeview-menu > li.active > a, .skin-red-light .treeview-menu > li > a:hover {
		color: #000
	}

.skin-red-light .treeview-menu > li.active > a {
	font-weight: 600
}

.skin-red-light .sidebar-form {
	border-radius: 3px;
	border: 1px solid #d2d6de;
	margin: 10px 10px
}

	.skin-red-light .sidebar-form input[type="text"], .skin-red-light .sidebar-form .btn {
		box-shadow: none;
		background-color: #fff;
		border: 1px solid transparent;
		height: 35px;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}

	.skin-red-light .sidebar-form input[type="text"] {
		color: #666;
		border-top-left-radius: 2px !important;
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
		border-bottom-left-radius: 2px !important
	}

		.skin-red-light .sidebar-form input[type="text"]:focus, .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
			background-color: #fff;
			color: #666
		}

			.skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
				border-left-color: #fff
			}

	.skin-red-light .sidebar-form .btn {
		color: #999;
		border-top-left-radius: 0 !important;
		border-top-right-radius: 2px !important;
		border-bottom-right-radius: 2px !important;
		border-bottom-left-radius: 0 !important
	}

@media (min-width:768px) {
	.skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
		border-left: 1px solid #d2d6de
	}
}

.skin-yellow .main-header .navbar {
	background-color: #f39c12
}

	.skin-yellow .main-header .navbar .nav > li > a {
		color: #fff
	}

		.skin-yellow .main-header .navbar .nav > li > a:hover, .skin-yellow .main-header .navbar .nav > li > a:active, .skin-yellow .main-header .navbar .nav > li > a:focus, .skin-yellow .main-header .navbar .nav .open > a, .skin-yellow .main-header .navbar .nav .open > a:hover, .skin-yellow .main-header .navbar .nav .open > a:focus {
			background: rgba(0,0,0,0.1);
			color: #f6f6f6
		}

	.skin-yellow .main-header .navbar .sidebar-toggle {
		color: #fff
	}

		.skin-yellow .main-header .navbar .sidebar-toggle:hover {
			color: #f6f6f6;
			background: rgba(0,0,0,0.1)
		}

	.skin-yellow .main-header .navbar .sidebar-toggle {
		color: #fff
	}

		.skin-yellow .main-header .navbar .sidebar-toggle:hover {
			background-color: #e08e0b
		}

@media (max-width:767px) {
	.skin-yellow .main-header .navbar .dropdown-menu li.divider {
		background-color: rgba(255,255,255,0.1)
	}

	.skin-yellow .main-header .navbar .dropdown-menu li a {
		color: #fff
	}

		.skin-yellow .main-header .navbar .dropdown-menu li a:hover {
			background: #e08e0b
		}
}

.skin-yellow .main-header .logo {
	background-color: #e08e0b;
	color: #fff;
	border-bottom: 0 solid transparent
}

	.skin-yellow .main-header .logo:hover {
		background-color: #db8b0b
	}

.skin-yellow .main-header li.user-header {
	background-color: #f39c12
}

.skin-yellow .content-header {
	background: transparent
}

.skin-yellow .wrapper, .skin-yellow .main-sidebar, .skin-yellow .left-side {
	background-color: #222d32
}

.skin-yellow .user-panel > .info, .skin-yellow .user-panel > .info > a {
	color: #fff
}

.skin-yellow .sidebar-menu > li.header {
	color: #4b646f;
	background: #1a2226
}

.skin-yellow .sidebar-menu > li > a {
	border-left: 3px solid transparent
}

.skin-yellow .sidebar-menu > li:hover > a, .skin-yellow .sidebar-menu > li.active > a {
	color: #fff;
	background: #1e282c;
	border-left-color: #f39c12
}

.skin-yellow .sidebar-menu > li > .treeview-menu {
	margin: 0 1px;
	background: #2c3b41
}

.skin-yellow .sidebar a {
	color: #b8c7ce
}

	.skin-yellow .sidebar a:hover {
		text-decoration: none
	}

.skin-yellow .treeview-menu > li > a {
	color: #8aa4af
}

	.skin-yellow .treeview-menu > li.active > a, .skin-yellow .treeview-menu > li > a:hover {
		color: #fff
	}

.skin-yellow .sidebar-form {
	border-radius: 3px;
	border: 1px solid #374850;
	margin: 10px 10px
}

	.skin-yellow .sidebar-form input[type="text"], .skin-yellow .sidebar-form .btn {
		box-shadow: none;
		background-color: #374850;
		border: 1px solid transparent;
		height: 35px;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}

	.skin-yellow .sidebar-form input[type="text"] {
		color: #666;
		border-top-left-radius: 2px !important;
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
		border-bottom-left-radius: 2px !important
	}

		.skin-yellow .sidebar-form input[type="text"]:focus, .skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
			background-color: #fff;
			color: #666
		}

			.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
				border-left-color: #fff
			}

	.skin-yellow .sidebar-form .btn {
		color: #999;
		border-top-left-radius: 0 !important;
		border-top-right-radius: 2px !important;
		border-bottom-right-radius: 2px !important;
		border-bottom-left-radius: 0 !important
	}

.skin-yellow-light .main-header .navbar {
	background-color: #f39c12
}

	.skin-yellow-light .main-header .navbar .nav > li > a {
		color: #fff
	}

		.skin-yellow-light .main-header .navbar .nav > li > a:hover, .skin-yellow-light .main-header .navbar .nav > li > a:active, .skin-yellow-light .main-header .navbar .nav > li > a:focus, .skin-yellow-light .main-header .navbar .nav .open > a, .skin-yellow-light .main-header .navbar .nav .open > a:hover, .skin-yellow-light .main-header .navbar .nav .open > a:focus {
			background: rgba(0,0,0,0.1);
			color: #f6f6f6
		}

	.skin-yellow-light .main-header .navbar .sidebar-toggle {
		color: #fff
	}

		.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
			color: #f6f6f6;
			background: rgba(0,0,0,0.1)
		}

	.skin-yellow-light .main-header .navbar .sidebar-toggle {
		color: #fff
	}

		.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
			background-color: #e08e0b
		}

@media (max-width:767px) {
	.skin-yellow-light .main-header .navbar .dropdown-menu li.divider {
		background-color: rgba(255,255,255,0.1)
	}

	.skin-yellow-light .main-header .navbar .dropdown-menu li a {
		color: #fff
	}

		.skin-yellow-light .main-header .navbar .dropdown-menu li a:hover {
			background: #e08e0b
		}
}

.skin-yellow-light .main-header .logo {
	background-color: #f39c12;
	color: #fff;
	border-bottom: 0 solid transparent
}

	.skin-yellow-light .main-header .logo:hover {
		background-color: #f39a0d
	}

.skin-yellow-light .main-header li.user-header {
	background-color: #f39c12
}

.skin-yellow-light .content-header {
	background: transparent
}

.skin-yellow-light .wrapper, .skin-yellow-light .main-sidebar, .skin-yellow-light .left-side {
	background-color: #f9fafc
}

.skin-yellow-light .content-wrapper, .skin-yellow-light .main-footer {
	border-left: 1px solid #d2d6de
}

.skin-yellow-light .user-panel > .info, .skin-yellow-light .user-panel > .info > a {
	color: #444
}

.skin-yellow-light .sidebar-menu > li {
	-webkit-transition: border-left-color .3s ease;
	-o-transition: border-left-color .3s ease;
	transition: border-left-color .3s ease
}

	.skin-yellow-light .sidebar-menu > li.header {
		color: #848484;
		background: #f9fafc
	}

	.skin-yellow-light .sidebar-menu > li > a {
		border-left: 3px solid transparent;
		font-weight: 600
	}

	.skin-yellow-light .sidebar-menu > li:hover > a, .skin-yellow-light .sidebar-menu > li.active > a {
		color: #000;
		background: #f4f4f5
	}

	.skin-yellow-light .sidebar-menu > li.active {
		border-left-color: #f39c12
	}

		.skin-yellow-light .sidebar-menu > li.active > a {
			font-weight: 600
		}

	.skin-yellow-light .sidebar-menu > li > .treeview-menu {
		background: #f4f4f5
	}

.skin-yellow-light .sidebar a {
	color: #444
}

	.skin-yellow-light .sidebar a:hover {
		text-decoration: none
	}

.skin-yellow-light .treeview-menu > li > a {
	color: #777
}

	.skin-yellow-light .treeview-menu > li.active > a, .skin-yellow-light .treeview-menu > li > a:hover {
		color: #000
	}

.skin-yellow-light .treeview-menu > li.active > a {
	font-weight: 600
}

.skin-yellow-light .sidebar-form {
	border-radius: 3px;
	border: 1px solid #d2d6de;
	margin: 10px 10px
}

	.skin-yellow-light .sidebar-form input[type="text"], .skin-yellow-light .sidebar-form .btn {
		box-shadow: none;
		background-color: #fff;
		border: 1px solid transparent;
		height: 35px;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}

	.skin-yellow-light .sidebar-form input[type="text"] {
		color: #666;
		border-top-left-radius: 2px !important;
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
		border-bottom-left-radius: 2px !important
	}

		.skin-yellow-light .sidebar-form input[type="text"]:focus, .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
			background-color: #fff;
			color: #666
		}

			.skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
				border-left-color: #fff
			}

	.skin-yellow-light .sidebar-form .btn {
		color: #999;
		border-top-left-radius: 0 !important;
		border-top-right-radius: 2px !important;
		border-bottom-right-radius: 2px !important;
		border-bottom-left-radius: 0 !important
	}

@media (min-width:768px) {
	.skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
		border-left: 1px solid #d2d6de
	}
}

.skin-purple .main-header .navbar {
	background-color: #605ca8
}

	.skin-purple .main-header .navbar .nav > li > a {
		color: #fff
	}

		.skin-purple .main-header .navbar .nav > li > a:hover, .skin-purple .main-header .navbar .nav > li > a:active, .skin-purple .main-header .navbar .nav > li > a:focus, .skin-purple .main-header .navbar .nav .open > a, .skin-purple .main-header .navbar .nav .open > a:hover, .skin-purple .main-header .navbar .nav .open > a:focus {
			background: rgba(0,0,0,0.1);
			color: #f6f6f6
		}

	.skin-purple .main-header .navbar .sidebar-toggle {
		color: #fff
	}

		.skin-purple .main-header .navbar .sidebar-toggle:hover {
			color: #f6f6f6;
			background: rgba(0,0,0,0.1)
		}

	.skin-purple .main-header .navbar .sidebar-toggle {
		color: #fff
	}

		.skin-purple .main-header .navbar .sidebar-toggle:hover {
			background-color: #555299
		}

@media (max-width:767px) {
	.skin-purple .main-header .navbar .dropdown-menu li.divider {
		background-color: rgba(255,255,255,0.1)
	}

	.skin-purple .main-header .navbar .dropdown-menu li a {
		color: #fff
	}

		.skin-purple .main-header .navbar .dropdown-menu li a:hover {
			background: #555299
		}
}

.skin-purple .main-header .logo {
	background-color: #555299;
	color: #fff;
	border-bottom: 0 solid transparent
}

	.skin-purple .main-header .logo:hover {
		background-color: #545096
	}

.skin-purple .main-header li.user-header {
	background-color: #605ca8
}

.skin-purple .content-header {
	background: transparent
}

.skin-purple .wrapper, .skin-purple .main-sidebar, .skin-purple .left-side {
	background-color: #222d32
}

.skin-purple .user-panel > .info, .skin-purple .user-panel > .info > a {
	color: #fff
}

.skin-purple .sidebar-menu > li.header {
	color: #4b646f;
	background: #1a2226
}

.skin-purple .sidebar-menu > li > a {
	border-left: 3px solid transparent
}

.skin-purple .sidebar-menu > li:hover > a, .skin-purple .sidebar-menu > li.active > a {
	color: #fff;
	background: #1e282c;
	border-left-color: #605ca8
}

.skin-purple .sidebar-menu > li > .treeview-menu {
	margin: 0 1px;
	background: #2c3b41
}

.skin-purple .sidebar a {
	color: #b8c7ce
}

	.skin-purple .sidebar a:hover {
		text-decoration: none
	}

.skin-purple .treeview-menu > li > a {
	color: #8aa4af
}

	.skin-purple .treeview-menu > li.active > a, .skin-purple .treeview-menu > li > a:hover {
		color: #fff
	}

.skin-purple .sidebar-form {
	border-radius: 3px;
	border: 1px solid #374850;
	margin: 10px 10px
}

	.skin-purple .sidebar-form input[type="text"], .skin-purple .sidebar-form .btn {
		box-shadow: none;
		background-color: #374850;
		border: 1px solid transparent;
		height: 35px;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}

	.skin-purple .sidebar-form input[type="text"] {
		color: #666;
		border-top-left-radius: 2px !important;
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
		border-bottom-left-radius: 2px !important
	}

		.skin-purple .sidebar-form input[type="text"]:focus, .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
			background-color: #fff;
			color: #666
		}

			.skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
				border-left-color: #fff
			}

	.skin-purple .sidebar-form .btn {
		color: #999;
		border-top-left-radius: 0 !important;
		border-top-right-radius: 2px !important;
		border-bottom-right-radius: 2px !important;
		border-bottom-left-radius: 0 !important
	}

.skin-purple-light .main-header .navbar {
	background-color: #605ca8
}

	.skin-purple-light .main-header .navbar .nav > li > a {
		color: #fff
	}

		.skin-purple-light .main-header .navbar .nav > li > a:hover, .skin-purple-light .main-header .navbar .nav > li > a:active, .skin-purple-light .main-header .navbar .nav > li > a:focus, .skin-purple-light .main-header .navbar .nav .open > a, .skin-purple-light .main-header .navbar .nav .open > a:hover, .skin-purple-light .main-header .navbar .nav .open > a:focus {
			background: rgba(0,0,0,0.1);
			color: #f6f6f6
		}

	.skin-purple-light .main-header .navbar .sidebar-toggle {
		color: #fff
	}

		.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
			color: #f6f6f6;
			background: rgba(0,0,0,0.1)
		}

	.skin-purple-light .main-header .navbar .sidebar-toggle {
		color: #fff
	}

		.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
			background-color: #555299
		}

@media (max-width:767px) {
	.skin-purple-light .main-header .navbar .dropdown-menu li.divider {
		background-color: rgba(255,255,255,0.1)
	}

	.skin-purple-light .main-header .navbar .dropdown-menu li a {
		color: #fff
	}

		.skin-purple-light .main-header .navbar .dropdown-menu li a:hover {
			background: #555299
		}
}

.skin-purple-light .main-header .logo {
	background-color: #605ca8;
	color: #fff;
	border-bottom: 0 solid transparent
}

	.skin-purple-light .main-header .logo:hover {
		background-color: #5d59a6
	}

.skin-purple-light .main-header li.user-header {
	background-color: #605ca8
}

.skin-purple-light .content-header {
	background: transparent
}

.skin-purple-light .wrapper, .skin-purple-light .main-sidebar, .skin-purple-light .left-side {
	background-color: #f9fafc
}

.skin-purple-light .content-wrapper, .skin-purple-light .main-footer {
	border-left: 1px solid #d2d6de
}

.skin-purple-light .user-panel > .info, .skin-purple-light .user-panel > .info > a {
	color: #444
}

.skin-purple-light .sidebar-menu > li {
	-webkit-transition: border-left-color .3s ease;
	-o-transition: border-left-color .3s ease;
	transition: border-left-color .3s ease
}

	.skin-purple-light .sidebar-menu > li.header {
		color: #848484;
		background: #f9fafc
	}

	.skin-purple-light .sidebar-menu > li > a {
		border-left: 3px solid transparent;
		font-weight: 600
	}

	.skin-purple-light .sidebar-menu > li:hover > a, .skin-purple-light .sidebar-menu > li.active > a {
		color: #000;
		background: #f4f4f5
	}

	.skin-purple-light .sidebar-menu > li.active {
		border-left-color: #605ca8
	}

		.skin-purple-light .sidebar-menu > li.active > a {
			font-weight: 600
		}

	.skin-purple-light .sidebar-menu > li > .treeview-menu {
		background: #f4f4f5
	}

.skin-purple-light .sidebar a {
	color: #444
}

	.skin-purple-light .sidebar a:hover {
		text-decoration: none
	}

.skin-purple-light .treeview-menu > li > a {
	color: #777
}

	.skin-purple-light .treeview-menu > li.active > a, .skin-purple-light .treeview-menu > li > a:hover {
		color: #000
	}

.skin-purple-light .treeview-menu > li.active > a {
	font-weight: 600
}

.skin-purple-light .sidebar-form {
	border-radius: 3px;
	border: 1px solid #d2d6de;
	margin: 10px 10px
}

	.skin-purple-light .sidebar-form input[type="text"], .skin-purple-light .sidebar-form .btn {
		box-shadow: none;
		background-color: #fff;
		border: 1px solid transparent;
		height: 35px;
		-webkit-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out
	}

	.skin-purple-light .sidebar-form input[type="text"] {
		color: #666;
		border-top-left-radius: 2px !important;
		border-top-right-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
		border-bottom-left-radius: 2px !important
	}

		.skin-purple-light .sidebar-form input[type="text"]:focus, .skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
			background-color: #fff;
			color: #666
		}

			.skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
				border-left-color: #fff
			}

	.skin-purple-light .sidebar-form .btn {
		color: #999;
		border-top-left-radius: 0 !important;
		border-top-right-radius: 2px !important;
		border-bottom-right-radius: 2px !important;
		border-bottom-left-radius: 0 !important
	}

@media (min-width:768px) {
	.skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
		border-left: 1px solid #d2d6de
	}
}