/*
 * Form controls. The legacy site restyled them with jquery.uniform; these
 * rules give native controls the same rounded, light look without JS. The
 * page layout itself still comes from public/src/css/venta.css.
 */
/* jquery.uniform's input.email / textarea.uniform look (uniform used to add
   those classes with JS). Its input.text / input.password rules are commented
   out in uniform.default.css, so text and password fields keep venta.css's
   own styling (e.g. the sidebar login box). */
input[type="email"],
textarea {
    font-size: 12px;
    font-family: 'Arial', sans-serif;
    font-weight: normal;
    padding: 3px;
    color: #777;
    background: url('/frontend/images/uniform/bg-input.png') repeat-x 0 0;
    border-top: solid 1px #aaa;
    border-left: solid 1px #aaa;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-radius: 3px;
    outline: 0;
}

/* The focus rule, unlike the base one, is not commented out in uniform. */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    border-color: #999;
    background: url('/frontend/images/uniform/bg-input-focus.png') repeat-x 0 0;
}

/* Selects: uniform's 28px rounded box. */
select {
    height: 28px;
    font-size: 12px;
    font-family: 'Arial', sans-serif;
    color: #484d61;
    background: #fff;
    border: 1px solid #c9cdd6;
    border-radius: 4px;
    padding: 0 6px;
    cursor: pointer;
}

select:disabled {
    background: #f0f1f4;
    color: #9a9fae;
    cursor: default;
}

/* Loader shown while the vehicle sub-filters reload (was toggled by jQuery). */
.ajax-loader-vehiculos {
    display: none;
}

.ajax-loader-vehiculos.is-loading {
    display: block;
}

/*
 * Vehicle filter bar: bg-form-principal.png draws three 214px white slots;
 * the main selects sit inside them and the sub-filters wrap below, three per
 * row (jquery.uniform used to size them the same way).
 */
.contMenuSec .amagaSelectTotal,
.contMenuSecLista .amagaSelectTotal {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 25px;
    padding: 4px 0 0 4px;
}

.contMenuSec select,
.contMenuSecLista select {
    width: 214px;
    height: 26px;
}

.contMenuSec select.filtroVehiculo,
.contMenuSecLista select.filtroVehiculo {
    border-color: transparent;
    background: transparent;
}

/*
 * Checkboxes and radios inside the legacy table forms: venta.css sizes every
 * "td input" to 350px, which uniform hid by wrapping them; native ones must
 * keep their own size so they sit inline next to their labels.
 */
:is(#consulta_useranonymous, #consultatype, #contactotype, #fos_user_account_login2, #fos_user_profile_form,
    #fos_user_resetting_form, #fos_user_registration_form, #fos_user_request_form) td input:is([type="checkbox"], [type="radio"]) {
    width: auto;
    padding: 0;
    margin: 0 4px 0 0;
    vertical-align: middle;
    background: none;
    border: 0;
}

:is(#consulta_useranonymous, #fos_user_registration_form, #fos_user_profile_form) [id$="tipo_cliente"] label {
    margin-right: 10px;
}