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


/* Estilo especificos para el login form */
vaadin-login-form.special, vaadin-login-form.special::part(container) {
    background-color: rgba(105, 27, 49, 0.8);
    border-radius: 30px;
}

vaadin-login-form-wrapper {
    background-color: rgba(221, 201, 163, 1);
    border-radius: 30px;
}

/*letras de los label*/
vaadin-login-form-wrapper ::part(label) {
    color: #6f7271;
    transform: scale(1.2);
}

/*letras de los enlaces*/
vaadin-login-form-wrapper a {
    color: #691b31;
    transform: scale(1.2);
}

/*vaadin-login-form input{
    background-color:#ddc9a3!important ;
}*/

vaadin-login-form vaadin-button[theme~="submit"] {
    background-color: #691b31;
}

vaadin-login-form-wrapper::part(form-title) {
    color: #691b31;
}

vaadin-login-form-wrapper::part(error-message) {
    color: #a02142;
}

vaadin-text-field::part(input-field), vaadin-password-field::part(input-field) {
    color: #691b31;
}
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */

/* Estilos específicos para el ComboBox */
vaadin-combo-box::part(input-field) {
    background-color: #ddc9a3; /* Color de fondo */
    color: #691b31; /* Color del texto */
    border: 1px solid #691b31; /* Color del borde */
}

vaadin-combo-box::part(label) {
    color: #691b31; /* Color de las etiquetas */
}

vaadin-combo-box::part(dropdown) {
    background-color: rgba(221, 201, 163, 1); /* Color del fondo del dropdown */
}

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

/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* Estilos específicos para el Upload */
vaadin-upload > vaadin-button {
    color: #691b31;
}

/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* Estilos especificos para el TextField y TextArea */
vaadin-text-field::part(label), vaadin-text-area::part(label) {
    color: #691b31;
}

vaadin-text-field::part(input-field), vaadin-text-area::part(input-field), vaadin-password-field::part(input-field) {
    border: 1px solid #691b31;
}



/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/*Estilos especificos para el SideNav */
vaadin-side-nav-item[aria-current="page"]::part(content) {
    color: #a02142; /* Color de texto seleccionado */
}

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: #a02142; /* Color del texto deseado */
}

/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/*Estilos especificos para el Grid */
vaadin-grid::part(selected-row-cell) {
    background-color: #ddc9a3;
    opacity: 100%;
}

vaadin-grid::part(selected-row) {
    color: #691b31;
    font-weight: bold;
}


/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/*Estilos especificos para la barra de carga */
vaadin-progress-bar::part(bar) {
    background-color: #691b31;
    color: #691b31;
}

vaadin-progress-bar::part(value) {
    background-color: #691b31;
    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 de los botones */
vaadin-button[theme~="primary"] {
    background-color: #691b31;
}

vaadin-button-tertiary-text-color {
    color: #691b31;
}
