/* Sovrascrive i colori di Administrate (di base $action-color/$blue: #1976d2)
   con il blu primary #158cba di Bootswatch Lumen, lo stesso usato
   nell'applicazione principale (vedi app/assets/stylesheets/application.bootstrap.scss),
   così Administrate resta coerente con lo stile del resto dell'app invece di
   avere un proprio colore distintivo. Selettori copiati identici a quelli
   compilati in administrate/application.css per pareggiare la specificità e
   vincere per ordine di caricamento, e prefissati con .app-container
   (wrapper esclusivo del layout Administrate, vedi
   app/views/layouts/admin/application.html.erb) perché stylesheet_link_tag
   :app carica questo foglio anche nelle pagine pubbliche, dove non deve
   avere alcun effetto. */

.app-container .navigation__brand {
  display: block;
  margin-bottom: 1.5em;
}

.app-container [type=checkbox],
.app-container [type=radio] {
  accent-color: #158cba;
}

.app-container .navigation__logo {
  height: auto;
  max-width: 100%;
}

.app-container a,
.app-container .link:is(button,
[type=button],
[type=reset],
[type=submit]) {
  background-color: transparent;
}

.app-container a:not(.button),
.app-container .link:is(button,
[type=button],
[type=reset],
[type=submit]) {
  color: #158cba;
}
.app-container a:hover,
.app-container .link:is(button,
[type=button],
[type=reset],
[type=submit]):hover {
  color: #117095;
}
.app-container a:focus,
.app-container .link:is(button,
[type=button],
[type=reset],
[type=submit]):focus {
  outline: 3px solid rgba(21, 140, 186, 0.6);
  outline-offset: 1px;
}

.app-container a.link--danger,
.app-container .link:is(button,
[type=button],
[type=reset],
[type=submit]).link--danger {
  color: #ff4136;
}
.app-container a.link--danger:hover,
.app-container .link:is(button,
[type=button],
[type=reset],
[type=submit]).link--danger:hover {
  color: #d9372e;
}

.app-container [type=color]:focus,
.app-container [type=date]:focus,
.app-container [type=datetime-local]:focus,
.app-container [type=email]:focus,
.app-container [type=month]:focus,
.app-container [type=number]:focus,
.app-container [type=password]:focus,
.app-container [type=search]:focus,
.app-container [type=tel]:focus,
.app-container [type=text]:focus,
.app-container [type=time]:focus,
.app-container [type=url]:focus,
.app-container [type=week]:focus,
.app-container input:not([type]):focus,
.app-container textarea:focus {
  border-color: #158cba;
}

.app-container [type=checkbox]:focus,
.app-container [type=radio]:focus,
.app-container [type=file]:focus,
.app-container select:focus {
  outline: 3px solid rgba(21, 140, 186, 0.6);
  outline-offset: 1px;
}

.app-container button,
.app-container [type=button],
.app-container [type=reset],
.app-container [type=submit],
.app-container .button {
  background-color: #158cba;
}
.app-container button:not(.link):hover,
.app-container [type=button]:not(.link):hover,
.app-container [type=reset]:not(.link):hover,
.app-container [type=submit]:not(.link):hover,
.app-container .button:not(.link):hover {
  background-color: #12779e;
}
.app-container button:not(.link):focus,
.app-container [type=button]:not(.link):focus,
.app-container [type=reset]:not(.link):focus,
.app-container [type=submit]:not(.link):focus,
.app-container .button:not(.link):focus {
  outline: 3px solid rgba(21, 140, 186, 0.6);
  outline-offset: 1px;
}
.app-container button:not(.link):disabled:hover,
.app-container [type=button]:not(.link):disabled:hover,
.app-container [type=reset]:not(.link):disabled:hover,
.app-container [type=submit]:not(.link):disabled:hover,
.app-container .button:not(.link):disabled:hover {
  background-color: #158cba;
}

.app-container .button--alt {
  background-color: transparent;
  border-color: #158cba;
  color: #158cba;
}

.app-container tbody tr:focus {
  outline: 3px solid rgba(21, 140, 186, 0.6);
  outline-offset: -3px;
}

.app-container .cell-label:hover a {
  color: #158cba;
}
.app-container .cell-label:hover svg {
  fill: #158cba;
}

.app-container .search__clear-icon:hover {
  color: #158cba;
}
.app-container .search__tooltip svg:hover {
  color: #158cba;
}
.app-container .search__tooltip-popover {
  background-color: #158cba;
  border-color: #158cba;
}