/*
 * Unified form focus treatment.
 * Firefox can draw its own outline/invalid halo in addition to the application's
 * border. Keep one controlled indicator instead, including compound inputs.
 */
.field input:focus,
.field input:focus-visible,
.field select:focus,
.field select:focus-visible,
.field textarea:focus,
.field textarea:focus-visible,
.form-control:focus,
.form-control:focus-visible,
.setting-row input:focus,
.setting-row input:focus-visible {
    outline: 0;
    border-color: #527bd0;
    box-shadow: 0 0 0 3px rgba(82, 123, 208, .10);
}

input:-moz-ui-invalid,
textarea:-moz-ui-invalid,
select:-moz-ui-invalid {
    outline: 0;
    box-shadow: none;
}

.global-search:focus-within,
.table-search:focus-within,
.commission-input:focus-within,
.price-list-icon-input:focus-within,
.suffix-input:focus-within,
.money-input:focus-within,
.nit-input:focus-within {
    border-color: #527bd0;
    box-shadow: 0 0 0 3px rgba(82, 123, 208, .10);
}

.global-search > input,
.global-search > input:focus,
.global-search > input:focus-visible,
.table-search > input,
.table-search > input:focus,
.table-search > input:focus-visible,
.commission-input > input,
.commission-input > input:focus,
.commission-input > input:focus-visible,
.price-list-icon-input > input,
.price-list-icon-input > input:focus,
.price-list-icon-input > input:focus-visible,
.suffix-input > input,
.suffix-input > input:focus,
.suffix-input > input:focus-visible,
.money-input > input,
.money-input > input:focus,
.money-input > input:focus-visible,
.nit-input > input,
.nit-input > input:focus,
.nit-input > input:focus-visible {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.global-search:focus-within {
    border-color: rgba(255, 255, 255, .55);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .10);
}