<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.divider {
	height: 0;
	margin: 5px 10px;
	overflow: hidden;
	border-top: 1px solid #8a8f94;
}

.top-menu .nav li.divider {
	border-top: 1px solid #8a8f94;
}

/* 3.14 top-menu Theme - Light */
.top-menu.top-menu-light,
.top-menu-bg.top-menu-light {
	background: #fff;
}

.top-menu.top-menu-light .nav-user,
.top-menu.top-menu-light .sub-menu,
.page-top-menu-minified .top-menu.top-menu-light li.has-sub:hover &gt; .sub-menu,
.page-top-menu-minified .top-menu.top-menu-light li.has-sub:focus &gt; .sub-menu,
.top-menu.top-menu-light .nav li.divider,
.top-menu.top-menu-light .top-menu-minify-btn,
.top-menu.top-menu-light .top-menu-minify-btn:hover,
.top-menu.top-menu-light .top-menu-minify-btn:focus,
.top-menu.top-menu-light .nav-project .project-list &gt; li .progress {
	background: #eff0f1;
}

.top-menu-light .nav li.divider {
	border-top: 1px solid #9da2a6;;
}

.top-menu.top-menu-light .nav-user .info .name,
.top-menu.top-menu-light .nav-user .info .name &gt; a,
.top-menu.top-menu-light .nav-user .info .name &gt; a:hover,
.top-menu.top-menu-light .nav-user .info .name &gt; a:focus {
	color: #323539;
}

.top-menu.top-menu-light .nav-user .position {
	color: #636a71;
}

.top-menu.top-menu-light .nav &gt; li &gt; a,
.top-menu.top-menu-light .nav &gt; li &gt; a &gt; i,
.top-menu.top-menu-light .nav &gt; li.nav-header,
.top-menu.top-menu-light .sub-menu &gt; li.active &gt; a,
.top-menu.top-menu-light .sub-menu &gt; li.active &gt; a:before,
.top-menu.top-menu-light .sub-menu &gt; li &gt; a:hover,
.top-menu.top-menu-light .sub-menu &gt; li &gt; a:focus,
.top-menu.top-menu-light .sub-menu &gt; li &gt; a:hover:before,
.top-menu.top-menu-light .sub-menu &gt; li &gt; a:focus:before,
.top-menu.top-menu-light .nav-project .project-list &gt; li .title,
.top-menu.top-menu-light .nav-project .project-list &gt; li .title a,
.top-menu.top-menu-light .nav-project .project-list &gt; li .title a:hover,
.top-menu.top-menu-light .nav-project .project-list &gt; li .title a:focus {
	color: #3C454D;
}

.top-menu.top-menu-light .nav &gt; li &gt; a &gt; i {
	background: url(../img/transparent/black-0.2.png);
	background: rgba(255, 255, 255, 0);
}

.top-menu.top-menu-light .nav &gt; li &gt; a &gt; i:after {
	background: url(../img/transparent/black-0.2.png);
	background: rgba(0, 0, 0, 0);
}

.top-menu.top-menu-light .nav &gt; li.expand &gt; a,
.top-menu.top-menu-light .nav &gt; li &gt; a:hover,
.top-menu.top-menu-light .nav &gt; li &gt; a:focus,
.page-top-menu-minified .top-menu.top-menu-light .nav &gt; li.has-sub:hover &gt; a,
.page-top-menu-minified .top-menu.top-menu-light .nav &gt; li.has-sub:focus &gt; a {
	background: #d8dadb;
}

.top-menu.top-menu-light .nav &gt; li.active &gt; a i {
	color: #0F6655;
	background: #1abc9c;
}

.top-menu.top-menu-light .nav &gt; li.active &gt; a,
.top-menu.top-menu-light .nav &gt; li.active &gt; a:hover,
.top-menu.top-menu-light .nav &gt; li.active &gt; a:focus,
.page-top-menu-minified .top-menu.top-menu-light .nav &gt; li.has-sub.active:hover &gt; a,
.page-top-menu-minified .top-menu.top-menu-light .nav &gt; li.has-sub.active:focus &gt; a {
	background: #464e56;
	color: #fff;
}

.top-menu.top-menu-light .slimScrollBar {
	background: #464e56 !important;
}

.top-menu.top-menu-light .sub-menu:before {
	background: #c4c7c9;
}

.top-menu.top-menu-light .sub-menu &gt; li &gt; a,
.top-menu.top-menu-light .sub-menu &gt; li &gt; a:before {
	color: #9da2a6;
}

.top-menu.top-menu-light .nav.nav-tabs &gt; li a,
.top-menu.top-menu-light .nav.nav-tabs &gt; li.active a {
	color: #3C454D;
	font-weight: normal;
}

.top-menu.top-menu-light .nav.nav-tabs &gt; li a,
.top-menu.top-menu-light .nav.nav-tabs &gt; li a:hover,
.top-menu.top-menu-light .nav.nav-tabs &gt; li a:focus {
	background: url(../img/transparent/black-0.2.png);
	background: rgba(0, 0, 0, 0.15);
}

.top-menu.top-menu-light .nav.nav-tabs &gt; li.active a,
.top-menu.top-menu-light .nav.nav-tabs &gt; li.active a:hover,
.top-menu.top-menu-light .nav.nav-tabs &gt; li.active a:focus {
	background: none;
}

.top-menu.top-menu-light .stock-list &gt; li .value,
.top-menu.top-menu-light .calendar .week_days td,
.top-menu.top-menu-light .calendar .visualmonthyear,
.top-menu.top-menu-light .calendar a,
.top-menu.top-menu-light .calendar .table {
	color: #3C454D;
}

.top-menu.top-menu-light .calendar .week_days td {
	color: #3C454D !important;
	font-weight: normal;
}

.top-menu.top-menu-light .calendar .event {
	background: url(../img/transparent/black-0.2.png) !important;
	background: rgba(0, 0, 0, 0.15) !important;
}

.top-menu.top-menu-light .stock-list &gt; li + li,
.top-menu.top-menu-light .nav-post &gt; li + li,
.top-menu.top-menu-light .notification-list &gt; li + li {
	border-top-color: #eff0f1;
}

.top-menu.top-menu-light .nav-post &gt; li .info .time,
.top-menu.top-menu-light .nav-post &gt; li .info .desc,
.top-menu.top-menu-light .notification-list &gt; li .info .time,
.top-menu.top-menu-light .notification-list &gt; li .info .desc {
	color: #000;
	color: rgba(0, 0, 0, 0.5);
	font-weight: normal;
}

.top-menu.top-menu-light .nav &gt; li.nav-date,
.top-menu.top-menu-light .nav-post &gt; li .info .title,
.top-menu.top-menu-light .stock-list &gt; li .name,
.top-menu.top-menu-light .notification-list &gt; li .info .title,
.top-menu.top-menu-light .notification-list &gt; li .info .title a,
.top-menu.top-menu-light .notification-list &gt; li .media {
	color: #3C454D;
}

/* 3.15 top-menu Theme - Success */

.top-menu.top-menu-success,
.top-menu-bg.top-menu-success {
	background: #17B6A4;
}

.top-menu.top-menu-success .nav-user,
.top-menu.top-menu-success .sub-menu,
.page-top-menu-minified .top-menu.top-menu-success li.has-sub:hover &gt; .sub-menu,
.page-top-menu-minified .top-menu.top-menu-success li.has-sub:focus &gt; .sub-menu,
.top-menu.top-menu-success .nav li.divider,
.top-menu.top-menu-success .top-menu-minify-btn,
.top-menu.top-menu-success .top-menu-minify-btn:hover,
.top-menu.top-menu-success .top-menu-minify-btn:focus,
.top-menu.top-menu-success .nav-project .project-list &gt; li .progress {
	background: #129283;
}

