/*
 * Paleta Palmar Del Valle sobre el tema Ultima "grey".
 * Debe cargarse despues de theme.css y layout-grey.css.
 */
:root {
    --pv-turquesa: #29C0B1;
    --pv-turquesa-osc: #1FA396;
    --pv-naranja: #FF7A00;
    --pv-naranja-osc: #E66E00;
    --pv-texto: #212121;
}

/* Barra superior */
html body .ui-toolbar,
html body .ui-toolbar.ui-widget-header {
    background-color: #ffffff;
    color: var(--pv-texto);
    border: 0 none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}
html body .ui-toolbar label,
html body .ui-toolbar .ui-outputlabel {
    color: var(--pv-texto);
}

/* Botones: naranja normal, turquesa al pasar o seleccionar */
html body .ui-button,
html body a.ui-button {
    background-color: var(--pv-naranja);
    color: #ffffff;
}
html body .ui-button.ui-state-hover,
html body .ui-button:hover,
html body .ui-button.ui-state-focus,
html body .ui-button:focus,
html body .ui-button.ui-state-active,
html body .ui-button:active,
html body .ui-splitbutton > .ui-button.ui-state-active,
html body .p-datepicker-panel .ui-datepicker-buttonbar .ui-button:hover {
    background-color: var(--pv-turquesa);
    color: #ffffff;
}
html body .ui-button.ui-state-disabled {
    background-color: #bdbdbd;
}

/* Pasos del pedido */
html body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number,
html body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
    background-color: var(--pv-turquesa);
    color: #ffffff;
}
html body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
    background-color: var(--pv-turquesa-osc);
    box-shadow: 0 0 0 3px rgba(41, 192, 177, 0.25);
}
html body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title {
    color: var(--pv-turquesa-osc);
}
html body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title {
    color: var(--pv-texto);
}

/* Encabezados de paneles, tablas y dialogos */
html body .ui-widget-header {
    background-color: var(--pv-turquesa);
    border-color: var(--pv-turquesa);
    color: #ffffff;
}
html body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon {
    color: var(--pv-turquesa-osc);
}

/* Campos de texto: linea inferior turquesa al enfocar */
html body .ui-inputfield {
    background-image: linear-gradient(to bottom, var(--pv-turquesa), var(--pv-turquesa)), linear-gradient(to bottom, #bdbdbd, #bdbdbd);
}
html body .md-inputfield input:focus ~ label,
html body .md-inputfield textarea:focus ~ label,
html body .md-inputfield .md-inputwrapper-focus ~ label {
    color: var(--pv-turquesa-osc);
}

/* Casillas y radios */
html body .ui-chkbox .ui-chkbox-box.ui-state-active,
html body .ui-chkbox .ui-chkbox-box.ui-state-focus {
    border-color: var(--pv-turquesa);
}
html body .ui-chkbox .ui-chkbox-box.ui-state-active {
    background-color: var(--pv-turquesa);
}
html body .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon {
    color: #ffffff;
}
html body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    border-color: var(--pv-turquesa);
}
html body .ui-radiobutton .ui-radiobutton-box .ui-icon-bullet {
    background-color: var(--pv-turquesa);
}

/* Pestanas */
html body .ui-tabs .ui-tabs-nav > li.ui-state-active {
    border-color: var(--pv-naranja);
}
html body .ui-tabs .ui-tabs-nav > li.ui-state-active a {
    color: var(--pv-naranja-osc);
}