:root {
    --dark-formfield-color: #222;
    --save-color: #28a050;
    --save-color-hover: #298e4b;
    --pimcore-color-dev: #6529b4
}

body:not([data-app-env='prod']) #pimcore_body,
body:not([data-app-env='prod']) .sf-minitoolbar,
body:not([data-app-env='prod']) #pimcore_loading.loaded {
    background-color: var(--pimcore-color-dev);
}

.x-grid-item-selected {
    background-color: #ffefbb;
}

#toolbar_precios_programados .x-form-trigger-wrap-default{
    /* Panel de precios programables, quitar el borde del campo de texto*/
    border-width: 0;
}
.mtda_toolbar_input {
    background-color: var(--dark-formfield-color);
    color: whitesmoke;
}

.mtda_class_save {
    background-color: var(--save-color);
}
.mtda_class_save:hover,
.mtda_class_save:focus,
.mtda_class_save .x-btn-pressed
{
    background-color: var(--save-color-hover) !important;
}

#toolbar_precios_programados .x-form-trigger-default,
#toolbar_precios_programados .x-form-spinner-default  {
    background: var(--dark-formfield-color);
    color: #919191;
}
.text-error input{
    color: #d80000 !important;
}
/* si queremos dar estilos a dropdown options
.mtda-options{
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
*/