.top-menu.top-menu-success .nav li.divider {
	border-top: 1px solid #8bdad1;;
}

.top-menu.top-menu-success .nav-user .info .name,
.top-menu.top-menu-success .nav-user .info .name &gt; a,
.top-menu.top-menu-success .nav-user .info .name &gt; a:hover,
.top-menu.top-menu-success .nav-user .info .name &gt; a:focus,
.top-menu.top-menu-success .nav &gt; li &gt; a &gt; .caret.pull-right {
	color: #fff;
}

.top-menu.top-menu-success .nav &gt; li.nav-header,
.top-menu.top-menu-success .nav-user .position {
	color: #b9e9e4;
}

.top-menu.top-menu-success .nav &gt; li &gt; a,
.top-menu.top-menu-success .nav-project .project-list &gt; li .title,
.top-menu.top-menu-success .nav-project .project-list &gt; li .title a,
.top-menu.top-menu-success .nav-project .project-list &gt; li .title a:hover,
.top-menu.top-menu-success .nav-project .project-list &gt; li .title a:focus,
.top-menu.top-menu-success .nav &gt; li &gt; a &gt; i,
.top-menu.top-menu-success .sub-menu &gt; li.active &gt; a,
.top-menu.top-menu-success .sub-menu &gt; li.active &gt; a:before,
.top-menu.top-menu-success .sub-menu &gt; li &gt; a:hover,
.top-menu.top-menu-success .sub-menu &gt; li &gt; a:focus,
.top-menu.top-menu-success .sub-menu &gt; li &gt; a:hover:before,
.top-menu.top-menu-success .sub-menu &gt; li &gt; a:focus:before,
.top-menu.top-menu-success .nav-project .project-list &gt; li .desc {
	color: #fff;
}

.top-menu.top-menu-success .nav-project .project-list &gt; li .icon i {
	color: #fff !important;
}

.top-menu.top-menu-success .nav &gt; li.expand &gt; a,
.top-menu.top-menu-success .nav &gt; li &gt; a:hover,
.top-menu.top-menu-success .nav &gt; li &gt; a:focus,
.page-top-menu-minified .top-menu.top-menu-success .nav &gt; li.has-sub:hover &gt; a,
.page-top-menu-minified .top-menu.top-menu-success .nav &gt; li.has-sub:focus &gt; a {
	background: #45c5b6;
}

.top-menu.top-menu-success .nav &gt; li.active &gt; a i,
.top-menu.top-menu-success .badge,
.top-menu.top-menu-success a:hover .badge,
.top-menu.top-menu-success a:focus .badge,
.top-menu.top-menu-success .label,
.top-menu.top-menu-success a:hover .label,
.top-menu.top-menu-success a:focus .label {
	background: url(../img/transparent/black-0.4.png);
	background: rgba(0, 0, 0, 0.4);
}

.top-menu.top-menu-success .text-theme {
	color: #000;
	color: rgba(0, 0, 0, 0.4);
}

.top-menu.top-menu-success .nav &gt; li.active &gt; a,
.top-menu.top-menu-success .nav &gt; li.active &gt; a:hover,
.top-menu.top-menu-success .nav &gt; li.active &gt; a:focus,
.page-top-menu-minified .top-menu.top-menu-success .nav &gt; li.has-sub.active:hover &gt; a,
.page-top-menu-minified .top-menu.top-menu-success .nav &gt; li.has-sub.active:focus &gt; a {
	background: url(../img/transparent/black-0.4.png);
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
}

.top-menu.top-menu-success .sub-menu:before {
	background: #108073;
}

.top-menu.top-menu-success .progress .progress-bar {
	background: #fff;
}

.top-menu.top-menu-success .sub-menu &gt; li &gt; a,
.top-menu.top-menu-success .sub-menu &gt; li &gt; a:before {
	color: #8bdad1;
}

.top-menu.top-menu-success .stock-list &gt; li .percentage .label {
	background: url(../img/transparent/black-0.3.png);
	background: rgba(0, 0, 0, 0.25);
}

.top-menu.top-menu-success .nav.nav-tabs &gt; li a {
	background: url(../img/transparent/black-0.5.png);
	background: rgba(0, 0, 0, 0.5);
}

.top-menu.top-menu-success .nav.nav-tabs &gt; li a:focus {
	background: none;
}

.top-menu.top-menu-success .stock-list &gt; li .value,
.top-menu.top-menu-success .calendar .week_days td,
.top-menu.top-menu-success .calendar .visualmonthyear,
.top-menu.top-menu-success .calendar a,
.top-menu.top-menu-success .calendar .table {
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
}

.top-menu.top-menu-success .calendar .event {
	background: rgba(0, 0, 0, 0.25) !important;
}

.top-menu.top-menu-success .calendar .week_days td {
	color: #000 !important;
	color: rgba(0, 0, 0, 0.4) !important;
	font-weight: bold;
}

.top-menu.top-menu-success .stock-list &gt; li + li,
.top-menu.top-menu-success .nav-post &gt; li + li,
.top-menu.top-menu-success .notification-list &gt; li + li {
	border-top-color: rgba(255, 255, 255, 0.3);
}

.top-menu.top-menu-success .nav-post &gt; li .info .time,
.top-menu.top-menu-success .nav-post &gt; li .info .desc,
.top-menu.top-menu-success .notification-list &gt; li .info .time,
.top-menu.top-menu-success .notification-list &gt; li .info .desc {
	color: #fff;
	color: rgba(255, 255, 255, 0.6);
}

.top-menu.top-menu-success .notification-list &gt; li .media {
	color: #fff;
}

/* 3.16 top-menu Theme - Lime */

.top-menu.top-menu-lime,
.top-menu-bg.top-menu-lime {
	background: #65C56F;
}

.top-menu.top-menu-lime .nav-user,
.top-menu.top-menu-lime .sub-menu,
.page-top-menu-minified .top-menu.top-menu-lime li.has-sub:hover &gt; .sub-menu,
.page-top-menu-minified .top-menu.top-menu-lime li.has-sub:focus &gt; .sub-menu,
.top-menu.top-menu-lime .nav li.divider,
.top-menu.top-menu-lime .top-menu-minify-btn,
.top-menu.top-menu-lime .top-menu-minify-btn:hover,
.top-menu.top-menu-lime .top-menu-minify-btn:focus,
.top-menu.top-menu-lime .nav-project .project-list &gt; li .progress {
	background: #519e59;
}

.top-menu.top-menu-lime .nav li.divider {
	border-top: 1px solid #b2e2b7;
}

.top-menu.top-menu-lime .nav-user .info .name,
.top-menu.top-menu-lime .nav-user .info .name &gt; a,
.top-menu.top-menu-lime .nav-user .info .name &gt; a:hover,
.top-menu.top-menu-lime .nav-user .info .name &gt; a:focus,
.top-menu.top-menu-lime .nav &gt; li &gt; a &gt; .caret.pull-right {
	color: #fff;
}

.top-menu.top-menu-lime .nav &gt; li.nav-header,
.top-menu.top-menu-lime .nav-user .position {
	color: #d0edd4;
}

