﻿/* Wizard di autenticazione — TEMA CHIARO
   Solo colori. La struttura sta in login.css. */

body { background: #eceeed; }

.wz-board { background: #eceeed; color: #3d4a43; }
.wz-pagina { background: #eceeed; color: #3d4a43; }
.wz-pagina a { color: #2a6a42; }
.wz-board h1 { color: #17201c; }
.wz-board code { background: #f2f4f3; }
.wz-board a { color: #2a6a42; }
.wz-board a:hover { color: #17201c; }
.wz-eyebrow, .wz-etichetta { color: #6b7a72; }
.wz-etichetta b { color: #337F4F; }
.wz-etichetta b.wz-err { color: #b3261e; }
.wz-etichetta b.wz-blu { color: #0066CC; }
.wz-sezione { color: #17201c; border-bottom: 1px solid #d4dad7; }
.wz-nota { color: #7b8a82; }
.wz-tema { color: #3d4a43; }
.wz-tema select { background: #ffffff; border-color: #c4ccc7; color: #17201c; }

.wz-callout { background: #ffffff; border-color: #dfe4e1; border-left-color: #337F4F; }
.wz-callout strong { color: #17201c; }
.wz-tabella { background: #ffffff; border-color: #dfe4e1; }
.wz-tabella th { background: #f4f6f5; border-bottom-color: #dfe4e1; color: #6b7a72; }
.wz-tabella td { border-bottom-color: #eceeed; }
.wz-tabella td.wz-passo { color: #17201c; }
.wz-tabella td.wz-passo--blu { color: #0066CC; }
.wz-tabella td.wz-reso { color: #17201c; }
.wz-tabella td.wz-viaggia { color: #6b7a72; }
.wz-pannello { background: #ffffff; border-color: #dfe4e1; }
.wz-pannello strong { color: #17201c; }
.wz-pannello--ok { border-left-color: #337F4F; }
.wz-pannello--att { border-left-color: #b3261e; }

.wz-card { background: #ffffff; border-color: #dfe4e1; }
.wz-titolo { color: #17201c; }
.wz-sub, .wz-utente, .wz-scadenza, .wz-approva { color: #6b7a72; }
.wz-sub strong, .wz-scadenza strong, .wz-approva strong { color: #17201c; }
.wz-scadenza--scaduta { color: #b3261e; }
.wz-ente { color: #17201c; }
.wz-ente i { background: #f4f6f5; border-color: #dfe4e1; }
.wz-ente b { color: #17201c; }
.wz-hr { border-top-color: #eceeed; color: #6b7a72; }
.wz-hr--stretto { color: #8a9790; }
.wz-piede { color: #55635c; }
.wz-piede a { color: #2a6a42; }

.wz-obbligatorio { color: #b3261e; }
.wz-legenda { color: #6b7a72; }
.wz-label { color: #17201c; }
.wz-input { background: #ffffff; border-color: #c4ccc7; color: #17201c; }
.wz-input:focus { border-color: #337F4F; outline: 0; }
.wz-input--errato { border-color: #b3261e; }
.wz-riga label { color: #6b7a72; }

.wz-btn { background: #337F4F; border-color: #337F4F; color: #ffffff; }
.wz-btn:hover { background: #2a6a42; border-color: #2a6a42; }
.wz-btn--testo { color: #6b7a72; background: transparent; }
.wz-btn--testo:hover { color: #17201c; background: transparent; }
.wz-btn--riga { color: #2a6a42; background: transparent; }

/* Il colore dei collegamenti della pagina non deve vincere su quello dei bottoni:
   ".wz-pagina a" e' piu' specifico di ".wz-btn" e lasciava il testo verde sul fondo verde. */
.wz-pagina a.wz-btn { color: #ffffff; }
.wz-pagina a.wz-btn--testo { color: #6b7a72; }
.wz-pagina a.wz-btn--testo:hover { color: #17201c; }

.wz-prov--cie, .wz-prov--spid { background: #0066CC; border-color: #0066CC; color: #ffffff; }
.wz-prov--cie:hover, .wz-prov--spid:hover { background: #0055aa; border-color: #0055aa; }
.wz-prov--esec { background: #337F4F; border-color: #337F4F; color: #ffffff; }
.wz-prov--esec:hover { background: #2a6a42; border-color: #2a6a42; }
.wz-prov--google { background: #FFFFFF; border-color: #747775; color: #1F1F1F; }
.wz-prov--altro { background: #FFFFFF; border-color: #c4ccc7; color: #3d4a43; }
.wz-prov--altro:hover { background: #f2f4f3; }
.wz-prov--google:hover { background: #f8f9fa; }
.wz-caret { border-top-color: #ffffff; }

.wz-idp { background: #ffffff; border-color: #dfe4e1; }
.wz-idp li { border-bottom-color: #eceeed; }
.wz-idp a { color: #17201c; }
.wz-idp a:hover { background: #f5f9fd; }
.wz-idp__voce:hover { background: #f5f9fd; }
.wz-idp i { background: #eceeed; }
.wz-idp--aiuto { color: #8a9790; }

.wz-scelta { background: #ffffff; border-color: #c4ccc7; }
.wz-scelta:hover { border-color: #337F4F; }
.wz-scelta--attiva { background: #f5faf7; border-color: #337F4F; }
.wz-scelta b { color: #17201c; }
.wz-scelta i { color: #6b7a72; }

.wz-avviso { background: #fdf4f3; border-color: #e3b7b4; border-left-color: #b3261e; color: #8c1d18; }
.wz-avviso--nota { background: #f2f7fd; border-color: #bcd4ee; border-left-color: #0066CC; color: #10375c; }
.wz-box { background: #f9faf9; border-color: #e6eae7; color: #6b7a72; }
.wz-approva i { background: #337F4F; }

.wz-qr { background: #f4f6f5; border-color: #dfe4e1; color: #6b7a72; }
.wz-chiave { background: #f9faf9; border-color: #dfe4e1; }
.wz-app { color: #6b7a72; }
.wz-app__testa { color: #2a6a42; }
.wz-app__testa .wz-caret { border-top-color: #2a6a42; }
.wz-app b { color: #17201c; }
.wz-app__negozio img { border-color: #dfe4e1; }
.wz-app__negozio span { color: #55635c; }
.wz-chiave em { color: #8a9790; }
.wz-chiave b { color: #17201c; }

.wz-forza span { background: #e0e5e2; }
.wz-forza span.wz-on { background: #337F4F; }
.wz-forza em { color: #6b7a72; }

.wz-termine { border-color: #dfe4e1; }
.wz-termine label { color: #17201c; }
.wz-termine small { color: #8a9790; }

@media (max-width: 480px) { .wz-card { border-width: 0; } }
