/********************************************************************* STYLE 1 *************************************************************/
.smart-style-1 a {
  transition: color 0.1s linear 0s, background-color 0.1s linear 0s !important; }
  .smart-style-1 body.container {
    border-left: 1px solid rgba(34, 38, 46, 0.4);
    border-right: 1px solid rgba(34, 38, 46, 0.4); }
  .smart-style-1 #header {
    background-image: none;
    background-color: #22262e; }
  .smart-style-1 .project-context > :first-child {
    color: #697b92;
    text-shadow: 0 0 1px #111318; }
  .smart-style-1 #ribbon {
    background: #e6e6e6; }
    .smart-style-1 #ribbon .breadcrumb > .active, .smart-style-1 #ribbon .breadcrumb li:last-child {
      color: #868686; }
    .smart-style-1 #ribbon .breadcrumb a, .smart-style-1 #ribbon .breadcrumb {
      color: #747474 !important; }
  .smart-style-1 .breadcrumb > li + li:before {
    color: #646464; }
  .smart-style-1 .project-selector {
    color: #b9b9b9; }
  .smart-style-1 .open > .dropdown-menu, .smart-style-1 .dropdown-menu {
    padding: 4px; }
  .smart-style-1 .dropdown-menu > li > a, .smart-style-1 .dropdown-menu > li > a {
    border-radius: 4px;
    margin: 3px 0; }
  .smart-style-1 .btn.btn-ribbon {
    background-color: #697486;
    background-image: -moz-linear-gradient(top, #6f7d94, #697486);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6f7d94), to(#697486));
    background-image: -webkit-linear-gradient(top, #6f7d94, #697486);
    background-image: -o-linear-gradient(top, #6f7d94, #697486);
    background-image: linear-gradient(to bottom, #6f7d94, #697486); }
  .smart-style-1 #logo-group span#activity {
    background: #0d0f12;
    border: 1px solid #0d0f12;
    color: #fff;
    cursor: pointer; }
  .smart-style-1 .btn-header > :first-child > a {
    background: #fb3c4a;
    border: 1px solid #fb3c4a;
    color: #fff !important;
    cursor: pointer !important; }
    .smart-style-1 .btn-header > :first-child > a:hover {
      opacity: 0.9; }
  .smart-style-1 #cancel-search-js {
    background: #fb3c4a;
    line-height: 29px !important; }
  .smart-style-1 .MsgTitle .txt-color-orangeDark {
    color: #fb3c4a !important; }

@media (max-width: 979px) and (min-width: 768px) {
  .smart-style-1 #hide-menu i {
    color: #fff !important; } }

@media only screen and (max-width: 679px) and (min-width: 0px) {
  .smart-style-1 #hide-menu i {
    color: #fff !important; } }

@media only screen and (max-width: 479px) and (min-width: 320px) {
  .smart-style-1 #sparks {
    background: #fff; }

  .smart-style-1 #cancel-search-js, .smart-style-1 .search-mobile .header-search > button {
    border-radius: 3px; } }

.smart-style-1 .minifyme {
  background: #434953; }
  .smart-style-1 .minifyme:hover {
    background: #5c6c86;
    color: #e1e8f3; }

.smart-style-1 #show-shortcut:hover > i {
  color: #fff; }

.smart-style-1 aside, .smart-style-1 .superbox-show, .smart-style-1 .page-footer {
  background: #1b1e24; }

.smart-style-1 .superbox-list.active:before {
  color: #1b1e24; }

.smart-style-1 #logo-group {
  background: #22262e !important; }

.smart-style-1 .login-info span, .smart-style-1 .login-info {
  border-bottom: none; }

.smart-style-1 nav ul b {
  font-size: 14px;
  margin-top: 0px; }

.smart-style-1 nav ul b .fa-plus-square-o:before {
  content: "\f104"; }

.smart-style-1 nav ul b .fa-minus-square-o:before {
  content: "\f107"; }

.smart-style-1 .header-search > input[type="text"] {
  border-color: #fff !important;
  border-radius: 2px; }

.smart-style-1 nav ul ul li > a {
  text-shadow: 0 1px 1px #000;
  font-size: 13px;
  padding-left: 43px;
  color: #e1eaf1;
  display: block;
  font-weight: 300;
  padding-top: 6px !important;
  padding-bottom: 6px !important; }

.smart-style-1 nav ul ul ul li a {
  padding: 8px 17px 8px 54px !important; }

.smart-style-1 nav ul ul ul ul li a {
  padding-left: 72px !important; }

.smart-style-1 nav ul ul ul ul ul li a {
  padding-left: 90px !important; }

.smart-style-1 nav ul ul ul ul ul ul li a {
  padding-left: 108px !important; }

.smart-style-1 nav > ul > li > ul::before, .smart-style-1 nav > ul ul li::before {
  border: none !important; }

.smart-style-1 nav > ul > li > a > i {
  font-size: 17px;
  vertical-align: 0px; }

.smart-style-1 nav > ul > li > a b {
  right: 17px;
  top: 12px; }

.smart-style-1 nav > ul > li > a > i:after {
  border: 1px solid #fff; }
/* here */
.smart-style-1 nav ul ul {
  background: #22262e; }

.smart-style-1 nav ul ul li > a:hover {
  background: #1b1e24 !important; }

.smart-style-1 nav ul li a, .smart-style-1 .login-info strong, .smart-style-1 .login-info a {
  color: #8b91a0; }

.smart-style-1 nav ul li a:active {
  background: none; }

.smart-style-1 nav ul li a:hover {
  color: #e1eaf1; }

.smart-style-1 .header-dropdown-list a.dropdown-toggle {
  color: #fff;
  text-decoration: none; }

.smart-style-1 nav ul li a {
  padding: 12px 17px 12px 16px; }

.smart-style-1 .login-info {
  height: auto; }

.smart-style-1 .login-info > span {
  padding: 5px 10px; }

.smart-style-1 .login-info img {
  width: 35px;
  border-radius: 50%; }

.smart-style-1 .login-info a {
  margin-top: 2px; }

.smart-style-1 .login-info a span {
  max-width: 136px; }

.smart-style-1 .login-info a:hover {
  color: #fff; }

.smart-style-1 #logo-group > span .badge {
  background: #0aa699; }

.smart-style-1 #activity.active .badge {
  background: #0aa699 !important; }

.smart-style-1 .ajax-dropdown {
  background: #e2e8f1; }

.smart-style-1 .ajax-notifications {
  background: #fff; }
/* no nav animation */
.smart-style-1 nav > ul > li > a:hover i {
  -webkit-animation-name: none;
  -moz-animation-name: none;
  -o-animation-name: none;
  animation-name: none; }
/*
 * COLORS
 */
.smart-style-1 img.online {
  border-left-color: #0aa699 !important; }

.smart-style-1 .onoffswitch-inner:before {
  background-color: #36aecc !important; }

.smart-style-1 .bg-color-red {
  background-color: #fb3c4a !important; }

.smart-style-1 .pagination > .active > a, .smart-style-1 .pagination > .active > span, .smart-style-1 .pagination > .active > a:hover, .smart-style-1 .pagination > .active > span:hover, .smart-style-1 .pagination > .active > a:focus, .smart-style-1 .pagination > .active > span:focus {
  background-color: #36aecc;
  border-color: #36aecc; }
/*
 * MINIFIED
 */
.smart-style-1.minified .login-info a {
  margin-top: 6px; }

.smart-style-1.minified nav ul li a {
  padding: 12px 17px 12px 14px; }

.smart-style-1.minified nav > ul > li > a > i {
  font-size: 18px; }

.smart-style-1.minified nav > ul > li {
  border-bottom: 1px solid #131416;
  border-top: 1px solid #303031; }

.smart-style-1.minified nav > ul > li > ul {
  background: #1b1e24; }

.smart-style-1.minified nav > ul > li > ul > li {
  background: #22262e; }

.smart-style-1.minified .login-info img {
  width: 30px !important; }

.smart-style-1.minified .login-info span {
  padding: 0px 5px !important; }

.smart-style-1.minified nav ul ul li > a:hover {
  background: #30343d !important; }

.smart-style-1.minified nav ul > li > ul > li > ul {
  background: #1b1e24; }

.smart-style-1.minified nav > ul > li > ul > li > ul > li {
  background: #1b1e24; }

.smart-style-1.minified nav ul ul li > a {
  padding-left: 13px;
  padding-right: 13px !important; }

.smart-style-1.minified nav ul ul ul li a {
  padding-left: 33px !important;
  padding-right: 13px !important; }

.smart-style-1.minified nav ul ul ul ul li a {
  padding-left: 43px !important;
  padding-right: 13px !important; }

.smart-style-1.minified nav ul ul ul ul ul li a {
  padding-left: 53px !important;
  padding-right: 13px !important; }

.smart-style-1.minified nav ul ul ul ul ul ul li a {
  padding-left: 63px !important;
  padding-right: 13px !important; }
/*
 * widget colors
 */
.smart-style-1 .jarviswidget-color-darken > header {
  background: #1b1e24 !important;
  border-color: #1b1e24 !important; }

.smart-style-1 .jarviswidget-color-blueDark > header {
  background: #353d4b !important;
  border-color: #353d4b !important; }

.smart-style-1 .jarviswidget-color-blue > header {
  background: #688f9e;
  border-color: #6a838d !important; }

.smart-style-1 .jarviswidget-color-purple > header {
  background: #736086; }

.smart-style-1 .jarviswidget-color-red > header {
  background: #c02631;
  border-color: #8f2129 !important; }

.smart-style-1 .jarviswidget .bg-color-red {
  background: #c02631 !important; }

.smart-style-1 .jarviswidget-color-greenLight > header, .smart-style-1 .jarviswidget .bg-color-greenLight {
  border-color: #96b447 !important;
  background: #96b447 !important; }

.smart-style-1 .jarviswidget-color-yellow > header, .smart-style-1 .jarviswidget .bg-color-yellow {
  border-color: #dbb727 !important;
  background: #fdd01c !important;
  color: #25241f; }

.smart-style-1 .jarviswidget-color-pink > header, .smart-style-1 .jarviswidget .bg-color-pink {
  background: #db8ebb !important; }
/*
 * Style 1 Top Menu
 */
.smart-style-1.menu-on-top nav ul ul li > a {
  text-shadow: none !important;
  color: #646e75; }

.smart-style-1.menu-on-top aside {
  background: #14161b; }

.smart-style-1.menu-on-top aside#left-panel {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid #222;
  border-top: 1px solid #333; }

.smart-style-1.menu-on-top aside#left-panel nav > ul > li {
  border-right: 1px solid transparent;
  border-left: 1px solid transparent; }

.smart-style-1.menu-on-top aside#left-panel nav > ul > li:hover {
  border-right-color: #333;
  border-left-color: #333; }

.smart-style-1.menu-on-top aside#left-panel nav > ul > li > a {
  text-shadow: none !important;
  font-size: 13px;
  padding: 10px 9px !important; }

.smart-style-1.menu-on-top nav ul ul li a {
  padding-left: 10px !important;
  font-size: 13px; }
/* Hover state */
.smart-style-1.menu-on-top aside#left-panel nav > ul > li:hover {
  background: #fff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #04070c 0%, #2e3e57 66%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cfcfcf), color-stop(66%, #2e3e57));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #04070c 0%, #2e3e57 66%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #04070c 0%, #2e3e57 66%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #04070c 0%, #2e3e57 66%);
  /* IE10+ */
  background: linear-gradient(to bottom, #04070c, #2e3e57 66%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#04070C', endColorstr='#2E3E57',GradientType=0);
  /* IE6-9 */ }

.smart-style-1.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-1.menu-on-top aside#left-panel nav > ul > li > ul {
  background: #3a3633; }
/* hover state universal */
.smart-style-1.menu-on-top nav ul ul li a, .smart-style-1.menu-on-top nav ul ul ul li a {
  color: #d8dee5; }

.smart-style-1.menu-on-top nav ul ul li a:hover, .smart-style-1.menu-on-top nav ul ul ul li a:hover {
  color: #fff;
  background-color: #1b1e24 !important; }

.smart-style-1.menu-on-top nav ul ul li:hover > a {
  color: #fff;
  background-color: #1b1e24; }

.smart-style-1.menu-on-top nav > ul ul ul {
  border-top: 1px solid #c7c7c7 !important; }
/* Hover state second level */
.smart-style-1.menu-on-top nav ul ul, .smart-style-1.menu-on-top nav ul ul ul {
  background: #2e3e57 !important;
  border: 1px solid transparent;
  padding: 0px; }

.smart-style-1.menu-on-top nav > ul ul li:hover > ul {
  background: #333; }
/*
 * Child Arrow
 */
/* top level childs */
.smart-style-1.menu-on-top nav > ul > li > a:after {
  color: #8aa1b3 !important; }
/* next level childs */
.smart-style-1.menu-on-top nav > ul > li > a:after, .smart-style-1.menu-on-top nav > ul ul > li a:after, .smart-style-1.menu-on-top nav ul ul li:hover > a:after, .smart-style-1.menu-on-top nav > ul ul > li a:hover:after {
  color: #d5d5d5; }

.smart-style-1.menu-on-top nav ul ul li:hover > a:after, .smart-style-1.menu-on-top nav > ul ul > li a:hover:after {
  color: #fff; }

.smart-style-1.menu-on-top nav > ul ul > li a:only-child:after, .smart-style-1.menu-on-top nav > ul > li > a:only-child:after {
  content: "" !important; }
/*
 * Active Child
 */
.smart-style-1.menu-on-top nav ul ul .active > a {
  color: #fff !important; }

.smart-style-1.menu-on-top nav ul ul .active > a:hover, .smart-style-1.menu-on-top nav ul ul li.active:hover > a {
  color: #fff !important; }
/********************************************************************* STYLE 2 *************************************************************/
.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, .3);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid #a8badb; }

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 .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 .header-search > input[type="text"] {
  background: #161b22;
  border: 1px solid #0f1217;
  color: #fff;
  border-radius: 4px; }

.smart-style-2 .btn-header > :first-child > a, .smart-style-2 #hide-menu a > i {
  background: none;
  border: none !important;
  color: #c5c6ca !important;
  box-shadow: none !important; }

.smart-style-2 .btn-header > :first-child > a:hover, .smart-style-2 #hide-menu a:hover i {
  color: #fff !important;
  cursor: pointer !important; }

.smart-style-2 .header-search > button, .smart-style-2 .header-dropdown-list a.dropdown-toggle {
  color: #c5c6ca; }

.smart-style-2 #ribbon {
  background: #fff; }

.smart-style-2.fixed-ribbon #ribbon {
  border-bottom: 1px solid #e0e0e0; }

.smart-style-2 .btn.btn-ribbon {
  background: #9498a0; }

.smart-style-2 #ribbon .breadcrumb li:last-child, .smart-style-2 #ribbon .breadcrumb > .active, .smart-style-2 #ribbon .breadcrumb, .smart-style-2 #ribbon .breadcrumb a {
  color: #7c7c7c !important; }

.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; }

.menu-on-top.smart-style-2 #left-panel {
  padding-top: 49px !important; }

.smart-style-2 #logo-group > span .badge {
  background: #008dc4; }

.smart-style-2 .login-info span, .smart-style-2 .login-info {
  border: 0 !important;
  box-shadow: none !important; }

.smart-style-2 .login-info span {
  padding: 5px 10px 7px;
  background: #fff;
  border-radius: 4px; }

.smart-style-2 .login-info a span {
  padding: 0;
  font-size: 16px !important;
  max-width: 105px; }

.smart-style-2 .login-info {
  margin-bottom: 7px !important;
  height: auto; }

.smart-style-2 .login-info a {
  font-size: 16px !important;
  color: #33455a;
  margin-top: 2px; }

.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 > li > a {
  padding-top: 16px;
  padding-bottom: 16px; }

.smart-style-2 nav ul ul > li:hover b {
  color: #69737a !important; }

.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 nav ul ul {
  background: none; }

.smart-style-2 nav ul li.open > a, .smart-style-2 nav ul li.open > a b, .smart-style-2 nav ul .active > a {
  color: #202427 !important;
  font-weight: bold; }

.smart-style-2 nav ul ul li > a:hover, .smart-style-2 nav ul li a:hover {
  color: #202427 !important;
  background: none !important; }

.smart-style-2 nav ul ul li > a {
  padding-left: 23px; }

.smart-style-2 nav > ul > li > ul::before, .smart-style-2 nav > ul ul li::before {
  border: none !important; }

.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 .jarviswidget-color-blueDark > header {
  background: #2c3742 !important;
  border-color: #2c3742 !important; }

.smart-style-2 .btn-primary, .smart-style-2 .smart-form .button {
  background-color: #3b9ff3;
  border-color: #3292e2; }

.smart-style-2 .btn-primary:hover, .smart-style-2 .btn-primary:focus, .smart-style-2 .btn-primary:active, .smart-style-2 .btn-primary.active, .smart-style-2 .open .dropdown-toggle.btn-primary {
  background-color: #3e90d4;
  border-color: #2f7dbe; }

.smart-style-2 .dropdown-menu > li > a:hover, .smart-style-2 .dropdown-menu > li > a:focus {
  background-color: #3e90d4; }

.smart-style-2 .btn-success {
  background-color: #96bf48;
  border-color: #84a83e; }

.smart-style-2 .btn-success:hover, .smart-style-2 .btn-success:focus, .smart-style-2 .btn-success:active, .smart-style-2 .btn-success.active, .smart-style-2 .open .dropdown-toggle.btn-success {
  background-color: #89ad45;
  border-color: #78973b; }

.smart-style-2 .btn-danger {
  background-color: #db4a67;
  border-color: #ca4862; }

.smart-style-2 .btn-danger:hover, .smart-style-2 .btn-danger:focus, .smart-style-2 .btn-danger:active, .smart-style-2 .btn-danger.active, .smart-style-2 .open .dropdown-toggle.btn-danger {
  background-color: #cf4762;
  border-color: #c0455e; }

.smart-style-2 .btn-warning {
  background-color: #e2b14a;
  border-color: #c99d42; }

.smart-style-2 .btn-warning:hover, .smart-style-2 .btn-warning:focus, .smart-style-2 .btn-warning:active, .smart-style-2 .btn-warning.active, .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 > span, .smart-style-2 .pagination > .active > a:hover, .smart-style-2 .pagination > .active > span:hover, .smart-style-2 .pagination > .active > a:focus, .smart-style-2 .pagination > .active > span:focus {
  background-color: #3b9ff3; }
/*
 * MINIFIED
 */
.smart-style-2.minified .login-info a {
  margin-top: 4px; }

.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 > 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.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 .login-info span {
  padding: 0; }

.smart-style-2.minified .login-info {
  margin: 0 !important; }

.smart-style-2.minified nav ul li.active > a:before {
  height: 23px;
  right: -19px;
  top: 7px;
  font-size: 20px;
  color: #fff; }
/*
 * COLOR PALLET
 */
.smart-style-2 .bg-color-red {
  background: #db4a67 !important; }

.smart-style-2 .bg-color-blue {
  background: #4387bf !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-style-2 .smart-form .toggle i:before {
  background-color: #3b9ff3; }

.smart-form .rating input + label:hover, .smart-form .rating input + label:hover ~ label {
  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; }
/*
 * Style 2 Top Menu
 */
.smart-style-2.menu-on-top .menu-item-parent {
  font-size: 10px; }

.smart-style-2.menu-on-top #left-panel {
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px; }

.smart-style-2.menu-on-top nav ul ul li > a {
  text-shadow: none !important;
  color: #646e75; }

.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:hover {
  background: #2e3e57;
  border-right-color: #fff;
  border-left-color: #fff; }

.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 nav ul ul li a {
  padding-left: 10px !important;
  font-size: 13px; }
/* Hover state */
.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 aside#left-panel nav > ul > li > ul {
  background: #2c3742; }
/* hover state universal */
.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 li:hover > a {
  color: #fff !important;
  background-color: #5e6c88; }

.smart-style-2.menu-on-top nav > ul ul ul {
  border-top: 1px solid #c7c7c7 !important; }
/* Hover state second level */
.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 > ul {
  background: #333; }
/*
 * Child Arrow
 */
/* top level childs */
.smart-style-2.menu-on-top nav > ul > li > a:after {
  color: #8aa1b3 !important; }
/* next level childs */
.smart-style-2.menu-on-top nav > ul > li > a:after, .smart-style-2.menu-on-top nav > ul ul > li a:after, .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: #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; }
/*
 * Active Child
 */
.smart-style-2.menu-on-top nav ul ul .active > a {
  color: #fff !important; }

.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; }
/********************************************************************* STYLE 3 *************************************************************/
body.smart-style-3, .smart-style-3 body {
  background: #fff !important;
  font-family: Arial, sans-serif; }

.smart-style-3 #logo img {
  width: 125px;
  height: auto;
  padding-left: 3px;
  margin-top: -3px; }

.smart-style-3 #header {
  background-color: #f78c40;
  background-image: -moz-linear-gradient(top, #f78c40, #d67632);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f78c40), to(#d67632));
  background-image: -webkit-linear-gradient(top, #f78c40, #d67632);
  background-image: -o-linear-gradient(top, #f78c40, #d67632);
  background-image: linear-gradient(to bottom, #f78c40, #d67632); }

.smart-style-3 #ribbon {
  background: #fff; }

.smart-style-3 #ribbon .breadcrumb, .smart-style-3 #ribbon .breadcrumb a {
  color: #7c7c7c !important; }

.smart-style-3 #ribbon .breadcrumb li:last-child, .smart-style-3 #ribbon .breadcrumb > .active {
  color: #5f5f5f; }

.smart-style-3.fixed-ribbon #ribbon {
  box-shadow: 0 0.0625em 0.3125em rgba(0, 0, 0, .35); }

.smart-style-3 .btn-header > :first-child > a, .smart-style-3 #logo-group span#activity {
  background-color: #dd7c37;
  background-image: -moz-linear-gradient(top, #dd7c37, #b9662b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b9662b), to(#b9662b));
  background-image: -webkit-linear-gradient(top, #dd7c37, #b9662b);
  background-image: -o-linear-gradient(top, #dd7c37, #b9662b);
  background-image: linear-gradient(to bottom, #dd7c37, #b9662b);
  color: #fff !important;
  border: 1px solid #f09d61;
  text-shadow: #985813 0 -1px; }

.smart-style-3 #hide-menu i {
  color: #fff !important; }

.smart-style-3 .btn-header > :first-child > a:hover, .smart-style-3 #logo-group span#activity:hover, .smart-style-3 .btn-header > :first-child > a:active, .smart-style-3 #logo-group span#activity:active {
  -webkit-box-shadow: inset 1px 1px 0px #985813, inset -1px -1px 0px #985813;
  -moz-box-shadow: inset 1px 1px 0px #985813, inset -1px -1px 0px #985813;
  box-shadow: inset 1px 1px 0px #985813, inset -1px -1px 0px #985813;
  background-color: #dd7a35;
  background-image: -moz-linear-gradient(top, #dd7a35, #984a13);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd7a35), to(#984a13));
  background-image: -webkit-linear-gradient(top, #dd7a35, #984a13);
  background-image: -o-linear-gradient(top, #dd7a35, #984a13);
  background-image: linear-gradient(to bottom, #dd7a35, #984a13); }

.smart-style-3 .project-selector, .smart-style-3 .project-context > :first-child, .smart-style-3 .header-dropdown-list > li > .dropdown-toggle {
  color: #fff;
  text-shadow: #985813 0 -1px; }

.smart-style-3 .header-dropdown-list > li > .dropdown-toggle {
  display: block;
  background: rgba(0, 0, 0, 0.2);
  padding: 2px 7px 3px;
  border-radius: 3px;
  margin-top: 14px; }

.smart-style-3 .header-search > input[type=text] {
  border-color: #ca854f; }

.smart-style-3 .header-search > button {
  color: #df9b45; }

.smart-style-3 aside {
  background: #f2f2f2;
  border-right: 2px solid #ccc; }

.smart-style-3 .login-info span {
  border-bottom: none; }

.smart-style-3 .login-info a span {
  color: #444 !important; }

.smart-style-3 .login-info {
  border-bottom: 1px solid #e2e2e2;
  background: #fff;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none; }

.smart-style-3 nav ul li a, .smart-style-3 nav ul li.open > a, .smart-style-3 nav ul li.open > a b {
  color: #444 !important; }

.smart-style-3 nav > ul > li {
  background-color: #f2f2f2;
  background-image: -moz-linear-gradient(top, #f9f9f9, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f2f2f2);
  background-image: -o-linear-gradient(top, #f9f9f9, #f2f2f2);
  background-image: linear-gradient(to bottom, #f9f9f9, #f2f2f2);
  border-bottom: 1px solid #dfdfdf; }

.smart-style-3 nav > ul > li.active > a:before {
  top: 10px !important; }

.smart-style-3 nav > ul > li > a b {
  top: 12px; }

.smart-style-3 nav ul li.active > a:before {
  top: 6px; }

.smart-style-3 nav > ul > li.open {
  border-left: 4px solid #058dc7; }

.smart-style-3 nav > ul > li > a {
  padding: 12px 10px 12px 11px;
  font-size: 13px; }

.smart-style-3 nav > ul > li > a > i {
  color: #058dc7;
  font-size: 20px; }

.smart-style-3 nav ul ul {
  background: none; }

.smart-style-3 nav ul ul li > a {
  font-size: 13px; }

.smart-style-3 nav ul li a:hover {
  background: rgba(0, 0, 0, .05) !important; }

.smart-style-3 nav > ul > li.open > a {
  padding-left: 7px; }

.smart-style-3 nav > ul > li.open ul li > a {
  padding-left: 38px; }

.smart-style-3 nav > ul ul li::before, .smart-style-3 nav > ul > li > ul::before {
  border: none; }

.smart-style-3 nav ul li.active > a {
  font-weight: bold; }

.smart-style-3 nav ul li.active > a:before {
  color: #bbb; }

.smart-style-3 .page-footer, .smart-style-3 .superbox-show {
  background: #3d3b39; }

.smart-style-3 .superbox-list.active:before {
  color: #3d3b39; }

.smart-style-3 nav > ul > li.open > ul > li > a {
  padding-left: 38px; }
/*
 * MINIFIED
 */
.smart-style-3.minified nav > ul > li {
  border-bottom: 1px solid #e9e4e4;
  border-top: 1px solid #fff; }

.smart-style-3.minified nav > ul > li > ul, .smart-style-3.minified nav > ul > li > ul > li > ul > li {
  background-color: rgba(69, 69, 69, .9); }

.smart-style-3.minified nav ul li a, .smart-style-3.minified nav ul li.open > a, .smart-style-3.minified nav ul li.open > a b {
  color: #fff !important; }

.smart-style-3.minified nav > ul > li.open ul li > a {
  padding-left: 14px; }

.smart-style-3 .active + .ajax-dropdown {
  -webkit-box-shadow: 1px 14px 16px rgba(61, 35, 14, 0.55);
  box-shadow: 1px 14px 16px rgba(61, 35, 14, 0.55); }

@media (max-width: 979px) {
  .smart-style-3 #content {
    padding-left: 5px;
    padding-right: 5px; }

  .smart-style-3 #ribbon {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    border-radius: 0px; } }

.smart-style-3 .dropdown-menu > .active > a, .smart-style-3 .dropdown-menu > .active > a:hover, .smart-style-3 .dropdown-menu > li > a:hover, .smart-style-3 .dropdown-menu > li > a:focus, .smart-style-3 .tt-suggestion.tt-is-under-cursor {
  background-color: #ec9519;
  color: #fff; }

.smart-style-3 .dropdown-menu > li > a {
  color: #4e361b; }

.smart-style-3 .dropdown-menu {
  border-radius: 0;
  border-bottom: 2px solid #adadad;
  background: #fddfb3; }

.smart-style-3 .dropdown-menu .divider {
  background-color: #ebc7a6; }

.smart-style-3 .dropdown-menu-large .dropdown-header {
  color: #5c391e; }

.smart-style-3 .dropdown-menu-large > li ul > li > a:focus, .smart-style-3 .dropdown-menu-large > li ul > li > a:hover {
  border-radius: 3px;
  background-color: #f1b686; }
/*
 * FORMS
 */
.smart-style-3 input:not([type]), .smart-style-3 input[type="color"], .smart-style-3 input[type="email"], .smart-style-3 input[type="number"], .smart-style-3 input[type="password"], .smart-style-3 input[type="tel"], .smart-style-3 input[type="url"], .smart-style-3 input[type="text"], .smart-style-3 textarea {
  border-top-color: #a3a3a3;
  border-left-color: #a3a3a3;
  border-bottom-color: #ccc;
  border-right-color: #ccc;
  -webkit-box-shadow: inset 0 1px 0 #d6d6d6;
  -moz-box-shadow: inset 0 1px 0 #d6d6d6;
  box-shadow: inset 0 1px 0 #d6d6d6;
  color: #000; }

.smart-style-3 .has-warning .form-control {
  border-color: #c09853 !important; }

.smart-style-3 .has-error .form-control {
  border-color: #b94a48 !important; }

.smart-style-3 .has-success .form-control {
  border-color: #468847 !important; }

.smart-style-3 .select2-container-multi .select2-choices .select2-search-field input, .smart-style-3 .tt-hint {
  box-shadow: none !important;
  border: none !important; }
/*
 * Shortcut
 */
.smart-style-3 #shortcut {
  background-color: rgba(25, 16, 6, 0.85); }
/*
 * alerts
 */
.smart-style-3 .bigBox span, .smart-style-3 .SmallBox span {
  letter-spacing: 0px; }
/*
 * Style 3 Top Menu
 */
.smart-style-3.menu-on-top nav ul ul li > a {
  color: inherit; }

.smart-style-3.menu-on-top aside {
  background: inherit; }

.smart-style-3.menu-on-top aside#left-panel {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff; }

.smart-style-3.menu-on-top aside#left-panel nav > ul > li {
  border-right: 1px solid #e2e2e2;
  border-left: 1px solid #fff; }

.smart-style-3.menu-on-top nav ul ul, .smart-style-3.menu-on-top nav ul ul ul {
  border-color: #e2e2e2; }

.smart-style-3.menu-on-top nav ul > li > ul {
  left: -2px; }

.smart-style-3.menu-on-top aside#left-panel nav > ul > li > a {
  text-shadow: none !important;
  font-size: 13px;
  padding: 10px 9px !important;
  border: none !important; }

.smart-style-3.menu-on-top nav ul ul li a {
  padding-left: 10px !important;
  font-size: 13px; }
/* Hover state */
.smart-style-3.menu-on-top nav > ul > li > a:hover {
  background: #fff !important; }

.smart-style-3.menu-on-top nav ul ul li a:hover, .smart-style-3.menu-on-top nav ul ul li:hover > a, .smart-style-3.menu-on-top nav ul ul ul li a:hover {
  background: rgba(0, 0, 0, .05); }

.smart-style-3.menu-on-top aside#left-panel nav > ul > li:hover {
  background: #fff;
  /* Old browsers */ }
/* hover state universal */
.smart-style-3.menu-on-top nav ul ul li a, .smart-style-3.menu-on-top nav ul ul ul li a {
  color: #d8dee5; }

.smart-style-3.menu-on-top nav ul ul li a:hover, .smart-style-3.menu-on-top nav ul ul ul li a:hover {
  color: #fff; }

.smart-style-3.menu-on-top nav ul ul li:hover > a {
  color: #fff; }

/* Hover state second level */

/*
 * Child Arrow
 */
/* top level childs */
.smart-style-3.menu-on-top nav > ul > li > a:after {
  color: #8aa1b3 !important; }
/* next level childs */
.smart-style-3.menu-on-top nav > ul > li > a:after, .smart-style-3.menu-on-top nav > ul ul > li a:after, .smart-style-3.menu-on-top nav ul ul li:hover > a:after, .smart-style-3.menu-on-top nav > ul ul > li a:hover:after {
  color: inherit; }

.smart-style-3.menu-on-top nav ul ul li:hover > a:after, .smart-style-3.menu-on-top nav > ul ul > li a:hover:after {
  color: inherit; }

.smart-style-3.menu-on-top nav ul ul .active > a:hover, .smart-style-3.menu-on-top nav ul ul li.active:hover > a {
  color: #333 !important; }
/*
 * Active Child
 */
.smart-style-3.menu-on-top nav ul ul .active > a {
  color: #333 !important; }

.smart-style-1.menu-on-top nav ul ul .active > a:hover, .smart-style-1.menu-on-top nav ul ul li.active:hover > a {
  color: #333 !important; }
/********************************************************************* Skin-4 *************************************************************/