.top-menu.top-menu-lime .nav &gt; li &gt; a,
.top-menu.top-menu-lime .nav-project .project-list &gt; li .title,
.top-menu.top-menu-lime .nav-project .project-list &gt; li .title a,
.top-menu.top-menu-lime .nav-project .project-list &gt; li .title a:hover,
.top-menu.top-menu-lime .nav-project .project-list &gt; li .title a:focus,
.top-menu.top-menu-lime .nav &gt; li &gt; a &gt; i,
.top-menu.top-menu-lime .sub-menu &gt; li.active &gt; a,
.top-menu.top-menu-lime .sub-menu &gt; li.active &gt; a:before,
.top-menu.top-menu-lime .sub-menu &gt; li &gt; a:hover,
.top-menu.top-menu-lime .sub-menu &gt; li &gt; a:focus,
.top-menu.top-menu-lime .sub-menu &gt; li &gt; a:hover:before,
.top-menu.top-menu-lime .sub-menu &gt; li &gt; a:focus:before,
.top-menu.top-menu-lime .nav-project .project-list &gt; li .desc {
	color: #fff;
}

.top-menu.top-menu-lime .nav-project .project-list &gt; li .icon i {
	color: #fff !important;
}

.top-menu.top-menu-lime .nav &gt; li.expand &gt; a,
.top-menu.top-menu-lime .nav &gt; li &gt; a:hover,
.top-menu.top-menu-lime .nav &gt; li &gt; a:focus,
.page-top-menu-minified .top-menu.top-menu-lime .nav &gt; li.has-sub:hover &gt; a,
.page-top-menu-minified .top-menu.top-menu-lime .nav &gt; li.has-sub:focus &gt; a {
	background: #84d18c;
}

.top-menu.top-menu-lime .nav &gt; li.active &gt; a i,
.top-menu.top-menu-lime .badge,
.top-menu.top-menu-lime a:hover .badge,
.top-menu.top-menu-lime a:focus .badge,
.top-menu.top-menu-lime .label,
.top-menu.top-menu-lime a:hover .label,
.top-menu.top-menu-lime a:focus .label {
	background: url(../img/transparent/black-0.4.png);
	background: rgba(0, 0, 0, 0.4);
}

.top-menu.top-menu-lime .text-theme {
	color: #000;
	color: rgba(0, 0, 0, 0.4);
}

.top-menu.top-menu-lime .nav &gt; li.active &gt; a,
.top-menu.top-menu-lime .nav &gt; li.active &gt; a:hover,
.top-menu.top-menu-lime .nav &gt; li.active &gt; a:focus,
.page-top-menu-minified .top-menu.top-menu-lime .nav &gt; li.has-sub.active:hover &gt; a,
.page-top-menu-minified .top-menu.top-menu-lime .nav &gt; li.has-sub.active:focus &gt; a {
	background: url(../img/transparent/black-0.4.png);
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
}

.top-menu.top-menu-lime .sub-menu:before {
	background: #478a4e;
}

.top-menu.top-menu-lime .progress .progress-bar {
	background: #fff;
}

.top-menu.top-menu-lime .sub-menu &gt; li &gt; a,
.top-menu.top-menu-lime .sub-menu &gt; li &gt; a:before {
	color: #b2e2b7;
}

.top-menu.top-menu-lime .stock-list &gt; li .percentage .label {
	background: url(../img/transparent/black-0.3.png);
	background: rgba(0, 0, 0, 0.25);
}

.top-menu.top-menu-lime .nav.nav-tabs &gt; li a {
	background: url(../img/transparent/black-0.3.png);
	background: rgba(0, 0, 0, 0.5);
}

.top-menu.top-menu-lime .nav.nav-tabs &gt; li a:focus {
	background: none;
}

.top-menu.top-menu-lime .stock-list &gt; li .value,
.top-menu.top-menu-lime .calendar .week_days td,
.top-menu.top-menu-lime .calendar .visualmonthyear,
.top-menu.top-menu-lime .calendar a,
.top-menu.top-menu-lime .calendar .table {
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
}

.top-menu.top-menu-lime .calendar .week_days td {
	color: #000;
	color: rgba(0, 0, 0, 0.4) !important;
	font-weight: bold;
}

.top-menu.top-menu-lime .calendar .event {
	background: url(../img/transparent/black-0.3.png) !important;
	background: rgba(0, 0, 0, 0.25) !important;
}

.top-menu.top-menu-lime .stock-list &gt; li + li,
.top-menu.top-menu-lime .nav-post &gt; li + li,
.top-menu.top-menu-lime .notification-list &gt; li + li {
	border-top-color: rgba(255, 255, 255, 0.3);
}

.top-menu.top-menu-lime .nav-post &gt; li .info .time,
.top-menu.top-menu-lime .nav-post &gt; li .info .desc,
.top-menu.top-menu-lime .notification-list &gt; li .info .time,
.top-menu.top-menu-lime .notification-list &gt; li .info .desc {
	color: #fff;
	color: rgba(255, 255, 255, 0.6);
}

.top-menu.top-menu-lime .notification-list &gt; li .media {
	color: #fff;
}

/* 3.17 top-menu Theme - Warning */

.top-menu.top-menu-warning,
.top-menu-bg.top-menu-warning {
	background: #fcaf41;
}

.top-menu.top-menu-warning .nav-user,
.top-menu.top-menu-warning .sub-menu,
.page-top-menu-minified .top-menu.top-menu-warning li.has-sub:hover &gt; .sub-menu,
.page-top-menu-minified .top-menu.top-menu-warning li.has-sub:focus &gt; .sub-menu,
.top-menu.top-menu-warning .nav li.divider,
.top-menu.top-menu-warning .top-menu-minify-btn,
.top-menu.top-menu-warning .top-menu-minify-btn:hover,
.top-menu.top-menu-warning .top-menu-minify-btn:focus,
.top-menu.top-menu-warning .nav-project .project-list &gt; li .progress {
	background: #ca8c34;
}

.top-menu.top-menu-warning .nav li.divider {
	border-top: 1px solid #fdd7a0;
}

.top-menu.top-menu-warning .nav-user .info .name,
.top-menu.top-menu-warning .nav-user .info .name &gt; a,
.top-menu.top-menu-warning .nav-user .info .name &gt; a:hover,
.top-menu.top-menu-warning .nav-user .info .name &gt; a:focus,
.top-menu.top-menu-warning .nav &gt; li &gt; a &gt; .caret.pull-right {
	color: #fff;
}

.top-menu.top-menu-warning .nav &gt; li.nav-header,
.top-menu.top-menu-warning .nav-user .position {
	color: #fee7c6;
}

.top-menu.top-menu-warning .nav &gt; li &gt; a,
.top-menu.top-menu-warning .nav-project .project-list &gt; li .title,
.top-menu.top-menu-warning .nav-project .project-list &gt; li .title a,
.top-menu.top-menu-warning .nav-project .project-list &gt; li .title a:hover,
.top-menu.top-menu-warning .nav-project .project-list &gt; li .title a:focus,
.top-menu.top-menu-warning .nav &gt; li &gt; a &gt; i,
.top-menu.top-menu-warning .sub-menu &gt; li.active &gt; a,
.top-menu.top-menu-warning .sub-menu &gt; li.active &gt; a:before,
.top-menu.top-menu-warning .sub-menu &gt; li &gt; a:hover,
.top-menu.top-menu-warning .sub-menu &gt; li &gt; a:focus,
.top-menu.top-menu-warning .sub-menu &gt; li &gt; a:hover:before,
.top-menu.top-menu-warning .sub-menu &gt; li &gt; a:focus:before,
.top-menu.top-menu-warning .nav-project .project-list &gt; li .desc {
	color: #fff;
}

