.smart-style-2 #shortcut {
  background-color: rgba(255, 255, 255, 0.9);
}

.smart-style-2 #shortcut ul {
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid #a8badb;
}

.smart-style-2 .superbox-list.active:before {
  color: #2c3742;
}

.smart-style-2 .superbox-img-description {
  color: #9ea8b1 !important;
}

.smart-style-2 .project-context > :first-child {
  text-shadow: none;
}

.smart-style-2 .project-selector {
  color: #b2c1d5;
}

.smart-style-2 .project-selector:hover {
  color: #fff;
}

.smart-style-2 #logo-group span#activity {
  background: none !important;
  border: none !important;
  color: #c5c6ca;
}

.smart-style-2 #logo-group span#activity:hover {
  color: #fff;
}

.smart-style-2 #logo-group > span .badge {
  background: #008dc4;
}

.smart-style-2 .header-search > input[type="text"] {
  background: #161b22;
  border: 1px solid #0f1217;
  color: #fff;
  border-radius: 4px;
}

.smart-style-2 #ribbon {
  background: #fff;
}

.smart-style-2 .btn.btn-ribbon {
  background: #9498a0;
}

.smart-style-2 aside {
  background: #f7f7f7;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(99%, #f7f7f7),
    color-stop(100%, #cacaca)
  );
  background: -webkit-linear-gradient(left, #f7f7f7 99%, #cacaca 100%);
  background: -webkit-gradient(
    linear,
    top left,
    top right,
    from(#f7f7f7),
    to(#cacaca)
  );
  background: linear-gradient(to right, #f7f7f7 99%, #cacaca 100%);
  min-height: 100%;
}

.smart-style-2 #left-panel {
  padding-right: 15px;
  padding-left: 15px;
  padding-bottom: 15px;
  padding-top: 64px;
}

.smart-style-2 .login-info {
  margin-bottom: 7px !important;
  height: auto;
}

.smart-style-2 .login-info span {
  padding: 5px 10px 7px;
  background: #fff;
  border-radius: 4px;
}

.smart-style-2 .login-info a {
  font-size: 16px !important;
  color: #33455a;
  margin-top: 2px;
}

.smart-style-2 .login-info a span {
  padding: 0;
  font-size: 16px !important;
  max-width: 105px;
}

.smart-style-2 .login-info img {
  width: 35px;
}

.smart-style-2 nav ul li a {
  color: #69737a !important;
  font-size: 12px !important;
}

.smart-style-2 nav ul ul {
  background: 0 0;
}

.smart-style-2 nav ul ul > li:hover b {
  color: #69737a !important;
}

.smart-style-2 nav ul ul li > a {
  padding-left: 23px;
}

.smart-style-2 nav ul ul ul li a {
  padding-left: 30px;
}

.smart-style-2 nav ul ul ul ul li a {
  padding-left: 40px;
}

.smart-style-2 nav ul ul ul ul ul li a {
  padding-left: 50px;
}

.smart-style-2 nav ul ul ul ul ul ul li a {
  padding-left: 60px;
}

.smart-style-2 nav > ul > li > a {
  padding-top: 16px;
  padding-bottom: 16px;
}

.smart-style-2 nav > ul > li > a > i {
  font-size: 25px !important;
}

.smart-style-2 nav > ul > li > a b {
  top: 16px;
}

.smart-style-2 .jarviswidget-color-blueDark > header {
  background: #2c3742 !important;
  border-color: #2c3742 !important;
}

.smart-style-2 .btn-success {
  background-color: #96bf48;
  border-color: #84a83e;
}

.smart-style-2 .btn-danger {
  background-color: #db4a67;
  border-color: #ca4862;
}

.smart-style-2 .btn-warning {
  background-color: #e2b14a;
  border-color: #c99d42;
}

.smart-style-2 .bg-color-red {
  background: #db4a67 !important;
}

.smart-style-2 .bg-color-blue {
  background: #4387bf !important;
}

.smart-style-2 .smart-form .toggle i:before {
  background-color: #3b9ff3;
}

.smart-style-2 .bg-color-greenLight {
  background-color: #89ad45 !important;
}

.smart-style-2 .bg-color-orange {
  background-color: #d6a848 !important;
}

.smart-style-2 .bg-color-teal {
  background-color: #5ba0a3 !important;
}

.smart-style-2 .minifyme {
  background: #d7dae2;
  border-bottom: 1px solid #818181;
  color: #7e7e7e;
}

.smart-style-2 .minifyme:hover {
  color: #4e4e4e;
}

.smart-style-2 .onoffswitch-inner:before {
  background: #3b9ff3;
  border-color: #3b9ff3 #257dc7 #2a7dc4;
}

.smart-style-2
  .onoffswitch-checkbox:checked
  + .onoffswitch-label
  .onoffswitch-switch:before {
  color: #84a83e;
}

.smart-style-2 .ui-chatbox-titlebar {
  background: #576574 !important;
}

.smart-style-2 .ui-chatbox-titlebar.ui-state-focus {
  background: #2c3742 !important;
}

body.smart-style-2 {
  background: #fff;
}

.smart-style-2 #header,
.smart-style-2 .page-footer,
.smart-style-2 .superbox-show {
  background-image: none;
  background-color: #2c3742;
}

.smart-style-2 #hide-menu a > i,
.smart-style-2 .btn-header > :first-child > a {
  background: 0 0;
  border: none !important;
  color: #c5c6ca !important;
  box-shadow: none !important;
}

.smart-style-2 #hide-menu a:hover i,
.smart-style-2 .btn-header > :first-child > a:hover {
  color: #fff !important;
  cursor: pointer !important;
}

.smart-style-2 .header-dropdown-list a.dropdown-toggle,
.smart-style-2 .header-search > button {
  color: #c5c6ca;
}

.smart-style-2.fixed-ribbon #ribbon {
  border-bottom: 1px solid #e0e0e0;
}

.smart-style-2 #ribbon .breadcrumb,
.smart-style-2 #ribbon .breadcrumb a,
.smart-style-2 #ribbon .breadcrumb li:last-child,
.smart-style-2 #ribbon .breadcrumb > .active {
  color: #7c7c7c !important;
}

.menu-on-top.smart-style-2 #left-panel {
  padding-top: 49px !important;
}

.smart-style-2 .login-info,
.smart-style-2 .login-info span {
  border: 0 !important;
  box-shadow: none !important;
}

.smart-style-2 nav ul .active > a,
.smart-style-2 nav ul li.open > a,
.smart-style-2 nav ul li.open > a b {
  color: #202427 !important;
  font-weight: 700;
}

.smart-style-2 nav ul li a:hover,
.smart-style-2 nav ul ul li > a:hover {
  color: #202427 !important;
  background: none !important;
}

.smart-style-2 nav > ul ul li::before,
.smart-style-2 nav > ul > li > ul::before {
  border: none !important;
}

.smart-style-2 .btn-primary,
.smart-style-2 .smart-form .button {
  background-color: #3b9ff3;
  border-color: #3292e2;
}

.smart-style-2 .btn-primary.active,
.smart-style-2 .btn-primary:active,
.smart-style-2 .btn-primary:focus,
.smart-style-2 .btn-primary:hover,
.smart-style-2 .open .dropdown-toggle.btn-primary {
  background-color: #3e90d4;
  border-color: #2f7dbe;
}

.smart-style-2 .dropdown-menu > li > a:focus,
.smart-style-2 .dropdown-menu > li > a:hover {
  background-color: #3e90d4;
}

.smart-style-2 .btn-success.active,
.smart-style-2 .btn-success:active,
.smart-style-2 .btn-success:focus,
.smart-style-2 .btn-success:hover,
.smart-style-2 .open .dropdown-toggle.btn-success {
  background-color: #89ad45;
  border-color: #78973b;
}

.smart-style-2 .btn-danger.active,
.smart-style-2 .btn-danger:active,
.smart-style-2 .btn-danger:focus,
.smart-style-2 .btn-danger:hover,
.smart-style-2 .open .dropdown-toggle.btn-danger {
  background-color: #cf4762;
  border-color: #c0455e;
}

.smart-style-2 .btn-warning.active,
.smart-style-2 .btn-warning:active,
.smart-style-2 .btn-warning:focus,
.smart-style-2 .btn-warning:hover,
.smart-style-2 .open .dropdown-toggle.btn-warning {
  background-color: #d6a848;
  border-color: #c09844;
}

.smart-style-2 .pagination > .active > a,
.smart-style-2 .pagination > .active > a:focus,
.smart-style-2 .pagination > .active > a:hover,
.smart-style-2 .pagination > .active > span,
.smart-style-2 .pagination > .active > span:focus,
.smart-style-2 .pagination > .active > span:hover {
  background-color: #3b9ff3;
}

.smart-style-2.minified .login-info {
  margin: 0 !important;
}

.smart-style-2.minified .login-info a {
  margin-top: 4px;
}

.smart-style-2.minified .login-info span {
  padding: 0;
}

.smart-style-2.minified #left-panel {
  padding: 0 !important;
  padding-top: 50px !important;
}

