@import url('./main-layout.css');




/*°º¤ø,¸¸,ø¤º°`°º¤ø,¸,ø¤°º¤ø,¸¸,ø¤º°`°º¤ø,¸ ESTILOS PARA LAS TARJETAS °º¤ø,¸¸,ø¤º°`°º¤ø,¸,ø¤°º¤ø,¸¸,ø¤º°`°º¤ø,¸ */
vaadin-combo-box::part(input-field) {
    color: #691b31; /* Color del texto */
    border: 1px solid #691b31; /* Color del borde */
    background-color: white;
}

vaadin-combo-box-item::part(checkmark)::before, vaadin-combo-box-item:hover
{
    color: #691b31;
}

/* (*)(*) (*)(*) INDICADOR DE CARGA DE LA APLICACION (*)(*) (*)(*) */
.v-loading-indicator { /* Cambiar el color de la barra de carga que sale cuando la aplicacion esta cargando */
    background: #691b31 !important;
}

/* (*)(*) (*)(*) ESTILOS PARA LA SIDEBAR (*)(*) (*)(*) */
vaadin-side-nav-item[aria-current="page"]::part(content) {
    color: white;
}

vaadin-side-nav-item:hover::part(content) {
    background-color: #ddc9a3; /* Color de fondo al hacer hover*/
    fill-opacity: 50%;
    border-radius: 5px;
}

vaadin-side-nav-item::part(content) {
    color: white; /* Color del texto deseado */
}


/*Estilos para los botones */
vaadin-button[theme~="primary"] {
    background-color: #691b31;
}

vaadin-button[theme~="tertiary"] {
    background-color: white;
}

vaadin-button:not([theme]) {
    color: #a02142;
}

vaadin-button[theme~="tertiary-inline"] {
    color: white;
    background-color: white;
}

vaadin-button:hover::before {
    color: blue;
}



/*Estilos especificos para los CheckBox y RadioButtons */
vaadin-checkbox[checked]::part(checkbox) {
    background-color: #691b31; /* Cambia el color del CheckBox */
}

vaadin-checkbox-group::part(label), vaadin-radio-group::part(label) {
    color: #691b31;
}

vaadin-radio-button[checked]::part(radio) {
    background-color: #691b31;
}



/*Estilos para los campos de entrada texto y numeros*/
vaadin-text-field::part(input-field) {
    background-color: white;
    border: 1px;
    border: 1px solid #691b31;
}

vaadin-input-field-border-color {
    color: #691b31;
}

vaadin-input-field-value-color {
    color: #691b31;
}

vaadin-number-field::part(input-field) {
    background-color: white;
    border: 1px solid #691b31;
}