.top-menu.top-menu-warning .nav-project .project-list &gt; li .icon i {
	color: #fff !important;
}

.top-menu.top-menu-warning .nav &gt; li.expand &gt; a,
.top-menu.top-menu-warning .nav &gt; li &gt; a:hover,
.top-menu.top-menu-warning .nav &gt; li &gt; a:focus,
.page-top-menu-minified .top-menu.top-menu-warning .nav &gt; li.has-sub:hover &gt; a,
.page-top-menu-minified .top-menu.top-menu-warning .nav &gt; li.has-sub:focus &gt; a {
	background: #fdbf67;
}

.top-menu.top-menu-warning .nav &gt; li.active &gt; a i,
.top-menu.top-menu-warning .badge,
.top-menu.top-menu-warning a:hover .badge,
.top-menu.top-menu-warning a:focus .badge,
.top-menu.top-menu-warning .label,
.top-menu.top-menu-warning a:hover .label,
.top-menu.top-menu-warning a:focus .label {
	background: url(../img/transparent/black-0.4.png);
	background: rgba(0, 0, 0, 0.4);
}

.top-menu.top-menu-warning .text-theme {
	color: #000;
	color: rgba(0, 0, 0, 0.4);
}

.top-menu.top-menu-warning .nav &gt; li.active &gt; a,
.top-menu.top-menu-warning .nav &gt; li.active &gt; a:hover,
.top-menu.top-menu-warning .nav &gt; li.active &gt; a:focus,
.page-top-menu-minified .top-menu.top-menu-warning .nav &gt; li.has-sub.active:hover &gt; a,
.page-top-menu-minified .top-menu.top-menu-warning .nav &gt; li.has-sub.active:focus &gt; a {
	background: url(../img/transparent/black-0.4.png);
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
}

.top-menu.top-menu-warning .sub-menu:before {
	background: #b17b2e;
}

.top-menu.top-menu-warning .progress .progress-bar {
	background: #fff;
}

.top-menu.top-menu-warning .sub-menu &gt; li &gt; a,
.top-menu.top-menu-warning .sub-menu &gt; li &gt; a:before {
	color: #fdd7a0;
}

.top-menu.top-menu-warning .stock-list &gt; li .percentage .label {
	background: url(../img/transparent/black-0.3.png);
	background: rgba(0, 0, 0, 0.25);
}

.top-menu.top-menu-warning .nav.nav-tabs &gt; li a {
	background: url(../img/transparent/black-0.5.png);
	background: rgba(0, 0, 0, 0.5);
}

.top-menu.top-menu-warning .nav.nav-tabs &gt; li a:focus {
	background: none;
}

.top-menu.top-menu-warning .stock-list &gt; li .value,
.top-menu.top-menu-warning .calendar .week_days td,
.top-menu.top-menu-warning .calendar .visualmonthyear,
.top-menu.top-menu-warning .calendar a,
.top-menu.top-menu-warning .calendar .table {
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
}

.top-menu.top-menu-warning .calendar .week_days td {
	color: #000;
	color: rgba(0, 0, 0, 0.4) !important;
	font-weight: bold;
}

.top-menu.top-menu-warning .calendar .event {
	background: url(../img/transparent/black-0.3.png) !important;
	background: rgba(0, 0, 0, 0.25) !important;
}

.top-menu.top-menu-warning .stock-list &gt; li + li,
.top-menu.top-menu-warning .nav-post &gt; li + li,
.top-menu.top-menu-warning .notification-list &gt; li + li {
	border-top-color: rgba(255, 255, 255, 0.3);
}

.top-menu.top-menu-warning .nav-post &gt; li .info .time,
.top-menu.top-menu-warning .nav-post &gt; li .info .desc,
.top-menu.top-menu-warning .notification-list &gt; li .info .time,
.top-menu.top-menu-warning .notification-list &gt; li .info .desc {
	color: #fff;
	color: rgba(255, 255, 255, 0.6);
}

.top-menu.top-menu-warning .notification-list &gt; li .media {
	color: #fff;
}

/* 3.18 top-menu Theme - Danger */

.top-menu.top-menu-danger,
.top-menu-bg.top-menu-danger {
	background: #F04B46;
}

.top-menu.top-menu-danger .nav-user,
.top-menu.top-menu-danger .sub-menu,
.page-top-menu-minified .top-menu.top-menu-danger li.has-sub:hover &gt; .sub-menu,
.page-top-menu-minified .top-menu.top-menu-danger li.has-sub:focus &gt; .sub-menu,
.top-menu.top-menu-danger .nav li.divider,
.top-menu.top-menu-danger .top-menu-minify-btn,
.top-menu.top-menu-danger .top-menu-minify-btn:hover,
.top-menu.top-menu-danger .top-menu-minify-btn:focus,
.top-menu.top-menu-danger .nav-project .project-list &gt; li .progress {
	background: #c03c38;
}

.top-menu.top-menu-danger .nav li.divider {
	border-top: 1px solid #f7a5a2;
}

.top-menu.top-menu-danger .nav-user .info .name,
.top-menu.top-menu-danger .nav-user .info .name &gt; a,
.top-menu.top-menu-danger .nav-user .info .name &gt; a:hover,
.top-menu.top-menu-danger .nav-user .info .name &gt; a:focus,
.top-menu.top-menu-danger .nav &gt; li &gt; a &gt; .caret.pull-right {
	color: #fff;
}

.top-menu.top-menu-danger .nav &gt; li.nav-header,
.top-menu.top-menu-danger .nav-user .position {
	color: #fac9c7;
}

.top-menu.top-menu-danger .nav &gt; li &gt; a,
.top-menu.top-menu-danger .nav-project .project-list &gt; li .title,
.top-menu.top-menu-danger .nav-project .project-list &gt; li .title a,
.top-menu.top-menu-danger .nav-project .project-list &gt; li .title a:hover,
.top-menu.top-menu-danger .nav-project .project-list &gt; li .title a:focus,
.top-menu.top-menu-danger .nav &gt; li &gt; a &gt; i,
.top-menu.top-menu-danger .sub-menu &gt; li.active &gt; a,
.top-menu.top-menu-danger .sub-menu &gt; li.active &gt; a:before,
.top-menu.top-menu-danger .sub-menu &gt; li &gt; a:hover,
.top-menu.top-menu-danger .sub-menu &gt; li &gt; a:focus,
.top-menu.top-menu-danger .sub-menu &gt; li &gt; a:hover:before,
.top-menu.top-menu-danger .sub-menu &gt; li &gt; a:focus:before,
.top-menu.top-menu-danger .nav-project .project-list &gt; li .desc {
	color: #fff;
}

.top-menu.top-menu-danger .nav-project .project-list &gt; li .icon i {
	color: #fff !important;
}

.top-menu.top-menu-danger .nav &gt; li.expand &gt; a,
.top-menu.top-menu-danger .nav &gt; li &gt; a:hover,
.top-menu.top-menu-danger .nav &gt; li &gt; a:focus,
.page-top-menu-minified .top-menu.top-menu-danger .nav &gt; li.has-sub:hover &gt; a,
.page-top-menu-minified .top-menu.top-menu-danger .nav &gt; li.has-sub:focus &gt; a {
	background: #f36f6b;
}

.top-menu.top-menu-danger .nav &gt; li.active &gt; a i,
.top-menu.top-menu-danger .badge,
.top-menu.top-menu-danger a:hover .badge,
.top-menu.top-menu-danger a:focus .badge,
.top-menu.top-menu-danger .label,
.top-menu.top-menu-danger a:hover .label,
.top-menu.top-menu-danger a:focus .label {
	background: url(../img/transparent/black-0.4.png);
	background: rgba(0, 0, 0, 0.4);
}