.smart-style-2.minified nav ul > li > a {
  padding: 12px 11px;
}

.smart-style-2.minified nav ul li.active > a:before {
  height: 23px;
  right: -19px;
  top: 7px;
  font-size: 20px;
  color: #fff;
}

.smart-style-2.minified nav > ul > li {
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #fff;
}

.smart-style-2.minified nav > ul > li > a > i {
  font-size: 18px !important;
}

.smart-style-2.minified nav > ul > li > ul,
.smart-style-2.minified nav > ul > li > ul > li,
.smart-style-2.minified nav > ul > li > ul > li > ul > li {
  background: #fff !important;
}

.smart-style-2 .smart-form .checkbox input:checked + i,
.smart-style-2 .smart-form .radio input:checked + i,
.smart-style-2 .smart-form .toggle input:checked + i {
  border-color: #3b9ff3;
}

.smart-form .rating input + label:hover,
.smart-form .rating input + label:hover ~ label {
  color: #3b9ff3;
}

.smart-style-2.menu-on-top .menu-item-parent {
  font-size: 10px;
}

.smart-style-2.menu-on-top #left-panel {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}

.smart-style-2.menu-on-top nav ul ul li > a {
  text-shadow: none !important;
  color: #646e75;
}

.smart-style-2.menu-on-top nav ul ul li a {
  padding-left: 10px !important;
  font-size: 13px;
}

.smart-style-2.menu-on-top nav ul ul li:hover > a {
  color: #fff !important;
  background-color: #5e6c88;
}

.smart-style-2.menu-on-top nav ul ul .active > a {
  color: #fff !important;
}

.smart-style-2.menu-on-top nav > ul ul ul {
  border-top: 1px solid #c7c7c7 !important;
}

.smart-style-2.menu-on-top nav > ul ul li:hover > ul {
  background: #333;
}

.smart-style-2.menu-on-top nav > ul > li > a:after {
  color: #8aa1b3 !important;
}

.smart-style-2.menu-on-top aside {
  background: inherit;
}

.smart-style-2.menu-on-top aside#left-panel {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #b8b8b8;
  border-top: 1px solid #333;
}

.smart-style-2.menu-on-top aside#left-panel nav > ul > li {
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
}

.smart-style-2.menu-on-top aside#left-panel nav > ul > li > a {
  text-shadow: none !important;
  font-size: 13px;
  padding: 10px 9px !important;
}

.smart-style-2.menu-on-top aside#left-panel nav > ul > li > ul {
  background: #2c3742;
}

.smart-style-2.menu-on-top aside#left-panel nav > ul > li:hover {
  background: #2e3e57;
  border-right-color: #fff;
  border-left-color: #fff;
}

.smart-style-2.menu-on-top aside#left-panel nav > ul > li:hover > a {
  color: #f1f1f1 !important;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.smart-style-2.menu-on-top nav ul ul li a,
.smart-style-2.menu-on-top nav ul ul ul li a {
  color: #adbed3 !important;
}

.smart-style-2.menu-on-top nav ul ul li a:hover,
.smart-style-2.menu-on-top nav ul ul ul li a:hover {
  color: #fff;
  background-color: #5e6c88 !important;
}

.smart-style-2.menu-on-top nav ul ul,
.smart-style-2.menu-on-top nav ul ul ul {
  background: #2e3e57 !important;
  border: 1px solid transparent;
}

.smart-style-2.menu-on-top nav ul ul li:hover > a:after,
.smart-style-2.menu-on-top nav > ul ul > li a:after,
.smart-style-2.menu-on-top nav > ul ul > li a:hover:after,
.smart-style-2.menu-on-top nav > ul > li > a:after {
  color: #d5d5d5;
}

.smart-style-2.menu-on-top nav ul ul li:hover > a:after,
.smart-style-2.menu-on-top nav > ul ul > li a:hover:after {
  color: #fff;
}

.smart-style-2.menu-on-top nav ul ul .active > a:hover,
.smart-style-2.menu-on-top nav ul ul li.active:hover > a {
  color: #fff !important;
}

.smart-style-7 {
  background-color: #6c6865;
  background-size: cover;
  color: #fff;
}

.smart-style-7 #header,
.smart-style-7 #logo-group span#activity,
.smart-style-7 #ribbon,
.smart-style-7 .btn-header > :first-child > a,
.smart-style-7 .header-search > input[type="text"],
.smart-style-7 .jvectormap-container {
  background: none !important;
  background-color: #53504e !important;
}
.smart-style-7 #ribbon {
  background: #494746 !important;
}

.smart-style-7.fixed-header #header {
  background: rgba(0, 0, 0, 0.7) !important;
}

.smart-style-7.fixed-ribbon #ribbon {
  background: rgba(0, 0, 0, 0.23) !important;
}

.smart-style-7 #logo-group span#activity,
.smart-style-7 .btn-header > :first-child > a,
.smart-style-7 .header-search > input[type="text"],
.smart-style-7 .jarviswidget > header,
.smart-style-7 .login-info {
  border-color: transparent;
}

.smart-style-7 #logo-group span#activity:hover,
.smart-style-7 .btn-header > :first-child > a:hover,
.smart-style-7 .header-search > input[type="text"]:hover,
.smart-style-7 .jarviswidget > header:hover,
.smart-style-7 .login-info:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#extr-page .smart-style-7 h4.paragraph-header,
#extr-page .smart-style-7 h5.about-heading,
.smart-style-7 #logo-group span#activity,
.smart-style-7 #project-context > :first-child,
.smart-style-7 #project-selector,
.smart-style-7 .bs-example-type .table .info,
.smart-style-7 .close,
.smart-style-7 .close:focus,
.smart-style-7 .close:hover,
.smart-style-7 .dd-handle > span,
.smart-style-7 .dropdown-menu > li > a,
.smart-style-7 .dygraph-axis-label,
.smart-style-7 .easy-pie-chart .percent,
.smart-style-7 .h1 .small,
.smart-style-7 .h1 small,
.smart-style-7 .h2 .small,
.smart-style-7 .h2 small,
.smart-style-7 .h3 .small,
.smart-style-7 .h3 small,
.smart-style-7 .h4 .small,
.smart-style-7 .h4 small,
.smart-style-7 .h5 .small,
.smart-style-7 .h5 small,
.smart-style-7 .h6 .small,
.smart-style-7 .h6 small,
.smart-style-7 .header-search > button,
.smart-style-7 .highlight,
.smart-style-7 .highlight pre code,
.smart-style-7 .inbox-data-message > :first-child,
.smart-style-7 .inbox-data-message > :first-child span,
.smart-style-7 .inbox-menu-lg li a,
.smart-style-7 .irs-grid-pol,
.smart-style-7 .irs-grid-text,
.smart-style-7 .irs-max,
.smart-style-7 .irs-min,
.smart-style-7 .jarviswidget header:first-child .nav-tabs li a,
.smart-style-7 .jarviswidget > header,
.smart-style-7 .nav-tabs > li > a,
.smart-style-7 .notification-body .from,
.smart-style-7 .notification-body time,
.smart-style-7 .page-title span,
.smart-style-7 .pager .disabled > a,
.smart-style-7 .pager .disabled > a:focus,
.smart-style-7 .pager .disabled > a:hover,
.smart-style-7 .pager .disabled > span,
.smart-style-7 .project-context > :first-child,
.smart-style-7 .project-selector,
.smart-style-7 .responsive-utilities td.is-visible,
.smart-style-7 .row-seperator-header,
.smart-style-7 .smart-form .checkbox input + i:after,
.smart-style-7 .smart-form header,
.smart-style-7 .superbox-imageinfo span,
.smart-style-7 .text-muted,
.smart-style-7 .todo-group-title,
.smart-style-7 .todo > li > p,
.smart-style-7 .todo > li > p > .date,
.smart-style-7 .todo > li > p > :first-child,
.smart-style-7 .tree li span,
.smart-style-7 .ui-widget-content,
.smart-style-7 .usr-card-content > :first-child,
.smart-style-7 a,
.smart-style-7 code,
.smart-style-7 h1 .small,
.smart-style-7 h1 small,
.smart-style-7 h2 .small,
.smart-style-7 h2 small,
.smart-style-7 h3 .small,
.smart-style-7 h3 small,
.smart-style-7 h4 .small,
.smart-style-7 h4 small,
.smart-style-7 h5 .small,
.smart-style-7 h5 small,
.smart-style-7 h6 .small,
.smart-style-7 h6 small,
.smart-style-7 pre {
  color: #fff;
}

.smart-style-7 #ribbon .breadcrumb,
.smart-style-7 #ribbon .breadcrumb a,
.smart-style-7 .txt-color-blueDark {
  color: #fff !important;
}

.smart-style-7 #ribbon .breadcrumb li:last-child,
.smart-style-7 #ribbon .breadcrumb > .active,
.smart-style-7 .open .project-selector {
  color: rgb(126, 125, 156);
}

.smart-style-7 a:focus,
.smart-style-7 a:hover {
  color: rgb(126, 125, 156);
  text-decoration: none;
}

