/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

.freeinvoice-api-order-edit-fields-wrap {
    color: #777;
}

.freeinvoice-api-order-edit-fields-wrap>p {
    display: flex;
}

.freeinvoice-api-order-edit-fields-wrap input {
    max-width: 300px;
}

.freeinvoice-api-order-edit-fields-wrap label {
    min-width: 280px;
}

.freeinvoice-api-number-preview {
    margin: 12px 0;
    padding: 8px 12px;
    background: #f6f7f7;
    border-left: 4px solid #2271b1;
}

.freeinvoice-api-send-type-preview,
.freeinvoice-api-send-type-control {
    display: none;
}

.freeinvoice-api-hidden,
.freeinvoice-api-order-edit-fields-wrap p.freeinvoice-api-hidden {
    display: none;
}

#normal-sortables .freeinvoice-api-order-edit-fields-wrap .submit {
    float: none;
}

input.freeinvoice-api-border-red {
    border-color: #dc3232;
    box-shadow: 0 0 0 1px #dc3232;
}

/*
 * Order-list status cell: ancora il badge Auto/Manuale al contenitore della
 * main label senza occupare flusso verticale. In questo modo righe con badge
 * e righe senza badge restano verticalmente allineate.
 */
.freeinvoice-api-status-cell {
    position: relative;
    display: inline-block;
}

/*
 * Uniforma la larghezza della pill di stato alla label piu' lunga
 * ("Pronta per l'invio" / "Non consegnata"), cosi' tutte le righe hanno
 * la stessa larghezza visuale per la main label.
 */
.freeinvoice-api-status-cell .order-status {
    min-width: 150px;
    text-align: center;
    box-sizing: border-box;
}

.freeinvoice-api-status-cell .freeinvoice-api-origin-badge {
    position: absolute;
    top: -10px;
    right: -6px;
    color: #666;
    background: #f1f1f1;
    border: 1px solid #dcdcde;
    border-radius: 9px;
    padding: 0 6px;
    font-size: 10px;
    line-height: 14px;
    white-space: nowrap;
    pointer-events: none;
}