.top-menu.top-menu-danger .text-theme {
	color: #000;
	color: rgba(0, 0, 0, 0.4);
}

.top-menu.top-menu-danger .nav &gt; li.active &gt; a,
.top-menu.top-menu-danger .nav &gt; li.active &gt; a:hover,
.top-menu.top-menu-danger .nav &gt; li.active &gt; a:focus,
.page-top-menu-minified .top-menu.top-menu-danger .nav &gt; li.has-sub.active:hover &gt; a,
.page-top-menu-minified .top-menu.top-menu-danger .nav &gt; li.has-sub.active:focus &gt; a {
	background: url(../img/transparent/black-0.4.png);
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
}

.top-menu.top-menu-danger .sub-menu:before {
	background: #a83531;
}

.top-menu.top-menu-danger .progress .progress-bar {
	background: #fff;
}

.top-menu.top-menu-danger .sub-menu &gt; li &gt; a,
.top-menu.top-menu-danger .sub-menu &gt; li &gt; a:before {
	color: #f7a5a2;
}

.top-menu.top-menu-danger .stock-list &gt; li .percentage .label {
	background: url(../img/transparent/black-0.3.png);
	background: rgba(0, 0, 0, 0.25);
}

.top-menu.top-menu-danger .nav.nav-tabs &gt; li a {
	background: url(../img/transparent/black-0.5.png);
	background: rgba(0, 0, 0, 0.5);
}

.top-menu.top-menu-danger .nav.nav-tabs &gt; li a:focus {
	background: none;
}

.top-menu.top-menu-danger .stock-list &gt; li .value,
.top-menu.top-menu-danger .calendar .week_days td,
.top-menu.top-menu-danger .calendar .visualmonthyear,
.top-menu.top-menu-danger .calendar a,
.top-menu.top-menu-danger .calendar .table {
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
}

.top-menu.top-menu-danger .calendar .week_days td {
	color: #000;
	color: rgba(0, 0, 0, 0.4) !important;
	font-weight: bold;
}

.top-menu.top-menu-danger .calendar .event {
	background: url(../img/transparent/black-0.3.png) !important;
	background: rgba(0, 0, 0, 0.25) !important;
}

.top-menu.top-menu-danger .stock-list &gt; li + li,
.top-menu.top-menu-danger .nav-post &gt; li + li,
.top-menu.top-menu-danger .notification-list &gt; li + li {
	border-top-color: rgba(255, 255, 255, 0.3);
}

.top-menu.top-menu-danger .nav-post &gt; li .info .time,
.top-menu.top-menu-danger .nav-post &gt; li .info .desc,
.top-menu.top-menu-danger .notification-list &gt; li .info .time,
.top-menu.top-menu-danger .notification-list &gt; li .info .desc {
	color: #fff;
	color: rgba(255, 255, 255, 0.6);
}

.top-menu.top-menu-danger .notification-list &gt; li .media {
	color: #fff;
}

/* 3.19 top-menu Theme - Primary */

.top-menu.top-menu-primary,
.top-menu-bg.top-menu-primary {
	background: #2184DA;
}

.top-menu.top-menu-primary .nav-user,
.top-menu.top-menu-primary .sub-menu,
.page-top-menu-minified .top-menu.top-menu-primary li.has-sub:hover &gt; .sub-menu,
.page-top-menu-minified .top-menu.top-menu-primary li.has-sub:focus &gt; .sub-menu,
.top-menu.top-menu-primary .nav li.divider,
.top-menu.top-menu-primary .top-menu-minify-btn,
.top-menu.top-menu-primary .top-menu-minify-btn:hover,
.top-menu.top-menu-primary .top-menu-minify-btn:focus,
.top-menu.top-menu-primary .nav-project .project-list &gt; li .progress {
	background: #1a6aae;
}

.top-menu.top-menu-primary .nav li.divider {
	border-top: 1px solid #90c1ec;
}

.top-menu.top-menu-primary .nav-user .info .name,
.top-menu.top-menu-primary .nav-user .info .name &gt; a,
.top-menu.top-menu-primary .nav-user .info .name &gt; a:hover,
.top-menu.top-menu-primary .nav-user .info .name &gt; a:focus,
.top-menu.top-menu-primary .nav &gt; li &gt; a &gt; .caret.pull-right {
	color: #fff;
}

.top-menu.top-menu-primary .nav &gt; li.nav-header,
.top-menu.top-menu-primary .nav-user .position {
	color: #d3e6f8;
}

.top-menu.top-menu-primary .nav &gt; li &gt; a,
.top-menu.top-menu-primary .nav-project .project-list &gt; li .title,
.top-menu.top-menu-primary .nav-project .project-list &gt; li .title a,
.top-menu.top-menu-primary .nav-project .project-list &gt; li .title a:hover,
.top-menu.top-menu-primary .nav-project .project-list &gt; li .title a:focus,
.top-menu.top-menu-primary .nav &gt; li &gt; a &gt; i,
.top-menu.top-menu-primary .sub-menu &gt; li.active &gt; a,
.top-menu.top-menu-primary .sub-menu &gt; li.active &gt; a:before,
.top-menu.top-menu-primary .sub-menu &gt; li &gt; a:hover,
.top-menu.top-menu-primary .sub-menu &gt; li &gt; a:focus,
.top-menu.top-menu-primary .sub-menu &gt; li &gt; a:hover:before,
.top-menu.top-menu-primary .sub-menu &gt; li &gt; a:focus:before,
.top-menu.top-menu-primary .nav-project .project-list &gt; li .desc {
	color: #fff;
}

.top-menu.top-menu-primary .nav-project .project-list &gt; li .icon i {
	color: #fff !important;
}

.top-menu.top-menu-primary .nav &gt; li.expand &gt; a,
.top-menu.top-menu-primary .nav &gt; li &gt; a:hover,
.top-menu.top-menu-primary .nav &gt; li &gt; a:focus,
.page-top-menu-minified .top-menu.top-menu-primary .nav &gt; li.has-sub:hover &gt; a,
.page-top-menu-minified .top-menu.top-menu-primary .nav &gt; li.has-sub:focus &gt; a {
	background: #4d9de1;
}

.top-menu.top-menu-primary .nav &gt; li.active &gt; a i,
.top-menu.top-menu-primary .badge,
.top-menu.top-menu-primary a:hover .badge,
.top-menu.top-menu-primary a:focus .badge,
.top-menu.top-menu-primary .label,
.top-menu.top-menu-primary a:hover .label,
.top-menu.top-menu-primary a:focus .label {
	background: url(../img/transparent/black-0.4.png);
	background: rgba(0, 0, 0, 0.4);
}

.top-menu.top-menu-primary .text-theme {
	color: #000;
	color: rgba(0, 0, 0, 0.4);
}

.top-menu.top-menu-primary .nav &gt; li.active &gt; a,
.top-menu.top-menu-primary .nav &gt; li.active &gt; a:hover,
.top-menu.top-menu-primary .nav &gt; li.active &gt; a:focus,
.page-top-menu-minified .top-menu.top-menu-primary .nav &gt; li.has-sub.active:hover &gt; a,
.page-top-menu-minified .top-menu.top-menu-primary .nav &gt; li.has-sub.active:focus &gt; a {
	background: url(../img/transparent/black-0.4.png);
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
}

.top-menu.top-menu-primary .sub-menu:before {
	background: #175d99;
}