.smart-style-7 #header,
.smart-style-7 .login-info > span {
  border-bottom: 1px solid rgba(255, 255, 225, 0.15);
}

.smart-style-7 .jarviswidget > header {
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.smart-style-7 .fc-border-separate thead tr,
.smart-style-7 .table thead tr,
.smart-style-7 aside#left-panel {
  background: rgba(0, 0, 0, 0.43);
}

.smart-style-7 .jarviswidget > div {
  background: rgba(0, 0, 0, 0.18) !important;
  border-color: rgba(0, 0, 0, 0.13) !important;
}

.smart-style-7 .highlight {
  border-color: rgba(255, 255, 225, 0.15);
  background: rgba(255, 255, 225, 0.43);
}

.smart-style-7 pre {
  background: rgba(255, 255, 255, 0.13);
}

.smart-style-7 .highlight pre code,
.smart-style-7 code {
  background: rgba(0, 0, 0, 0.13);
  border-color: transparent;
}

.smart-style-7 .bs-example,
.smart-style-7 .well {
  background: rgba(255, 255, 255, 0.23);
  border-color: transparent;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.43);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.43);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.43);
}

.smart-style-7 .alert {
  -webkit-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  -moz-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.smart-style-7 .alert-info {
  background: rgba(174, 207, 233, 0.43);
  color: #e7f1ff;
}

.smart-style-7 .alert-success {
  border-color: rgba(132, 233, 177, 0.5);
  color: #fff;
  background-color: rgba(120, 201, 156, 0.5);
}

.smart-style-7 .alert-warning {
  border-color: rgba(255, 242, 200, 0.4);
  color: #fff;
  background-color: rgba(255, 242, 200, 0.4);
}

.alert-warning a {
  color: #333;
}

.smart-style-7 .alert-danger {
  border-color: #953b39;
  color: #fff;
  background-color: rgba(194, 101, 101, 0.7);
}

.smart-style-7 hr {
  border-color: rgba(255, 255, 225, 0.15);
}

.smart-style-7 .btn-header > :first-child > a,
.smart-style-7 .header-search > input[type="text"] {
  color: #fff;
  background-color: #53504e !important;
}

.smart-style-7 .bs-example,
.smart-style-7 .bs-example-type .table td,
.smart-style-7 .table-bordered,
.smart-style-7 .table-bordered > tbody > tr > td,
.smart-style-7 .table-bordered > tbody > tr > th,
.smart-style-7 .table-bordered > tfoot > tr > td,
.smart-style-7 .table-bordered > tfoot > tr > th,
.smart-style-7 .table-bordered > thead > tr > td,
.smart-style-7 .table-bordered > thead > tr > th {
  border-color: rgba(255, 255, 225, 0.15);
}

.smart-style-7 :-moz-placeholder,
.smart-style-7 :-webkit-placeholder,
.smart-style-7 ::-moz-placeholder,
.smart-style-7 ::-webkit-input-placeholder,
.smart-style-7 :placeholder,
.smart-style-7 nav ul li.active > a:before,
.smart-style-7.menu-on-top nav ul ul li a,
.smart-style-7.menu-on-top nav ul ul ul li a {
  color: #fff !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgb(179, 176, 176);
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: rgb(179, 176, 176);
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgb(179, 176, 176);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgb(179, 176, 176);
}

.smart-style-7 .page-footer {
  background: rgba(0, 0, 0, 0.33);
  border-color: rgba(255, 255, 225, 0.15);
}

.smart-style-7 nav ul ul {
  color: #fff !important;
  background: rgba(0, 0, 0, 0.23);
  background-color: #3d3b39 !important;
}

.smart-style-7 nav > ul > li > a > i {
  font-size: 25px !important;
}

.smart-style-7 nav > ul > li > a b {
  top: 16px;
}

.smart-style-7 nav ul li a {
  font-size: 12px !important;
}

.smart-style-7 nav ul li a {
  font-size: 12px !important;
}

.smart-style-7 nav ul .active > a,
.smart-style-7 nav ul li.open > a,
.smart-style-7 nav ul li.open > a b {
  font-weight: 700;
}

.smart-style-7 nav > ul > li > a {
  padding-top: 16px;
  padding-bottom: 16px;
}

.smart-style-7 nav ul .active > a {
  color: rgb(126, 125, 156) !important;
}

.smart-style-7 #left-panel {
  padding-top: 64px;
  background-color: #3d3b39 !important;
}

.smart-style-7.menu-on-top aside#left-panel nav > ul > li {
  border-right-color: rgba(255, 255, 225, 0.15);
  border-left-color: transparent;
}

.smart-style-7.menu-on-top aside#left-panel nav > ul > li:first-child {
  border-left-color: rgba(255, 255, 225, 0.15);
}

.smart-style-7.menu-on-top aside#left-panel nav > ul > li:hover > a {
  background: #000;
  border-left-color: transparent;
  border-right-color: transparent;
  color: rgb(126, 125, 156) !important;
}

.smart-style-7 .menu-on-top nav ul ul ul li a:hover,
.smart-style-7.menu-on-top nav ul ul li a:hover,
.smart-style-7.menu-on-top nav ul ul ul li a:hover {
  color: rgb(126, 125, 156);
}

.smart-style-7.menu-on-top nav ul ul li:hover > a:after,
.smart-style-7.menu-on-top nav > ul ul > li a:after,
.smart-style-7.menu-on-top nav > ul ul > li a:hover:after,
.smart-style-7.menu-on-top nav > ul > li > a:after {
  color: #fff;
}

.smart-style-7 .ajax-dropdown:after,
.smart-style-7 .ajax-dropdown:before {
  border-bottom-color: rgba(255, 255, 225, 0.15);
}

.smart-style-7 .ajax-dropdown .fa-4x.fa-border {
  color: rgba(170, 241, 219, 0.9);
  border-color: rgba(0, 255, 224, 0.3);
}

.smart-style-7 .notification-body .msg-body,
.smart-style-7 .notification-body .subject {
  color: rgba(255, 255, 255, 0.7);
}

.smart-style-7 .notification-body .unread {
  background-color: rgba(169, 255, 241, 0.2);
}

.smart-style-7 .notification-body > li {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
}

.smart-style-7 .dropdown-menu {
  background: rgba(0, 0, 0, 0.63);
}

.smart-style-7 .dropdown-menu .divider {
  background: rgba(255, 255, 225, 0.15);
}

.smart-style-7 .btn-default,
.smart-style-7 .btn-default.active,
.smart-style-7 .btn-default:active,
.smart-style-7 .btn-default:focus,
.smart-style-7 .btn-default:hover,
.smart-style-7 .open > .dropdown-toggle.btn-default {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border-color: transparent;
}

.smart-style-7 .ajax-notifications {
  background: 0 0;
}

.smart-style-7 .table-responsive {
  border-color: rgba(255, 255, 225, 0.15);
}

.smart-style-7 .dropdown-menu > li > a {
  color: #fff !important;
}

.smart-style-7.menu-on-top .menu-item-parent {
  font-size: 10px !important;
}

.smart-style-7 .bootstrap-tagsinput,
.smart-style-7 .form-control,
.smart-style-7 .input-group-addon,
.smart-style-7 .select2-container .select2-choice,
.smart-style-7 .select2-container .select2-choice .select2-arrow,
.smart-style-7 .select2-container-multi .select2-choices,
.smart-style-7 .smart-form .input input,
.smart-style-7 .smart-form .select select,
.smart-style-7 .smart-form .textarea textarea {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.4);
  color: #fff;
}

.smart-style-7 .select2-dropdown-open .select2-arrow {
  background: rgba(0, 0, 0, 0.2) !important;
  border-color: rgba(0, 0, 0, 0.4) !important;
}

