my_admin 0.0.2

data/app/assets/stylesheets/my_admin/themes.css

@@ -0,0 +1,3821 @@
+.font-blue {
+  color: #368ee0;
+}
+
+ul > li.blue, .label-blue {
+  background: #368ee0;
+}
+
+.progress .bar.bar-blue {
+  background: #368ee0;
+}
+
+.pricing-tables .pricing.blue > li.head {
+  background: #368ee0;
+}
+.pricing-tables .pricing.blue > li.head .info {
+  background: #4c9ae3;
+}
+.pricing-tables .pricing.blue > li.head .name {
+  background: #1e74c5;
+}
+
+.btn.btn-blue {
+  background: #368ee0;
+  color: white !important;
+}
+.btn.btn-blue:hover {
+  background: #1e74c5;
+}
+
+.box.box-color.blue .box-title {
+  background: #368ee0 !important;
+}
+.box.box-color.blue .box-title .actions > a:hover {
+  color: #368ee0;
+}
+.box.box-color.blue .form-wizard .wizard-steps li.active .single-step .title {
+  background: #368ee0;
+}
+.box.box-color.blue .btn.btn-primary {
+  background: #368ee0;
+}
+.box.box-bordered.box-color.blue .box-title {
+  border-color: #368ee0 !important;
+}
+.box.box-bordered.box-color.blue .box-content {
+  border-color: #368ee0 !important;
+}
+.box.box-bordered.box-color.blue .slimScrollDiv {
+  border-bottom: 2px solid #368ee0;
+}
+
+.timeline > li .timeline-content .left .icon.blue {
+  background: #368ee0;
+}
+
+.theme-blue #navigation .dropdown-menu {
+  border-color: #368ee0;
+}
+.theme-blue #navigation .dropdown-menu > li.dropdown-submenu .dropdown-menu {
+  border-top: 2px solid #368ee0;
+}
+.theme-blue #navigation .dropdown-menu > li.dropdown-submenu:hover > a, .theme-blue #navigation .dropdown-menu > li.dropdown-submenu:focus > a {
+  background: #368ee0;
+}
+.theme-blue #navigation .dropdown-menu > li > a:hover {
+  background: #368ee0;
+}
+.theme-blue .datepicker.datepicker-dropdown .datepicker-days .active, .theme-blue .datepicker.datepicker-dropdown .datepicker-years .active, .theme-blue .datepicker.datepicker-dropdown .datepicker-months .active {
+  background: #368ee0;
+}
+.theme-blue .datepicker.datepicker-dropdown .datepicker-days .active:hover, .theme-blue .datepicker.datepicker-dropdown .datepicker-years .active:hover, .theme-blue .datepicker.datepicker-dropdown .datepicker-months .active:hover {
+  background: #1e74c5;
+}
+.theme-blue .form-wizard .wizard-steps li.active .single-step .title {
+  background: #368ee0;
+}
+.theme-blue .btn.btn-primary {
+  background: #368ee0;
+}
+.theme-blue.login {
+  background: #368ee0;
+}
+.theme-blue a {
+  color: #368ee0;
+}
+.theme-blue .btn {
+  color: #333;
+}
+.theme-blue .btn.btn-primary {
+  background: #368ee0;
+  color: #fff;
+}
+.theme-blue .btn.btn-inverse, .theme-blue .btn.btn-success, .theme-blue .btn.btn-danger {
+  color: #fff;
+}
+.theme-blue.locked {
+  background: #368ee0 !important;
+}
+.theme-blue.locked .pull-left a {
+  background: #1b67af;
+}
+.theme-blue.locked .pull-left a:hover {
+  background: #144d82;
+}
+.theme-blue #navigation {
+  background: #368ee0;
+}
+.theme-blue #navigation .toggle-mobile {
+  background: #1b67af;
+}
+.theme-blue #navigation .mobile-nav.open {
+  background: #368ee0;
+}
+.theme-blue #navigation .mobile-nav.open > li.active > a {
+  background: #144d82;
+}
+.theme-blue #navigation .mobile-nav.open > li.active > ul {
+  background: #144d82;
+}
+.theme-blue #navigation .mobile-nav.open > li > a {
+  background: #1b67af;
+}
+.theme-blue #navigation .mobile-nav.open > li > ul {
+  background: #1b67af;
+}
+.theme-blue #navigation .main-nav > li.active > a:hover {
+  background: #fff;
+}
+.theme-blue #navigation .main-nav > li.active.open > a {
+  background: #fff;
+}
+.theme-blue #navigation .main-nav > li.open > a {
+  background: #1b67af;
+}
+.theme-blue #navigation .main-nav > li > a:hover {
+  background: #1b67af;
+}
+.theme-blue #navigation .user .icon-nav > li > a:hover {
+  background: #1b67af;
+}
+.theme-blue #navigation .user .dropdown.open {
+  background: #1b67af;
+}
+.theme-blue #navigation .user .dropdown > a:hover {
+  background: #1b67af;
+}
+.theme-blue #navigation .dropdown-menu {
+  border-color: #368ee0;
+}
+.theme-blue #navigation .dropdown-menu > li > a:hover {
+  background: #368ee0;
+}
+.theme-blue .search-form .search-pane button[type="submit"] {
+  background: #368ee0;
+}
+.theme-blue .messages > li.insert .submit button {
+  background: #368ee0;
+}
+.theme-blue .messages > li.right .name {
+  color: #0a2640;
+}
+.theme-blue .messages > li.right .message {
+  background: #e7f1fb;
+}
+.theme-blue .messages > li.right .message p {
+  color: #11406c;
+}
+.theme-blue .messages > li.right .message .time {
+  color: #11406c;
+}
+.theme-blue .messages > li.right .message .caret {
+  border-left: 7px solid #e7f1fb;
+}
+.theme-blue .letterbox .letter > li.active {
+  background: #368ee0;
+}
+.theme-blue .calendar .fc-content .fc-event .fc-event-inner {
+  background: #368ee0;
+}
+.theme-blue .calendar .fc-button.fc-state-active {
+  background: #368ee0;
+}
+.theme-blue .calendar .fc-button.fc-state-active:hover {
+  background: #368ee0;
+}
+.theme-blue .table.table-user tr.alpha td.alpha-val span {
+  background: #368ee0;
+}
+.theme-blue .tagsinput#textfield_tagsinput .tag, .theme-blue .ms-container .multi-custom-header, .theme-blue .slider .ui-slider-handle, .theme-blue .form-wizard .wizard-steps li.active .single-step .title, .theme-blue .user-list h4, .theme-blue .nav.nav-pills > li.active > a, .theme-blue .nav.nav-list > li.active > a, .theme-blue .table.table-colored-header thead th, .theme-blue .table.table-colored-header thead td, .theme-blue .dataTables_wrapper .dataTables_paginate > span > a.paginate_active, .theme-blue .elfinder-navbar .ui-state-active, .theme-blue .pagination.pagination-custom li.active a:hover, .theme-blue .pagination.pagination-custom li.active a {
+  background: #368ee0;
+}
+.theme-blue .elfinder-navbar .ui-state-active {
+  border-color: #368ee0;
+}
+.theme-blue #main .box .box-title .tabs > li.active > a {
+  background: #368ee0;
+}
+.theme-blue #main .box.box-color .box-title {
+  background: #368ee0;
+}
+.theme-blue #main .box.box-color .box-title .tabs > li.active > a {
+  background: #fff;
+  color: #368ee0;
+}
+.theme-blue #main .box.box-bordered.box-color .box-title {
+  border-color: #368ee0;
+}
+.theme-blue #main .box.box-bordered.box-color .box-content {
+  border-color: #368ee0;
+}
+
+.font-orange {
+  color: #f8a31f;
+}
+
+ul > li.orange, .label-orange {
+  background: #f8a31f;
+}
+
+.progress .bar.bar-orange {
+  background: #f8a31f;
+}
+
+.pricing-tables .pricing.orange > li.head {
+  background: #f8a31f;
+}
+.pricing-tables .pricing.orange > li.head .info {
+  background: #f9ad38;
+}
+.pricing-tables .pricing.orange > li.head .name {
+  background: #dd8907;
+}
+
+.btn.btn-orange {
+  background: #f8a31f;
+  color: white !important;
+}
+.btn.btn-orange:hover {
+  background: #dd8907;
+}
+
+.box.box-color.orange .box-title {
+  background: #f8a31f !important;
+}
+.box.box-color.orange .box-title .actions > a:hover {
+  color: #f8a31f;
+}
+.box.box-color.orange .form-wizard .wizard-steps li.active .single-step .title {
+  background: #f8a31f;
+}
+.box.box-color.orange .btn.btn-primary {
+  background: #f8a31f;
+}
+.box.box-bordered.box-color.orange .box-title {
+  border-color: #f8a31f !important;
+}
+.box.box-bordered.box-color.orange .box-content {
+  border-color: #f8a31f !important;
+}
+.box.box-bordered.box-color.orange .slimScrollDiv {
+  border-bottom: 2px solid #f8a31f;
+}
+
+.timeline > li .timeline-content .left .icon.orange {
+  background: #f8a31f;
+}
+
+.theme-orange #navigation .dropdown-menu {
+  border-color: #f8a31f;
+}
+.theme-orange #navigation .dropdown-menu > li.dropdown-submenu .dropdown-menu {
+  border-top: 2px solid #f8a31f;
+}
+.theme-orange #navigation .dropdown-menu > li.dropdown-submenu:hover > a, .theme-orange #navigation .dropdown-menu > li.dropdown-submenu:focus > a {
+  background: #f8a31f;
+}
+.theme-orange #navigation .dropdown-menu > li > a:hover {
+  background: #f8a31f;
+}
+.theme-orange .datepicker.datepicker-dropdown .datepicker-days .active, .theme-orange .datepicker.datepicker-dropdown .datepicker-years .active, .theme-orange .datepicker.datepicker-dropdown .datepicker-months .active {
+  background: #f8a31f;
+}
+.theme-orange .datepicker.datepicker-dropdown .datepicker-days .active:hover, .theme-orange .datepicker.datepicker-dropdown .datepicker-years .active:hover, .theme-orange .datepicker.datepicker-dropdown .datepicker-months .active:hover {
+  background: #dd8907;
+}
+.theme-orange .form-wizard .wizard-steps li.active .single-step .title {
+  background: #f8a31f;
+}
+.theme-orange .btn.btn-primary {
+  background: #f8a31f;
+}
+.theme-orange.login {
+  background: #f8a31f;
+}
+.theme-orange a {
+  color: #f8a31f;
+}
+.theme-orange .btn {
+  color: #333;
+}
+.theme-orange .btn.btn-primary {
+  background: #f8a31f;
+  color: #fff;
+}
+.theme-orange .btn.btn-inverse, .theme-orange .btn.btn-success, .theme-orange .btn.btn-danger {
+  color: #fff;
+}
+.theme-orange.locked {
+  background: #f8a31f !important;
+}
+.theme-orange.locked .pull-left a {
+  background: #c47a06;
+}
+.theme-orange.locked .pull-left a:hover {
+  background: #935b05;
+}
+.theme-orange #navigation {
+  background: #f8a31f;
+}
+.theme-orange #navigation .toggle-mobile {
+  background: #c47a06;
+}
+.theme-orange #navigation .mobile-nav.open {
+  background: #f8a31f;
+}
+.theme-orange #navigation .mobile-nav.open > li.active > a {
+  background: #935b05;
+}
+.theme-orange #navigation .mobile-nav.open > li.active > ul {
+  background: #935b05;
+}
+.theme-orange #navigation .mobile-nav.open > li > a {
+  background: #c47a06;
+}
+.theme-orange #navigation .mobile-nav.open > li > ul {
+  background: #c47a06;
+}
+.theme-orange #navigation .main-nav > li.active > a:hover {
+  background: #fff;
+}
+.theme-orange #navigation .main-nav > li.active.open > a {
+  background: #fff;
+}
+.theme-orange #navigation .main-nav > li.open > a {
+  background: #c47a06;
+}
+.theme-orange #navigation .main-nav > li > a:hover {
+  background: #c47a06;
+}
+.theme-orange #navigation .user .icon-nav > li > a:hover {
+  background: #c47a06;
+}
+.theme-orange #navigation .user .dropdown.open {
+  background: #c47a06;
+}
+.theme-orange #navigation .user .dropdown > a:hover {
+  background: #c47a06;
+}
+.theme-orange #navigation .dropdown-menu {
+  border-color: #f8a31f;
+}
+.theme-orange #navigation .dropdown-menu > li > a:hover {
+  background: #f8a31f;
+}
+.theme-orange .search-form .search-pane button[type="submit"] {
+  background: #f8a31f;
+}
+.theme-orange .messages > li.insert .submit button {
+  background: #f8a31f;
+}
+.theme-orange .messages > li.right .name {
+  color: #492d02;
+}
+.theme-orange .messages > li.right .message {
+  background: #fef4e5;
+}
+.theme-orange .messages > li.right .message p {
+  color: #7a4c04;
+}
+.theme-orange .messages > li.right .message .time {
+  color: #7a4c04;
+}
+.theme-orange .messages > li.right .message .caret {
+  border-left: 7px solid #fef4e5;
+}
+.theme-orange .letterbox .letter > li.active {
+  background: #f8a31f;
+}
+.theme-orange .calendar .fc-content .fc-event .fc-event-inner {
+  background: #f8a31f;
+}
+.theme-orange .calendar .fc-button.fc-state-active {
+  background: #f8a31f;
+}
+.theme-orange .calendar .fc-button.fc-state-active:hover {
+  background: #f8a31f;
+}
+.theme-orange .table.table-user tr.alpha td.alpha-val span {
+  background: #f8a31f;
+}
+.theme-orange .tagsinput#textfield_tagsinput .tag, .theme-orange .ms-container .multi-custom-header, .theme-orange .slider .ui-slider-handle, .theme-orange .form-wizard .wizard-steps li.active .single-step .title, .theme-orange .user-list h4, .theme-orange .nav.nav-pills > li.active > a, .theme-orange .nav.nav-list > li.active > a, .theme-orange .table.table-colored-header thead th, .theme-orange .table.table-colored-header thead td, .theme-orange .dataTables_wrapper .dataTables_paginate > span > a.paginate_active, .theme-orange .elfinder-navbar .ui-state-active, .theme-orange .pagination.pagination-custom li.active a:hover, .theme-orange .pagination.pagination-custom li.active a {
+  background: #f8a31f;
+}
+.theme-orange .elfinder-navbar .ui-state-active {
+  border-color: #f8a31f;
+}
+.theme-orange #main .box .box-title .tabs > li.active > a {
+  background: #f8a31f;
+}
+.theme-orange #main .box.box-color .box-title {
+  background: #f8a31f;
+}
+.theme-orange #main .box.box-color .box-title .tabs > li.active > a {
+  background: #fff;
+  color: #f8a31f;
+}
+.theme-orange #main .box.box-bordered.box-color .box-title {
+  border-color: #f8a31f;
+}
+.theme-orange #main .box.box-bordered.box-color .box-content {
+  border-color: #f8a31f;
+}
+
+.font-red {
+  color: #e51400;
+}
+
+ul > li.red, .label-red {
+  background: #e51400;
+}
+
+.progress .bar.bar-red {
+  background: #e51400;
+}
+
+.pricing-tables .pricing.red > li.head {
+  background: #e51400;
+}
+.pricing-tables .pricing.red > li.head .info {
+  background: #ff1600;
+}
+.pricing-tables .pricing.red > li.head .name {
+  background: #b21000;
+}
+
+.btn.btn-red {
+  background: #e51400;
+  color: white !important;
+}
+.btn.btn-red:hover {
+  background: #b21000;
+}
+
+.box.box-color.red .box-title {
+  background: #e51400 !important;
+}
+.box.box-color.red .box-title .actions > a:hover {
+  color: #e51400;
+}
+.box.box-color.red .form-wizard .wizard-steps li.active .single-step .title {
+  background: #e51400;
+}
+.box.box-color.red .btn.btn-primary {
+  background: #e51400;
+}
+.box.box-bordered.box-color.red .box-title {
+  border-color: #e51400 !important;
+}
+.box.box-bordered.box-color.red .box-content {
+  border-color: #e51400 !important;
+}
+.box.box-bordered.box-color.red .slimScrollDiv {
+  border-bottom: 2px solid #e51400;
+}
+
+.timeline > li .timeline-content .left .icon.red {
+  background: #e51400;
+}
+
+.theme-red #navigation .dropdown-menu {
+  border-color: #e51400;
+}
+.theme-red #navigation .dropdown-menu > li.dropdown-submenu .dropdown-menu {
+  border-top: 2px solid #e51400;
+}
+.theme-red #navigation .dropdown-menu > li.dropdown-submenu:hover > a, .theme-red #navigation .dropdown-menu > li.dropdown-submenu:focus > a {
+  background: #e51400;
+}
+.theme-red #navigation .dropdown-menu > li > a:hover {
+  background: #e51400;
+}
+.theme-red .datepicker.datepicker-dropdown .datepicker-days .active, .theme-red .datepicker.datepicker-dropdown .datepicker-years .active, .theme-red .datepicker.datepicker-dropdown .datepicker-months .active {
+  background: #e51400;
+}
+.theme-red .datepicker.datepicker-dropdown .datepicker-days .active:hover, .theme-red .datepicker.datepicker-dropdown .datepicker-years .active:hover, .theme-red .datepicker.datepicker-dropdown .datepicker-months .active:hover {
+  background: #b21000;
+}
+.theme-red .form-wizard .wizard-steps li.active .single-step .title {
+  background: #e51400;
+}
+.theme-red .btn.btn-primary {
+  background: #e51400;
+}
+.theme-red.login {
+  background: #e51400;
+}
+.theme-red a {
+  color: #e51400;
+}
+.theme-red .btn {
+  color: #333;
+}
+.theme-red .btn.btn-primary {
+  background: #e51400;
+  color: #fff;
+}
+.theme-red .btn.btn-inverse, .theme-red .btn.btn-success, .theme-red .btn.btn-danger {
+  color: #fff;
+}
+.theme-red.locked {
+  background: #e51400 !important;
+}
+.theme-red.locked .pull-left a {
+  background: #990d00;
+}
+.theme-red.locked .pull-left a:hover {
+  background: #660900;
+}
+.theme-red #navigation {
+  background: #e51400;
+}
+.theme-red #navigation .toggle-mobile {
+  background: #990d00;
+}
+.theme-red #navigation .mobile-nav.open {
+  background: #e51400;
+}
+.theme-red #navigation .mobile-nav.open > li.active > a {
+  background: #660900;
+}
+.theme-red #navigation .mobile-nav.open > li.active > ul {
+  background: #660900;
+}
+.theme-red #navigation .mobile-nav.open > li > a {
+  background: #990d00;
+}
+.theme-red #navigation .mobile-nav.open > li > ul {
+  background: #990d00;
+}
+.theme-red #navigation .main-nav > li.active > a:hover {
+  background: #fff;
+}
+.theme-red #navigation .main-nav > li.active.open > a {
+  background: #fff;
+}
+.theme-red #navigation .main-nav > li.open > a {
+  background: #990d00;
+}
+.theme-red #navigation .main-nav > li > a:hover {
+  background: #990d00;
+}
+.theme-red #navigation .user .icon-nav > li > a:hover {
+  background: #990d00;
+}
+.theme-red #navigation .user .dropdown.open {
+  background: #990d00;
+}
+.theme-red #navigation .user .dropdown > a:hover {
+  background: #990d00;
+}
+.theme-red #navigation .dropdown-menu {
+  border-color: #e51400;
+}
+.theme-red #navigation .dropdown-menu > li > a:hover {
+  background: #e51400;
+}
+.theme-red .search-form .search-pane button[type="submit"] {
+  background: #e51400;
+}
+.theme-red .messages > li.insert .submit button {
+  background: #e51400;
+}
+.theme-red .messages > li.right .name {
+  color: #190200;
+}
+.theme-red .messages > li.right .message {
+  background: #ffb9b2;
+}
+.theme-red .messages > li.right .message p {
+  color: #4c0700;
+}
+.theme-red .messages > li.right .message .time {
+  color: #4c0700;
+}
+.theme-red .messages > li.right .message .caret {
+  border-left: 7px solid #ffb9b2;
+}
+.theme-red .letterbox .letter > li.active {
+  background: #e51400;
+}
+.theme-red .calendar .fc-content .fc-event .fc-event-inner {
+  background: #e51400;
+}
+.theme-red .calendar .fc-button.fc-state-active {
+  background: #e51400;
+}
+.theme-red .calendar .fc-button.fc-state-active:hover {
+  background: #e51400;
+}
+.theme-red .table.table-user tr.alpha td.alpha-val span {
+  background: #e51400;
+}
+.theme-red .tagsinput#textfield_tagsinput .tag, .theme-red .ms-container .multi-custom-header, .theme-red .slider .ui-slider-handle, .theme-red .form-wizard .wizard-steps li.active .single-step .title, .theme-red .user-list h4, .theme-red .nav.nav-pills > li.active > a, .theme-red .nav.nav-list > li.active > a, .theme-red .table.table-colored-header thead th, .theme-red .table.table-colored-header thead td, .theme-red .dataTables_wrapper .dataTables_paginate > span > a.paginate_active, .theme-red .elfinder-navbar .ui-state-active, .theme-red .pagination.pagination-custom li.active a:hover, .theme-red .pagination.pagination-custom li.active a {
+  background: #e51400;
+}
+.theme-red .elfinder-navbar .ui-state-active {
+  border-color: #e51400;
+}
+.theme-red #main .box .box-title .tabs > li.active > a {
+  background: #e51400;
+}
+.theme-red #main .box.box-color .box-title {
+  background: #e51400;
+}
+.theme-red #main .box.box-color .box-title .tabs > li.active > a {
+  background: #fff;
+  color: #e51400;
+}
+.theme-red #main .box.box-bordered.box-color .box-title {
+  border-color: #e51400;
+}
+.theme-red #main .box.box-bordered.box-color .box-content {
+  border-color: #e51400;
+}
+
+.font-green {
+  color: #339933;
+}
+
+ul > li.green, .label-green {
+  background: #339933;
+}
+
+.progress .bar.bar-green {
+  background: #339933;
+}
+
+.pricing-tables .pricing.green > li.head {
+  background: #339933;
+}
+.pricing-tables .pricing.green > li.head .info {
+  background: #39ac39;
+}
+.pricing-tables .pricing.green > li.head .name {
+  background: #267326;
+}
+
+.btn.btn-green {
+  background: #339933;
+  color: white !important;
+}
+.btn.btn-green:hover {
+  background: #267326;
+}
+
+.box.box-color.green .box-title {
+  background: #339933 !important;
+}
+.box.box-color.green .box-title .actions > a:hover {
+  color: #339933;
+}
+.box.box-color.green .form-wizard .wizard-steps li.active .single-step .title {
+  background: #339933;
+}
+.box.box-color.green .btn.btn-primary {
+  background: #339933;
+}
+.box.box-bordered.box-color.green .box-title {
+  border-color: #339933 !important;
+}
+.box.box-bordered.box-color.green .box-content {
+  border-color: #339933 !important;
+}
+.box.box-bordered.box-color.green .slimScrollDiv {
+  border-bottom: 2px solid #339933;
+}
+
+.timeline > li .timeline-content .left .icon.green {
+  background: #339933;
+}
+
+.theme-green #navigation .dropdown-menu {
+  border-color: #339933;
+}
+.theme-green #navigation .dropdown-menu > li.dropdown-submenu .dropdown-menu {
+  border-top: 2px solid #339933;
+}
+.theme-green #navigation .dropdown-menu > li.dropdown-submenu:hover > a, .theme-green #navigation .dropdown-menu > li.dropdown-submenu:focus > a {
+  background: #339933;
+}
+.theme-green #navigation .dropdown-menu > li > a:hover {
+  background: #339933;
+}
+.theme-green .datepicker.datepicker-dropdown .datepicker-days .active, .theme-green .datepicker.datepicker-dropdown .datepicker-years .active, .theme-green .datepicker.datepicker-dropdown .datepicker-months .active {
+  background: #339933;
+}
+.theme-green .datepicker.datepicker-dropdown .datepicker-days .active:hover, .theme-green .datepicker.datepicker-dropdown .datepicker-years .active:hover, .theme-green .datepicker.datepicker-dropdown .datepicker-months .active:hover {
+  background: #267326;
+}
+.theme-green .form-wizard .wizard-steps li.active .single-step .title {
+  background: #339933;
+}
+.theme-green .btn.btn-primary {
+  background: #339933;
+}
+.theme-green.login {
+  background: #339933;
+}
+.theme-green a {
+  color: #339933;
+}
+.theme-green .btn {
+  color: #333;
+}
+.theme-green .btn.btn-primary {
+  background: #339933;
+  color: #fff;
+}
+.theme-green .btn.btn-inverse, .theme-green .btn.btn-success, .theme-green .btn.btn-danger {
+  color: #fff;
+}
+.theme-green.locked {
+  background: #339933 !important;
+}
+.theme-green.locked .pull-left a {
+  background: #206020;
+}
+.theme-green.locked .pull-left a:hover {
+  background: #133913;
+}
+.theme-green #navigation {
+  background: #339933;
+}
+.theme-green #navigation .toggle-mobile {
+  background: #206020;
+}
+.theme-green #navigation .mobile-nav.open {
+  background: #339933;
+}
+.theme-green #navigation .mobile-nav.open > li.active > a {
+  background: #133913;
+}
+.theme-green #navigation .mobile-nav.open > li.active > ul {
+  background: #133913;
+}
+.theme-green #navigation .mobile-nav.open > li > a {
+  background: #206020;
+}
+.theme-green #navigation .mobile-nav.open > li > ul {
+  background: #206020;
+}
+.theme-green #navigation .main-nav > li.active > a:hover {
+  background: #fff;
+}
+.theme-green #navigation .main-nav > li.active.open > a {
+  background: #fff;
+}
+.theme-green #navigation .main-nav > li.open > a {
+  background: #206020;
+}
+.theme-green #navigation .main-nav > li > a:hover {
+  background: #206020;
+}
+.theme-green #navigation .user .icon-nav > li > a:hover {
+  background: #206020;
+}
+.theme-green #navigation .user .dropdown.open {
+  background: #206020;
+}
+.theme-green #navigation .user .dropdown > a:hover {
+  background: #206020;
+}
+.theme-green #navigation .dropdown-menu {
+  border-color: #339933;
+}
+.theme-green #navigation .dropdown-menu > li > a:hover {
+  background: #339933;
+}
+.theme-green .search-form .search-pane button[type="submit"] {
+  background: #339933;
+}
+.theme-green .messages > li.insert .submit button {
+  background: #339933;
+}
+.theme-green .messages > li.right .name {
+  color: black;
+}
+.theme-green .messages > li.right .message {
+  background: #b3e6b3;
+}
+.theme-green .messages > li.right .message p {
+  color: #0d260d;
+}
+.theme-green .messages > li.right .message .time {
+  color: #0d260d;
+}
+.theme-green .messages > li.right .message .caret {
+  border-left: 7px solid #b3e6b3;
+}
+.theme-green .letterbox .letter > li.active {
+  background: #339933;
+}
+.theme-green .calendar .fc-content .fc-event .fc-event-inner {
+  background: #339933;
+}
+.theme-green .calendar .fc-button.fc-state-active {
+  background: #339933;
+}
+.theme-green .calendar .fc-button.fc-state-active:hover {
+  background: #339933;
+}
+.theme-green .table.table-user tr.alpha td.alpha-val span {
+  background: #339933;
+}
+.theme-green .tagsinput#textfield_tagsinput .tag, .theme-green .ms-container .multi-custom-header, .theme-green .slider .ui-slider-handle, .theme-green .form-wizard .wizard-steps li.active .single-step .title, .theme-green .user-list h4, .theme-green .nav.nav-pills > li.active > a, .theme-green .nav.nav-list > li.active > a, .theme-green .table.table-colored-header thead th, .theme-green .table.table-colored-header thead td, .theme-green .dataTables_wrapper .dataTables_paginate > span > a.paginate_active, .theme-green .elfinder-navbar .ui-state-active, .theme-green .pagination.pagination-custom li.active a:hover, .theme-green .pagination.pagination-custom li.active a {
+  background: #339933;
+}
+.theme-green .elfinder-navbar .ui-state-active {
+  border-color: #339933;
+}
+.theme-green #main .box .box-title .tabs > li.active > a {
+  background: #339933;
+}
+.theme-green #main .box.box-color .box-title {
+  background: #339933;
+}
+.theme-green #main .box.box-color .box-title .tabs > li.active > a {
+  background: #fff;
+  color: #339933;
+}
+.theme-green #main .box.box-bordered.box-color .box-title {
+  border-color: #339933;
+}
+.theme-green #main .box.box-bordered.box-color .box-content {
+  border-color: #339933;
+}
+
+.font-lime {
+  color: #8cbf26;
+}
+
+ul > li.lime, .label-lime {
+  background: #8cbf26;
+}
+
+.progress .bar.bar-lime {
+  background: #8cbf26;
+}
+
+.pricing-tables .pricing.lime > li.head {
+  background: #8cbf26;
+}
+.pricing-tables .pricing.lime > li.head .info {
+  background: #9cd42a;
+}
+.pricing-tables .pricing.lime > li.head .name {
+  background: #6d941e;
+}
+
+.btn.btn-lime {
+  background: #8cbf26;
+  color: white !important;
+}
+.btn.btn-lime:hover {
+  background: #6d941e;
+}
+
+.box.box-color.lime .box-title {
+  background: #8cbf26 !important;
+}
+.box.box-color.lime .box-title .actions > a:hover {
+  color: #8cbf26;
+}
+.box.box-color.lime .form-wizard .wizard-steps li.active .single-step .title {
+  background: #8cbf26;
+}
+.box.box-color.lime .btn.btn-primary {
+  background: #8cbf26;
+}
+.box.box-bordered.box-color.lime .box-title {
+  border-color: #8cbf26 !important;
+}
+.box.box-bordered.box-color.lime .box-content {
+  border-color: #8cbf26 !important;
+}
+.box.box-bordered.box-color.lime .slimScrollDiv {
+  border-bottom: 2px solid #8cbf26;
+}
+
+.timeline > li .timeline-content .left .icon.lime {
+  background: #8cbf26;
+}
+
+.theme-lime #navigation .dropdown-menu {
+  border-color: #8cbf26;
+}
+.theme-lime #navigation .dropdown-menu > li.dropdown-submenu .dropdown-menu {
+  border-top: 2px solid #8cbf26;
+}
+.theme-lime #navigation .dropdown-menu > li.dropdown-submenu:hover > a, .theme-lime #navigation .dropdown-menu > li.dropdown-submenu:focus > a {
+  background: #8cbf26;
+}
+.theme-lime #navigation .dropdown-menu > li > a:hover {
+  background: #8cbf26;
+}
+.theme-lime .datepicker.datepicker-dropdown .datepicker-days .active, .theme-lime .datepicker.datepicker-dropdown .datepicker-years .active, .theme-lime .datepicker.datepicker-dropdown .datepicker-months .active {
+  background: #8cbf26;
+}
+.theme-lime .datepicker.datepicker-dropdown .datepicker-days .active:hover, .theme-lime .datepicker.datepicker-dropdown .datepicker-years .active:hover, .theme-lime .datepicker.datepicker-dropdown .datepicker-months .active:hover {
+  background: #6d941e;
+}
+.theme-lime .form-wizard .wizard-steps li.active .single-step .title {
+  background: #8cbf26;
+}
+.theme-lime .btn.btn-primary {
+  background: #8cbf26;
+}
+.theme-lime.login {
+  background: #8cbf26;
+}
+.theme-lime a {
+  color: #8cbf26;
+}
+.theme-lime .btn {
+  color: #333;
+}
+.theme-lime .btn.btn-primary {
+  background: #8cbf26;
+  color: #fff;
+}
+.theme-lime .btn.btn-inverse, .theme-lime .btn.btn-success, .theme-lime .btn.btn-danger {
+  color: #fff;
+}
+.theme-lime.locked {
+  background: #8cbf26 !important;
+}
+.theme-lime.locked .pull-left a {
+  background: #5d7f19;
+}
+.theme-lime.locked .pull-left a:hover {
+  background: #3e5511;
+}
+.theme-lime #navigation {
+  background: #8cbf26;
+}
+.theme-lime #navigation .toggle-mobile {
+  background: #5d7f19;
+}
+.theme-lime #navigation .mobile-nav.open {
+  background: #8cbf26;
+}
+.theme-lime #navigation .mobile-nav.open > li.active > a {
+  background: #3e5511;
+}
+.theme-lime #navigation .mobile-nav.open > li.active > ul {
+  background: #3e5511;
+}
+.theme-lime #navigation .mobile-nav.open > li > a {
+  background: #5d7f19;
+}
+.theme-lime #navigation .mobile-nav.open > li > ul {
+  background: #5d7f19;
+}
+.theme-lime #navigation .main-nav > li.active > a:hover {
+  background: #fff;
+}
+.theme-lime #navigation .main-nav > li.active.open > a {
+  background: #fff;
+}
+.theme-lime #navigation .main-nav > li.open > a {
+  background: #5d7f19;
+}
+.theme-lime #navigation .main-nav > li > a:hover {
+  background: #5d7f19;
+}
+.theme-lime #navigation .user .icon-nav > li > a:hover {
+  background: #5d7f19;
+}
+.theme-lime #navigation .user .dropdown.open {
+  background: #5d7f19;
+}
+.theme-lime #navigation .user .dropdown > a:hover {
+  background: #5d7f19;
+}
+.theme-lime #navigation .dropdown-menu {
+  border-color: #8cbf26;
+}
+.theme-lime #navigation .dropdown-menu > li > a:hover {
+  background: #8cbf26;
+}
+.theme-lime .search-form .search-pane button[type="submit"] {
+  background: #8cbf26;
+}
+.theme-lime .messages > li.insert .submit button {
+  background: #8cbf26;
+}
+.theme-lime .messages > li.right .name {
+  color: #0f1504;
+}
+.theme-lime .messages > li.right .message {
+  background: #e1f2bf;
+}
+.theme-lime .messages > li.right .message p {
+  color: #2e3f0d;
+}
+.theme-lime .messages > li.right .message .time {
+  color: #2e3f0d;
+}
+.theme-lime .messages > li.right .message .caret {
+  border-left: 7px solid #e1f2bf;
+}
+.theme-lime .letterbox .letter > li.active {
+  background: #8cbf26;
+}
+.theme-lime .calendar .fc-content .fc-event .fc-event-inner {
+  background: #8cbf26;
+}
+.theme-lime .calendar .fc-button.fc-state-active {
+  background: #8cbf26;
+}
+.theme-lime .calendar .fc-button.fc-state-active:hover {
+  background: #8cbf26;
+}
+.theme-lime .table.table-user tr.alpha td.alpha-val span {
+  background: #8cbf26;
+}
+.theme-lime .tagsinput#textfield_tagsinput .tag, .theme-lime .ms-container .multi-custom-header, .theme-lime .slider .ui-slider-handle, .theme-lime .form-wizard .wizard-steps li.active .single-step .title, .theme-lime .user-list h4, .theme-lime .nav.nav-pills > li.active > a, .theme-lime .nav.nav-list > li.active > a, .theme-lime .table.table-colored-header thead th, .theme-lime .table.table-colored-header thead td, .theme-lime .dataTables_wrapper .dataTables_paginate > span > a.paginate_active, .theme-lime .elfinder-navbar .ui-state-active, .theme-lime .pagination.pagination-custom li.active a:hover, .theme-lime .pagination.pagination-custom li.active a {
+  background: #8cbf26;
+}
+.theme-lime .elfinder-navbar .ui-state-active {
+  border-color: #8cbf26;
+}
+.theme-lime #main .box .box-title .tabs > li.active > a {
+  background: #8cbf26;
+}
+.theme-lime #main .box.box-color .box-title {
+  background: #8cbf26;
+}
+.theme-lime #main .box.box-color .box-title .tabs > li.active > a {
+  background: #fff;
+  color: #8cbf26;
+}
+.theme-lime #main .box.box-bordered.box-color .box-title {
+  border-color: #8cbf26;
+}
+.theme-lime #main .box.box-bordered.box-color .box-content {
+  border-color: #8cbf26;
+}
+
+.font-teal {
+  color: #00aba9;
+}
+
+ul > li.teal, .label-teal {
+  background: #00aba9;
+}
+
+.progress .bar.bar-teal {
+  background: #00aba9;
+}
+
+.pricing-tables .pricing.teal > li.head {
+  background: #00aba9;
+}
+.pricing-tables .pricing.teal > li.head .info {
+  background: #00c4c2;
+}
+.pricing-tables .pricing.teal > li.head .name {
+  background: #007877;
+}
+
+.btn.btn-teal {
+  background: #00aba9;
+  color: white !important;
+}
+.btn.btn-teal:hover {
+  background: #007877;
+}
+
+.box.box-color.teal .box-title {
+  background: #00aba9 !important;
+}
+.box.box-color.teal .box-title .actions > a:hover {
+  color: #00aba9;
+}
+.box.box-color.teal .form-wizard .wizard-steps li.active .single-step .title {
+  background: #00aba9;
+}
+.box.box-color.teal .btn.btn-primary {
+  background: #00aba9;
+}
+.box.box-bordered.box-color.teal .box-title {
+  border-color: #00aba9 !important;
+}
+.box.box-bordered.box-color.teal .box-content {
+  border-color: #00aba9 !important;
+}
+.box.box-bordered.box-color.teal .slimScrollDiv {
+  border-bottom: 2px solid #00aba9;
+}
+
+.timeline > li .timeline-content .left .icon.teal {
+  background: #00aba9;
+}
+
+.theme-teal #navigation .dropdown-menu {
+  border-color: #00aba9;
+}
+.theme-teal #navigation .dropdown-menu > li.dropdown-submenu .dropdown-menu {
+  border-top: 2px solid #00aba9;
+}
+.theme-teal #navigation .dropdown-menu > li.dropdown-submenu:hover > a, .theme-teal #navigation .dropdown-menu > li.dropdown-submenu:focus > a {
+  background: #00aba9;
+}
+.theme-teal #navigation .dropdown-menu > li > a:hover {
+  background: #00aba9;
+}
+.theme-teal .datepicker.datepicker-dropdown .datepicker-days .active, .theme-teal .datepicker.datepicker-dropdown .datepicker-years .active, .theme-teal .datepicker.datepicker-dropdown .datepicker-months .active {
+  background: #00aba9;
+}
+.theme-teal .datepicker.datepicker-dropdown .datepicker-days .active:hover, .theme-teal .datepicker.datepicker-dropdown .datepicker-years .active:hover, .theme-teal .datepicker.datepicker-dropdown .datepicker-months .active:hover {
+  background: #007877;
+}
+.theme-teal .form-wizard .wizard-steps li.active .single-step .title {
+  background: #00aba9;
+}
+.theme-teal .btn.btn-primary {
+  background: #00aba9;
+}
+.theme-teal.login {
+  background: #00aba9;
+}
+.theme-teal a {
+  color: #00aba9;
+}
+.theme-teal .btn {
+  color: #333;
+}
+.theme-teal .btn.btn-primary {
+  background: #00aba9;
+  color: #fff;
+}
+.theme-teal .btn.btn-inverse, .theme-teal .btn.btn-success, .theme-teal .btn.btn-danger {
+  color: #fff;
+}
+.theme-teal.locked {
+  background: #00aba9 !important;
+}
+.theme-teal.locked .pull-left a {
+  background: #005e5d;
+}
+.theme-teal.locked .pull-left a:hover {
+  background: #002b2b;
+}
+.theme-teal #navigation {
+  background: #00aba9;
+}
+.theme-teal #navigation .toggle-mobile {
+  background: #005e5d;
+}
+.theme-teal #navigation .mobile-nav.open {
+  background: #00aba9;
+}
+.theme-teal #navigation .mobile-nav.open > li.active > a {
+  background: #002b2b;
+}
+.theme-teal #navigation .mobile-nav.open > li.active > ul {
+  background: #002b2b;
+}
+.theme-teal #navigation .mobile-nav.open > li > a {
+  background: #005e5d;
+}
+.theme-teal #navigation .mobile-nav.open > li > ul {
+  background: #005e5d;
+}
+.theme-teal #navigation .main-nav > li.active > a:hover {
+  background: #fff;
+}
+.theme-teal #navigation .main-nav > li.active.open > a {
+  background: #fff;
+}
+.theme-teal #navigation .main-nav > li.open > a {
+  background: #005e5d;
+}
+.theme-teal #navigation .main-nav > li > a:hover {
+  background: #005e5d;
+}
+.theme-teal #navigation .user .icon-nav > li > a:hover {
+  background: #005e5d;
+}
+.theme-teal #navigation .user .dropdown.open {
+  background: #005e5d;
+}
+.theme-teal #navigation .user .dropdown > a:hover {
+  background: #005e5d;
+}
+.theme-teal #navigation .dropdown-menu {
+  border-color: #00aba9;
+}
+.theme-teal #navigation .dropdown-menu > li > a:hover {
+  background: #00aba9;
+}
+.theme-teal .search-form .search-pane button[type="submit"] {
+  background: #00aba9;
+}
+.theme-teal .messages > li.insert .submit button {
+  background: #00aba9;
+}
+.theme-teal .messages > li.right .name {
+  color: black;
+}
+.theme-teal .messages > li.right .message {
+  background: #78fffd;
+}
+.theme-teal .messages > li.right .message p {
+  color: #001212;
+}
+.theme-teal .messages > li.right .message .time {
+  color: #001212;
+}
+.theme-teal .messages > li.right .message .caret {
+  border-left: 7px solid #78fffd;
+}
+.theme-teal .letterbox .letter > li.active {
+  background: #00aba9;
+}
+.theme-teal .calendar .fc-content .fc-event .fc-event-inner {
+  background: #00aba9;
+}
+.theme-teal .calendar .fc-button.fc-state-active {
+  background: #00aba9;
+}
+.theme-teal .calendar .fc-button.fc-state-active:hover {
+  background: #00aba9;
+}
+.theme-teal .table.table-user tr.alpha td.alpha-val span {
+  background: #00aba9;
+}
+.theme-teal .tagsinput#textfield_tagsinput .tag, .theme-teal .ms-container .multi-custom-header, .theme-teal .slider .ui-slider-handle, .theme-teal .form-wizard .wizard-steps li.active .single-step .title, .theme-teal .user-list h4, .theme-teal .nav.nav-pills > li.active > a, .theme-teal .nav.nav-list > li.active > a, .theme-teal .table.table-colored-header thead th, .theme-teal .table.table-colored-header thead td, .theme-teal .dataTables_wrapper .dataTables_paginate > span > a.paginate_active, .theme-teal .elfinder-navbar .ui-state-active, .theme-teal .pagination.pagination-custom li.active a:hover, .theme-teal .pagination.pagination-custom li.active a {
+  background: #00aba9;
+}
+.theme-teal .elfinder-navbar .ui-state-active {
+  border-color: #00aba9;
+}
+.theme-teal #main .box .box-title .tabs > li.active > a {
+  background: #00aba9;
+}
+.theme-teal #main .box.box-color .box-title {
+  background: #00aba9;
+}
+.theme-teal #main .box.box-color .box-title .tabs > li.active > a {
+  background: #fff;
+  color: #00aba9;
+}
+.theme-teal #main .box.box-bordered.box-color .box-title {
+  border-color: #00aba9;
+}
+.theme-teal #main .box.box-bordered.box-color .box-content {
+  border-color: #00aba9;
+}
+
+.font-purple {
+  color: #ff0097;
+}
+
+ul > li.purple, .label-purple {
+  background: #ff0097;
+}
+
+.progress .bar.bar-purple {
+  background: #ff0097;
+}
+
+.pricing-tables .pricing.purple > li.head {
+  background: #ff0097;
+}
+.pricing-tables .pricing.purple > li.head .info {
+  background: #ff1aa1;
+}
+.pricing-tables .pricing.purple > li.head .name {
+  background: #cc0079;
+}
+
+.btn.btn-purple {
+  background: #ff0097;
+  color: white !important;
+}
+.btn.btn-purple:hover {
+  background: #cc0079;
+}
+
+.box.box-color.purple .box-title {
+  background: #ff0097 !important;
+}
+.box.box-color.purple .box-title .actions > a:hover {
+  color: #ff0097;
+}
+.box.box-color.purple .form-wizard .wizard-steps li.active .single-step .title {
+  background: #ff0097;
+}
+.box.box-color.purple .btn.btn-primary {
+  background: #ff0097;
+}
+.box.box-bordered.box-color.purple .box-title {
+  border-color: #ff0097 !important;
+}
+.box.box-bordered.box-color.purple .box-content {
+  border-color: #ff0097 !important;
+}
+.box.box-bordered.box-color.purple .slimScrollDiv {
+  border-bottom: 2px solid #ff0097;
+}
+
+.timeline > li .timeline-content .left .icon.purple {
+  background: #ff0097;
+}
+
+.theme-purple #navigation .dropdown-menu {
+  border-color: #ff0097;
+}
+.theme-purple #navigation .dropdown-menu > li.dropdown-submenu .dropdown-menu {
+  border-top: 2px solid #ff0097;
+}
+.theme-purple #navigation .dropdown-menu > li.dropdown-submenu:hover > a, .theme-purple #navigation .dropdown-menu > li.dropdown-submenu:focus > a {
+  background: #ff0097;
+}
+.theme-purple #navigation .dropdown-menu > li > a:hover {
+  background: #ff0097;
+}
+.theme-purple .datepicker.datepicker-dropdown .datepicker-days .active, .theme-purple .datepicker.datepicker-dropdown .datepicker-years .active, .theme-purple .datepicker.datepicker-dropdown .datepicker-months .active {
+  background: #ff0097;
+}
+.theme-purple .datepicker.datepicker-dropdown .datepicker-days .active:hover, .theme-purple .datepicker.datepicker-dropdown .datepicker-years .active:hover, .theme-purple .datepicker.datepicker-dropdown .datepicker-months .active:hover {
+  background: #cc0079;
+}
+.theme-purple .form-wizard .wizard-steps li.active .single-step .title {
+  background: #ff0097;
+}
+.theme-purple .btn.btn-primary {
+  background: #ff0097;
+}
+.theme-purple.login {
+  background: #ff0097;
+}
+.theme-purple a {
+  color: #ff0097;
+}
+.theme-purple .btn {
+  color: #333;
+}
+.theme-purple .btn.btn-primary {
+  background: #ff0097;
+  color: #fff;
+}
+.theme-purple .btn.btn-inverse, .theme-purple .btn.btn-success, .theme-purple .btn.btn-danger {
+  color: #fff;
+}
+.theme-purple.locked {
+  background: #ff0097 !important;
+}
+.theme-purple.locked .pull-left a {
+  background: #b3006a;
+}
+.theme-purple.locked .pull-left a:hover {
+  background: #80004b;
+}
+.theme-purple #navigation {
+  background: #ff0097;
+}
+.theme-purple #navigation .toggle-mobile {
+  background: #b3006a;
+}
+.theme-purple #navigation .mobile-nav.open {
+  background: #ff0097;
+}
+.theme-purple #navigation .mobile-nav.open > li.active > a {
+  background: #80004b;
+}
+.theme-purple #navigation .mobile-nav.open > li.active > ul {
+  background: #80004b;
+}
+.theme-purple #navigation .mobile-nav.open > li > a {
+  background: #b3006a;
+}
+.theme-purple #navigation .mobile-nav.open > li > ul {
+  background: #b3006a;
+}
+.theme-purple #navigation .main-nav > li.active > a:hover {
+  background: #fff;
+}
+.theme-purple #navigation .main-nav > li.active.open > a {
+  background: #fff;
+}
+.theme-purple #navigation .main-nav > li.open > a {
+  background: #b3006a;
+}
+.theme-purple #navigation .main-nav > li > a:hover {
+  background: #b3006a;
+}
+.theme-purple #navigation .user .icon-nav > li > a:hover {
+  background: #b3006a;
+}
+.theme-purple #navigation .user .dropdown.open {
+  background: #b3006a;
+}
+.theme-purple #navigation .user .dropdown > a:hover {
+  background: #b3006a;
+}
+.theme-purple #navigation .dropdown-menu {
+  border-color: #ff0097;
+}
+.theme-purple #navigation .dropdown-menu > li > a:hover {
+  background: #ff0097;
+}
+.theme-purple .search-form .search-pane button[type="submit"] {
+  background: #ff0097;
+}
+.theme-purple .messages > li.insert .submit button {
+  background: #ff0097;
+}
+.theme-purple .messages > li.right .name {
+  color: #33001e;
+}
+.theme-purple .messages > li.right .message {
+  background: #ffccea;
+}
+.theme-purple .messages > li.right .message p {
+  color: #66003c;
+}
+.theme-purple .messages > li.right .message .time {
+  color: #66003c;
+}
+.theme-purple .messages > li.right .message .caret {
+  border-left: 7px solid #ffccea;
+}
+.theme-purple .letterbox .letter > li.active {
+  background: #ff0097;
+}
+.theme-purple .calendar .fc-content .fc-event .fc-event-inner {
+  background: #ff0097;
+}
+.theme-purple .calendar .fc-button.fc-state-active {
+  background: #ff0097;
+}
+.theme-purple .calendar .fc-button.fc-state-active:hover {
+  background: #ff0097;
+}
+.theme-purple .table.table-user tr.alpha td.alpha-val span {
+  background: #ff0097;
+}
+.theme-purple .tagsinput#textfield_tagsinput .tag, .theme-purple .ms-container .multi-custom-header, .theme-purple .slider .ui-slider-handle, .theme-purple .form-wizard .wizard-steps li.active .single-step .title, .theme-purple .user-list h4, .theme-purple .nav.nav-pills > li.active > a, .theme-purple .nav.nav-list > li.active > a, .theme-purple .table.table-colored-header thead th, .theme-purple .table.table-colored-header thead td, .theme-purple .dataTables_wrapper .dataTables_paginate > span > a.paginate_active, .theme-purple .elfinder-navbar .ui-state-active, .theme-purple .pagination.pagination-custom li.active a:hover, .theme-purple .pagination.pagination-custom li.active a {
+  background: #ff0097;
+}
+.theme-purple .elfinder-navbar .ui-state-active {
+  border-color: #ff0097;
+}
+.theme-purple #main .box .box-title .tabs > li.active > a {
+  background: #ff0097;
+}
+.theme-purple #main .box.box-color .box-title {
+  background: #ff0097;
+}
+.theme-purple #main .box.box-color .box-title .tabs > li.active > a {
+  background: #fff;
+  color: #ff0097;
+}
+.theme-purple #main .box.box-bordered.box-color .box-title {
+  border-color: #ff0097;
+}
+.theme-purple #main .box.box-bordered.box-color .box-content {
+  border-color: #ff0097;
+}
+
+.font-brown {
+  color: #a05000;
+}
+
+ul > li.brown, .label-brown {
+  background: #a05000;
+}
+
+.progress .bar.bar-brown {
+  background: #a05000;
+}
+
+.pricing-tables .pricing.brown > li.head {
+  background: #a05000;
+}
+.pricing-tables .pricing.brown > li.head .info {
+  background: #ba5d00;
+}
+.pricing-tables .pricing.brown > li.head .name {
+  background: #6d3700;
+}
+
+.btn.btn-brown {
+  background: #a05000;
+  color: white !important;
+}
+.btn.btn-brown:hover {
+  background: #6d3700;
+}
+
+.box.box-color.brown .box-title {
+  background: #a05000 !important;
+}
+.box.box-color.brown .box-title .actions > a:hover {
+  color: #a05000;
+}
+.box.box-color.brown .form-wizard .wizard-steps li.active .single-step .title {
+  background: #a05000;
+}
+.box.box-color.brown .btn.btn-primary {
+  background: #a05000;
+}
+.box.box-bordered.box-color.brown .box-title {
+  border-color: #a05000 !important;
+}
+.box.box-bordered.box-color.brown .box-content {
+  border-color: #a05000 !important;
+}
+.box.box-bordered.box-color.brown .slimScrollDiv {
+  border-bottom: 2px solid #a05000;
+}
+
+.timeline > li .timeline-content .left .icon.brown {
+  background: #a05000;
+}
+
+.theme-brown #navigation .dropdown-menu {
+  border-color: #a05000;
+}
+.theme-brown #navigation .dropdown-menu > li.dropdown-submenu .dropdown-menu {
+  border-top: 2px solid #a05000;
+}
+.theme-brown #navigation .dropdown-menu > li.dropdown-submenu:hover > a, .theme-brown #navigation .dropdown-menu > li.dropdown-submenu:focus > a {
+  background: #a05000;
+}
+.theme-brown #navigation .dropdown-menu > li > a:hover {
+  background: #a05000;
+}
+.theme-brown .datepicker.datepicker-dropdown .datepicker-days .active, .theme-brown .datepicker.datepicker-dropdown .datepicker-years .active, .theme-brown .datepicker.datepicker-dropdown .datepicker-months .active {
+  background: #a05000;
+}
+.theme-brown .datepicker.datepicker-dropdown .datepicker-days .active:hover, .theme-brown .datepicker.datepicker-dropdown .datepicker-years .active:hover, .theme-brown .datepicker.datepicker-dropdown .datepicker-months .active:hover {
+  background: #6d3700;
+}
+.theme-brown .form-wizard .wizard-steps li.active .single-step .title {
+  background: #a05000;
+}
+.theme-brown .btn.btn-primary {
+  background: #a05000;
+}
+.theme-brown.login {
+  background: #a05000;
+}
+.theme-brown a {
+  color: #a05000;
+}
+.theme-brown .btn {
+  color: #333;
+}
+.theme-brown .btn.btn-primary {
+  background: #a05000;
+  color: #fff;
+}
+.theme-brown .btn.btn-inverse, .theme-brown .btn.btn-success, .theme-brown .btn.btn-danger {
+  color: #fff;
+}
+.theme-brown.locked {
+  background: #a05000 !important;
+}
+.theme-brown.locked .pull-left a {
+  background: #532a00;
+}
+.theme-brown.locked .pull-left a:hover {
+  background: #201000;
+}
+.theme-brown #navigation {
+  background: #a05000;
+}
+.theme-brown #navigation .toggle-mobile {
+  background: #532a00;
+}
+.theme-brown #navigation .mobile-nav.open {
+  background: #a05000;
+}
+.theme-brown #navigation .mobile-nav.open > li.active > a {
+  background: #201000;
+}
+.theme-brown #navigation .mobile-nav.open > li.active > ul {
+  background: #201000;
+}
+.theme-brown #navigation .mobile-nav.open > li > a {
+  background: #532a00;
+}
+.theme-brown #navigation .mobile-nav.open > li > ul {
+  background: #532a00;
+}
+.theme-brown #navigation .main-nav > li.active > a:hover {
+  background: #fff;
+}
+.theme-brown #navigation .main-nav > li.active.open > a {
+  background: #fff;
+}
+.theme-brown #navigation .main-nav > li.open > a {
+  background: #532a00;
+}
+.theme-brown #navigation .main-nav > li > a:hover {
+  background: #532a00;
+}
+.theme-brown #navigation .user .icon-nav > li > a:hover {
+  background: #532a00;
+}
+.theme-brown #navigation .user .dropdown.open {
+  background: #532a00;
+}
+.theme-brown #navigation .user .dropdown > a:hover {
+  background: #532a00;
+}
+.theme-brown #navigation .dropdown-menu {
+  border-color: #a05000;
+}
+.theme-brown #navigation .dropdown-menu > li > a:hover {
+  background: #a05000;
+}
+.theme-brown .search-form .search-pane button[type="submit"] {
+  background: #a05000;
+}
+.theme-brown .messages > li.insert .submit button {
+  background: #a05000;
+}
+.theme-brown .messages > li.right .name {
+  color: black;
+}
+.theme-brown .messages > li.right .message {
+  background: #ffb66d;
+}
+.theme-brown .messages > li.right .message p {
+  color: #070300;
+}
+.theme-brown .messages > li.right .message .time {
+  color: #070300;
+}
+.theme-brown .messages > li.right .message .caret {
+  border-left: 7px solid #ffb66d;
+}
+.theme-brown .letterbox .letter > li.active {
+  background: #a05000;
+}
+.theme-brown .calendar .fc-content .fc-event .fc-event-inner {
+  background: #a05000;
+}
+.theme-brown .calendar .fc-button.fc-state-active {
+  background: #a05000;
+}
+.theme-brown .calendar .fc-button.fc-state-active:hover {
+  background: #a05000;
+}
+.theme-brown .table.table-user tr.alpha td.alpha-val span {
+  background: #a05000;
+}
+.theme-brown .tagsinput#textfield_tagsinput .tag, .theme-brown .ms-container .multi-custom-header, .theme-brown .slider .ui-slider-handle, .theme-brown .form-wizard .wizard-steps li.active .single-step .title, .theme-brown .user-list h4, .theme-brown .nav.nav-pills > li.active > a, .theme-brown .nav.nav-list > li.active > a, .theme-brown .table.table-colored-header thead th, .theme-brown .table.table-colored-header thead td, .theme-brown .dataTables_wrapper .dataTables_paginate > span > a.paginate_active, .theme-brown .elfinder-navbar .ui-state-active, .theme-brown .pagination.pagination-custom li.active a:hover, .theme-brown .pagination.pagination-custom li.active a {
+  background: #a05000;
+}
+.theme-brown .elfinder-navbar .ui-state-active {
+  border-color: #a05000;
+}
+.theme-brown #main .box .box-title .tabs > li.active > a {
+  background: #a05000;
+}
+.theme-brown #main .box.box-color .box-title {
+  background: #a05000;
+}
+.theme-brown #main .box.box-color .box-title .tabs > li.active > a {
+  background: #fff;
+  color: #a05000;
+}
+.theme-brown #main .box.box-bordered.box-color .box-title {
+  border-color: #a05000;
+}
+.theme-brown #main .box.box-bordered.box-color .box-content {
+  border-color: #a05000;
+}
+
+.font-pink {
+  color: #e671b8;
+}
+
+ul > li.pink, .label-pink {
+  background: #e671b8;
+}
+
+.progress .bar.bar-pink {
+  background: #e671b8;
+}
+
+.pricing-tables .pricing.pink > li.head {
+  background: #e671b8;
+}
+.pricing-tables .pricing.pink > li.head .info {
+  background: #ea87c3;
+}
+.pricing-tables .pricing.pink > li.head .name {
+  background: #de46a2;
+}
+
+.btn.btn-pink {
+  background: #e671b8;
+  color: white !important;
+}
+.btn.btn-pink:hover {
+  background: #de46a2;
+}
+
+.box.box-color.pink .box-title {
+  background: #e671b8 !important;
+}
+.box.box-color.pink .box-title h3 {
+  color: #333;
+}
+.box.box-color.pink .box-title .actions > a:hover {
+  color: #e671b8;
+}
+.box.box-color.pink .form-wizard .wizard-steps li.active .single-step .title {
+  background: #e671b8;
+}
+.box.box-color.pink .btn.btn-primary {
+  background: #e671b8;
+}
+.box.box-bordered.box-color.pink .box-title {
+  border-color: #e671b8 !important;
+}
+.box.box-bordered.box-color.pink .box-content {
+  border-color: #e671b8 !important;
+}
+.box.box-bordered.box-color.pink .slimScrollDiv {
+  border-bottom: 2px solid #e671b8;
+}
+
+.timeline > li .timeline-content .left .icon.pink {
+  background: #e671b8;
+}
+
+.theme-pink #navigation .dropdown-menu {
+  border-color: #e671b8;
+}
+.theme-pink #navigation .dropdown-menu > li.dropdown-submenu .dropdown-menu {
+  border-top: 2px solid #e671b8;
+}
+.theme-pink #navigation .dropdown-menu > li.dropdown-submenu:hover > a, .theme-pink #navigation .dropdown-menu > li.dropdown-submenu:focus > a {
+  background: #e671b8;
+}
+.theme-pink #navigation .dropdown-menu > li > a:hover {
+  background: #e671b8;
+}
+.theme-pink .datepicker.datepicker-dropdown .datepicker-days .active, .theme-pink .datepicker.datepicker-dropdown .datepicker-years .active, .theme-pink .datepicker.datepicker-dropdown .datepicker-months .active {
+  background: #e671b8;
+}
+.theme-pink .datepicker.datepicker-dropdown .datepicker-days .active:hover, .theme-pink .datepicker.datepicker-dropdown .datepicker-years .active:hover, .theme-pink .datepicker.datepicker-dropdown .datepicker-months .active:hover {
+  background: #de46a2;
+}
+.theme-pink .form-wizard .wizard-steps li.active .single-step .title {
+  background: #e671b8;
+}
+.theme-pink .btn.btn-primary {
+  background: #e671b8;
+}
+.theme-pink.login {
+  background: #e671b8;
+}
+.theme-pink a {
+  color: #e671b8;
+}
+.theme-pink .btn {
+  color: #333;
+}
+.theme-pink .btn.btn-primary {
+  background: #e671b8;
+  color: #fff;
+}
+.theme-pink .btn.btn-inverse, .theme-pink .btn.btn-success, .theme-pink .btn.btn-danger {
+  color: #fff;
+}
+.theme-pink.locked {
+  background: #e671b8 !important;
+}
+.theme-pink.locked .pull-left a {
+  background: #db3097;
+}
+.theme-pink.locked .pull-left a:hover {
+  background: #b7207c;
+}
+.theme-pink #navigation {
+  background: #e671b8;
+}
+.theme-pink #navigation .toggle-mobile {
+  background: #db3097;
+}
+.theme-pink #navigation .mobile-nav.open {
+  background: #e671b8;
+}
+.theme-pink #navigation .mobile-nav.open > li.active > a {
+  background: #b7207c;
+}
+.theme-pink #navigation .mobile-nav.open > li.active > ul {
+  background: #b7207c;
+}
+.theme-pink #navigation .mobile-nav.open > li > a {
+  background: #db3097;
+}
+.theme-pink #navigation .mobile-nav.open > li > ul {
+  background: #db3097;
+}
+.theme-pink #navigation .main-nav > li.active > a:hover {
+  background: #fff;
+}
+.theme-pink #navigation .main-nav > li.active.open > a {
+  background: #fff;
+}
+.theme-pink #navigation .main-nav > li.open > a {
+  background: #db3097;
+}
+.theme-pink #navigation .main-nav > li > a:hover {
+  background: #db3097;
+}
+.theme-pink #navigation .user .icon-nav > li > a:hover {
+  background: #db3097;
+}
+.theme-pink #navigation .user .dropdown.open {
+  background: #db3097;
+}
+.theme-pink #navigation .user .dropdown > a:hover {
+  background: #db3097;
+}
+.theme-pink #navigation .dropdown-menu {
+  border-color: #e671b8;
+}
+.theme-pink #navigation .dropdown-menu > li > a:hover {
+  background: #e671b8;
+}
+.theme-pink .search-form .search-pane button[type="submit"] {
+  background: #e671b8;
+}
+.theme-pink .messages > li.insert .submit button {
+  background: #e671b8;
+}
+.theme-pink .messages > li.right .name {
+  color: #761550;
+}
+.theme-pink .messages > li.right .message {
+  background: white;
+}
+.theme-pink .messages > li.right .message p {
+  color: #a21c6d;
+}
+.theme-pink .messages > li.right .message .time {
+  color: #a21c6d;
+}
+.theme-pink .messages > li.right .message .caret {
+  border-left: 7px solid white;
+}
+.theme-pink .letterbox .letter > li.active {
+  background: #e671b8;
+}
+.theme-pink .calendar .fc-content .fc-event .fc-event-inner {
+  background: #e671b8;
+}
+.theme-pink .calendar .fc-button.fc-state-active {
+  background: #e671b8;
+}
+.theme-pink .calendar .fc-button.fc-state-active:hover {
+  background: #e671b8;
+}
+.theme-pink .table.table-user tr.alpha td.alpha-val span {
+  background: #e671b8;
+}
+.theme-pink .tagsinput#textfield_tagsinput .tag, .theme-pink .ms-container .multi-custom-header, .theme-pink .slider .ui-slider-handle, .theme-pink .form-wizard .wizard-steps li.active .single-step .title, .theme-pink .user-list h4, .theme-pink .nav.nav-pills > li.active > a, .theme-pink .nav.nav-list > li.active > a, .theme-pink .table.table-colored-header thead th, .theme-pink .table.table-colored-header thead td, .theme-pink .dataTables_wrapper .dataTables_paginate > span > a.paginate_active, .theme-pink .elfinder-navbar .ui-state-active, .theme-pink .pagination.pagination-custom li.active a:hover, .theme-pink .pagination.pagination-custom li.active a {
+  background: #e671b8;
+}
+.theme-pink .elfinder-navbar .ui-state-active {
+  border-color: #e671b8;
+}
+.theme-pink #main .box .box-title .tabs > li.active > a {
+  background: #e671b8;
+}
+.theme-pink #main .box.box-color .box-title {
+  background: #e671b8;
+}
+.theme-pink #main .box.box-color .box-title .tabs > li.active > a {
+  background: #fff;
+  color: #e671b8;
+}
+.theme-pink #main .box.box-bordered.box-color .box-title {
+  border-color: #e671b8;
+}
+.theme-pink #main .box.box-bordered.box-color .box-content {
+  border-color: #e671b8;
+}
+
+.font-magenta {
+  color: #a200ff;
+}
+
+ul > li.magenta, .label-magenta {
+  background: #a200ff;
+}
+
+.progress .bar.bar-magenta {
+  background: #a200ff;
+}
+
+.pricing-tables .pricing.magenta > li.head {
+  background: #a200ff;
+}
+.pricing-tables .pricing.magenta > li.head .info {
+  background: #ab1aff;
+}
+.pricing-tables .pricing.magenta > li.head .name {
+  background: #8200cc;
+}
+
+.btn.btn-magenta {
+  background: #a200ff;
+  color: white !important;
+}
+.btn.btn-magenta:hover {
+  background: #8200cc;
+}
+
+.box.box-color.magenta .box-title {
+  background: #a200ff !important;
+}
+.box.box-color.magenta .box-title .actions > a:hover {
+  color: #a200ff;
+}
+.box.box-color.magenta .form-wizard .wizard-steps li.active .single-step .title {
+  background: #a200ff;
+}
+.box.box-color.magenta .btn.btn-primary {
+  background: #a200ff;
+}
+.box.box-bordered.box-color.magenta .box-title {
+  border-color: #a200ff !important;
+}
+.box.box-bordered.box-color.magenta .box-content {
+  border-color: #a200ff !important;
+}
+.box.box-bordered.box-color.magenta .slimScrollDiv {
+  border-bottom: 2px solid #a200ff;
+}
+
+.timeline > li .timeline-content .left .icon.magenta {
+  background: #a200ff;
+}
+
+.theme-magenta #navigation .dropdown-menu {
+  border-color: #a200ff;
+}
+.theme-magenta #navigation .dropdown-menu > li.dropdown-submenu .dropdown-menu {
+  border-top: 2px solid #a200ff;
+}
+.theme-magenta #navigation .dropdown-menu > li.dropdown-submenu:hover > a, .theme-magenta #navigation .dropdown-menu > li.dropdown-submenu:focus > a {
+  background: #a200ff;
+}
+.theme-magenta #navigation .dropdown-menu > li > a:hover {
+  background: #a200ff;
+}
+.theme-magenta .datepicker.datepicker-dropdown .datepicker-days .active, .theme-magenta .datepicker.datepicker-dropdown .datepicker-years .active, .theme-magenta .datepicker.datepicker-dropdown .datepicker-months .active {
+  background: #a200ff;
+}
+.theme-magenta .datepicker.datepicker-dropdown .datepicker-days .active:hover, .theme-magenta .datepicker.datepicker-dropdown .datepicker-years .active:hover, .theme-magenta .datepicker.datepicker-dropdown .datepicker-months .active:hover {
+  background: #8200cc;
+}
+.theme-magenta .form-wizard .wizard-steps li.active .single-step .title {
+  background: #a200ff;
+}
+.theme-magenta .btn.btn-primary {
+  background: #a200ff;
+}
+.theme-magenta.login {
+  background: #a200ff;
+}
+.theme-magenta a {
+  color: #a200ff;
+}
+.theme-magenta .btn {
+  color: #333;
+}
+.theme-magenta .btn.btn-primary {
+  background: #a200ff;
+  color: #fff;
+}
+.theme-magenta .btn.btn-inverse, .theme-magenta .btn.btn-success, .theme-magenta .btn.btn-danger {
+  color: #fff;
+}
+.theme-magenta.locked {
+  background: #a200ff !important;
+}
+.theme-magenta.locked .pull-left a {
+  background: #7100b3;
+}
+.theme-magenta.locked .pull-left a:hover {
+  background: #510080;
+}
+.theme-magenta #navigation {
+  background: #a200ff;
+}
+.theme-magenta #navigation .toggle-mobile {
+  background: #7100b3;
+}
+.theme-magenta #navigation .mobile-nav.open {
+  background: #a200ff;
+}
+.theme-magenta #navigation .mobile-nav.open > li.active > a {
+  background: #510080;
+}
+.theme-magenta #navigation .mobile-nav.open > li.active > ul {
+  background: #510080;
+}
+.theme-magenta #navigation .mobile-nav.open > li > a {
+  background: #7100b3;
+}
+.theme-magenta #navigation .mobile-nav.open > li > ul {
+  background: #7100b3;
+}
+.theme-magenta #navigation .main-nav > li.active > a:hover {
+  background: #fff;
+}
+.theme-magenta #navigation .main-nav > li.active.open > a {
+  background: #fff;
+}
+.theme-magenta #navigation .main-nav > li.open > a {
+  background: #7100b3;
+}
+.theme-magenta #navigation .main-nav > li > a:hover {
+  background: #7100b3;
+}
+.theme-magenta #navigation .user .icon-nav > li > a:hover {
+  background: #7100b3;
+}
+.theme-magenta #navigation .user .dropdown.open {
+  background: #7100b3;
+}
+.theme-magenta #navigation .user .dropdown > a:hover {
+  background: #7100b3;
+}
+.theme-magenta #navigation .dropdown-menu {
+  border-color: #a200ff;
+}
+.theme-magenta #navigation .dropdown-menu > li > a:hover {
+  background: #a200ff;
+}
+.theme-magenta .search-form .search-pane button[type="submit"] {
+  background: #a200ff;
+}
+.theme-magenta .messages > li.insert .submit button {
+  background: #a200ff;
+}
+.theme-magenta .messages > li.right .name {
+  color: #200033;
+}
+.theme-magenta .messages > li.right .message {
+  background: #ecccff;
+}
+.theme-magenta .messages > li.right .message p {
+  color: #410066;
+}
+.theme-magenta .messages > li.right .message .time {
+  color: #410066;
+}
+.theme-magenta .messages > li.right .message .caret {
+  border-left: 7px solid #ecccff;
+}
+.theme-magenta .letterbox .letter > li.active {
+  background: #a200ff;
+}
+.theme-magenta .calendar .fc-content .fc-event .fc-event-inner {
+  background: #a200ff;
+}
+.theme-magenta .calendar .fc-button.fc-state-active {
+  background: #a200ff;
+}
+.theme-magenta .calendar .fc-button.fc-state-active:hover {
+  background: #a200ff;
+}
+.theme-magenta .table.table-user tr.alpha td.alpha-val span {
+  background: #a200ff;
+}
+.theme-magenta .tagsinput#textfield_tagsinput .tag, .theme-magenta .ms-container .multi-custom-header, .theme-magenta .slider .ui-slider-handle, .theme-magenta .form-wizard .wizard-steps li.active .single-step .title, .theme-magenta .user-list h4, .theme-magenta .nav.nav-pills > li.active > a, .theme-magenta .nav.nav-list > li.active > a, .theme-magenta .table.table-colored-header thead th, .theme-magenta .table.table-colored-header thead td, .theme-magenta .dataTables_wrapper .dataTables_paginate > span > a.paginate_active, .theme-magenta .elfinder-navbar .ui-state-active, .theme-magenta .pagination.pagination-custom li.active a:hover, .theme-magenta .pagination.pagination-custom li.active a {
+  background: #a200ff;
+}
+.theme-magenta .elfinder-navbar .ui-state-active {
+  border-color: #a200ff;
+}
+.theme-magenta #main .box .box-title .tabs > li.active > a {
+  background: #a200ff;
+}
+.theme-magenta #main .box.box-color .box-title {
+  background: #a200ff;
+}
+.theme-magenta #main .box.box-color .box-title .tabs > li.active > a {
+  background: #fff;
+  color: #a200ff;
+}
+.theme-magenta #main .box.box-bordered.box-color .box-title {
+  border-color: #a200ff;
+}
+.theme-magenta #main .box.box-bordered.box-color .box-content {
+  border-color: #a200ff;
+}
+
+.font-grey {
+  color: #333333;
+}
+
+ul > li.grey, .label-grey {
+  background: #333333;
+}
+
+.progress .bar.bar-grey {
+  background: #333333;
+}
+
+.pricing-tables .pricing.grey > li.head {
+  background: #333333;
+}
+.pricing-tables .pricing.grey > li.head .info {
+  background: #404040;
+}
+.pricing-tables .pricing.grey > li.head .name {
+  background: #1a1a1a;
+}
+
+.btn.btn-grey {
+  background: #333333;
+  color: white !important;
+}
+.btn.btn-grey:hover {
+  background: #1a1a1a;
+}
+
+.box.box-color.grey .box-title {
+  background: #333333 !important;
+}
+.box.box-color.grey .box-title .actions > a:hover {
+  color: #333333;
+}
+.box.box-color.grey .form-wizard .wizard-steps li.active .single-step .title {
+  background: #333333;
+}
+.box.box-color.grey .btn.btn-primary {
+  background: #333333;
+}
+.box.box-bordered.box-color.grey .box-title {
+  border-color: #333333 !important;
+}
+.box.box-bordered.box-color.grey .box-content {
+  border-color: #333333 !important;
+}
+.box.box-bordered.box-color.grey .slimScrollDiv {
+  border-bottom: 2px solid #333333;
+}
+
+.timeline > li .timeline-content .left .icon.grey {
+  background: #333333;
+}
+
+.theme-grey #navigation .dropdown-menu {
+  border-color: #333333;
+}
+.theme-grey #navigation .dropdown-menu > li.dropdown-submenu .dropdown-menu {
+  border-top: 2px solid #333333;
+}
+.theme-grey #navigation .dropdown-menu > li.dropdown-submenu:hover > a, .theme-grey #navigation .dropdown-menu > li.dropdown-submenu:focus > a {
+  background: #333333;
+}
+.theme-grey #navigation .dropdown-menu > li > a:hover {
+  background: #333333;
+}
+.theme-grey .datepicker.datepicker-dropdown .datepicker-days .active, .theme-grey .datepicker.datepicker-dropdown .datepicker-years .active, .theme-grey .datepicker.datepicker-dropdown .datepicker-months .active {
+  background: #333333;
+}
+.theme-grey .datepicker.datepicker-dropdown .datepicker-days .active:hover, .theme-grey .datepicker.datepicker-dropdown .datepicker-years .active:hover, .theme-grey .datepicker.datepicker-dropdown .datepicker-months .active:hover {
+  background: #1a1a1a;
+}
+.theme-grey .form-wizard .wizard-steps li.active .single-step .title {
+  background: #333333;
+}
+.theme-grey .btn.btn-primary {
+  background: #333333;
+}
+.theme-grey.login {
+  background: #333333;
+}
+.theme-grey a {
+  color: #333333;
+}
+.theme-grey .btn {
+  color: #333;
+}
+.theme-grey .btn.btn-primary {
+  background: #333333;
+  color: #fff;
+}
+.theme-grey .btn.btn-inverse, .theme-grey .btn.btn-success, .theme-grey .btn.btn-danger {
+  color: #fff;
+}
+.theme-grey.locked {
+  background: #333333 !important;
+}
+.theme-grey.locked .pull-left a {
+  background: #0d0d0d;
+}
+.theme-grey.locked .pull-left a:hover {
+  background: black;
+}
+.theme-grey #navigation {
+  background: #333333;
+}
+.theme-grey #navigation .toggle-mobile {
+  background: #0d0d0d;
+}
+.theme-grey #navigation .mobile-nav.open {
+  background: #333333;
+}
+.theme-grey #navigation .mobile-nav.open > li.active > a {
+  background: black;
+}
+.theme-grey #navigation .mobile-nav.open > li.active > ul {
+  background: black;
+}
+.theme-grey #navigation .mobile-nav.open > li > a {
+  background: #0d0d0d;
+}
+.theme-grey #navigation .mobile-nav.open > li > ul {
+  background: #0d0d0d;
+}
+.theme-grey #navigation .main-nav > li.active > a:hover {
+  background: #fff;
+}
+.theme-grey #navigation .main-nav > li.active.open > a {
+  background: #fff;
+}
+.theme-grey #navigation .main-nav > li.open > a {
+  background: #0d0d0d;
+}
+.theme-grey #navigation .main-nav > li > a:hover {
+  background: #0d0d0d;
+}
+.theme-grey #navigation .user .icon-nav > li > a:hover {
+  background: #0d0d0d;
+}
+.theme-grey #navigation .user .dropdown.open {
+  background: #0d0d0d;
+}
+.theme-grey #navigation .user .dropdown > a:hover {
+  background: #0d0d0d;
+}
+.theme-grey #navigation .dropdown-menu {
+  border-color: #333333;
+}
+.theme-grey #navigation .dropdown-menu > li > a:hover {
+  background: #333333;
+}
+.theme-grey .search-form .search-pane button[type="submit"] {
+  background: #333333;
+}
+.theme-grey .messages > li.insert .submit button {
+  background: #333333;
+}
+.theme-grey .messages > li.right .name {
+  color: black;
+}
+.theme-grey .messages > li.right .message {
+  background: #999999;
+}
+.theme-grey .messages > li.right .message p {
+  color: black;
+}
+.theme-grey .messages > li.right .message .time {
+  color: black;
+}
+.theme-grey .messages > li.right .message .caret {
+  border-left: 7px solid #999999;
+}
+.theme-grey .letterbox .letter > li.active {
+  background: #333333;
+}
+.theme-grey .calendar .fc-content .fc-event .fc-event-inner {
+  background: #333333;
+}
+.theme-grey .calendar .fc-button.fc-state-active {
+  background: #333333;
+}
+.theme-grey .calendar .fc-button.fc-state-active:hover {
+  background: #333333;
+}
+.theme-grey .table.table-user tr.alpha td.alpha-val span {
+  background: #333333;
+}
+.theme-grey .tagsinput#textfield_tagsinput .tag, .theme-grey .ms-container .multi-custom-header, .theme-grey .slider .ui-slider-handle, .theme-grey .form-wizard .wizard-steps li.active .single-step .title, .theme-grey .user-list h4, .theme-grey .nav.nav-pills > li.active > a, .theme-grey .nav.nav-list > li.active > a, .theme-grey .table.table-colored-header thead th, .theme-grey .table.table-colored-header thead td, .theme-grey .dataTables_wrapper .dataTables_paginate > span > a.paginate_active, .theme-grey .elfinder-navbar .ui-state-active, .theme-grey .pagination.pagination-custom li.active a:hover, .theme-grey .pagination.pagination-custom li.active a {
+  background: #333333;
+}
+.theme-grey .elfinder-navbar .ui-state-active {
+  border-color: #333333;
+}
+.theme-grey #main .box .box-title .tabs > li.active > a {
+  background: #333333;
+}
+.theme-grey #main .box.box-color .box-title {
+  background: #333333;
+}
+.theme-grey #main .box.box-color .box-title .tabs > li.active > a {
+  background: #fff;
+  color: #333333;
+}
+.theme-grey #main .box.box-bordered.box-color .box-title {
+  border-color: #333333;
+}
+.theme-grey #main .box.box-bordered.box-color .box-content {
+  border-color: #333333;
+}
+
+.font-darkblue {
+  color: #204e81;
+}
+
+ul > li.darkblue, .label-darkblue {
+  background: #204e81;
+}
+
+.progress .bar.bar-darkblue {
+  background: #204e81;
+}
+
+.pricing-tables .pricing.darkblue > li.head {
+  background: #204e81;
+}
+.pricing-tables .pricing.darkblue > li.head .info {
+  background: #255a95;
+}
+.pricing-tables .pricing.darkblue > li.head .name {
+  background: #163558;
+}
+
+.btn.btn-darkblue {
+  background: #204e81;
+  color: white !important;
+}
+.btn.btn-darkblue:hover {
+  background: #163558;
+}
+
+.box.box-color.darkblue .box-title {
+  background: #204e81 !important;
+}
+.box.box-color.darkblue .box-title .actions > a:hover {
+  color: #204e81;
+}
+.box.box-color.darkblue .form-wizard .wizard-steps li.active .single-step .title {
+  background: #204e81;
+}
+.box.box-color.darkblue .btn.btn-primary {
+  background: #204e81;
+}
+.box.box-bordered.box-color.darkblue .box-title {
+  border-color: #204e81 !important;
+}
+.box.box-bordered.box-color.darkblue .box-content {
+  border-color: #204e81 !important;
+}
+.box.box-bordered.box-color.darkblue .slimScrollDiv {
+  border-bottom: 2px solid #204e81;
+}
+
+.timeline > li .timeline-content .left .icon.darkblue {
+  background: #204e81;
+}
+
+.theme-darkblue #navigation .dropdown-menu {
+  border-color: #204e81;
+}
+.theme-darkblue #navigation .dropdown-menu > li.dropdown-submenu .dropdown-menu {
+  border-top: 2px solid #204e81;
+}
+.theme-darkblue #navigation .dropdown-menu > li.dropdown-submenu:hover > a, .theme-darkblue #navigation .dropdown-menu > li.dropdown-submenu:focus > a {
+  background: #204e81;
+}
+.theme-darkblue #navigation .dropdown-menu > li > a:hover {
+  background: #204e81;
+}
+.theme-darkblue .datepicker.datepicker-dropdown .datepicker-days .active, .theme-darkblue .datepicker.datepicker-dropdown .datepicker-years .active, .theme-darkblue .datepicker.datepicker-dropdown .datepicker-months .active {
+  background: #204e81;
+}
+.theme-darkblue .datepicker.datepicker-dropdown .datepicker-days .active:hover, .theme-darkblue .datepicker.datepicker-dropdown .datepicker-years .active:hover, .theme-darkblue .datepicker.datepicker-dropdown .datepicker-months .active:hover {
+  background: #163558;
+}
+.theme-darkblue .form-wizard .wizard-steps li.active .single-step .title {
+  background: #204e81;
+}
+.theme-darkblue .btn.btn-primary {
+  background: #204e81;
+}
+.theme-darkblue.login {
+  background: #204e81;
+}
+.theme-darkblue a {
+  color: #204e81;
+}
+.theme-darkblue .btn {
+  color: #333;
+}
+.theme-darkblue .btn.btn-primary {
+  background: #204e81;
+  color: #fff;
+}
+.theme-darkblue .btn.btn-inverse, .theme-darkblue .btn.btn-success, .theme-darkblue .btn.btn-danger {
+  color: #fff;
+}
+.theme-darkblue.locked {
+  background: #204e81 !important;
+}
+.theme-darkblue.locked .pull-left a {
+  background: #112944;
+}
+.theme-darkblue.locked .pull-left a:hover {
+  background: #07101b;
+}
+.theme-darkblue #navigation {
+  background: #204e81;
+}
+.theme-darkblue #navigation .toggle-mobile {
+  background: #112944;
+}
+.theme-darkblue #navigation .mobile-nav.open {
+  background: #204e81;
+}
+.theme-darkblue #navigation .mobile-nav.open > li.active > a {
+  background: #07101b;
+}
+.theme-darkblue #navigation .mobile-nav.open > li.active > ul {
+  background: #07101b;
+}
+.theme-darkblue #navigation .mobile-nav.open > li > a {
+  background: #112944;
+}
+.theme-darkblue #navigation .mobile-nav.open > li > ul {
+  background: #112944;
+}
+.theme-darkblue #navigation .main-nav > li.active > a:hover {
+  background: #fff;
+}
+.theme-darkblue #navigation .main-nav > li.active.open > a {
+  background: #fff;
+}
+.theme-darkblue #navigation .main-nav > li.open > a {
+  background: #112944;
+}
+.theme-darkblue #navigation .main-nav > li > a:hover {
+  background: #112944;
+}
+.theme-darkblue #navigation .user .icon-nav > li > a:hover {
+  background: #112944;
+}
+.theme-darkblue #navigation .user .dropdown.open {
+  background: #112944;
+}
+.theme-darkblue #navigation .user .dropdown > a:hover {
+  background: #112944;
+}
+.theme-darkblue #navigation .dropdown-menu {
+  border-color: #204e81;
+}
+.theme-darkblue #navigation .dropdown-menu > li > a:hover {
+  background: #204e81;
+}
+.theme-darkblue .search-form .search-pane button[type="submit"] {
+  background: #204e81;
+}
+.theme-darkblue .messages > li.insert .submit button {
+  background: #204e81;
+}
+.theme-darkblue .messages > li.right .name {
+  color: black;
+}
+.theme-darkblue .messages > li.right .message {
+  background: #8bb4e2;
+}
+.theme-darkblue .messages > li.right .message p {
+  color: #020406;
+}
+.theme-darkblue .messages > li.right .message .time {
+  color: #020406;
+}
+.theme-darkblue .messages > li.right .message .caret {
+  border-left: 7px solid #8bb4e2;
+}
+.theme-darkblue .letterbox .letter > li.active {
+  background: #204e81;
+}
+.theme-darkblue .calendar .fc-content .fc-event .fc-event-inner {
+  background: #204e81;
+}
+.theme-darkblue .calendar .fc-button.fc-state-active {
+  background: #204e81;
+}
+.theme-darkblue .calendar .fc-button.fc-state-active:hover {
+  background: #204e81;
+}
+.theme-darkblue .table.table-user tr.alpha td.alpha-val span {
+  background: #204e81;
+}
+.theme-darkblue .tagsinput#textfield_tagsinput .tag, .theme-darkblue .ms-container .multi-custom-header, .theme-darkblue .slider .ui-slider-handle, .theme-darkblue .form-wizard .wizard-steps li.active .single-step .title, .theme-darkblue .user-list h4, .theme-darkblue .nav.nav-pills > li.active > a, .theme-darkblue .nav.nav-list > li.active > a, .theme-darkblue .table.table-colored-header thead th, .theme-darkblue .table.table-colored-header thead td, .theme-darkblue .dataTables_wrapper .dataTables_paginate > span > a.paginate_active, .theme-darkblue .elfinder-navbar .ui-state-active, .theme-darkblue .pagination.pagination-custom li.active a:hover, .theme-darkblue .pagination.pagination-custom li.active a {
+  background: #204e81;
+}
+.theme-darkblue .elfinder-navbar .ui-state-active {
+  border-color: #204e81;
+}
+.theme-darkblue #main .box .box-title .tabs > li.active > a {
+  background: #204e81;
+}
+.theme-darkblue #main .box.box-color .box-title {
+  background: #204e81;
+}
+.theme-darkblue #main .box.box-color .box-title .tabs > li.active > a {
+  background: #fff;
+  color: #204e81;
+}
+.theme-darkblue #main .box.box-bordered.box-color .box-title {
+  border-color: #204e81;
+}
+.theme-darkblue #main .box.box-bordered.box-color .box-content {
+  border-color: #204e81;
+}
+
+.font-lightred {
+  color: #e63a3a;
+}
+
+ul > li.lightred, .label-lightred {
+  background: #e63a3a;
+}
+
+.progress .bar.bar-lightred {
+  background: #e63a3a;
+}
+
+.pricing-tables .pricing.lightred > li.head {
+  background: #e63a3a;
+}
+.pricing-tables .pricing.lightred > li.head .info {
+  background: #e95151;
+}
+.pricing-tables .pricing.lightred > li.head .name {
+  background: #d21b1b;
+}
+
+.btn.btn-lightred {
+  background: #e63a3a;
+  color: white !important;
+}
+.btn.btn-lightred:hover {
+  background: #d21b1b;
+}
+
+.box.box-color.lightred .box-title {
+  background: #e63a3a !important;
+}
+.box.box-color.lightred .box-title .actions > a:hover {
+  color: #e63a3a;
+}
+.box.box-color.lightred .form-wizard .wizard-steps li.active .single-step .title {
+  background: #e63a3a;
+}
+.box.box-color.lightred .btn.btn-primary {
+  background: #e63a3a;
+}
+.box.box-bordered.box-color.lightred .box-title {
+  border-color: #e63a3a !important;
+}
+.box.box-bordered.box-color.lightred .box-content {
+  border-color: #e63a3a !important;
+}
+.box.box-bordered.box-color.lightred .slimScrollDiv {
+  border-bottom: 2px solid #e63a3a;
+}
+
+.timeline > li .timeline-content .left .icon.lightred {
+  background: #e63a3a;
+}
+
+.theme-lightred #navigation .dropdown-menu {
+  border-color: #e63a3a;
+}
+.theme-lightred #navigation .dropdown-menu > li.dropdown-submenu .dropdown-menu {
+  border-top: 2px solid #e63a3a;
+}
+.theme-lightred #navigation .dropdown-menu > li.dropdown-submenu:hover > a, .theme-lightred #navigation .dropdown-menu > li.dropdown-submenu:focus > a {
+  background: #e63a3a;
+}
+.theme-lightred #navigation .dropdown-menu > li > a:hover {
+  background: #e63a3a;
+}
+.theme-lightred .datepicker.datepicker-dropdown .datepicker-days .active, .theme-lightred .datepicker.datepicker-dropdown .datepicker-years .active, .theme-lightred .datepicker.datepicker-dropdown .datepicker-months .active {
+  background: #e63a3a;
+}
+.theme-lightred .datepicker.datepicker-dropdown .datepicker-days .active:hover, .theme-lightred .datepicker.datepicker-dropdown .datepicker-years .active:hover, .theme-lightred .datepicker.datepicker-dropdown .datepicker-months .active:hover {
+  background: #d21b1b;
+}
+.theme-lightred .form-wizard .wizard-steps li.active .single-step .title {
+  background: #e63a3a;
+}
+.theme-lightred .btn.btn-primary {
+  background: #e63a3a;
+}
+.theme-lightred.login {
+  background: #e63a3a;
+}
+.theme-lightred a {
+  color: #e63a3a;
+}
+.theme-lightred .btn {
+  color: #333;
+}
+.theme-lightred .btn.btn-primary {
+  background: #e63a3a;
+  color: #fff;
+}
+.theme-lightred .btn.btn-inverse, .theme-lightred .btn.btn-success, .theme-lightred .btn.btn-danger {
+  color: #fff;
+}
+.theme-lightred.locked {
+  background: #e63a3a !important;
+}
+.theme-lightred.locked .pull-left a {
+  background: #bc1818;
+}
+.theme-lightred.locked .pull-left a:hover {
+  background: #8e1212;
+}
+.theme-lightred #navigation {
+  background: #e63a3a;
+}
+.theme-lightred #navigation .toggle-mobile {
+  background: #bc1818;
+}
+.theme-lightred #navigation .mobile-nav.open {
+  background: #e63a3a;
+}
+.theme-lightred #navigation .mobile-nav.open > li.active > a {
+  background: #8e1212;
+}
+.theme-lightred #navigation .mobile-nav.open > li.active > ul {
+  background: #8e1212;
+}
+.theme-lightred #navigation .mobile-nav.open > li > a {
+  background: #bc1818;
+}
+.theme-lightred #navigation .mobile-nav.open > li > ul {
+  background: #bc1818;
+}
+.theme-lightred #navigation .main-nav > li.active > a:hover {
+  background: #fff;
+}
+.theme-lightred #navigation .main-nav > li.active.open > a {
+  background: #fff;
+}
+.theme-lightred #navigation .main-nav > li.open > a {
+  background: #bc1818;
+}
+.theme-lightred #navigation .main-nav > li > a:hover {
+  background: #bc1818;
+}
+.theme-lightred #navigation .user .icon-nav > li > a:hover {
+  background: #bc1818;
+}
+.theme-lightred #navigation .user .dropdown.open {
+  background: #bc1818;
+}
+.theme-lightred #navigation .user .dropdown > a:hover {
+  background: #bc1818;
+}
+.theme-lightred #navigation .dropdown-menu {
+  border-color: #e63a3a;
+}
+.theme-lightred #navigation .dropdown-menu > li > a:hover {
+  background: #e63a3a;
+}
+.theme-lightred .search-form .search-pane button[type="submit"] {
+  background: #e63a3a;
+}
+.theme-lightred .messages > li.insert .submit button {
+  background: #e63a3a;
+}
+.theme-lightred .messages > li.right .name {
+  color: #4b0909;
+}
+.theme-lightred .messages > li.right .message {
+  background: #fdefef;
+}
+.theme-lightred .messages > li.right .message p {
+  color: #780f0f;
+}
+.theme-lightred .messages > li.right .message .time {
+  color: #780f0f;
+}
+.theme-lightred .messages > li.right .message .caret {
+  border-left: 7px solid #fdefef;
+}
+.theme-lightred .letterbox .letter > li.active {
+  background: #e63a3a;
+}
+.theme-lightred .calendar .fc-content .fc-event .fc-event-inner {
+  background: #e63a3a;
+}
+.theme-lightred .calendar .fc-button.fc-state-active {
+  background: #e63a3a;
+}
+.theme-lightred .calendar .fc-button.fc-state-active:hover {
+  background: #e63a3a;
+}
+.theme-lightred .table.table-user tr.alpha td.alpha-val span {
+  background: #e63a3a;
+}
+.theme-lightred .tagsinput#textfield_tagsinput .tag, .theme-lightred .ms-container .multi-custom-header, .theme-lightred .slider .ui-slider-handle, .theme-lightred .form-wizard .wizard-steps li.active .single-step .title, .theme-lightred .user-list h4, .theme-lightred .nav.nav-pills > li.active > a, .theme-lightred .nav.nav-list > li.active > a, .theme-lightred .table.table-colored-header thead th, .theme-lightred .table.table-colored-header thead td, .theme-lightred .dataTables_wrapper .dataTables_paginate > span > a.paginate_active, .theme-lightred .elfinder-navbar .ui-state-active, .theme-lightred .pagination.pagination-custom li.active a:hover, .theme-lightred .pagination.pagination-custom li.active a {
+  background: #e63a3a;
+}
+.theme-lightred .elfinder-navbar .ui-state-active {
+  border-color: #e63a3a;
+}
+.theme-lightred #main .box .box-title .tabs > li.active > a {
+  background: #e63a3a;
+}
+.theme-lightred #main .box.box-color .box-title {
+  background: #e63a3a;
+}
+.theme-lightred #main .box.box-color .box-title .tabs > li.active > a {
+  background: #fff;
+  color: #e63a3a;
+}
+.theme-lightred #main .box.box-bordered.box-color .box-title {
+  border-color: #e63a3a;
+}
+.theme-lightred #main .box.box-bordered.box-color .box-content {
+  border-color: #e63a3a;
+}
+
+.font-lightgrey {
+  color: #666666;
+}
+
+ul > li.lightgrey, .label-lightgrey {
+  background: #666666;
+}
+
+.progress .bar.bar-lightgrey {
+  background: #666666;
+}
+
+.pricing-tables .pricing.lightgrey > li.head {
+  background: #666666;
+}
+.pricing-tables .pricing.lightgrey > li.head .info {
+  background: #737373;
+}
+.pricing-tables .pricing.lightgrey > li.head .name {
+  background: #4d4d4d;
+}
+
+.btn.btn-lightgrey {
+  background: #666666;
+  color: white !important;
+}
+.btn.btn-lightgrey:hover {
+  background: #4d4d4d;
+}
+
+.box.box-color.lightgrey .box-title {
+  background: #666666 !important;
+}
+.box.box-color.lightgrey .box-title .actions > a:hover {
+  color: #666666;
+}
+.box.box-color.lightgrey .form-wizard .wizard-steps li.active .single-step .title {
+  background: #666666;
+}
+.box.box-color.lightgrey .btn.btn-primary {
+  background: #666666;
+}
+.box.box-bordered.box-color.lightgrey .box-title {
+  border-color: #666666 !important;
+}
+.box.box-bordered.box-color.lightgrey .box-content {
+  border-color: #666666 !important;
+}
+.box.box-bordered.box-color.lightgrey .slimScrollDiv {
+  border-bottom: 2px solid #666666;
+}
+
+.timeline > li .timeline-content .left .icon.lightgrey {
+  background: #666666;
+}
+
+.theme-lightgrey #navigation .dropdown-menu {
+  border-color: #666666;
+}
+.theme-lightgrey #navigation .dropdown-menu > li.dropdown-submenu .dropdown-menu {
+  border-top: 2px solid #666666;
+}
+.theme-lightgrey #navigation .dropdown-menu > li.dropdown-submenu:hover > a, .theme-lightgrey #navigation .dropdown-menu > li.dropdown-submenu:focus > a {
+  background: #666666;
+}
+.theme-lightgrey #navigation .dropdown-menu > li > a:hover {
+  background: #666666;
+}
+.theme-lightgrey .datepicker.datepicker-dropdown .datepicker-days .active, .theme-lightgrey .datepicker.datepicker-dropdown .datepicker-years .active, .theme-lightgrey .datepicker.datepicker-dropdown .datepicker-months .active {
+  background: #666666;
+}
+.theme-lightgrey .datepicker.datepicker-dropdown .datepicker-days .active:hover, .theme-lightgrey .datepicker.datepicker-dropdown .datepicker-years .active:hover, .theme-lightgrey .datepicker.datepicker-dropdown .datepicker-months .active:hover {
+  background: #4d4d4d;
+}
+.theme-lightgrey .form-wizard .wizard-steps li.active .single-step .title {
+  background: #666666;
+}
+.theme-lightgrey .btn.btn-primary {
+  background: #666666;
+}
+.theme-lightgrey.login {
+  background: #666666;
+}
+.theme-lightgrey a {
+  color: #666666;
+}
+.theme-lightgrey .btn {
+  color: #333;
+}
+.theme-lightgrey .btn.btn-primary {
+  background: #666666;
+  color: #fff;
+}
+.theme-lightgrey .btn.btn-inverse, .theme-lightgrey .btn.btn-success, .theme-lightgrey .btn.btn-danger {
+  color: #fff;
+}
+.theme-lightgrey.locked {
+  background: #666666 !important;
+}
+.theme-lightgrey.locked .pull-left a {
+  background: #404040;
+}
+.theme-lightgrey.locked .pull-left a:hover {
+  background: #262626;
+}
+.theme-lightgrey #navigation {
+  background: #666666;
+}
+.theme-lightgrey #navigation .toggle-mobile {
+  background: #404040;
+}
+.theme-lightgrey #navigation .mobile-nav.open {
+  background: #666666;
+}
+.theme-lightgrey #navigation .mobile-nav.open > li.active > a {
+  background: #262626;
+}
+.theme-lightgrey #navigation .mobile-nav.open > li.active > ul {
+  background: #262626;
+}
+.theme-lightgrey #navigation .mobile-nav.open > li > a {
+  background: #404040;
+}
+.theme-lightgrey #navigation .mobile-nav.open > li > ul {
+  background: #404040;
+}
+.theme-lightgrey #navigation .main-nav > li.active > a:hover {
+  background: #fff;
+}
+.theme-lightgrey #navigation .main-nav > li.active.open > a {
+  background: #fff;
+}
+.theme-lightgrey #navigation .main-nav > li.open > a {
+  background: #404040;
+}
+.theme-lightgrey #navigation .main-nav > li > a:hover {
+  background: #404040;
+}
+.theme-lightgrey #navigation .user .icon-nav > li > a:hover {
+  background: #404040;
+}
+.theme-lightgrey #navigation .user .dropdown.open {
+  background: #404040;
+}
+.theme-lightgrey #navigation .user .dropdown > a:hover {
+  background: #404040;
+}
+.theme-lightgrey #navigation .dropdown-menu {
+  border-color: #666666;
+}
+.theme-lightgrey #navigation .dropdown-menu > li > a:hover {
+  background: #666666;
+}
+.theme-lightgrey .search-form .search-pane button[type="submit"] {
+  background: #666666;
+}
+.theme-lightgrey .messages > li.insert .submit button {
+  background: #666666;
+}
+.theme-lightgrey .messages > li.right .name {
+  color: black;
+}
+.theme-lightgrey .messages > li.right .message {
+  background: #cccccc;
+}
+.theme-lightgrey .messages > li.right .message p {
+  color: #1a1a1a;
+}
+.theme-lightgrey .messages > li.right .message .time {
+  color: #1a1a1a;
+}
+.theme-lightgrey .messages > li.right .message .caret {
+  border-left: 7px solid #cccccc;
+}
+.theme-lightgrey .letterbox .letter > li.active {
+  background: #666666;
+}
+.theme-lightgrey .calendar .fc-content .fc-event .fc-event-inner {
+  background: #666666;
+}
+.theme-lightgrey .calendar .fc-button.fc-state-active {
+  background: #666666;
+}
+.theme-lightgrey .calendar .fc-button.fc-state-active:hover {
+  background: #666666;
+}
+.theme-lightgrey .table.table-user tr.alpha td.alpha-val span {
+  background: #666666;
+}
+.theme-lightgrey .tagsinput#textfield_tagsinput .tag, .theme-lightgrey .ms-container .multi-custom-header, .theme-lightgrey .slider .ui-slider-handle, .theme-lightgrey .form-wizard .wizard-steps li.active .single-step .title, .theme-lightgrey .user-list h4, .theme-lightgrey .nav.nav-pills > li.active > a, .theme-lightgrey .nav.nav-list > li.active > a, .theme-lightgrey .table.table-colored-header thead th, .theme-lightgrey .table.table-colored-header thead td, .theme-lightgrey .dataTables_wrapper .dataTables_paginate > span > a.paginate_active, .theme-lightgrey .elfinder-navbar .ui-state-active, .theme-lightgrey .pagination.pagination-custom li.active a:hover, .theme-lightgrey .pagination.pagination-custom li.active a {
+  background: #666666;
+}
+.theme-lightgrey .elfinder-navbar .ui-state-active {
+  border-color: #666666;
+}
+.theme-lightgrey #main .box .box-title .tabs > li.active > a {
+  background: #666666;
+}
+.theme-lightgrey #main .box.box-color .box-title {
+  background: #666666;
+}
+.theme-lightgrey #main .box.box-color .box-title .tabs > li.active > a {
+  background: #fff;
+  color: #666666;
+}
+.theme-lightgrey #main .box.box-bordered.box-color .box-title {
+  border-color: #666666;
+}
+.theme-lightgrey #main .box.box-bordered.box-color .box-content {
+  border-color: #666666;
+}
+
+.font-satblue {
+  color: #2c5e7b;
+}
+
+ul > li.satblue, .label-satblue {
+  background: #2c5e7b;
+}
+
+.progress .bar.bar-satblue {
+  background: #2c5e7b;
+}
+
+.pricing-tables .pricing.satblue > li.head {
+  background: #2c5e7b;
+}
+.pricing-tables .pricing.satblue > li.head .info {
+  background: #336c8e;
+}
+.pricing-tables .pricing.satblue > li.head .name {
+  background: #1f4155;
+}
+
+.btn.btn-satblue {
+  background: #2c5e7b;
+  color: white !important;
+}
+.btn.btn-satblue:hover {
+  background: #1f4155;
+}
+
+.box.box-color.satblue .box-title {
+  background: #2c5e7b !important;
+}
+.box.box-color.satblue .box-title .actions > a:hover {
+  color: #2c5e7b;
+}
+.box.box-color.satblue .form-wizard .wizard-steps li.active .single-step .title {
+  background: #2c5e7b;
+}
+.box.box-color.satblue .btn.btn-primary {
+  background: #2c5e7b;
+}
+.box.box-bordered.box-color.satblue .box-title {
+  border-color: #2c5e7b !important;
+}
+.box.box-bordered.box-color.satblue .box-content {
+  border-color: #2c5e7b !important;
+}
+.box.box-bordered.box-color.satblue .slimScrollDiv {
+  border-bottom: 2px solid #2c5e7b;
+}
+
+.timeline > li .timeline-content .left .icon.satblue {
+  background: #2c5e7b;
+}
+
+.theme-satblue #navigation .dropdown-menu {
+  border-color: #2c5e7b;
+}
+.theme-satblue #navigation .dropdown-menu > li.dropdown-submenu .dropdown-menu {
+  border-top: 2px solid #2c5e7b;
+}
+.theme-satblue #navigation .dropdown-menu > li.dropdown-submenu:hover > a, .theme-satblue #navigation .dropdown-menu > li.dropdown-submenu:focus > a {
+  background: #2c5e7b;
+}
+.theme-satblue #navigation .dropdown-menu > li > a:hover {
+  background: #2c5e7b;
+}
+.theme-satblue .datepicker.datepicker-dropdown .datepicker-days .active, .theme-satblue .datepicker.datepicker-dropdown .datepicker-years .active, .theme-satblue .datepicker.datepicker-dropdown .datepicker-months .active {
+  background: #2c5e7b;
+}
+.theme-satblue .datepicker.datepicker-dropdown .datepicker-days .active:hover, .theme-satblue .datepicker.datepicker-dropdown .datepicker-years .active:hover, .theme-satblue .datepicker.datepicker-dropdown .datepicker-months .active:hover {
+  background: #1f4155;
+}
+.theme-satblue .form-wizard .wizard-steps li.active .single-step .title {
+  background: #2c5e7b;
+}
+.theme-satblue .btn.btn-primary {
+  background: #2c5e7b;
+}
+.theme-satblue.login {
+  background: #2c5e7b;
+}
+.theme-satblue a {
+  color: #2c5e7b;
+}
+.theme-satblue .btn {
+  color: #333;
+}
+.theme-satblue .btn.btn-primary {
+  background: #2c5e7b;
+  color: #fff;
+}
+.theme-satblue .btn.btn-inverse, .theme-satblue .btn.btn-success, .theme-satblue .btn.btn-danger {
+  color: #fff;
+}
+.theme-satblue.locked {
+  background: #2c5e7b !important;
+}
+.theme-satblue.locked .pull-left a {
+  background: #183343;
+}
+.theme-satblue.locked .pull-left a:hover {
+  background: #0a161d;
+}
+.theme-satblue #navigation {
+  background: #2c5e7b;
+}
+.theme-satblue #navigation .toggle-mobile {
+  background: #183343;
+}
+.theme-satblue #navigation .mobile-nav.open {
+  background: #2c5e7b;
+}
+.theme-satblue #navigation .mobile-nav.open > li.active > a {
+  background: #0a161d;
+}
+.theme-satblue #navigation .mobile-nav.open > li.active > ul {
+  background: #0a161d;
+}
+.theme-satblue #navigation .mobile-nav.open > li > a {
+  background: #183343;
+}
+.theme-satblue #navigation .mobile-nav.open > li > ul {
+  background: #183343;
+}
+.theme-satblue #navigation .main-nav > li.active > a:hover {
+  background: #fff;
+}
+.theme-satblue #navigation .main-nav > li.active.open > a {
+  background: #fff;
+}
+.theme-satblue #navigation .main-nav > li.open > a {
+  background: #183343;
+}
+.theme-satblue #navigation .main-nav > li > a:hover {
+  background: #183343;
+}
+.theme-satblue #navigation .user .icon-nav > li > a:hover {
+  background: #183343;
+}
+.theme-satblue #navigation .user .dropdown.open {
+  background: #183343;
+}
+.theme-satblue #navigation .user .dropdown > a:hover {
+  background: #183343;
+}
+.theme-satblue #navigation .dropdown-menu {
+  border-color: #2c5e7b;
+}
+.theme-satblue #navigation .dropdown-menu > li > a:hover {
+  background: #2c5e7b;
+}
+.theme-satblue .search-form .search-pane button[type="submit"] {
+  background: #2c5e7b;
+}
+.theme-satblue .messages > li.insert .submit button {
+  background: #2c5e7b;
+}
+.theme-satblue .messages > li.right .name {
+  color: black;
+}
+.theme-satblue .messages > li.right .message {
+  background: #99c2da;
+}
+.theme-satblue .messages > li.right .message p {
+  color: #04080a;
+}
+.theme-satblue .messages > li.right .message .time {
+  color: #04080a;
+}
+.theme-satblue .messages > li.right .message .caret {
+  border-left: 7px solid #99c2da;
+}
+.theme-satblue .letterbox .letter > li.active {
+  background: #2c5e7b;
+}
+.theme-satblue .calendar .fc-content .fc-event .fc-event-inner {
+  background: #2c5e7b;
+}
+.theme-satblue .calendar .fc-button.fc-state-active {
+  background: #2c5e7b;
+}
+.theme-satblue .calendar .fc-button.fc-state-active:hover {
+  background: #2c5e7b;
+}
+.theme-satblue .table.table-user tr.alpha td.alpha-val span {
+  background: #2c5e7b;
+}
+.theme-satblue .tagsinput#textfield_tagsinput .tag, .theme-satblue .ms-container .multi-custom-header, .theme-satblue .slider .ui-slider-handle, .theme-satblue .form-wizard .wizard-steps li.active .single-step .title, .theme-satblue .user-list h4, .theme-satblue .nav.nav-pills > li.active > a, .theme-satblue .nav.nav-list > li.active > a, .theme-satblue .table.table-colored-header thead th, .theme-satblue .table.table-colored-header thead td, .theme-satblue .dataTables_wrapper .dataTables_paginate > span > a.paginate_active, .theme-satblue .elfinder-navbar .ui-state-active, .theme-satblue .pagination.pagination-custom li.active a:hover, .theme-satblue .pagination.pagination-custom li.active a {
+  background: #2c5e7b;
+}
+.theme-satblue .elfinder-navbar .ui-state-active {
+  border-color: #2c5e7b;
+}
+.theme-satblue #main .box .box-title .tabs > li.active > a {
+  background: #2c5e7b;
+}
+.theme-satblue #main .box.box-color .box-title {
+  background: #2c5e7b;
+}
+.theme-satblue #main .box.box-color .box-title .tabs > li.active > a {
+  background: #fff;
+  color: #2c5e7b;
+}
+.theme-satblue #main .box.box-bordered.box-color .box-title {
+  border-color: #2c5e7b;
+}
+.theme-satblue #main .box.box-bordered.box-color .box-content {
+  border-color: #2c5e7b;
+}
+
+.font-satgreen {
+  color: #56af45;
+}
+
+ul > li.satgreen, .label-satgreen {
+  background: #56af45;
+}
+
+.progress .bar.bar-satgreen {
+  background: #56af45;
+}
+
+.pricing-tables .pricing.satgreen > li.head {
+  background: #56af45;
+}
+.pricing-tables .pricing.satgreen > li.head .info {
+  background: #63bb53;
+}
+.pricing-tables .pricing.satgreen > li.head .name {
+  background: #448a37;
+}
+
+.btn.btn-satgreen {
+  background: #56af45;
+  color: white !important;
+}
+.btn.btn-satgreen:hover {
+  background: #448a37;
+}
+
+.box.box-color.satgreen .box-title {
+  background: #56af45 !important;
+}
+.box.box-color.satgreen .box-title .actions > a:hover {
+  color: #56af45;
+}
+.box.box-color.satgreen .form-wizard .wizard-steps li.active .single-step .title {
+  background: #56af45;
+}
+.box.box-color.satgreen .btn.btn-primary {
+  background: #56af45;
+}
+.box.box-bordered.box-color.satgreen .box-title {
+  border-color: #56af45 !important;
+}
+.box.box-bordered.box-color.satgreen .box-content {
+  border-color: #56af45 !important;
+}
+.box.box-bordered.box-color.satgreen .slimScrollDiv {
+  border-bottom: 2px solid #56af45;
+}
+
+.timeline > li .timeline-content .left .icon.satgreen {
+  background: #56af45;
+}
+
+.theme-satgreen #navigation .dropdown-menu {
+  border-color: #56af45;
+}
+.theme-satgreen #navigation .dropdown-menu > li.dropdown-submenu .dropdown-menu {
+  border-top: 2px solid #56af45;
+}
+.theme-satgreen #navigation .dropdown-menu > li.dropdown-submenu:hover > a, .theme-satgreen #navigation .dropdown-menu > li.dropdown-submenu:focus > a {
+  background: #56af45;
+}
+.theme-satgreen #navigation .dropdown-menu > li > a:hover {
+  background: #56af45;
+}
+.theme-satgreen .datepicker.datepicker-dropdown .datepicker-days .active, .theme-satgreen .datepicker.datepicker-dropdown .datepicker-years .active, .theme-satgreen .datepicker.datepicker-dropdown .datepicker-months .active {
+  background: #56af45;
+}
+.theme-satgreen .datepicker.datepicker-dropdown .datepicker-days .active:hover, .theme-satgreen .datepicker.datepicker-dropdown .datepicker-years .active:hover, .theme-satgreen .datepicker.datepicker-dropdown .datepicker-months .active:hover {
+  background: #448a37;
+}
+.theme-satgreen .form-wizard .wizard-steps li.active .single-step .title {
+  background: #56af45;
+}
+.theme-satgreen .btn.btn-primary {
+  background: #56af45;
+}
+.theme-satgreen.login {
+  background: #56af45;
+}
+.theme-satgreen a {
+  color: #56af45;
+}
+.theme-satgreen .btn {
+  color: #333;
+}
+.theme-satgreen .btn.btn-primary {
+  background: #56af45;
+  color: #fff;
+}
+.theme-satgreen .btn.btn-inverse, .theme-satgreen .btn.btn-success, .theme-satgreen .btn.btn-danger {
+  color: #fff;
+}
+.theme-satgreen.locked {
+  background: #56af45 !important;
+}
+.theme-satgreen.locked .pull-left a {
+  background: #3b782f;
+}
+.theme-satgreen.locked .pull-left a:hover {
+  background: #295421;
+}
+.theme-satgreen #navigation {
+  background: #56af45;
+}
+.theme-satgreen #navigation .toggle-mobile {
+  background: #3b782f;
+}
+.theme-satgreen #navigation .mobile-nav.open {
+  background: #56af45;
+}
+.theme-satgreen #navigation .mobile-nav.open > li.active > a {
+  background: #295421;
+}
+.theme-satgreen #navigation .mobile-nav.open > li.active > ul {
+  background: #295421;
+}
+.theme-satgreen #navigation .mobile-nav.open > li > a {
+  background: #3b782f;
+}
+.theme-satgreen #navigation .mobile-nav.open > li > ul {
+  background: #3b782f;
+}
+.theme-satgreen #navigation .main-nav > li.active > a:hover {
+  background: #fff;
+}
+.theme-satgreen #navigation .main-nav > li.active.open > a {
+  background: #fff;
+}
+.theme-satgreen #navigation .main-nav > li.open > a {
+  background: #3b782f;
+}
+.theme-satgreen #navigation .main-nav > li > a:hover {
+  background: #3b782f;
+}
+.theme-satgreen #navigation .user .icon-nav > li > a:hover {
+  background: #3b782f;
+}
+.theme-satgreen #navigation .user .dropdown.open {
+  background: #3b782f;
+}
+.theme-satgreen #navigation .user .dropdown > a:hover {
+  background: #3b782f;
+}
+.theme-satgreen #navigation .dropdown-menu {
+  border-color: #56af45;
+}
+.theme-satgreen #navigation .dropdown-menu > li > a:hover {
+  background: #56af45;
+}
+.theme-satgreen .search-form .search-pane button[type="submit"] {
+  background: #56af45;
+}
+.theme-satgreen .messages > li.insert .submit button {
+  background: #56af45;
+}
+.theme-satgreen .messages > li.right .name {
+  color: #0e1d0b;
+}
+.theme-satgreen .messages > li.right .message {
+  background: #d7edd3;
+}
+.theme-satgreen .messages > li.right .message p {
+  color: #20411a;
+}
+.theme-satgreen .messages > li.right .message .time {
+  color: #20411a;
+}
+.theme-satgreen .messages > li.right .message .caret {
+  border-left: 7px solid #d7edd3;
+}
+.theme-satgreen .letterbox .letter > li.active {
+  background: #56af45;
+}
+.theme-satgreen .calendar .fc-content .fc-event .fc-event-inner {
+  background: #56af45;
+}
+.theme-satgreen .calendar .fc-button.fc-state-active {
+  background: #56af45;
+}
+.theme-satgreen .calendar .fc-button.fc-state-active:hover {
+  background: #56af45;
+}
+.theme-satgreen .table.table-user tr.alpha td.alpha-val span {
+  background: #56af45;
+}
+.theme-satgreen .tagsinput#textfield_tagsinput .tag, .theme-satgreen .ms-container .multi-custom-header, .theme-satgreen .slider .ui-slider-handle, .theme-satgreen .form-wizard .wizard-steps li.active .single-step .title, .theme-satgreen .user-list h4, .theme-satgreen .nav.nav-pills > li.active > a, .theme-satgreen .nav.nav-list > li.active > a, .theme-satgreen .table.table-colored-header thead th, .theme-satgreen .table.table-colored-header thead td, .theme-satgreen .dataTables_wrapper .dataTables_paginate > span > a.paginate_active, .theme-satgreen .elfinder-navbar .ui-state-active, .theme-satgreen .pagination.pagination-custom li.active a:hover, .theme-satgreen .pagination.pagination-custom li.active a {
+  background: #56af45;
+}
+.theme-satgreen .elfinder-navbar .ui-state-active {
+  border-color: #56af45;
+}
+.theme-satgreen #main .box .box-title .tabs > li.active > a {
+  background: #56af45;
+}
+.theme-satgreen #main .box.box-color .box-title {
+  background: #56af45;
+}
+.theme-satgreen #main .box.box-color .box-title .tabs > li.active > a {
+  background: #fff;
+  color: #56af45;
+}
+.theme-satgreen #main .box.box-bordered.box-color .box-title {
+  border-color: #56af45;
+}
+.theme-satgreen #main .box.box-bordered.box-color .box-content {
+  border-color: #56af45;
+}
+
+.font-grey-3 {
+  color: #eeeeee;
+}
+
+ul > li.grey-3, .label-grey-3 {
+  background: #eeeeee;
+}
+
+.progress .bar.bar-grey-3 {
+  background: #eeeeee;
+}
+
+.pricing-tables .pricing.grey-3 > li.head {
+  background: #eeeeee;
+}
+.pricing-tables .pricing.grey-3 > li.head .info {
+  background: #fbfbfb;
+}
+.pricing-tables .pricing.grey-3 > li.head .name {
+  background: #d4d4d4;
+}
+
+.btn.btn-grey-3 {
+  background: #eeeeee;
+  color: white !important;
+}
+.btn.btn-grey-3:hover {
+  background: #d4d4d4;
+}
+
+.box.box-color.grey-3 .box-title {
+  background: #eeeeee !important;
+}
+.box.box-color.grey-3 .box-title h3 {
+  color: #333;
+}
+.box.box-color.grey-3 .box-title .actions > a:hover {
+  color: #eeeeee;
+}
+.box.box-color.grey-3 .form-wizard .wizard-steps li.active .single-step .title {
+  background: #eeeeee;
+}
+.box.box-color.grey-3 .btn.btn-primary {
+  background: #eeeeee;
+}
+.box.box-bordered.box-color.grey-3 .box-title {
+  border-color: #eeeeee !important;
+}
+.box.box-bordered.box-color.grey-3 .box-content {
+  border-color: #eeeeee !important;
+}
+.box.box-bordered.box-color.grey-3 .slimScrollDiv {
+  border-bottom: 2px solid #eeeeee;
+}
+
+.timeline > li .timeline-content .left .icon.grey-3 {
+  background: #eeeeee;
+}
+
+.theme-grey-3 #navigation .dropdown-menu {
+  border-color: #eeeeee;
+}
+.theme-grey-3 #navigation .dropdown-menu > li.dropdown-submenu .dropdown-menu {
+  border-top: 2px solid #eeeeee;
+}
+.theme-grey-3 #navigation .dropdown-menu > li.dropdown-submenu:hover > a, .theme-grey-3 #navigation .dropdown-menu > li.dropdown-submenu:focus > a {
+  background: #eeeeee;
+}
+.theme-grey-3 #navigation .dropdown-menu > li > a:hover {
+  background: #eeeeee;
+}
+.theme-grey-3 .datepicker.datepicker-dropdown .datepicker-days .active, .theme-grey-3 .datepicker.datepicker-dropdown .datepicker-years .active, .theme-grey-3 .datepicker.datepicker-dropdown .datepicker-months .active {
+  background: #eeeeee;
+}
+.theme-grey-3 .datepicker.datepicker-dropdown .datepicker-days .active:hover, .theme-grey-3 .datepicker.datepicker-dropdown .datepicker-years .active:hover, .theme-grey-3 .datepicker.datepicker-dropdown .datepicker-months .active:hover {
+  background: #d4d4d4;
+}
+.theme-grey-3 .form-wizard .wizard-steps li.active .single-step .title {
+  background: #eeeeee;
+}
+.theme-grey-3 .btn.btn-primary {
+  background: #eeeeee;
+}
+.theme-grey-3.login {
+  background: #eeeeee;
+}
+.theme-grey-3 a {
+  color: #eeeeee;
+}
+.theme-grey-3 .btn {
+  color: #333;
+}
+.theme-grey-3 .btn.btn-primary {
+  background: #eeeeee;
+  color: #fff;
+}
+.theme-grey-3 .btn.btn-inverse, .theme-grey-3 .btn.btn-success, .theme-grey-3 .btn.btn-danger {
+  color: #fff;
+}
+.theme-grey-3.locked {
+  background: #eeeeee !important;
+}
+.theme-grey-3.locked .pull-left a {
+  background: #c8c8c8;
+}
+.theme-grey-3.locked .pull-left a:hover {
+  background: #aeaeae;
+}
+.theme-grey-3 #navigation {
+  background: #eeeeee;
+}
+.theme-grey-3 #navigation .toggle-mobile {
+  background: #c8c8c8;
+}
+.theme-grey-3 #navigation .mobile-nav.open {
+  background: #eeeeee;
+}
+.theme-grey-3 #navigation .mobile-nav.open > li.active > a {
+  background: #aeaeae;
+}
+.theme-grey-3 #navigation .mobile-nav.open > li.active > ul {
+  background: #aeaeae;
+}
+.theme-grey-3 #navigation .mobile-nav.open > li > a {
+  background: #c8c8c8;
+}
+.theme-grey-3 #navigation .mobile-nav.open > li > ul {
+  background: #c8c8c8;
+}
+.theme-grey-3 #navigation .main-nav > li.active > a:hover {
+  background: #fff;
+}
+.theme-grey-3 #navigation .main-nav > li.active.open > a {
+  background: #fff;
+}
+.theme-grey-3 #navigation .main-nav > li.open > a {
+  background: #c8c8c8;
+}
+.theme-grey-3 #navigation .main-nav > li > a:hover {
+  background: #c8c8c8;
+}
+.theme-grey-3 #navigation .user .icon-nav > li > a:hover {
+  background: #c8c8c8;
+}
+.theme-grey-3 #navigation .user .dropdown.open {
+  background: #c8c8c8;
+}
+.theme-grey-3 #navigation .user .dropdown > a:hover {
+  background: #c8c8c8;
+}
+.theme-grey-3 #navigation .dropdown-menu {
+  border-color: #eeeeee;
+}
+.theme-grey-3 #navigation .dropdown-menu > li > a:hover {
+  background: #eeeeee;
+}
+.theme-grey-3 .search-form .search-pane button[type="submit"] {
+  background: #eeeeee;
+}
+.theme-grey-3 .messages > li.insert .submit button {
+  background: #eeeeee;
+}
+.theme-grey-3 .messages > li.right .name {
+  color: #888888;
+}
+.theme-grey-3 .messages > li.right .message {
+  background: white;
+}
+.theme-grey-3 .messages > li.right .message p {
+  color: #a2a2a2;
+}
+.theme-grey-3 .messages > li.right .message .time {
+  color: #a2a2a2;
+}
+.theme-grey-3 .messages > li.right .message .caret {
+  border-left: 7px solid white;
+}
+.theme-grey-3 .letterbox .letter > li.active {
+  background: #eeeeee;
+}
+.theme-grey-3 .calendar .fc-content .fc-event .fc-event-inner {
+  background: #eeeeee;
+}
+.theme-grey-3 .calendar .fc-button.fc-state-active {
+  background: #eeeeee;
+}
+.theme-grey-3 .calendar .fc-button.fc-state-active:hover {
+  background: #eeeeee;
+}
+.theme-grey-3 .table.table-user tr.alpha td.alpha-val span {
+  background: #eeeeee;
+}
+.theme-grey-3 .tagsinput#textfield_tagsinput .tag, .theme-grey-3 .ms-container .multi-custom-header, .theme-grey-3 .slider .ui-slider-handle, .theme-grey-3 .form-wizard .wizard-steps li.active .single-step .title, .theme-grey-3 .user-list h4, .theme-grey-3 .nav.nav-pills > li.active > a, .theme-grey-3 .nav.nav-list > li.active > a, .theme-grey-3 .table.table-colored-header thead th, .theme-grey-3 .table.table-colored-header thead td, .theme-grey-3 .dataTables_wrapper .dataTables_paginate > span > a.paginate_active, .theme-grey-3 .elfinder-navbar .ui-state-active, .theme-grey-3 .pagination.pagination-custom li.active a:hover, .theme-grey-3 .pagination.pagination-custom li.active a {
+  background: #eeeeee;
+}
+.theme-grey-3 .elfinder-navbar .ui-state-active {
+  border-color: #eeeeee;
+}
+.theme-grey-3 #main .box .box-title .tabs > li.active > a {
+  background: #eeeeee;
+}
+.theme-grey-3 #main .box.box-color .box-title {
+  background: #eeeeee;
+}
+.theme-grey-3 #main .box.box-color .box-title .tabs > li.active > a {
+  background: #fff;
+  color: #eeeeee;
+}
+.theme-grey-3 #main .box.box-bordered.box-color .box-title {
+  border-color: #eeeeee;
+}
+.theme-grey-3 #main .box.box-bordered.box-color .box-content {
+  border-color: #eeeeee;
+}
+
+.font-grey-4 {
+  color: #999999;
+}
+
+ul > li.grey-4, .label-grey-4 {
+  background: #999999;
+}
+
+.progress .bar.bar-grey-4 {
+  background: #999999;
+}
+
+.pricing-tables .pricing.grey-4 > li.head {
+  background: #999999;
+}
+.pricing-tables .pricing.grey-4 > li.head .info {
+  background: #a6a6a6;
+}
+.pricing-tables .pricing.grey-4 > li.head .name {
+  background: gray;
+}
+
+.btn.btn-grey-4 {
+  background: #999999;
+  color: white !important;
+}
+.btn.btn-grey-4:hover {
+  background: gray;
+}
+
+.box.box-color.grey-4 .box-title {
+  background: #999999 !important;
+}
+.box.box-color.grey-4 .box-title .actions > a:hover {
+  color: #999999;
+}
+.box.box-color.grey-4 .form-wizard .wizard-steps li.active .single-step .title {
+  background: #999999;
+}
+.box.box-color.grey-4 .btn.btn-primary {
+  background: #999999;
+}
+.box.box-bordered.box-color.grey-4 .box-title {
+  border-color: #999999 !important;
+}
+.box.box-bordered.box-color.grey-4 .box-content {
+  border-color: #999999 !important;
+}
+.box.box-bordered.box-color.grey-4 .slimScrollDiv {
+  border-bottom: 2px solid #999999;
+}
+
+.timeline > li .timeline-content .left .icon.grey-4 {
+  background: #999999;
+}
+
+.theme-grey-4 #navigation .dropdown-menu {
+  border-color: #999999;
+}
+.theme-grey-4 #navigation .dropdown-menu > li.dropdown-submenu .dropdown-menu {
+  border-top: 2px solid #999999;
+}
+.theme-grey-4 #navigation .dropdown-menu > li.dropdown-submenu:hover > a, .theme-grey-4 #navigation .dropdown-menu > li.dropdown-submenu:focus > a {
+  background: #999999;
+}
+.theme-grey-4 #navigation .dropdown-menu > li > a:hover {
+  background: #999999;
+}
+.theme-grey-4 .datepicker.datepicker-dropdown .datepicker-days .active, .theme-grey-4 .datepicker.datepicker-dropdown .datepicker-years .active, .theme-grey-4 .datepicker.datepicker-dropdown .datepicker-months .active {
+  background: #999999;
+}
+.theme-grey-4 .datepicker.datepicker-dropdown .datepicker-days .active:hover, .theme-grey-4 .datepicker.datepicker-dropdown .datepicker-years .active:hover, .theme-grey-4 .datepicker.datepicker-dropdown .datepicker-months .active:hover {
+  background: gray;
+}
+.theme-grey-4 .form-wizard .wizard-steps li.active .single-step .title {
+  background: #999999;
+}
+.theme-grey-4 .btn.btn-primary {
+  background: #999999;
+}
+.theme-grey-4.login {
+  background: #999999;
+}
+.theme-grey-4 a {
+  color: #999999;
+}
+.theme-grey-4 .btn {
+  color: #333;
+}
+.theme-grey-4 .btn.btn-primary {
+  background: #999999;
+  color: #fff;
+}
+.theme-grey-4 .btn.btn-inverse, .theme-grey-4 .btn.btn-success, .theme-grey-4 .btn.btn-danger {
+  color: #fff;
+}
+.theme-grey-4.locked {
+  background: #999999 !important;
+}
+.theme-grey-4.locked .pull-left a {
+  background: #737373;
+}
+.theme-grey-4.locked .pull-left a:hover {
+  background: #595959;
+}
+.theme-grey-4 #navigation {
+  background: #999999;
+}
+.theme-grey-4 #navigation .toggle-mobile {
+  background: #737373;
+}
+.theme-grey-4 #navigation .mobile-nav.open {
+  background: #999999;
+}
+.theme-grey-4 #navigation .mobile-nav.open > li.active > a {
+  background: #595959;
+}
+.theme-grey-4 #navigation .mobile-nav.open > li.active > ul {
+  background: #595959;
+}
+.theme-grey-4 #navigation .mobile-nav.open > li > a {
+  background: #737373;
+}
+.theme-grey-4 #navigation .mobile-nav.open > li > ul {
+  background: #737373;
+}
+.theme-grey-4 #navigation .main-nav > li.active > a:hover {
+  background: #fff;
+}
+.theme-grey-4 #navigation .main-nav > li.active.open > a {
+  background: #fff;
+}
+.theme-grey-4 #navigation .main-nav > li.open > a {
+  background: #737373;
+}
+.theme-grey-4 #navigation .main-nav > li > a:hover {
+  background: #737373;
+}
+.theme-grey-4 #navigation .user .icon-nav > li > a:hover {
+  background: #737373;
+}
+.theme-grey-4 #navigation .user .dropdown.open {
+  background: #737373;
+}
+.theme-grey-4 #navigation .user .dropdown > a:hover {
+  background: #737373;
+}
+.theme-grey-4 #navigation .dropdown-menu {
+  border-color: #999999;
+}
+.theme-grey-4 #navigation .dropdown-menu > li > a:hover {
+  background: #999999;
+}
+.theme-grey-4 .search-form .search-pane button[type="submit"] {
+  background: #999999;
+}
+.theme-grey-4 .messages > li.insert .submit button {
+  background: #999999;
+}
+.theme-grey-4 .messages > li.right .name {
+  color: #333333;
+}
+.theme-grey-4 .messages > li.right .message {
+  background: white;
+}
+.theme-grey-4 .messages > li.right .message p {
+  color: #4d4d4d;
+}
+.theme-grey-4 .messages > li.right .message .time {
+  color: #4d4d4d;
+}
+.theme-grey-4 .messages > li.right .message .caret {
+  border-left: 7px solid white;
+}
+.theme-grey-4 .letterbox .letter > li.active {
+  background: #999999;
+}
+.theme-grey-4 .calendar .fc-content .fc-event .fc-event-inner {
+  background: #999999;
+}
+.theme-grey-4 .calendar .fc-button.fc-state-active {
+  background: #999999;
+}
+.theme-grey-4 .calendar .fc-button.fc-state-active:hover {
+  background: #999999;
+}
+.theme-grey-4 .table.table-user tr.alpha td.alpha-val span {
+  background: #999999;
+}
+.theme-grey-4 .tagsinput#textfield_tagsinput .tag, .theme-grey-4 .ms-container .multi-custom-header, .theme-grey-4 .slider .ui-slider-handle, .theme-grey-4 .form-wizard .wizard-steps li.active .single-step .title, .theme-grey-4 .user-list h4, .theme-grey-4 .nav.nav-pills > li.active > a, .theme-grey-4 .nav.nav-list > li.active > a, .theme-grey-4 .table.table-colored-header thead th, .theme-grey-4 .table.table-colored-header thead td, .theme-grey-4 .dataTables_wrapper .dataTables_paginate > span > a.paginate_active, .theme-grey-4 .elfinder-navbar .ui-state-active, .theme-grey-4 .pagination.pagination-custom li.active a:hover, .theme-grey-4 .pagination.pagination-custom li.active a {
+  background: #999999;
+}
+.theme-grey-4 .elfinder-navbar .ui-state-active {
+  border-color: #999999;
+}
+.theme-grey-4 #main .box .box-title .tabs > li.active > a {
+  background: #999999;
+}
+.theme-grey-4 #main .box.box-color .box-title {
+  background: #999999;
+}
+.theme-grey-4 #main .box.box-color .box-title .tabs > li.active > a {
+  background: #fff;
+  color: #999999;
+}
+.theme-grey-4 #main .box.box-bordered.box-color .box-title {
+  border-color: #999999;
+}
+.theme-grey-4 #main .box.box-bordered.box-color .box-content {
+  border-color: #999999;
+}