.top-menu.top-menu-primary .progress .progress-bar {
	background: #fff;
}

.top-menu.top-menu-primary .sub-menu &gt; li &gt; a,
.top-menu.top-menu-primary .sub-menu &gt; li &gt; a:before {
	color: #90c1ec;
}

.top-menu.top-menu-primary .stock-list &gt; li .percentage .label {
	background: url(../img/transparent/black-0.3.png);
	background: rgba(0, 0, 0, 0.25);
}

.top-menu.top-menu-primary .nav.nav-tabs &gt; li a {
	background: url(../img/transparent/black-0.5.png);
	background: rgba(0, 0, 0, 0.5);
}

.top-menu.top-menu-primary .nav.nav-tabs &gt; li a:focus {
	background: none;
}

.top-menu.top-menu-primary .stock-list &gt; li .value,
.top-menu.top-menu-primary .calendar .week_days td,
.top-menu.top-menu-primary .calendar .visualmonthyear,
.top-menu.top-menu-primary .calendar a,
.top-menu.top-menu-primary .calendar .table {
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
}

.top-menu.top-menu-primary .calendar .week_days td {
	color: #000;
	color: rgba(0, 0, 0, 0.4) !important;
	font-weight: bold;
}

.top-menu.top-menu-primary .calendar .event {
	background: url(../img/transparent/black-0.3.png) !important;
	background: rgba(0, 0, 0, 0.25) !important;
}

.top-menu.top-menu-primary .stock-list &gt; li + li,
.top-menu.top-menu-primary .nav-post &gt; li + li,
.top-menu.top-menu-primary .notification-list &gt; li + li {
	border-top-color: rgba(255, 255, 255, 0.3);
}

.top-menu.top-menu-primary .nav-post &gt; li .info .time,
.top-menu.top-menu-primary .nav-post &gt; li .info .desc,
.top-menu.top-menu-primary .notification-list &gt; li .info .time,
.top-menu.top-menu-primary .notification-list &gt; li .info .desc {
	color: #fff;
	color: rgba(255, 255, 255, 0.6);
}

.top-menu.top-menu-primary .notification-list &gt; li .media {
	color: #fff;
}

/* 3.20 top-menu Theme - Grey */

.top-menu.top-menu-grey,
.top-menu-bg.top-menu-grey {
	background: #8a8f94;
}

.top-menu.top-menu-grey .nav-user,
.top-menu.top-menu-grey .sub-menu,
.page-top-menu-minified .top-menu.top-menu-grey li.has-sub:hover &gt; .sub-menu,
.page-top-menu-minified .top-menu.top-menu-grey li.has-sub:focus &gt; .sub-menu,
.top-menu.top-menu-grey .nav li.divider,
.top-menu.top-menu-grey .top-menu-minify-btn,
.top-menu.top-menu-grey .top-menu-minify-btn:hover,
.top-menu.top-menu-grey .top-menu-minify-btn:focus,
.top-menu.top-menu-grey .nav-project .project-list &gt; li .progress {
	background: #888f95;
}

.top-menu.top-menu-grey .nav li.divider {
	border-top: 1px solid #d4d9dc;
}

.top-menu.top-menu-grey .nav-user .info .name,
.top-menu.top-menu-grey .nav-user .info .name &gt; a,
.top-menu.top-menu-grey .nav-user .info .name &gt; a:hover,
.top-menu.top-menu-grey .nav-user .info .name &gt; a:focus,
.top-menu.top-menu-grey .nav &gt; li &gt; a &gt; .caret.pull-right {
	color: #fff;
}

.top-menu.top-menu-grey .nav &gt; li.nav-header,
.top-menu.top-menu-grey .nav-user .position {
	color: #e5e8ea;
}

.top-menu.top-menu-grey .nav &gt; li &gt; a,
.top-menu.top-menu-grey .nav-project .project-list &gt; li .title,
.top-menu.top-menu-grey .nav-project .project-list &gt; li .title a,
.top-menu.top-menu-grey .nav-project .project-list &gt; li .title a:hover,
.top-menu.top-menu-grey .nav-project .project-list &gt; li .title a:focus,
.top-menu.top-menu-grey .nav &gt; li &gt; a &gt; i,
.top-menu.top-menu-grey .sub-menu &gt; li.active &gt; a,
.top-menu.top-menu-grey .sub-menu &gt; li.active &gt; a:before,
.top-menu.top-menu-grey .sub-menu &gt; li &gt; a:hover,
.top-menu.top-menu-grey .sub-menu &gt; li &gt; a:focus,
.top-menu.top-menu-grey .sub-menu &gt; li &gt; a:hover:before,
.top-menu.top-menu-grey .sub-menu &gt; li &gt; a:focus:before,
.top-menu.top-menu-grey .nav-project .project-list &gt; li .desc {
	color: #fff;
}

.top-menu.top-menu-grey .nav-project .project-list &gt; li .icon i {
	color: #fff !important;
}

.top-menu.top-menu-grey .nav &gt; li.expand &gt; a,
.top-menu.top-menu-grey .nav &gt; li &gt; a:hover,
.top-menu.top-menu-grey .nav &gt; li &gt; a:focus,
.page-top-menu-minified .top-menu.top-menu-grey .nav &gt; li.has-sub:hover &gt; a,
.page-top-menu-minified .top-menu.top-menu-grey .nav &gt; li.has-sub:focus &gt; a {
	background: #bbc2c8;
}

.top-menu.top-menu-grey .nav &gt; li.active &gt; a i,
.top-menu.top-menu-grey .badge,
.top-menu.top-menu-grey a:hover .badge,
.top-menu.top-menu-grey a:focus .badge,
.top-menu.top-menu-grey .label,
.top-menu.top-menu-grey a:hover .label,
.top-menu.top-menu-grey a:focus .label {
	background: url(../img/transparent/black-0.3.png);
	background: rgba(0, 0, 0, 0.4);
}

.top-menu.top-menu-grey .text-theme {
	color: #000;
	color: rgba(0, 0, 0, 0.4);
}

.top-menu.top-menu-grey .nav &gt; li.active &gt; a,
.top-menu.top-menu-grey .nav &gt; li.active &gt; a:hover,
.top-menu.top-menu-grey .nav &gt; li.active &gt; a:focus,
.page-top-menu-minified .top-menu.top-menu-grey .nav &gt; li.has-sub.active:hover &gt; a,
.page-top-menu-minified .top-menu.top-menu-grey .nav &gt; li.has-sub.active:focus &gt; a {
	background: url(../img/transparent/black-0.4.png);
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
}

.top-menu.top-menu-grey .sub-menu:before {
	background: #777e83;
}

.top-menu.top-menu-grey .progress .progress-bar {
	background: #fff;
}

.top-menu.top-menu-grey .sub-menu &gt; li &gt; a,
.top-menu.top-menu-grey .sub-menu &gt; li &gt; a:before {
	color: #d4d9dc;
}

.top-menu.top-menu-grey .stock-list &gt; li .percentage .label {
	background: rgba(0, 0, 0, 0.25);
}

.top-menu.top-menu-grey .nav.nav-tabs &gt; li a {
	background: rgba(0, 0, 0, 0.5);
}

.top-menu.top-menu-grey .nav.nav-tabs &gt; li a:focus {
	background: none;
}

.top-menu.top-menu-grey .stock-list &gt; li .value,
.top-menu.top-menu-grey .calendar .week_days td,
.top-menu.top-menu-grey .calendar .visualmonthyear,
.top-menu.top-menu-grey .calendar a,
.top-menu.top-menu-grey .calendar .table {
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
}