.smart-style-7 .form header,
.smart-style-7 .note,
.smart-style-7 legend {
  color: #fff;
  -webkit-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  -moz-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.smart-style-7 .smart-form .label {
  color: #fff;
}

.smart-style-7 .jarviswidget .fc-header-title h2 {
  text-shadow: none;
}

.smart-style-7 .dropzone,
.smart-style-7 td.fc-other-month {
  background-color: rgba(72, 112, 85, 0.23);
}

.smart-style-7 .popover,
.smart-style-7 .ui-widget-content {
  background: rgba(0, 0, 0, 0.8);
  border-color: rgba(0, 0, 0, 0.4);
}

.smart-style-7 .ui-datepicker {
  background: rgba(0, 0, 0, 0.8) !important;
}

.smart-style-7 .editable + .popover {
  background: rgba(20, 114, 88, 0.8);
  border-color: rgba(0, 0, 0, 0.4);
}

.smart-style-7 .ui-widget-content {
  background: rgba(0, 0, 0, 0.1);
}

.smart-style-7 tr.ui-widget-content {
  background: rgba(255, 255, 225, 0.15);
}

.smart-style-7 .ui-spinner {
  background: 0 0;
  border-color: rgba(0, 0, 0, 0.4);
}

.smart-style-7 .bootstrapWizard li .title,
.smart-style-7 .dropzone .dz-preview,
.smart-style-7 .dropzone-previews .dz-preview {
  color: #000;
}

.smart-style-7 .tree li span,
.smart-style-7 .tree li:after,
.smart-style-7 .tree li:before {
  border-color: #fff;
}

.smart-style-7 label input[type="radio"][disabled].radiobox + span,
.smart-style-7 label input[type="radio"][disabled].radiobox:checked + span,
.smart-style-7
  label:hover
  input[type="radio"][disabled].radiobox:checked
  + span:before {
  color: rgba(255, 255, 255, 0.7);
}

.smart-style-7 .table,
.smart-style-7 .ui-jqgrid .ui-jqgrid-bdiv {
  background: 0 0;
}

.smart-style-7 .ui-jqgrid .ui-jqgrid-pager,
.smart-style-7 .ui-jqgrid .ui-jqgrid-titlebar {
  border-color: rgba(255, 255, 225, 0.15);
  background-color: rgba(0, 0, 0, 0.23);
}

.smart-style-7 .ui-jqgrid {
  border-color: rgba(255, 255, 225, 0.15) !important;
}

.smart-style-7 .ui-jqgrid .ui-pg-input,
.smart-style-7 .ui-jqgrid .ui-pg-selbox {
  color: #000;
}

.smart-style-7 .ui-state-focus,
.smart-style-7 .ui-state-hover,
.smart-style-7 .ui-widget-content .ui-state-focus,
.smart-style-7 .ui-widget-content .ui-state-hover,
.smart-style-7 .ui-widget-header .ui-state-focus,
.smart-style-7 .ui-widget-header .ui-state-hover {
  background: 0 0;
}

.smart-style-7 .arrow-box-up-right:after {
  border-color: transparent;
}

.smart-style-7 .arrow-box-up-right:before {
  border-bottom-color: rgba(0, 0, 0, 0.63);
}

.smart-style-7 .ui-tabs .ui-tabs-nav {
  background: rgba(0, 0, 0, 0.43);
  border-color: rgba(255, 255, 225, 0.15);
}

.smart-style-7 .ui-tabs {
  background: 0 0;
}

.smart-style-7 .ui-tabs-panel {
  background: 0 0;
  border-color: rgba(255, 255, 255, 0.15);
}

.smart-style-7 .popover.bottom > .arrow,
.smart-style-7 .popover.left > .arrow,
.smart-style-7 .popover.right > .arrow,
.smart-style-7 .popover.top > .arrow {
  border-color: transparent;
}

.smart-style-7 .popover.right > .arrow:after {
  border-right-color: rgba(0, 0, 0, 0.8);
  left: 0;
}

.smart-style-7 .popover.bottom > .arrow:after {
  border-bottom-color: rgba(0, 0, 0, 0.8);
  top: 0;
}

.smart-style-7 .popover.top > .arrow:after {
  border-top-color: rgba(0, 0, 0, 0.8);
  bottom: 0;
}

.smart-style-7 .popover.left > .arrow:after {
  border-left-color: rgba(0, 0, 0, 0.8);
  right: 0;
}

.smart-style-7 .popover-title {
  background-color: rgba(247, 247, 247, 0.3);
  border-bottom: 1px solid rgba(247, 247, 247, 0.3);
}

.smart-style-7 .ui-chatbox-input-focus {
  color: #000;
}

.smart-style-7 .dt-toolbar,
.smart-style-7 table.dataTable thead .sorting_asc,
.smart-style-7 table.dataTable thead .sorting_desc {
  background-color: rgba(0, 0, 0, 0.43);
}

.smart-style-7 .dt-toolbar {
  border-color: rgba(255, 255, 225, 0.15);
}

.smart-style-7 .table-hover > tbody > tr:hover,
.smart-style-7 .table-striped > tbody > tr:nth-child(odd) {
  background-color: transparent;
}

.smart-style-7 .dt-toolbar-footer,
.smart-style-7 .table-hover > tbody > tr:hover > td,
.smart-style-7 .table-hover > tbody > tr:hover > th,
.smart-style-7 .table-striped > tbody > tr:nth-child(odd) > th {
  background: rgba(0, 0, 0, 0.43);
}

.smart-style-7 .table-striped > tbody > tr:nth-child(odd) > td {
  background: rgba(0, 0, 0, 0.13);
}

.smart-style-7 .dt-toolbar-footer {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: rgba(255, 255, 225, 0.15);
}

.smart-style-7 .pagination > li > a,
.smart-style-7 .pagination > li > span {
  background: rgba(0, 0, 0, 0.43);
  border-color: rgba(255, 255, 225, 0.15);
  color: #fff;
}

.smart-style-7 .pagination > .disabled > a,
.smart-style-7 .pagination > .disabled > a:focus,
.smart-style-7 .pagination > .disabled > a:hover,
.smart-style-7 .pagination > .disabled > span,
.smart-style-7 .pagination > .disabled > span:focus,
.smart-style-7 .pagination > .disabled > span:hover {
  background: rgba(0, 0, 0, 0.43);
  border-color: rgba(255, 255, 225, 0.15);
  color: #ccc;
}

.smart-style-7 .pagination > .active > a,
.smart-style-7 .pagination > .active > a:focus,
.smart-style-7 .pagination > .active > a:hover,
.smart-style-7 .pagination > .active > span,
.smart-style-7 .pagination > .active > span:focus,
.smart-style-7 .pagination > .active > span:hover .pagination > .active > a {
  color: rgb(126, 125, 156);
  border-color: rgba(255, 255, 225, 0.15);
  background: rgba(0, 0, 0, 0.63);
}

.smart-style-7 div.DTTT .btn {
  color: #fff !important;
}

.smart-style-7 button.ColVis_Button,
.smart-style-7 ul.ColVis_collection li {
  background: rgba(0, 0, 0, 0.43);
}

.smart-style-7 .dygraph-legend {
  background: none !important;
}

#extr-page .smart-style-7 #main {
  background: 0 0;
}

#extr-page .smart-style-7 #header {
  background: rgba(0, 0, 0, 0.43) !important;
  border-color: rgba(255, 255, 225, 0.15) !important;
}

.smart-style-7 .client-form footer,
.smart-style-7 .client-form header {
  background: rgba(0, 0, 0, 0.63);
  color: #fff;
}

.smart-style-7 .smart-form fieldset {
  background: rgba(255, 255, 255, 0.03);
}

.smart-style-7 .timeline-seperator > :first-child {
  background: rgba(0, 0, 0, 0.43);
  color: #fff;
}

.smart-style-7 .smart-form footer {
  background: rgba(0, 0, 0, 0.43);
}

.smart-style-7 .smart-form .checkbox,
.smart-style-7 .smart-form .radio,
.smart-style-7 .smart-form .rating,
.smart-style-7 .smart-form .toggle {
  color: #fff;
  -webkit-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  -moz-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.smart-style-7 .ui-datepicker .ui-datepicker-header {
  background-color: rgba(255, 255, 225, 0.15);
}

.smart-style-7 .table-forum thead tr th {
  border-bottom-color: rgba(255, 255, 225, 0.15);
}

.smart-style-7 .table > tbody > tr > td,
.smart-style-7 .table > tbody > tr > th,
.smart-style-7 .table > tfoot > tr > td,
.smart-style-7 .table > tfoot > tr > th,
.smart-style-7 .table > thead > tr > td,
.smart-style-7 .table > thead > tr > th {
  border-top-color: rgba(255, 255, 225, 0.07);
}

.smart-style-7 .note-editor .note-toolbar {
  background: rgba(0, 0, 0, 0.43);
  border-bottom-color: rgba(255, 255, 225, 0.15);
}

.smart-style-7 .md-editor > textarea,
.smart-style-7 .note-editor {
  border-color: rgba(255, 255, 225, 0.15);
  background: rgba(255, 255, 225, 0.15);
}

.smart-style-7 .md-editor > textarea:focus,
.smart-style-7 .note-editor .note-editable:focus {
  background: rgba(255, 255, 225, 0.05);
}

.smart-style-7 .superbox-show {
  background: rgba(0, 0, 0, 0.43);
}

.smart-style-7 .superbox-list.active:before {
  color: rgba(0, 0, 0, 0.43);
}

.smart-style-7 .progress {
  background: rgba(0, 0, 0, 0.13);
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 225, 0.15) inset;
  -moz-box-shadow: 0 0 0 1px rgba(255, 255, 225, 0.15) inset;
  box-shadow: 0 0 0 1px rgba(255, 255, 225, 0.15) inset;
}

.smart-style-7 .nav > li > a:focus,
.smart-style-7 .nav > li > a:hover {
  background: rgba(0, 0, 0, 0.63);
  border-color: rgba(255, 255, 225, 0.15);
}

.smart-style-7 .nav-tabs.bordered,
.smart-style-7 .nav-tabs > li.active > a,
.smart-style-7 .nav-tabs > li.active > a:focus,
.smart-style-7 .nav-tabs > li.active > a:hover {
  background: rgba(0, 0, 0, 0.43);
  color: #fff;
  border-color: rgba(255, 255, 225, 0.15) !important;
}

