/* Cubic Bezier Transition */


/*********** 
    Page Header
    ***********/


/* Header search bar, toggler button & top menu */

.page-header.navbar {
	background-color: #ffffff;
	/* Top notification menu/bar */
	/* Header seaech box */
	/* Toggler button for sidebar expand/collapse and responsive sidebar menu */
}

.page-header.navbar .top-menu .navbar-nav {
	/* Extended Dropdowns */
	/* Notification */
	/* Inbox */
	/* Tasks */
	/* User */
	/* Language */
	/* Dark version */
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown .dropdown-toggle> i {
	color: #AAAAAA;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown .dropdown-toggle .badge.badge-default {
	background-color: #3FD5C0;
	color: #ffffff;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown .dropdown-toggle:hover {
	background-color: #eeeeee;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown .dropdown-toggle:hover> i {
	color: #d0d0d0;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown.open .dropdown-toggle {
	background-color: #eeeeee;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown.open .dropdown-toggle> i {
	color: #d0d0d0;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-extended .dropdown-menu {
	border-color: #e7eaf0;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-extended .dropdown-menu:after {
	border-bottom-color: #eaedf2;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-extended .dropdown-menu> li.external {
	background: #eaedf2;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-extended .dropdown-menu> li.external> h3 {
	color: #62878f;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-extended .dropdown-menu> li.external> a {
	color: #337ab7;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-extended .dropdown-menu> li.external> a:hover {
	color: #23527c;
	text-decoration: none;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-extended .dropdown-menu .dropdown-menu-list> li> a {
	border-bottom: 1px solid #EFF2F6 !important;
	color: #888888;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-extended .dropdown-menu .dropdown-menu-list> li> a:hover {
	background: #f8f9fa;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-notification .dropdown-menu .dropdown-menu-list> li> a .time {
	background: #f1f1f1;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-notification .dropdown-menu .dropdown-menu-list> li> a:hover .time {
	background: #e4e4e4;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-inbox> .dropdown-toggle> .circle {
	background-color: #3FD5C0;
	color: #ffffff;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-inbox> .dropdown-toggle> .corner {
	border-color: transparent transparent transparent #3FD5C0;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
	color: #5b9bd1;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
	background-color: #dfe2e9;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-user> .dropdown-toggle> .username {
	color: #484848;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-user> .dropdown-toggle> i {
	color: #484848;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-user> .dropdown-menu {
	width: 195px;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-language> .dropdown-toggle> .langname {
	color: #484848;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-dark .dropdown-menu {
	background: #aeaeae;
	border: 0;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-dark .dropdown-menu:after {
	border-bottom-color: #aeaeae;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-dark .dropdown-menu> li.external {
	background: #888888;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-dark .dropdown-menu> li.external> h3 {
	color: #eeeeee;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-dark .dropdown-menu> li.external> a:hover {
	color: #5496cf;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-dark .dropdown-menu.dropdown-menu-default> li a,
.page-header.navbar .top-menu .navbar-nav> li.dropdown-dark .dropdown-menu .dropdown-menu-list> li a {
	color: #fbfbfb;
	border-bottom: 1px solid #b8b8b8 !important;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-dark .dropdown-menu.dropdown-menu-default> li a> i,
.page-header.navbar .top-menu .navbar-nav> li.dropdown-dark .dropdown-menu .dropdown-menu-list> li a> i {
	color: #eeeeee;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-dark .dropdown-menu.dropdown-menu-default> li a:hover,
.page-header.navbar .top-menu .navbar-nav> li.dropdown-dark .dropdown-menu .dropdown-menu-list> li a:hover {
	background: #b3b3b3;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-dark .dropdown-menu.dropdown-menu-default> li a {
	border-bottom: 0 !important;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-dark .dropdown-menu.dropdown-menu-default> li.divider {
	background: #b8b8b8;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list> li> a .time {
	background: #a6a6a6;
}

.page-header.navbar .top-menu .navbar-nav> li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list> li> a:hover .time {
	background: #9a9a9a;
}

.page-header.navbar .search-form {
	background: #d9d9d9;
}

.page-header.navbar .search-form:hover {
	background: #eeeeee;
}

.page-header.navbar .search-form .input-group .form-control {
	color: #888888;
}

.page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
	color: #858585;
	opacity: 1;
}

.page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
	color: #858585;
}

.page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
	color: #858585;
}

.page-header.navbar .search-form .input-group .input-group-btn .btn.submit> i {
	color: #888888;
}

.page-header.navbar .search-form.open {
	background: #eeeeee;
}

.page-header.navbar .menu-toggler> span,
.page-header.navbar .menu-toggler> span:before,
.page-header.navbar .menu-toggler> span:after {
	background: #484848;
}

.page-header.navbar .menu-toggler> span:hover {
	background: #484848;
}

.page-header.navbar .menu-toggler> span:hover:before,
.page-header.navbar .menu-toggler> span:hover:after {
	background: #484848;
}

.page-header.navbar .menu-toggler.th-toggle-exit> span {
	background-color: transparent !important;
}


/* Default Horizontal Menu */

.page-header.navbar {
	/* Default Mega Menu */
	/* Light Mega Menu */
}

.page-header.navbar .hor-menu .navbar-nav {
	/* Mega menu content */
	/* Classic menu */
}

.page-header.navbar .hor-menu .navbar-nav> li.mega-menu-dropdown> .dropdown-menu {
	box-shadow: 5px 5px rgba(136, 136, 136, 0.2);
}

.page-header.navbar .hor-menu .navbar-nav> li.mega-menu-dropdown> .dropdown-menu .mega-menu-content .mega-menu-submenu li> h3 {
	color: #555D69;
}

.page-header.navbar .hor-menu .navbar-nav> li> a {
	padding-left: 20px !important;
	padding-right: 20px !important;
	height: 50px;
	color: #555D69;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}

.page-header.navbar .hor-menu .navbar-nav> li> a> i {
	color: #555D69;
}

.page-header.navbar .hor-menu .navbar-nav> li:hover> a,
.page-header.navbar .hor-menu .navbar-nav> li.open> a,
.page-header.navbar .hor-menu .navbar-nav> li> a:hover {
	color: #555D69;
	background: #f6f8f9 !important;
	border-left: 1px solid #d8d9da;
	border-right: 1px solid #d8d9da;
	font-weight: 500;
}

.page-header.navbar .hor-menu .navbar-nav> li:hover> a> i,
.page-header.navbar .hor-menu .navbar-nav> li.open> a> i,
.page-header.navbar .hor-menu .navbar-nav> li> a:hover> i {
	color: #555D69;
}

.page-header.navbar .hor-menu .navbar-nav> li.active> a,
.page-header.navbar .hor-menu .navbar-nav> li.active> a,
.page-header.navbar .hor-menu .navbar-nav> li.current> a,
.page-header.navbar .hor-menu .navbar-nav> li.current> a {
	color: #555D69!important;
	background: #f6f8f9 !important;
	border-left: 1px solid #d8d9da;
	border-right: 1px solid #d8d9da;
	font-weight: 500;
}

.page-header.navbar .hor-menu .navbar-nav> li.active> a> i,
.page-header.navbar .hor-menu .navbar-nav> li.active> a> i,
.page-header.navbar .hor-menu .navbar-nav> li.current> a> i,
.page-header.navbar .hor-menu .navbar-nav> li.current> a> i {
	color: #888888;
}

.page-header.navbar .hor-menu .navbar-nav> li.active .selected,
.page-header.navbar .hor-menu .navbar-nav> li.current .selected {
	border-top: 6px solid #3FD5C0;
}

.page-header.navbar .hor-menu .navbar-nav> li .dropdown-menu {
	box-shadow: 5px 5px rgba(136, 136, 136, 0.2);
	background: #eeeeee;
}

.page-header.navbar .hor-menu .navbar-nav> li .dropdown-menu li> a {
	color: #151515;
}

.page-header.navbar .hor-menu .navbar-nav> li .dropdown-menu li> a> i {
	color: #6c6c6c;
}

.page-header.navbar .hor-menu .navbar-nav> li .dropdown-menu li:hover> a {
	color: black;
	background: #e4e4e4;
}

.page-header.navbar .hor-menu .navbar-nav> li .dropdown-menu li:hover> a> i {
	color: #484848;
}

.page-header.navbar .hor-menu .navbar-nav> li .dropdown-menu li.active> a,
.page-header.navbar .hor-menu .navbar-nav> li .dropdown-menu li.active> a:hover,
.page-header.navbar .hor-menu .navbar-nav> li .dropdown-menu li.current> a,
.page-header.navbar .hor-menu .navbar-nav> li .dropdown-menu li.current> a:hover {
	color: black;
	background: #e4e4e4;
}

.page-header.navbar .hor-menu .navbar-nav> li .dropdown-menu li.active> a> i,
.page-header.navbar .hor-menu .navbar-nav> li .dropdown-menu li.active> a:hover> i,
.page-header.navbar .hor-menu .navbar-nav> li .dropdown-menu li.current> a> i,
.page-header.navbar .hor-menu .navbar-nav> li .dropdown-menu li.current> a:hover> i {
	color: #484848;
}

.page-header.navbar .hor-menu .navbar-nav> li .dropdown-menu li.divider {
	background-color: #fbfbfb;
}

.page-header.navbar .hor-menu .navbar-nav> li .dropdown-submenu> a:after {
	color: #6c6c6c;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav {
	/* Mega menu content */
	/* Classic menu */
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li.mega-menu-dropdown> .dropdown-menu {
	box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li.mega-menu-dropdown> .dropdown-menu .mega-menu-content .mega-menu-submenu li> h3 {
	color: #666;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li> a {
	color: #484848;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li> a> i {
	color: #888888;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li:hover> a,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li> a:hover {
	color: #3b3b3b;
	background: #eeeeee;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li:hover> a> i,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li> a:hover> i {
	color: #959595;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li.open> a {
	color: #333 !important;
	background: white !important;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li.open> a> i {
	color: #333 !important;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li.active> a,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li.active> a:hover,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li.current> a,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li.current> a:hover {
	color: white;
	background: #3FD5C0;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li.active> a> i,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li.active> a:hover> i,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li.current> a> i,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li.current> a:hover> i {
	color: #888888;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li .dropdown-menu {
	box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
	background: white;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li .dropdown-menu li> a {
	color: #000;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li .dropdown-menu li> a> i {
	color: #888;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li .dropdown-menu li:hover> a {
	color: #000;
	background: whitesmoke;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li .dropdown-menu li:hover> a> i {
	color: #666;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li .dropdown-menu li.active> a,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li .dropdown-menu li.active> a:hover,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li .dropdown-menu li.current> a,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li .dropdown-menu li.current> a:hover {
	color: #000;
	background: whitesmoke;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li .dropdown-menu li.active> a> i,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li .dropdown-menu li.active> a:hover> i,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li .dropdown-menu li.current> a> i,
.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li .dropdown-menu li.current> a:hover> i {
	color: #666;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li .dropdown-menu li.divider {
	background-color: whitesmoke;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li .dropdown-menu {
	border: 1px solid #f2f2f2;
}

.page-header.navbar .hor-menu.hor-menu-light .navbar-nav> li> .dropdown-menu {
	border-top: 0;
}


/* Page sidebar */

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
.page-sidebar {
	background-color: #1c2b36;
	/* Default sidebar */
	/* light sidebar */
	/* Sidebar search */
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
.page-sidebar .page-sidebar-menu {
	/* 1st level links */
	/* All links */
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li> a,
.page-sidebar .page-sidebar-menu> li> a {
	color: #98c0de;
	border-left: 2px solid #1c2b36;
	border-top: 1px solid #1c2b36;
	border-bottom: 1px solid #1c2b36;
}

/*.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li> a> i,
.page-sidebar .page-sidebar-menu> li> a> i {
	color: #ffffff;
}*/

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li> a> i[class^="icon-"],
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li> a> i[class*="icon-"],
.page-sidebar .page-sidebar-menu> li> a> i[class^="icon-"],
.page-sidebar .page-sidebar-menu> li> a> i[class*="icon-"] {
	color: #98c0de;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li> a> .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li> a> .arrow.open:before,
.page-sidebar .page-sidebar-menu> li> a> .arrow:before,
.page-sidebar .page-sidebar-menu> li> a> .arrow.open:before {
	color: #ffffff;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li.heading> h3,
.page-sidebar .page-sidebar-menu> li.heading> h3 {
	color: #707070;
	font-weight: normal;
	font-size: 15px;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li:hover> a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li.open> a,
.page-sidebar .page-sidebar-menu> li:hover> a,
.page-sidebar .page-sidebar-menu> li.open> a {
	background: #141E26;
	border-left: 2px solid #0083f6;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	color: #ffffff;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li:hover> a> i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li.open> a> i,
.page-sidebar .page-sidebar-menu> li:hover> a> i,
.page-sidebar .page-sidebar-menu> li.open> a> i {
	color: #AAAAAA;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li:hover> a> .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li:hover> a> .arrow.open:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li.open> a> .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li.open> a> .arrow.open:before,
.page-sidebar .page-sidebar-menu> li:hover> a> .arrow:before,
.page-sidebar .page-sidebar-menu> li:hover> a> .arrow.open:before,
.page-sidebar .page-sidebar-menu> li.open> a> .arrow:before,
.page-sidebar .page-sidebar-menu> li.open> a> .arrow.open:before {
	color: #AAAAAA;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li.active> a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li.active.open> a,
.page-sidebar .page-sidebar-menu> li.active> a,
.page-sidebar .page-sidebar-menu> li.active.open> a {
	background: #141E26;
	border-left: 2px solid #0083f6;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	color: #ffffff;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li.active> a:hover,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li.active.open> a:hover,
.page-sidebar .page-sidebar-menu> li.active> a:hover,
.page-sidebar .page-sidebar-menu> li.active.open> a:hover {
	background: #141E26;
	border-left: 2px solid #0083f6;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li.active> a> i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li.active.open> a> i,
.page-sidebar .page-sidebar-menu> li.active> a> i,
.page-sidebar .page-sidebar-menu> li.active.open> a> i {
	color: #ffffff;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li.active> a> .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li.active> a> .arrow.open:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li.active.open> a> .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li.active.open> a> .arrow.open:before,
.page-sidebar .page-sidebar-menu> li.active> a> .arrow:before,
.page-sidebar .page-sidebar-menu> li.active> a> .arrow.open:before,
.page-sidebar .page-sidebar-menu> li.active.open> a> .arrow:before,
.page-sidebar .page-sidebar-menu> li.active.open> a> .arrow.open:before {
	color: #ffffff;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li.active+ li> a,
.page-sidebar .page-sidebar-menu> li.active+ li> a {
	border-top-color: transparent;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li.active.open+ li> a,
.page-sidebar .page-sidebar-menu> li.active.open+ li> a {
	border-top-color: #EEEEEE;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li:last-child> a,
.page-sidebar .page-sidebar-menu> li:last-child> a {
	border-bottom: 1px solid transparent !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li> a> .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li> a> .arrow.open:before,
.page-sidebar .page-sidebar-menu li> a> .arrow:before,
.page-sidebar .page-sidebar-menu li> a> .arrow.open:before {
	color: #AAAAAA;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover> a> .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover> a> .arrow.open:before,
.page-sidebar .page-sidebar-menu li:hover> a> .arrow:before,
.page-sidebar .page-sidebar-menu li:hover> a> .arrow.open:before {
	color: #AAAAAA;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active> a> .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active> a> .arrow.open:before,
.page-sidebar .page-sidebar-menu li.active> a> .arrow:before,
.page-sidebar .page-sidebar-menu li.active> a> .arrow.open:before {
	color: #ffffff;
}

.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu,
.page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu {
	background-color: #F6F6F6;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu> li> a,
.page-sidebar .page-sidebar-menu .sub-menu> li> a {
	color: #98c0de;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu> li> a> i,
.page-sidebar .page-sidebar-menu .sub-menu> li> a> i {
	color: #98c0de;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu> li> a> i[class^="icon-"],
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu> li> a> i[class*="icon-"],
.page-sidebar .page-sidebar-menu .sub-menu> li> a> i[class^="icon-"],
.page-sidebar .page-sidebar-menu .sub-menu> li> a> i[class*="icon-"] {
	color: #98c0de;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu> li> a> .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu> li> a> .arrow.open:before,
.page-sidebar .page-sidebar-menu .sub-menu> li> a> .arrow:before,
.page-sidebar .page-sidebar-menu .sub-menu> li> a> .arrow.open:before {
	color: #98c0de;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu> li:hover> a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu> li.open> a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu> li.active> a,
.page-sidebar .page-sidebar-menu .sub-menu> li:hover> a,
.page-sidebar .page-sidebar-menu .sub-menu> li.open> a,
.page-sidebar .page-sidebar-menu .sub-menu> li.active> a {
	color: #ffffff;
	background: #141E26 !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu> li:hover> a> i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu> li.open> a> i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu> li.active> a> i,
.page-sidebar .page-sidebar-menu .sub-menu> li:hover> a> i,
.page-sidebar .page-sidebar-menu .sub-menu> li.open> a> i,
.page-sidebar .page-sidebar-menu .sub-menu> li.active> a> i {
	color: #ffffff;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu> li:hover> a> .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu> li:hover> a> .arrow.open:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu> li.open> a> .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu> li.open> a> .arrow.open:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu> li.active> a> .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu> li.active> a> .arrow.open:before,
.page-sidebar .page-sidebar-menu .sub-menu> li:hover> a> .arrow:before,
.page-sidebar .page-sidebar-menu .sub-menu> li:hover> a> .arrow.open:before,
.page-sidebar .page-sidebar-menu .sub-menu> li.open> a> .arrow:before,
.page-sidebar .page-sidebar-menu .sub-menu> li.open> a> .arrow.open:before,
.page-sidebar .page-sidebar-menu .sub-menu> li.active> a> .arrow:before,
.page-sidebar .page-sidebar-menu .sub-menu> li.active> a> .arrow.open:before {
	color: #98c0de;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
	/* 1st level links */
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light> li:hover> a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light> li.open> a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light> li:hover> a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light> li.open> a {
	background: #e9e9e9;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light> li.active> a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light> li.active.open> a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light> li.active> a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light> li.active.open> a {
	background: #e4e4e4;
	border-left: 4px solid #3FD5C0;
	color: #666666;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light> li.active> a:hover,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light> li.active.open> a:hover,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light> li.active> a:hover,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light> li.active.open> a:hover {
	border-left: 4px solid #3FD5C0;
	background: #e9e9e9;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light> li.active> a> i,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light> li.active.open> a> i,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light> li.active> a> i,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light> li.active.open> a> i {
	color: #999999;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light> li.active> a> .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light> li.active> a> .arrow.open:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light> li.active.open> a> .arrow:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light> li.active.open> a> .arrow.open:before,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light> li.active> a> .arrow:before,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light> li.active> a> .arrow.open:before,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light> li.active.open> a> .arrow:before,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light> li.active.open> a> .arrow.open:before {
	color: #999999;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light> li .sub-menu,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light> li .sub-menu {
	background: #f9f9f9;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light> li .sub-menu> li:hover> a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light> li .sub-menu> li.open> a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light> li .sub-menu> li.active> a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light> li .sub-menu> li:hover> a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light> li .sub-menu> li.open> a,
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light> li .sub-menu> li.active> a {
	background: #e9e9e9 !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,
.page-sidebar .sidebar-toggler {
	background: #dedede;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler> span,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler> span:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler> span:after,
.page-sidebar .sidebar-toggler> span,
.page-sidebar .sidebar-toggler> span:before,
.page-sidebar .sidebar-toggler> span:after {
	background: #484848;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler> span:hover,
.page-sidebar .sidebar-toggler> span:hover {
	background: #484848;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler> span:hover:before,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler> span:hover:after,
.page-sidebar .sidebar-toggler> span:hover:before,
.page-sidebar .sidebar-toggler> span:hover:after {
	background: #484848;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler.th-toggle-exit> span,
.page-sidebar .sidebar-toggler.th-toggle-exit> span {
	background-color: transparent !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler:hover,
.page-sidebar .sidebar-toggler:hover {
	background: #d2d2d2;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group,
.page-sidebar .sidebar-search .input-group {
	border-bottom: 1px solid #e4e4e4;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control,
.page-sidebar .sidebar-search .input-group .form-control {
	background-color: #F6F6F6;
	color: #999999;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-moz-placeholder,
.page-sidebar .sidebar-search .input-group .form-control::-moz-placeholder {
	color: #9c9c9c;
	opacity: 1;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control:-ms-input-placeholder,
.page-sidebar .sidebar-search .input-group .form-control:-ms-input-placeholder {
	color: #9c9c9c;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-webkit-input-placeholder,
.page-sidebar .sidebar-search .input-group .form-control::-webkit-input-placeholder {
	color: #9c9c9c;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn> i,
.page-sidebar .sidebar-search .input-group .input-group-btn .btn> i {
	color: #999999;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered .input-group,
.page-sidebar .sidebar-search.sidebar-search-bordered .input-group {
	border: 1px solid #e4e4e4;
}

.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .input-group,
.page-sidebar-closed .page-sidebar .sidebar-search.open .input-group {
	background-color: #F6F6F6;
}

.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove> i,
.page-sidebar-closed .page-sidebar .sidebar-search.open .remove> i {
	color: #999999;
}

.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group,
.page-sidebar-closed .page-sidebar .sidebar-search.sidebar-search-solid .input-group {
	background: none;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group,
.page-sidebar .sidebar-search.sidebar-search-solid .input-group {
	border: 1px solid #dedede;
	background: #dedede;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group .form-control,
.page-sidebar .sidebar-search.sidebar-search-solid .input-group .form-control {
	background: #dedede;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group,
.page-sidebar .sidebar-search.sidebar-search-solid.open .input-group {
	border: 1px solid #F6F6F6;
	background: #F6F6F6;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group .form-control,
.page-sidebar .sidebar-search.sidebar-search-solid.open .input-group .form-control {
	background: #F6F6F6;
}

.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light {
	/* 1st level links */
}

.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light> li.active> a,
.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light> li.active.open> a {
	border-left: 0;
	border-right: 4px solid #3FD5C0;
}

.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light> li.active> a:hover,
.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light> li.active.open> a:hover {
	border-left: 0;
	border-right: 4px solid #3FD5C0;
}


/******
    Page Footer 
    ******/

.page-footer .page-footer-inner {
	color: #333333;
}

.page-footer-fixed .page-footer {
	background-color: white;
}

@media (min-width: 992px) {
	/* 992px */
	/* Sidebar menu closed */
	.page-sidebar-menu.page-sidebar-menu-hover-submenu> li:hover> .sub-menu {
		box-shadow: 5px 5px rgba(239, 239, 239, 0.2);
	}
	.page-sidebar-menu.page-sidebar-menu-hover-submenu> li:hover> .sub-menu.sidebar-toggler-wrapper,
	.page-sidebar-menu.page-sidebar-menu-hover-submenu> li:hover> .sub-menu.sidebar-search-wrapper {
		box-shadow: none;
	}
	.page-sidebar-menu.page-sidebar-menu-closed> li:hover {
		box-shadow: 5px 5px rgba(239, 239, 239, 0.2);
	}
	.page-sidebar-menu.page-sidebar-menu-closed> li:hover.sidebar-toggler-wrapper,
	.page-sidebar-menu.page-sidebar-menu-closed> li:hover.sidebar-search-wrapper {
		box-shadow: none;
	}
	.page-sidebar-menu.page-sidebar-menu-closed> li:hover> .sub-menu {
		box-shadow: 5px 5px rgba(239, 239, 239, 0.2);
	}
	.page-sidebar-menu.page-sidebar-menu-closed> li:hover> .sub-menu.sidebar-toggler-wrapper,
	.page-sidebar-menu.page-sidebar-menu-closed> li:hover> .sub-menu.sidebar-search-wrapper {
		box-shadow: none;
	}
	/* Light sidebar menu */
	.page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed> li.heading {
		padding: 0;
		margin-top: 15px;
		margin-bottom: 15px;
		border-top: 1px solid #EEEEEE !important;
	}
	/* Fixed Sidebar */
	.page-sidebar-fixed:not(.page-footer-fixed) .page-content {
		border-bottom: 0;
	}
	.page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
		background-color: #fff;
	}
	.page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
		color: #333;
	}
	/* Boxed Layout */
	.page-boxed {
		background-color: #eeeeee !important;
		/* Page container */
		/* Page sidebar */
		/* Page footer */
	}
	.page-boxed .page-container {
		background-color: #F6F6F6;
		border-left: 1px solid #EEEEEE;
		border-bottom: 1px solid #EEEEEE;
	}
	.page-boxed.page-sidebar-reversed .page-container {
		border-left: 0;
		border-right: 1px solid #EEEEEE;
	}
	.page-boxed.page-sidebar-fixed .page-container {
		border-left: 0;
		border-bottom: 0;
	}
	.page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
	}
	.page-boxed.page-sidebar-fixed .page-sidebar {
		border-left: 1px solid #EEEEEE;
	}
	.page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
		border-right: 1px solid #EEEEEE;
		border-left: 0;
	}
	.page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer {
		background-color: #eeeeee !important;
	}
	.page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {
		color: #333333;
	}
	/* Sidebar Menu Wirh Hoverable Submenu */
	.page-sidebar-menu-hover-submenu li:hover a> .arrow {
		border-right: 8px solid #e7e7e7;
	}
	.page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a> .arrow {
		border-left: 8px solid #e7e7e7;
	}
	.page-sidebar-menu-hover-submenu li:hover> .sub-menu {
		background: #e7e7e7 !important;
	}
}

@media (max-width: 991px) {
	/* 991px */
	/* Page sidebar */
	.page-sidebar {
		background-color: #dedede;
		/* light sidebar */
	}
	.page-sidebar .page-sidebar-menu> li> a {
		border-top: 1px solid #F6F6F6;
	}
	.page-sidebar .page-sidebar-menu> li:hover> a,
	.page-sidebar .page-sidebar-menu> li.open> a {
		background: #d0d0d0;
	}
	.page-sidebar .page-sidebar-menu> li:last-child> a {
		border-bottom: 0 !important;
	}
	.page-sidebar .page-sidebar-menu> li .sub-menu {
		background-color: #dedede !important;
	}
	.page-sidebar .page-sidebar-menu .sidebar-search input {
		background-color: #dedede !important;
	}
	.page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
		/* 1st level links */
	}
	.page-sidebar .page-sidebar-menu.page-sidebar-menu-light> li:hover> a,
	.page-sidebar .page-sidebar-menu.page-sidebar-menu-light> li.open> a {
		background: #d2d2d2;
	}
	.page-sidebar .page-sidebar-menu.page-sidebar-menu-light> li.active> a,
	.page-sidebar .page-sidebar-menu.page-sidebar-menu-light> li.active.open> a {
		background: #cacaca;
	}
	.page-sidebar .page-sidebar-menu.page-sidebar-menu-light> li.active> a:hover,
	.page-sidebar .page-sidebar-menu.page-sidebar-menu-light> li.active.open> a:hover {
		background: #cacaca;
	}
	.page-sidebar .page-sidebar-menu.page-sidebar-menu-light> li .sub-menu {
		background: #dedede !important;
	}
	.page-sidebar .page-sidebar-menu.page-sidebar-menu-light> li .sub-menu> li:hover> a,
	.page-sidebar .page-sidebar-menu.page-sidebar-menu-light> li .sub-menu> li.open> a,
	.page-sidebar .page-sidebar-menu.page-sidebar-menu-light> li .sub-menu> li.active> a {
		background: #d2d2d2 !important;
	}
}

@media (max-width: 480px) {
	/* 480px */
	.page-header.navbar {
		/* Top menu */
	}
	.page-header.navbar .top-menu {
		background-color: #F6F6F6;
	}
	.page-header-fixed-mobile .page-header.navbar .top-menu {
		background-color: #E1E1E1;
	}
	.page-header.navbar .top-menu .navbar-nav> li.dropdown-user .dropdown-toggle {
		background-color: #f0f0f0;
	}
	.page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav> li.dropdown-user .dropdown-toggle {
		background: none;
	}
	.page-header.navbar .top-menu .navbar-nav> li.dropdown-user .dropdown-toggle:hover {
		background-color: #eeeeee;
	}
}


/****
    Boby
    ****/

body {
	background-color: #F6F6F6;
}


/****
 CSS3 Spinner Bar
****/

.page-spinner-bar> div,
.block-spinner-bar> div {
	background: #54dac7;
}


/* Page sidebar */

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
.page-sidebar .page-sidebar-menu {
	/* Sidebar search */
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li> a,
.page-sidebar .page-sidebar-menu li> a {
	font-weight: normal;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li> a,
.page-sidebar .page-sidebar-menu li .sub-menu li> a {
	font-weight: normal;
}

@media (max-width: 991px) {
	/* 991px */
	.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu> li> a,
	.page-sidebar .page-sidebar-menu> li> a {
		border-top: 1px solid #EEEEEE;
	}
}

@media (max-width: 480px) {
	/* 480px */
	body {
		background: #F6F6F6;
	}
}