.top-menu.top-menu-grey .calendar .week_days td {
	color: #000;
	color: rgba(0, 0, 0, 0.4) !important;
	font-weight: bold;
}

.top-menu.top-menu-grey .calendar .event {
	background: url(../img/transparent/black-0.3.png);
	background: rgba(0, 0, 0, 0.25) !important;
}

.top-menu.top-menu-grey .stock-list &gt; li + li,
.top-menu.top-menu-grey .nav-post &gt; li + li,
.top-menu.top-menu-grey .notification-list &gt; li + li {
	border-top-color: rgba(255, 255, 255, 0.3);
}

.top-menu.top-menu-grey .nav-post &gt; li .info .time,
.top-menu.top-menu-grey .nav-post &gt; li .info .desc,
.top-menu.top-menu-grey .notification-list &gt; li .info .time,
.top-menu.top-menu-grey .notification-list &gt; li .info .desc {
	color: #fff;
	color: rgba(255, 255, 255, 0.6);
}

.top-menu.top-menu-grey .notification-list &gt; li .media {
	color: #fff;
}

/* 3.21 top-menu Theme - Purple */

.top-menu.top-menu-purple,
.top-menu-bg.top-menu-purple {
	background: #5f50c5;
}

.top-menu.top-menu-purple .nav-user,
.top-menu.top-menu-purple .sub-menu,
.page-top-menu-minified .top-menu.top-menu-purple li.has-sub:hover &gt; .sub-menu,
.page-top-menu-minified .top-menu.top-menu-purple li.has-sub:focus &gt; .sub-menu,
.top-menu.top-menu-purple .nav li.divider,
.top-menu.top-menu-purple .top-menu-minify-btn,
.top-menu.top-menu-purple .top-menu-minify-btn:hover,
.top-menu.top-menu-purple .top-menu-minify-btn:focus,
.top-menu.top-menu-purple .nav-project .project-list &gt; li .progress {
	background: #4c409e;
}

.top-menu.top-menu-purple .nav li.divider {
	border-top: 1px solid #dcd8fb;
}

.top-menu.top-menu-purple .nav-user .info .name,
.top-menu.top-menu-purple .nav-user .info .name &gt; a,
.top-menu.top-menu-purple .nav-user .info .name &gt; a:hover,
.top-menu.top-menu-purple .nav-user .info .name &gt; a:focus,
.top-menu.top-menu-purple .nav &gt; li &gt; a &gt; .caret.pull-right {
	color: #fff;
}

.top-menu.top-menu-purple .nav &gt; li.nav-header,
.top-menu.top-menu-purple .nav-user .position {
	color: #e1cde9;
}

.top-menu.top-menu-purple .nav &gt; li &gt; a,
.top-menu.top-menu-purple .nav-project .project-list &gt; li .title,
.top-menu.top-menu-purple .nav-project .project-list &gt; li .title a,
.top-menu.top-menu-purple .nav-project .project-list &gt; li .title a:hover,
.top-menu.top-menu-purple .nav-project .project-list &gt; li .title a:focus,
.top-menu.top-menu-purple .nav &gt; li &gt; a &gt; i,
.top-menu.top-menu-purple .sub-menu &gt; li.active &gt; a,
.top-menu.top-menu-purple .sub-menu &gt; li.active &gt; a:before,
.top-menu.top-menu-purple .sub-menu &gt; li &gt; a:hover,
.top-menu.top-menu-purple .sub-menu &gt; li &gt; a:focus,
.top-menu.top-menu-purple .sub-menu &gt; li &gt; a:hover:before,
.top-menu.top-menu-purple .sub-menu &gt; li &gt; a:focus:before,
.top-menu.top-menu-purple .nav-project .project-list &gt; li .desc {
	color: #fff;
}

.top-menu.top-menu-purple .nav-project .project-list &gt; li .icon i {
	color: #fff !important;
}

.top-menu.top-menu-purple .nav &gt; li.expand &gt; a,
.top-menu.top-menu-purple .nav &gt; li &gt; a:hover,
.top-menu.top-menu-purple .nav &gt; li &gt; a:focus,
.page-top-menu-minified .top-menu.top-menu-purple .nav &gt; li.has-sub:hover &gt; a,
.page-top-menu-minified .top-menu.top-menu-purple .nav &gt; li.has-sub:focus &gt; a {
	background: #7f73d1;
}

.top-menu.top-menu-purple .nav &gt; li.active &gt; a i,
.top-menu.top-menu-purple .badge,
.top-menu.top-menu-purple a:hover .badge,
.top-menu.top-menu-purple a:focus .badge,
.top-menu.top-menu-purple .label,
.top-menu.top-menu-purple a:hover .label,
.top-menu.top-menu-purple a:focus .label {
	background: url(../img/transparent/black-0.4.png);
	background: rgba(0, 0, 0, 0.4);
}

.top-menu.top-menu-purple .text-theme {
	color: #000;
	color: rgba(0, 0, 0, 0.4);
}

.top-menu.top-menu-purple .nav &gt; li.active &gt; a,
.top-menu.top-menu-purple .nav &gt; li.active &gt; a:hover,
.top-menu.top-menu-purple .nav &gt; li.active &gt; a:focus,
.page-top-menu-minified .top-menu.top-menu-purple .nav &gt; li.has-sub.active:hover &gt; a,
.page-top-menu-minified .top-menu.top-menu-purple .nav &gt; li.has-sub.active:focus &gt; a {
	background: url(../img/transparent/black-0.4.png);
	background: rgba(0, 0, 0, 0.4);
	color: #fff;
}

.top-menu.top-menu-purple .sub-menu:before {
	background: #3f3968;
}

.top-menu.top-menu-purple .progress .progress-bar {
	background: #fff;
}

.top-menu.top-menu-purple .sub-menu &gt; li &gt; a,
.top-menu.top-menu-purple .sub-menu &gt; li &gt; a:before {
	color: #dcd8fb;
}

.top-menu.top-menu-purple .stock-list &gt; li .percentage .label {
	background: rgba(0, 0, 0, 0.25);
}

.top-menu.top-menu-purple .nav.nav-tabs &gt; li a {
	background: url(../img/transparent/black-0.5.png);
	background: rgba(0, 0, 0, 0.5);
}

.top-menu.top-menu-purple .nav.nav-tabs &gt; li a:focus {
	background: none;
}

.top-menu.top-menu-purple .stock-list &gt; li .value,
.top-menu.top-menu-purple .calendar .week_days td,
.top-menu.top-menu-purple .calendar .visualmonthyear,
.top-menu.top-menu-purple .calendar a,
.top-menu.top-menu-purple .calendar .table {
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
}

.top-menu.top-menu-purple .calendar .week_days td {
	color: #000;
	color: rgba(0, 0, 0, 0.4) !important;
	font-weight: bold;
}

.top-menu.top-menu-purple .calendar .event {
	background: url(../img/transparent/black-0.3.png) !important;
	background: rgba(0, 0, 0, 0.25) !important;
}

.top-menu.top-menu-purple .stock-list &gt; li + li,
.top-menu.top-menu-purple .nav-post &gt; li + li,
.top-menu.top-menu-purple .notification-list &gt; li + li {
	border-top-color: rgba(255, 255, 255, 0.3);
}

.top-menu.top-menu-purple .nav-post &gt; li .info .time,
.top-menu.top-menu-purple .nav-post &gt; li .info .desc,
.top-menu.top-menu-purple .notification-list &gt; li .info .time,
.top-menu.top-menu-purple .notification-list &gt; li .info .desc {
	color: #fff;
	color: rgba(255, 255, 255, 0.6);
}

