/* Ritocchi specifici del gestionale bolle, sopra al tema di base. */

.brand-bolle {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    font-size: 16px;
    color: #2b3543;
    white-space: nowrap;
}

.brand-bolle__logo {
    height: 34px;
    width: auto;
}

/* Marchio sulla pagina di accesso: logo esteso sopra al nome dell'applicativo. */
.marchio-accesso {
    text-align: center;
}

.marchio-accesso__logo {
    max-width: 210px;
    width: 100%;
    height: auto;
}

.marchio-accesso__titolo {
    margin-top: 10px;
    font-size: 17px;
    font-weight: 600;
    color: #2b3543;
}

.page-title {
    font-size: 20px;
    font-weight: 600;
}

/* Il tema di base capitalizza ogni parola dei titoli: qui i titoli sono frasi italiane. */
.card .card-title,
.card .card-description {
    text-transform: none;
}

/*
 * Caselle di spunta: il tema le fa flottare a sinistra e il testo finiva sotto la casella.
 * Con una riga flessibile casella ed etichetta restano affiancate comunque sia scritto
 * il markup, sia con l'input fuori dalla label sia con l'input dentro.
 */
.form-check {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 0;
}

.form-check .form-check-input {
    float: none;
    flex: 0 0 auto;
    margin: 0;
}

.form-check .form-check-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding-left: 0;
    margin: 0;
}

.card-statistica .card-body {
    padding: 16px 20px;
}

.card-statistica .card-title {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 700;
    margin-bottom: 4px;
}

.numero-ddt {
    font-family: "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;
    font-weight: 600;
}

.numero-assegnato {
    font-family: "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    padding-top: 4px;
}

.riga-annullata td {
    background: #fdf3f2;
    color: #8a5f5b;
    text-decoration: line-through;
}

.riga-annullata td.small {
    text-decoration: none;
}

.riga-articolo {
    border: 1px solid #e6e9ec;
    background: #fbfcfd;
}

.riga-articolo .form-group {
    margin-bottom: .5rem;
}

.riga-articolo label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: #6b7683;
    margin-bottom: 2px;
}

.text-uppercase-input {
    text-transform: uppercase;
}

table.table th {
    white-space: nowrap;
}

/* Riga dei totali in fondo alle tabelle del riepilogo. */
table .riga-totale td {
    font-weight: 700;
    border-top: 2px solid #d5dae0;
    background: #fafbfc;
}

/* Scorciatoie ai mesi sotto ai campi data del riepilogo. */
.mesi-rapidi .btn {
    margin: 0 4px 6px 0;
}

.intestazione-ordinabile {
    color: inherit;
    text-decoration: none;
}

.intestazione-ordinabile .mdi {
    font-size: 13px;
    vertical-align: middle;
}

/* Azioni di riga: icone affiancate, così la colonna non sborda dalla tabella. */
.azioni-bolla .btn {
    padding: 3px 8px;
    line-height: 1.2;
}

.azioni-bolla .mdi {
    font-size: 15px;
    vertical-align: middle;
}