.smart-style-7 .nav-tabs > li.active > a {
  -webkit-box-shadow: 0 -2px 0 #ccf0ff;
  -moz-box-shadow: 0 -2px 0 #ccf0ff;
  box-shadow: 0 -2px 0 #ccf0ff;
}

.smart-style-7 .nav-tabs.bordered + .tab-content,
.smart-style-7 .tabs-left > .nav-pills,
.smart-style-7 .tabs-left > .nav-tabs {
  border-color: rgba(255, 255, 225, 0.15);
}

.smart-style-7 .tabs-right > .nav-tabs {
  border-left-color: rgba(255, 255, 225, 0.15);
}

.smart-style-7 .jarviswidget header .nav-tabs > li.active > a,
.smart-style-7 .jarviswidget header .nav-tabs > li.active > a:focus,
.smart-style-7 .jarviswidget header .nav-tabs > li.active > a:hover {
  background: rgba(0, 0, 0, 0.43);
  color: #fff;
}

.smart-style-7 .smart-accordion-default .panel-default {
  border-color: rgba(255, 255, 225, 0.15);
}

.smart-style-7 .panel,
.smart-style-7 .smart-accordion-default .panel-default > .panel-heading {
  background: 0 0;
}

.smart-style-7 .panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: rgba(255, 255, 225, 0.15);
}

.smart-style-7 .jumbotron {
  background: rgba(0, 0, 0, 0.43);
}

.smart-style-7 .pagination.pagination-alt > li:first-child > a {
  padding-left: 12px;
}

.smart-style-7 .modal-content,
.smart-style-7 .pager .disabled > a,
.smart-style-7 .pager .disabled > a:focus,
.smart-style-7 .pager .disabled > a:hover,
.smart-style-7 .pager .disabled > span,
.smart-style-7 .pager li > a,
.smart-style-7 .pager li > span {
  background: rgba(0, 0, 0, 0.43);
}

.smart-style-7 .modal-header {
  border-bottom-color: rgba(255, 255, 225, 0.15);
}

.smart-style-7 .modal-footer {
  border-top-color: rgba(255, 255, 225, 0.15);
}

.smart-style-7 .bs-glyphicons li {
  border-color: rgba(255, 255, 225, 0.15) !important;
}

.smart-style-7 .responsive-utilities td.is-hidden {
  background: rgba(0, 0, 0, 0.43) !important;
  color: #fff;
}

.smart-style-7 .inbox-body.no-content-padding {
  background: 0 0;
}

.smart-style-7 .txt-color-darken {
  color: #fff !important;
}

.smart-style-7 .inbox-menu-lg li a:hover {
  background: rgba(0, 0, 0, 0.43);
}

.smart-style-7 .inbox-menu-lg li.active a {
  background: rgba(0, 0, 0, 0.43);
  border-bottom-color: rgba(255, 255, 225, 0.15);
}

.smart-style-7 .fill-a,
.smart-style-7 .fill-b {
  background: 0 0;
}

.smart-style-7 #heat-fill {
  left: 20px;
}

.smart-style-7 .fill-a {
  top: -11px;
  left: -10px;
}

.smart-style-7 .fill-b {
  top: -11px;
  right: -23px;
}

.smart-style-7 .chat-body {
  background: 0 0;
  border-color: transparent;
}

.smart-style-7 .chat-footer {
  background: rgba(255, 255, 225, 0.15);
}

.smart-style-7 .textarea-controls,
.smart-style-7 .textarea-div,
.smart-style-7 .todo-group-title {
  background: rgba(0, 0, 0, 0.43);
}

.smart-style-7 .typearea textarea {
  background: 0 0;
}

.smart-style-7 .show-stat-microcharts > div {
  border-color: rgba(255, 255, 225, 0.15) !important;
  background: rgba(0, 255, 255, 0.1) !important;
}

.smart-style-7 .fc-widget-content,
.smart-style-7 .fc-widget-header,
.smart-style-7 .smart-form.widget-body-toolbar,
.smart-style-7 .textarea-controls,
.smart-style-7 .textarea-div,
.smart-style-7 .todo-group-title,
.smart-style-7 .todo > li,
.smart-style-7 .todo > li > :first-child,
.smart-style-7 .todo > li > p,
.smart-style-7 .typearea,
.smart-style-7 .widget-body-toolbar {
  border-color: rgba(255, 255, 225, 0.15);
}

.smart-style-7 .table > thead > tr > th {
  border-bottom-color: rgba(255, 255, 225, 0.25);
}

.smart-style-7 .table-bordered,
.smart-style-7 .table-bordered > tbody > tr > td,
.smart-style-7 .table-bordered > tbody > tr > th,
.smart-style-7 .table-bordered > tfoot > tr > td,
.smart-style-7 .table-bordered > tfoot > tr > th,
.smart-style-7 .table-bordered > thead > tr > td,
.smart-style-7 .table-bordered > thead > tr > th {
  border-color: rgba(255, 255, 225, 0.15);
}

.smart-style-7 .ui-jqgrid .ui-jqgrid-titlebar {
  background: rgba(0, 0, 0, 0.23);
}

.smart-style-7 .ui-jqgrid .ui-jqgrid-htable th {
  background: 0 0;
}

.smart-style-7 .ui-jqgrid .ui-state-hover td {
  background: rgba(255, 255, 225, 0.15) !important;
}

.smart-style-7 .ui-accordion .ui-accordion-header {
  background: rgba(0, 0, 0, 0.43);
  color: #fff;
}

.smart-style-7 .ui-menu .ui-state-disabled {
  color: #fff !important;
}

.smart-style-7 .ui-accordion-content {
  background: 0 0;
}

.smart-style-7 .ui-dialog .ui-dialog-title {
  color: #fff;
  background: 0 0;
}

.smart-style-7 .ui-dialog .ui-dialog-titlebar {
  border-bottom-color: rgba(255, 255, 255, 0.15);
  color: #fff;
  background: 0 0;
}

.smart-style-7 .ui-dialog .ui-dialog-buttonpane {
  border-top-color: rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.smart-style-7 .ui-dialog-buttonpane,
.smart-style-7 .ui-dialog-content {
  background: 0 0;
}

.smart-style-7 .ui-dialog {
  background-color: #6c6865;
}

.smart-style-7 .slider-track {
  background: rgba(0, 0, 0, 0.43);
}

.smart-style-7 .ui-tabs .ui-tabs-nav li a:hover {
  border-bottom: none;
}

.smart-style-7 .ui-tabs .ui-tabs-nav li a:hover,
.smart-style-7 .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  background: rgba(0, 0, 0, 0.43);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: 0 -2px 0 #ccf0ff;
  -moz-box-shadow: 0 -2px 0 #ccf0ff;
  box-shadow: 0 -2px 0 #ccf0ff;
}

.smart-style-7 .ui-accordion .ui-accordion-content,
.smart-style-7 .ui-accordion .ui-accordion-header {
  border-color: rgba(255, 255, 255, 0.15) !important;
}

.smart-style-7 .ui-accordion-header-active + .ui-accordion-content {
  border-top-color: transparent;
}

.smart-style-7 .ui-tabs .ui-tabs-nav li a,
.smart-style-7 .ui-tabs .ui-tabs-nav li.ui-tabs-active:hover {
  background: 0 0;
  color: #fff;
  border-color: transparent;
}

.smart-style-7 .ui-tabs .ui-state-default,
.smart-style-7
  .ui-tabs
  .ui-widget-content
  .smart-style-7
  .ui-tabs
  .ui-state-default,
.smart-style-7 .ui-tabs .ui-widget-header .ui-state-default {
  background: 0 0;
  margin: 0;
}

.smart-style-7 .lockscreen .logo + div {
  background: rgba(0, 0, 0, 0.43);
}

.smart-style-7 .chart text {
  fill: #fff;
}

.smart-style-7 .dd-handle,
.smart-style-7 .dd3-content {
  background: rgba(0, 0, 0, 0.43);
  border-color: rgba(255, 255, 225, 0.15);
  color: #fff;
}

.smart-style-7 .md-editor .md-footer,
.smart-style-7 .md-editor > .md-header,
.smart-style-7 .widget-footer {
  background: rgba(0, 0, 0, 0.43);
  border-bottom-color: rgba(255, 255, 225, 0.15);
}

.smart-style-7 .widget-footer {
  border-top: 1px solid rgba(255, 255, 225, 0.15);
}

.smart-style-7 .noUi-target[disabled] .noUi-base {
  background: rgba(26, 26, 26, 0.43);
}

.smart-style-7 .irs-line,
.smart-style-7 .noUi-background {
  background: rgba(0, 0, 0, 0.43);
}

.smart-style-7 .select2-search input {
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(29, 29, 29, 0.9);
  color: #fff;
}

.smart-style-7 .select2-results .select2-no-results,
.smart-style-7 .select2-results .select2-searching,
.smart-style-7 .select2-results .select2-selection-limit {
  background: 0 0;
}

.smart-style-7 .select2-drop {
  border-color: rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
}

.smart-style-7 .select2-search:before {
  color: #e0e0e0 !important;
}

