.skin-blue .main-header .navbar {
  /*
    background-color: #3c8dbc
    */
  background-color: #999;
}

.skin-blue .main-header .navbar .nav>li>a {
  color: #fff
}

.skin-blue .main-header .navbar .nav>li>a:hover,
.skin-blue .main-header .navbar .nav>li>a:active,
.skin-blue .main-header .navbar .nav>li>a:focus,
.skin-blue .main-header .navbar .nav .open>a,
.skin-blue .main-header .navbar .nav .open>a:hover,
.skin-blue .main-header .navbar .nav .open>a:focus,
.skin-blue .main-header .navbar .nav>.active>a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6
}

.skin-blue .main-header .navbar .sidebar-toggle {
  color: #fff
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1)
}

.skin-blue .main-header .navbar .sidebar-toggle {
  color: #fff
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
  background-color: #666
}

@media (max-width:767px) {
  .skin-blue .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1)
  }

  .skin-blue .main-header .navbar .dropdown-menu li a {
    color: #fff
  }

  .skin-blue .main-header .navbar .dropdown-menu li a:hover {
    /*
        background: #367fa9
        */
    background: #999
  }
}

.skin-blue .main-header .logo {
  background-color: #666;
  color: #fff;
  border-bottom: 0 solid transparent
}

.skin-blue .main-header .logo:hover {
  background-color: #999
}

.skin-blue .main-header li.user-header {
  background-color: #3c8dbc
}

.skin-blue .content-header {
  background: transparent
}

.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
  background-color: #222d32
}

.skin-blue .user-panel>.info,
.skin-blue .user-panel>.info>a {
  color: #fff
}

.skin-blue .sidebar-menu>li.header {
  color: #4b646f;
  background: #1a2226
}

.skin-blue .sidebar-menu>li>a {
  border-left: 3px solid transparent
}

.skin-blue .sidebar-menu>li:hover>a,
.skin-blue .sidebar-menu>li.active>a {
  color: #fff;
  background: #1e282c;
  border-left-color: #3c8dbc
}

.skin-blue .sidebar-menu>li>.treeview-menu {
  margin: 0 1px;
  background: #2c3b41
}

.skin-blue .sidebar a {
  color: #b8c7ce
}

.skin-blue .sidebar a:hover {
  text-decoration: none
}

.skin-blue .treeview-menu>li>a {
  color: #8aa4af
}

.skin-blue .treeview-menu>li.active>a,
.skin-blue .treeview-menu>li>a:hover {
  color: #fff
}

.skin-blue .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px
}

.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.skin-blue .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px
}

.skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
  background-color: #fff;
  color: #666
}

.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
  border-left-color: #fff
}

.skin-blue .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0
}

.skin-blue.layout-top-nav .main-header>.logo {
  background-color: #3c8dbc;
  color: #fff;
  border-bottom: 0 solid transparent
}

.skin-blue.layout-top-nav .main-header>.logo:hover {
  background-color: #3b8ab8
}



/* TO OVERRIDE */
/*  colore background della sidebar con l'albero di navigazione  */

#app .sidebar-primary,
#right-sidebar {
  background-color: #f7f7f7 !important;
}

#app .toolbar {
  background-color: #323e44;
}

/*  colore bordo dettaglio (se abilitato) e scrollbar  */

#app .sidebar-secondary {
  background-color: rgb(153, 153, 153);
}

#app .sidebar-secondary-border {
  border-color: rgb(153, 153, 153);
}

::-webkit-scrollbar-thumb {
  background-color: rgb(153, 153, 153);
}

/*  colore background headers dettaglio (se abilitato)  */

#app .sidebar-tertiary {
  background-color: #1a2226;
}

#app .sidebar-tertiary-border {
  border-color: #1a2226;
}

/*  colore testo voci dell'albero  */

#app .sidebar-primary a,
#app .sidebar-text,
.sidebar a,
ul.nav.nav-tabs.sup-tabs>li.active>a,
.thumbnail .caption,
.doc-container span,
.searchfieldWrapper label,
.printfieldWrapper label,
.searchfieldWrapper td>span,
#info_catalog:before {
  color: #323e44 !important;
}