.top-menu.top-menu-purple .notification-list &gt; li .media {
	color: #fff;
}

/* 12.8 top-menu Highlight Theme - Purple */

.top-menu.top-menu-highlight-purple .label.label-theme,
.top-menu.top-menu-highlight-purple .nav &gt; li.active &gt; a &gt; i,
.top-menu.top-menu-highlight-purple .stock-list &gt; li .percentage .label,
.top-menu.top-menu-highlight-purple .calendar .event {
	background: #5f50c5 !important;
}

.top-menu.top-menu-highlight-purple .sub-menu &gt; li.active &gt; a:before,
.top-menu.top-menu-highlight-purple .text-theme,
.top-menu.top-menu-highlight-purple .calendar .week_days td {
	color: #5f50c5 !important;
}

.top-menu.top-menu-highlight-purple .nav &gt; li.active &gt; a &gt; i {
	color: #3e2449;
}

/* 12.9 top-menu Highlight Theme - Primary */

.top-menu.top-menu-highlight-primary .label.label-theme,
.top-menu.top-menu-highlight-primary .nav &gt; li.active &gt; a &gt; i,
.top-menu.top-menu-highlight-primary .stock-list &gt; li .percentage .label,
.top-menu.top-menu-highlight-primary .calendar .event {
	background: #2184DA !important;
}

.top-menu.top-menu-highlight-primary .sub-menu &gt; li.active &gt; a:before,
.top-menu.top-menu-highlight-primary .text-theme,
.top-menu.top-menu-highlight-primary .calendar .week_days td {
	color: #2184DA !important;
}

.top-menu.top-menu-highlight-primary .nav &gt; li.active &gt; a &gt; i {
	color: #231d48;
}

/* 12.10 top-menu Highlight Theme - Info */

.top-menu.top-menu-highlight-info .label.label-theme,
.top-menu.top-menu-highlight-info .nav &gt; li.active &gt; a &gt; i,
.top-menu.top-menu-highlight-info .stock-list &gt; li .percentage .label,
.top-menu.top-menu-highlight-info .calendar .event {
	background: #38AFD3 !important;
}

.top-menu.top-menu-highlight-info .sub-menu &gt; li.active &gt; a:before,
.top-menu.top-menu-highlight-info .text-theme,
.top-menu.top-menu-highlight-info .calendar .week_days td {
	color: #38AFD3 !important;
}

.top-menu.top-menu-highlight-info .nav &gt; li.active &gt; a &gt; i {
	color: #164654;
}

/* 12.11 top-menu Highlight Theme - Lime */

.top-menu.top-menu-highlight-lime .label.label-theme,
.top-menu.top-menu-highlight-lime .nav &gt; li.active &gt; a &gt; i,
.top-menu.top-menu-highlight-lime .stock-list &gt; li .percentage .label,
.top-menu.top-menu-highlight-lime .calendar .event {
	background: #65C56F !important;
}

.top-menu.top-menu-highlight-lime .sub-menu &gt; li.active &gt; a:before,
.top-menu.top-menu-highlight-lime .text-theme,
.top-menu.top-menu-highlight-lime .calendar .week_days td {
	color: #65C56F !important;
}

.top-menu.top-menu-highlight-lime .nav &gt; li.active &gt; a &gt; i {
	color: #284f2c;
}

/* 12.12 top-menu Highlight Theme - Warning */

.top-menu.top-menu-highlight-warning .label.label-theme,
.top-menu.top-menu-highlight-warning .nav &gt; li.active &gt; a &gt; i,
.top-menu.top-menu-highlight-warning .stock-list &gt; li .percentage .label,
.top-menu.top-menu-highlight-warning .calendar .event {
	background: #fcaf41 !important;
}

.top-menu.top-menu-highlight-warning .sub-menu &gt; li.active &gt; a:before,
.top-menu.top-menu-highlight-warning .text-theme,
.top-menu.top-menu-highlight-warning .calendar .week_days td {
	color: #fcaf41 !important;
}

.top-menu.top-menu-highlight-warning .nav &gt; li.active &gt; a &gt; i {
	color: #65461a;
}

/* 12.13 top-menu Highlight Theme - Danger */

.top-menu.top-menu-highlight-danger .label.label-theme,
.top-menu.top-menu-highlight-danger .nav &gt; li.active &gt; a &gt; i,
.top-menu.top-menu-highlight-danger .stock-list &gt; li .percentage .label,
.top-menu.top-menu-highlight-danger .calendar .event {
	background: #F04B46 !important;
}

.top-menu.top-menu-highlight-danger .sub-menu &gt; li.active &gt; a:before,
.top-menu.top-menu-highlight-danger .text-theme,
.top-menu.top-menu-highlight-danger .calendar .week_days td {
	color: #F04B46 !important;
}

.top-menu.top-menu-highlight-danger .nav &gt; li.active &gt; a &gt; i {
	color: #601e1c;
}

/* 12.14 top-menu Highlight Theme - Grey */

.top-menu.top-menu-highlight-grey .label.label-theme,
.top-menu.top-menu-highlight-grey .nav &gt; li.active &gt; a &gt; i,
.top-menu.top-menu-highlight-grey .stock-list &gt; li .percentage .label,
.top-menu.top-menu-highlight-grey .calendar .event {
	background: #8a8f94 !important;
}

.top-menu.top-menu-highlight-grey .sub-menu &gt; li.active &gt; a:before,
.top-menu.top-menu-highlight-grey .text-theme,
.top-menu.top-menu-highlight-grey .calendar .week_days td {
	color: #8a8f94 !important;
}

.top-menu.top-menu-highlight-grey .nav &gt; li.active &gt; a &gt; i {
	color: #44484a;
}

/* 12.15 top-menu Highlight Theme - Light */

.top-menu.top-menu-highlight-light .label.label-theme,
.top-menu.top-menu-highlight-light .nav &gt; li.active &gt; a &gt; i,
.top-menu.top-menu-highlight-light .stock-list &gt; li .percentage .label,
.top-menu.top-menu-highlight-light .calendar .event,
.top-menu.top-menu-highlight-light .calendar .event a {
	background: #fff !important;
	color: #30373e !important;
}

.top-menu.top-menu-highlight-light .sub-menu &gt; li.active &gt; a:before,
.top-menu.top-menu-highlight-light .text-theme,
.top-menu.top-menu-highlight-light .calendar .week_days td {
	color: #fff !important;
}

.top-menu.top-menu-highlight-light .nav &gt; li.active &gt; a &gt; i {
	color: #fff;
}

/* 12.16 top-menu Highlight Theme - Inverse */

.top-menu.top-menu-highlight-inverse .label.label-theme,
.top-menu.top-menu-highlight-inverse .nav &gt; li.active &gt; a &gt; i,
.top-menu.top-menu-highlight-inverse .stock-list &gt; li .percentage .label,
.top-menu.top-menu-highlight-inverse .calendar .event,
.top-menu.top-menu-highlight-inverse .calendar .event a {
	background: #595F64 !important;
	color: #fff !important;
}

.top-menu.top-menu-highlight-inverse .sub-menu &gt; li.active &gt; a:before,
.top-menu.top-menu-highlight-inverse .text-theme,
.top-menu.top-menu-highlight-inverse .calendar .week_days td {
	color: #fff !important;
}

.top-menu.top-menu-highlight-inverse .nav &gt; li.active &gt; a &gt; i {
	color: #fff;
}</pre></body></html>