.smart-style-7 .knob[data-fgcolor="#222222"],
.smart-style-7
  .select2-container-multi
  .select2-choices
  .select2-search-field
  input {
  color: #fff !important;
}

.smart-style-7 .select2-dropdown-open .select2-choice {
  border: 1px solid #000;
  background: rgba(0, 0, 0, 0.9);
  box-shadow: none !important;
}

.smart-style-7 .price-features,
.smart-style-7 .profile-message li.message.message-reply {
  background: rgba(0, 0, 0, 0.43);
}

.smart-style-7 .panel-footer {
  background: rgba(0, 0, 0, 0.63);
  border-top-color: rgba(255, 255, 225, 0.15);
}

.smart-style-7 .pricing-big .panel-footer {
  background: rgba(0, 0, 0, 0.63) !important;
}

.smart-style-7 .table > tbody > tr.active > td,
.smart-style-7 .table > tbody > tr.active > th,
.smart-style-7 .table > tbody > tr > td.active,
.smart-style-7 .table > tbody > tr > th.active,
.smart-style-7 .table > tfoot > tr.active > td,
.smart-style-7 .table > tfoot > tr.active > th,
.smart-style-7 .table > tfoot > tr > td.active,
.smart-style-7 .table > tfoot > tr > th.active,
.smart-style-7 .table > thead > tr.active > td,
.smart-style-7 .table > thead > tr.active > th,
.smart-style-7 .table > thead > tr > td.active,
.smart-style-7 .table > thead > tr > th.active {
  background: rgba(255, 255, 225, 0.15);
}

.smart-style-7 .table > tbody > tr.danger > td,
.smart-style-7 .table > tbody > tr.info > td,
.smart-style-7 .table > tbody > tr.success > td,
.smart-style-7 .table > tbody > tr.warning > td {
  color: #000;
}

.smart-style-7 .smart-timeline-list > li:hover {
  background: rgba(0, 0, 0, 0.43);
}

.smart-style-7 .jvectormap-zoomin,
.smart-style-7 .jvectormap-zoomout {
  background: rgba(0, 0, 0, 0.3) !important;
  border: 1px solid rgba(0, 0, 0, 0.3);
}

.smart-style-7 .text-primary {
  color: #e2f2ff;
}

.smart-style-7 .text-success {
  color: #90ff92;
}

.smart-style-7 .onoffswitch-switch {
  border-color: transparent;
}

.smart-style-7 #shortcut {
  background-color: rgba(27, 16, 43, 0.75);
}

.smart-style-7.minified nav > ul > li {
  border-bottom: 1px solid rgba(2, 8, 9, 0.33);
  border-top: 1px solid rgba(255, 255, 255, 0.23);
}

.smart-style-7 .minifyme {
  background: rgba(77, 209, 172, 0.5);
  color: rgba(255, 255, 255, 0.7);
}

.smart-style-7 .minifyme:hover {
  background: rgba(77, 209, 172, 0.7);
  color: #fff;
}

.smart-style-7.minified nav > ul > li > ul {
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.8);
  margin-top: 0;
  padding: 0;
}

.smart-style-7.minified nav > ul > li > ul > li,
.smart-style-7.minified nav > ul > li > ul > li > ul > li {
  background: 0 0;
}