/*   colore sfondo contenitore logo   */

#app .logo-wrapper {
  background-color: #3c8dbc;
}

#app .logo-wrapper:hover {
  background-color: #5fbcf1;
}

/*   colore sfondo navbar di navigazione   */

#app .navbar-color {
  /*background-color: #999; */
  background-color: #3c8dbc;
}

/*   colore testo e contenuti nella navbar di navigazione   */

#app .navbar-color .sidebar-toggle,
#app .navbar-color li>a,
#app .navbar-color ul {
  color: #fff;
}

/*   colori applicati alla tabella   */

#app .table-color {
  background-color: #ffffff;
  border-top-color: #d2d6de;
  color: #333;
}

/*   sfondo della linea alternata della tabella   */

#app .table-color .table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

/*   colore dei bordi all'interno della tabella   */

#app .table-color .table,
#app .table-color th,
#app .table-color td {
  border-color: #f4f4f4
}

/*   colore dell'elemento 'active' della tabella   */
#app .table-color tr.active td,
.jqx-grid-cell-selected {
  background-color: #017ebc !important;
  border-color: #1ca8dd !important;
  color: white !important;
}

/* colore pannello aperto nell'accordion dei risultati ricerca */
#criteriaResults>.panel-default>.panel-heading {
  background-color: #017ebc;
  border-color: white;
  color: white;
}

/* colore pannello aperto nell'accordion dei risultati ricerca */
#filterResults>.panel-default>.panel-heading {
  background-color: #017ebc;
  border-color: white;
  color: white;
}

/* colore pannello non aperto nell'accordion dei risultati ricerca */
#criteriaResults>.panel-default>.panel-heading.collapsed {
  color: #333;
  background-color: white;
  border-color: #ddd;
}

/* colore pannello non aperto nell'accordion dei risultati ricerca */
#filterResults>.panel-default>.panel-heading.collapsed {
  color: #333;
  background-color: white;
  border-color: #ddd;
}

/*   classe su elemento attivo albero    */
#app .active-tree-item,
#app .active-tree-use {
  background-color: #017ebc !important;
  color: white !important;
}

/*   classe su tab e elemento attivo support sidebar   */
#app ul.nav.nav-pills>li.active>a,
ul.nav.nav-pills>li.active>a:hover,
.thumbnail.active,
.thumbnail.active .caption {
  background-color: #017ebc !important;
  color: white !important;
}

#app .loading-nav-spinner>div div {
  border-color: #017ebc;
}

#app .loading-nav-waiter{
  background-color: #017ebc;
}

#criteriaResults .panel-collapse div.active,
.jqx-grid-cell-hover {
  background-color: rgb(224, 241, 252)
}

#filterResults .panel-collapse div.active,
.jqx-grid-cell-hover {
  background-color: rgb(224, 241, 252)
}

/* tab hover support sidebar*/
#app ul.nav.nav-pills a:hover,
ul.nav.nav-tabs.sup-tabs a {
  background-color: white !important;
  color: 7#323e44 !important;
}

ul.nav.nav-tabs.sup-tabs li.active a {
  /* stesso dello sfondo sidebar*/
  background-color: #f7f7f7 !important;
}

/*   1 - colore pulsante    */

#app .btn-primary {
  border-color: rgb(153, 153, 153);
  padding: 1px;
  cursor: pointer;
  background-color: rgb(102, 102, 102);
  color: white;
}

#app .top-breadcrumb {
  background-color: #3c8dbc;
  color: white
}

#toolbar_fit {
  opacity: 0.5;
}

/*pulsanti toolbar laterali*/
.support-tool-icon,
#side-toolbar>div>i,
#side-toolbar>span>i {
  color: white !important;
  opacity: 0.6;
}

#side-toolbar>div>i.active,
#side-toolbar>span>i.active,
.support-tool-icon.active-view,
.support-tool-icon.active-content {
  opacity: 1
}

.jqx-grid-cell {
  border-right-color: transparent !important;
}

.sweet-content-content .slot-content ol li {
  text-align: left;
}