.smart-style-7 #project-context > :first-child,
.smart-style-7 #sparks li h5,
.smart-style-7 .ajax-notifications > .alert.alert-transparent,
.smart-style-7 .bootstrap-duallistbox-container label,
.smart-style-7 .form header,
.smart-style-7 .inbox-side-bar h6,
.smart-style-7 .project-context > :first-child,
.smart-style-7 [class*=" txt-color-"],
.smart-style-7 [class^="txt-color-"] {
  color: #fff !important;
  -webkit-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  -moz-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.smart-style-7 .bg-color-green,
.smart-style-7 .jarviswidget-color-green > header {
  background: rgba(144, 255, 146, 0.5) !important;
  border-color: rgba(144, 255, 146, 0.5) !important;
  color: #fff;
}

.smart-style-7 .bg-color-greenLight,
.smart-style-7 .jarviswidget-color-greenLight > header {
  border-color: rgba(127, 207, 113, 0.5) !important;
  background: rgba(127, 207, 113, 0.5) !important;
  color: #fff;
}

.smart-style-7 .bg-color-greenDark,
.smart-style-7 .jarviswidget-color-greenDark > header {
  border-color: rgba(135, 233, 117, 0.5) !important;
  background: rgba(135, 233, 117, 0.5) !important;
  color: #fff;
}

.smart-style-7 .bg-color-purple,
.smart-style-7 .jarviswidget-color-purple > header {
  border-color: rgba(98, 57, 149, 0.43) !important;
  background: rgba(122, 72, 185, 0.43) !important;
  color: #fff;
}

.smart-style-7 .bg-color-magenta,
.smart-style-7 .jarviswidget-color-magenta > header {
  border-color: rgba(76, 38, 78, 0.43) !important;
  background: rgba(110, 54, 113, 0.43) !important;
  color: #fff;
}

.smart-style-7 .bg-color-pink,
.smart-style-7 .jarviswidget-color-pink > header {
  border-color: rgba(233, 157, 201, 0.43) !important;
  background: rgba(233, 157, 201, 0.43) !important;
  color: #fff;
}

.smart-style-7 .bg-color-pinkDark,
.smart-style-7 .jarviswidget-color-pinkDark > header {
  border-color: rgba(208, 58, 146, 0.43) !important;
  background: rgba(218, 99, 169, 0.43) !important;
  color: #fff;
}

.smart-style-7 .bg-color-blueLight,
.smart-style-7 .jarviswidget-color-blueLight > header {
  border-color: rgba(140, 210, 236, 0.43) !important;
  background: rgba(184, 227, 243, 0.43) !important;
  color: #fff;
}

.smart-style-7 .jarviswidget-color-blueLight > header > .jarviswidget-ctrls a {
  color: #fff !important;
}

.smart-style-7 .bg-color-teal,
.smart-style-7 .jarviswidget-color-teal > header {
  border-color: rgba(84, 210, 208, 0.83) !important;
  background: rgba(124, 221, 219, 0.83) !important;
  color: #fff;
}

.smart-style-7 .bg-color-blue,
.smart-style-7 .jarviswidget-color-blue > header {
  border-color: rgba(59, 184, 235, 0.43) !important;
  background: rgba(59, 184, 235, 0.43) !important;
  color: #fff;
}

.smart-style-7 .bg-color-blueDark,
.smart-style-7 .jarviswidget-color-blueDark > header {
  border-color: rgba(29, 61, 104, 0.43) !important;
  background: rgba(29, 61, 104, 0.43) !important;
  color: #fff;
}

.smart-style-7 .bg-color-darken,
.smart-style-7 .jarviswidget-color-darken > header {
  border-color: rgba(0, 0, 0, 0.23) !important;
  background: rgba(0, 0, 0, 0.23) !important;
  color: #fff;
}

.smart-style-7 .bg-color-yellow,
.smart-style-7 .jarviswidget-color-yellow > header {
  border-color: rgba(253, 236, 184, 0.43) !important;
  background: rgba(253, 236, 184, 0.43) !important;
  color: #fff;
}

.smart-style-7 .bg-color-orange,
.smart-style-7 .jarviswidget-color-orange > header {
  border-color: rgba(255, 159, 71, 0.43) !important;
  background: rgba(255, 159, 71, 0.43) !important;
  color: #fff;
}

.smart-style-7 .bg-color-orangeDark,
.smart-style-7 .jarviswidget-color-orangeDark > header {
  border-color: rgba(255, 161, 87, 0.43) !important;
  background: rgba(255, 161, 87, 0.43) !important;
  color: #fff;
}

.smart-style-7 .bg-color-red,
.smart-style-7 .jarviswidget-color-red > header {
  border-color: rgba(255, 7, 7, 0.43) !important;
  background: rgba(255, 7, 7, 0.43) !important;
  color: #fff;
}

.smart-style-7 .bg-color-redLight,
.smart-style-7 .jarviswidget-color-redLight > header {
  border-color: rgba(252, 61, 61, 0.43) !important;
  background: rgba(252, 61, 61, 0.43) !important;
  color: #fff;
}

.smart-style-7 .bg-color-white,
.smart-style-7 .jarviswidget-color-white > header {
  border-color: rgba(255, 255, 255, 0.33) !important;
  background: rgba(255, 255, 255, 0.43) !important;
  color: #000;
}

.smart-style-7 .jarviswidget-color-white > header > .jarviswidget-ctrls a {
  color: #3d3d3d !important;
}

.smart-style-7 button.ColVis_Button,
.smart-style-7 ul.ColVis_collection li {
  color: #fff !important;
}

.smart-style-7 ul.ColVis_collection {
  background: rgba(0, 0, 0, 0.5);
}

.smart-style-7 .status .links {
  background: rgba(255, 255, 255, 0.1);
}

.smart-style-7 .bootstrap-tagsinput > span,
.smart-style-7 .btn-primary,
.smart-style-7 .btn-primary.active,
.smart-style-7 .btn-primary:active,
.smart-style-7 .btn-primary:focus,
.smart-style-7 .btn-primary:hover,
.smart-style-7 .open > .dropdown-toggle.btn-primary,
.smart-style-7
  .select2-container-multi
  .select2-choices
  .select2-search-choice {
  border-color: rgba(117, 205, 241, 0.83);
  background: rgba(71, 188, 236, 0.83);
  webkit-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  -moz-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.smart-style-7 .btn-info,
.smart-style-7 .btn-info.active,
.smart-style-7 .btn-info:active,
.smart-style-7 .btn-info:focus,
.smart-style-7 .btn-info:hover,
.smart-style-7 .open > .dropdown-toggle.btn-info {
  border-color: rgba(164, 232, 230, 0.83);
  background: rgba(124, 221, 219, 0.83);
  webkit-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  -moz-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.smart-style-7 .btn-success,
.smart-style-7 .btn-success.active,
.smart-style-7 .btn-success:active,
.smart-style-7 .btn-success:focus,
.smart-style-7 .btn-success:hover,
.smart-style-7 .open > .dropdown-toggle.btn-success,
.smart-style-7 .sa-chat-learnmore-btn,
.smart-style-7 .sa-chat-learnmore-btn:active,
.smart-style-7 .sa-chat-learnmore-btn:focus,
.smart-style-7 .sa-chat-learnmore-btn:hover {
  border-color: rgba(0, 246, 4, 0.83);
  background: rgba(144, 255, 146, 0.5);
  webkit-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  -moz-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.smart-style-7 .btn-warning,
.smart-style-7 .btn-warning.active,
.smart-style-7 .btn-warning:active,
.smart-style-7 .btn-warning:focus,
.smart-style-7 .btn-warning:hover,
.smart-style-7 .open > .dropdown-toggle.btn-warning {
  border-color: rgba(250, 220, 156, 0.83);
  background-color: rgba(245, 206, 122, 0.83);
  webkit-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  -moz-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.smart-style-7 .btn-danger,
.smart-style-7 .btn-danger.active,
.smart-style-7 .btn-danger:active,
.smart-style-7 .btn-danger:focus,
.smart-style-7 .btn-danger:hover,
.smart-style-7 .open > .dropdown-toggle.btn-danger {
  border-color: rgba(217, 20, 44, 0.83);
  background-color: rgba(236, 52, 74, 0.83);
  webkit-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  -moz-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.smart-style-7 .smart-form .rating input:checked ~ label {
  color: #7ed5eb;
}

.smart-style-7 .smart-form .rating input + label:hover,
.smart-style-7 .smart-form .rating input + label:hover ~ label {
  color: #a3edff;
}

.smart-style-7 .dt-toolbar option,
.smart-style-7 select:not([multiple]) option {
  background: #000;
  border-color: rgba(0, 0, 0, 0.4);
  color: #fff;
}

.smart-style-7 .control-label {
  -webkit-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  -moz-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.smart-style-7 .has-error .checkbox,
.smart-style-7 .has-error .checkbox-inline,
.smart-style-7 .has-error .control-label,
.smart-style-7 .has-error .form-control-feedback,
.smart-style-7 .has-error .help-block,
.smart-style-7 .has-error .radio,
.smart-style-7 .has-error .radio-inline {
  color: #ff7676;
  -webkit-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  -moz-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.smart-style-7 .has-success .checkbox,
.smart-style-7 .has-success .checkbox-inline,
.smart-style-7 .has-success .control-label,
.smart-style-7 .has-success .form-control-feedback,
.smart-style-7 .has-success .help-block,
.smart-style-7 .has-success .radio,
.smart-style-7 .has-success .radio-inline {
  color: #b1f3b2;
  -webkit-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  -moz-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.smart-style-7 label input[type="checkbox"].checkbox:checked + span:before {
  color: #d2e8ff;
}

.smart-style-7
  label
  input[type="checkbox"].checkbox.style-2:checked
  + span:before {
  color: #66665e;
}

.smart-style-7 label input[type="radio"].radiobox + span:before,
.smart-style-7 label input[type="radio"].radiobox:checked + span:before {
  color: #d2e8ff !important;
  border-color: #d2e8ff !important;
}

.smart-style-7 input[type="checkbox"].checkbox + span:before {
  color: #fff;
  border-color: #fff;
}

.smart-style-7 .form-actions,
.smart-style-7 .smart-form.widget-body-toolbar,
.smart-style-7 .widget-body-toolbar,
.smart-style-7 label input[type="checkbox"].checkbox + span:before,
.smart-style-7 label input[type="radio"].radiobox + span:before {
  background: rgba(255, 255, 255, 0.23);
  border-color: rgba(255, 255, 255, 0.53);
}

.smart-style-7 .irs-diapason,
.smart-style-7 .noUi-connect {
  background: #fff;
}

.smart-style-7 .noUi-origin-lower {
  background: rgba(0, 255, 255, 0.8);
}

#extr-page.smart-style-7,
.smart-style-7 .MessageBoxContainer,
.smart-style-7 .ajax-dropdown,
.smart-style-7 .modal-content {
  background-color: #6c6865;
  color: #fff;
  background-size: cover;
}

#extr-page body.smart-style-7 {
  background: none !important;
}

.smart-style-7 .ui-chatbox-titlebar {
  background: #2a4f58 !important;
}

.smart-style-7 .ui-chatbox-titlebar.ui-state-focus {
  background: #204149 !important;
}

.smart-style-7 .ui-chatbox .ui-widget-content {
  background: rgba(51, 103, 105, 0.6);
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgba(81, 165, 177, 0.6)),
    color-stop(1, rgba(68, 85, 139, 0.6))
  );
  background: -ms-linear-gradient(
    bottom,
    rgba(81, 165, 177, 0.6),
    rgba(68, 85, 139, 0.6)
  );
  background: -moz-linear-gradient(
    center bottom,
    rgba(81, 165, 177, 0.6) 0,
    rgba(68, 85, 139, 0.6) 100%
  );
  background: -o-linear-gradient(
    rgba(68, 85, 139, 0.6),
    rgba(81, 165, 177, 0.6)
  );
  filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr="rgba(68, 85, 139, 0.6)",
      endColorstr="rgba(81, 165, 177, 0.6)",
      GradientType=0
    );
}

.smart-style-7 .ui-state-focus + .ui-widget-content {
  background: rgba(51, 103, 105, 0.6);
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgba(68, 85, 139, 0.9)),
    color-stop(1, rgba(68, 85, 139, 0.9))
  );
  background: -ms-linear-gradient(
    bottom,
    rgba(68, 85, 139, 0.9),
    rgba(68, 85, 139, 0.9)
  );
  background: -moz-linear-gradient(
    center bottom,
    rgba(68, 85, 139, 0.9) 0,
    rgba(68, 85, 139, 0.9) 100%
  );
  background: -o-linear-gradient(
    rgba(68, 85, 139, 0.9),
    rgba(68, 85, 139, 0.9)
  );
  filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr="rgba(68, 85, 139, 0.9)",
      endColorstr="rgba(68, 85, 139, 0.9)",
      GradientType=0
    );
}

.smart-style-7 .ui-chatbox-content > .alert-msg {
  background: #fffdd0;
}

.smart-style-7 .ui-chatbox-input {
  background: rgba(29, 96, 117, 0.6);
}

.smart-style-7 .ui-chatbox .ui-widget-content textarea {
  background: rgba(0, 0, 0, 0.23) !important;
  border-color: rgba(0, 0, 0, 0.23) !important;
  color: #fff;
}

.smart-style-7 .ui-chatbox .ui-widget-content textarea:focus {
  background: rgba(0, 0, 0, 0.53) !important;
  border-color: rgba(0, 0, 0, 0.53) !important;
  font-weight: 700;
}

.smart-style-7 .MessageBoxContainer,
.smart-style-7 .fc-widget-content {
  -webkit-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  -moz-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

.smart-style-7 #jarviswidget-fullscreen-mode .jarviswidget {
  background-color: #6c6865;
  background-size: cover;
}

.smart-style-7.hidden-menu aside#left-panel {
  background: rgba(7, 38, 41, 0.83);
}

.smart-style-7 .fc-widget-content {
  border-color: rgba(0, 0, 0, 0.25);
}

.smart-style-7 .fc-grid .fc-day-number {
  padding: 0 4px;
  font-size: 17px;
}

.smart-style-7 .fc-state-highlight {
  background: 0 0;
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
  background-image: -webkit-gradient(
    linear,
    0 100%,
    100% 0,
    color-stop(0.25, rgba(255, 255, 255, 0.15)),
    color-stop(0.25, transparent),
    color-stop(0.5, transparent),
    color-stop(0.5, rgba(255, 255, 255, 0.15)),
    color-stop(0.75, rgba(255, 255, 255, 0.15)),
    color-stop(0.75, transparent),
    to(transparent)
  );
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -moz-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-size: 40px 40px;
}

.smart-style-7 .bootstrap-duallistbox-container label,
.smart-style-7 .form header,
.smart-style-7 .inbox-body .table-wrap,
.smart-style-7 .inbox-nav-bar,
.smart-style-7 .inbox-side-bar,
.smart-style-7 .notification-body > li > span,
.smart-style-7 .smart-form header {
  background: 0 0;
}

.smart-style-7 #inbox-table.table tbody > tr > td {
  border-color: rgba(255, 255, 225, 0.15) !important;
}

.smart-style-7 #inbox-table tbody tr:hover,
.smart-style-7 .table-hover > tbody > tr:hover > td {
  background: rgba(0, 255, 225, 0.25);
}

.smart-style-7 .inbox-message {
  background: rgba(0, 0, 0, 0.35);
}

.smart-style-7 .table {
  background: rgba(0, 0, 0, 0.15);
}

.smart-style-7 .bs-example .table {
  background: 0 0;
}

.smart-style-7 .smart-form .checkbox i,
.smart-style-7 .smart-form .radio i {
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.smart-style-7 .smart-form .radio input + i:after {
  background: #fff;
}

.smart-style-7 .smart-form .icon-append,
.smart-style-7 .smart-form .icon-prepend {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.5);
}

.smart-style-7 .smart-form .checkbox.state-error i,
.smart-style-7 .smart-form .radio.state-error i,
.smart-style-7 .smart-form .state-error input,
.smart-style-7 .smart-form .state-error select,
.smart-style-7 .smart-form .state-error textarea,
.smart-style-7 .smart-form .toggle.state-error i {
  background: rgba(255, 8, 8, 0.2) !important;
  border-color: #a90329 !important;
}

.smart-style-7 .smart-form .checkbox.state-success i,
.smart-style-7 .smart-form .radio.state-success i,
.smart-style-7 .smart-form .state-success input,
.smart-style-7 .smart-form .state-success select,
.smart-style-7 .smart-form .state-success textarea,
.smart-style-7 .smart-form .toggle.state-success i {
  background: rgba(98, 248, 98, 0.2) !important;
  border-color: #7dc27d;
}

.smart-form .toggle i {
  background: rgba(255, 255, 255, 0.12);
}

.smart-style-7 .smart-form .toggle i:after {
  color: #fff;
}

.smart-style-7 .smart-form .toggle i:before {
  background-color: #fff;
}

.smart-style-7 .bootstrap-timepicker-widget table td input {
  color: #333;
}

.smart-style-7.menu-on-top nav > ul > li > a:after {
  color: #90d8cf !important;
}

.smart-style-7.menu-on-top nav ul ul li a,
.smart-style-7.menu-on-top nav ul ul ul li a {
  color: #fff;
}

.smart-style-7.menu-on-top nav ul ul,
.smart-style-7.menu-on-top nav ul ul ul {
  margin-left: -1px;
  border-bottom-color: #2ab7bd;
  background-color: transparent !important;
  background-image: -moz-linear-gradient(
    top,
    #000,
    rgba(0, 0, 0, 0.7)
  ) !important;
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#000),
    to(rgba(0, 0, 0, 0.7))
  ) !important;
  background-image: -webkit-linear-gradient(
    top,
    #000,
    rgba(0, 0, 0, 0.7)
  ) !important;
  background-image: -o-linear-gradient(
    top,
    #000,
    rgba(0, 0, 0, 0.7)
  ) !important;
  background-image: linear-gradient(
    to bottom,
    #000,
    rgba(0, 0, 0, 0.7)
  ) !important;
}

.smart-style-7.menu-on-top nav ul ul .active > a {
  color: rgb(126, 125, 156) !important;
}

.smart-style-7 .inbox-info-bar .form-group input,
.smart-style-7 .inbox-info-bar .select2-container-multi .select2-choices {
  border-color: transparent !important;
  background: transparent !important;
}

.smart-style-7 .highlight .inbox-data-message > :first-child,
.smart-style-7 .highlight .inbox-data-message > :first-child > :first-child {
  color: #333 !important;
}

.smart-style-7 .table > tbody > tr.warning > td,
.smart-style-7 .table > tbody > tr.warning > th,
.smart-style-7 .table > tbody > tr > td.warning,
.smart-style-7 .table > tbody > tr > th.warning,
.smart-style-7 .table > tfoot > tr.warning > td,
.smart-style-7 .table > tfoot > tr.warning > th,
.smart-style-7 .table > tfoot > tr > td.warning,
.smart-style-7 .table > tfoot > tr > th.warning,
.smart-style-7 .table > thead > tr.warning > td,
.smart-style-7 .table > thead > tr.warning > th,
.smart-style-7 .table > thead > tr > td.warning,
.smart-style-7 .table > thead > tr > th.warning,
.smart-style-7 .unread td {
  background-color: rgba(255, 214, 0, 0.3) !important;
  color: #fff;
}

.smart-style-7 .table > tbody > tr.danger > td,
.smart-style-7 .table > tbody > tr.danger > th,
.smart-style-7 .table > tbody > tr > td.danger,
.smart-style-7 .table > tbody > tr > th.danger,
.smart-style-7 .table > tfoot > tr.danger > td,
.smart-style-7 .table > tfoot > tr.danger > th,
.smart-style-7 .table > tfoot > tr > td.danger,
.smart-style-7 .table > tfoot > tr > th.danger,
.smart-style-7 .table > thead > tr.danger > td,
.smart-style-7 .table > thead > tr.danger > th,
.smart-style-7 .table > thead > tr > td.danger,
.smart-style-7 .table > thead > tr > th.danger {
  background-color: rgba(236, 43, 43, 0.5) !important;
  color: #fff;
}

.smart-style-7 .table > tbody > tr.success > td,
.smart-style-7 .table > tbody > tr.success > th,
.smart-style-7 .table > tbody > tr > td.success,
.smart-style-7 .table > tbody > tr > th.success,
.smart-style-7 .table > tfoot > tr.success > td,
.smart-style-7 .table > tfoot > tr.success > th,
.smart-style-7 .table > tfoot > tr > td.success,
.smart-style-7 .table > tfoot > tr > th.success,
.smart-style-7 .table > thead > tr.success > td,
.smart-style-7 .table > thead > tr.success > th,
.smart-style-7 .table > thead > tr > td.success,
.smart-style-7 .table > thead > tr > th.success {
  background-color: rgba(106, 228, 56, 0.5) !important;
  color: #fff;
}

.smart-style-7 #chat-container #chat-users li a img,
.smart-style-7 #shortcut ul li .jarvismetro-tile,
.smart-style-7 .chat-body li.message img,
.smart-style-7 .friends-list img,
.smart-style-7 .inbox-download-list li > :first-child > :first-child > img,
.smart-style-7 .login-info img,
.smart-style-7 .notification-body,
.smart-style-7 .profile-pic > img,
.smart-style-7 .usr-card > img {
  border-radius: 50% 0 !important;
}

.smart-style-7 .friends-list img {
  outline: 0;
}

.smart-style-7 .inbox-download-list li > :first-child:hover {
  background: rgba(255, 255, 255, 0.3);
  border-color: rgba(192, 192, 192, 0.3);
}

.smart-style-7 .inbox-download,
.smart-style-7 .inbox-message {
  border-bottom-color: rgba(255, 255, 255, 0.3);
}

.smart-style-7 .demo [class*=" txt-color-"],
.smart-style-7 .demo legend,
.smart-style-7 .demo > * {
  color: #333 !important;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  text-shadow: none;
}

.smart-style-7 .demo .txt-color-white {
  color: #fff !important;
}

.smart-style-7 .demo .txt-color-darken {
  color: #333 !important;
}

.smart-style-7 .demo label input[type="checkbox"].checkbox + span:before,
.smart-style-7 .demo label input[type="radio"].radiobox + span:before {
  background-color: #f4f4f4;
}

.smart-style-7 #hide-menu i {
  color: #fff !important;
}

.smart-style-7 nav > ul ul li::before,
.smart-style-7 nav > ul > li > ul::before {
  border: none !important;
}

.smart-style-7 nav ul ul li > a:hover,
.smart-style-7 nav ul ul ul li a:hover {
  background-color: rgba(0, 0, 0, 0.3);
}

.smart-style-7 .smart-form,
.smart-style-7 .ui-jqgrid .ui-jqgrid-title,
.smart-style-7 .ui-state-focus,
.smart-style-7 .ui-state-hover,
.smart-style-7 .ui-widget-content .ui-state-focus,
.smart-style-7 .ui-widget-content .ui-state-hover,
.smart-style-7 .ui-widget-header .ui-state-focus,
.smart-style-7 .ui-widget-header .ui-state-hover {
  color: #fff;
}

.smart-style-7 .well-light .nav-tabs {
  background: rgba(0, 0, 0, 0.43);
  color: #fff;
  padding-left: 10px;
}

.smart-style-7 .icon-addon,
.smart-style-7 .input-icon-left > i,
.smart-style-7 .input-icon-right > i {
  color: #fff;
}

.smart-style-7 .show-stats .progress-bar {
  background: rgba(255, 255, 255, 0.8) !important;
}

@media (max-width: 979px) {
  .smart-style-7 #sparks {
    background: 0 0;
  }
}
