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



/* ----------- Estilos para el MainLayout.java ----------- */
/* Estilos para el DrawerToggle*/
.drawer-toggle {
    background-color: #bc955b;
}

/* Estilos para el encabezado */
.header-content {
    height: 64px;
    display: flex;
    align-items: center;
    width: 100%;
}

/* Estilo para el boton de cerrar sesion */
.logout-button {
    margin-right: 30px;
}

/* Estilos para el drawer */
.drawer-logo {
    width: 300px;
}

/* Estilos para el fondo de la aplicacion */
.app-layout {
    background-image: url('/images/bckgndNvo.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/* ------------------ FIN -------------------------------------- */
/*
/*
 */


/*!--------------------- Estilos para MantenimientosView.java ------------------- */
/* Estilo para el fondo del header */
.plan-anual-header {
    background-color: #a02142;
    padding: 0;
}

/* Estilo para el titulo */
.plan-anual-titulo {
    text-align: center;
    font-size: 24px;
    color: #ddc9a3;
}

/* Estilo para el subtitulo */
.plan-anual-titulo1 {
    text-align: center;
    font-size: 18px;
    color: #ddc9a3;
}

/* Estilo para el campo de texto nomenclatura */
.nomenclatura-txt {
    margin-top: 15px;
    margin-right: 15px;
}

/* Estilo para el logo CELAYA */
.celaya-logo {
    width: 100px;
    margin-left: 15px;
    margin-top: 15px;
}
/* ------------------------ FIN -------------------------- */
/*
/*
*/
/* --------------- Estilos para la vista de ActDiaria.java -------------- */
/* Estilo para el header */
.act-diaria-header {
    background-color: #3E8BEA;
    padding: 10px;
}

/* Estilo para el titulo */
.act-diaria-titulo {
    color: white;
    font-size: 24px;
    text-align: center;
}

/* Estilo para el grid */
.act-diaria-grid {
    margin-top: 20px;
}
/* ---------------------------- FIN------------------------ */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* Estilos especificos para el TextField, TextArea y Fecha*/
vaadin-text-field::part(label), vaadin-text-area::part(label), vaadin-date-picker::part(label) {
    color: #691b31; /* Color de la etiqueta */
}

vaadin-text-field::part(input-field), vaadin-text-area::part(input-field), vaadin-password-field::part(input-field),
vaadin-number-field::part(input-field), vaadin-date-picker::part(input-field) {
    border: 1px solid #691b31; /* Color del borde */
    color: #691b31; /* Color del texto */
}


vaadin-month-calendar::part(date) {
    color: #691b31; /* Color para los dias del calendario */
}

vaadin-month-calendar::part(date):hover /* Estilos para cuando se posiciona el puntero sobre el dia */{
    background-color: #a02142;
    opacity: 50%;
    border-radius: 5px;
}

vaadin-month-calendar::part(date focused) {
    background-color: #ddc9a3; /* Color de la fecha seleccionada */
}


vaadin-date-picker-overlay-content > vaadin-button, vaadin-date-picker-year::part(year-number) {
    color: #691b31;
}

    /* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* Estilos específicos para el Upload */
vaadin-upload > vaadin-button {
    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;
}
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) 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: #691b31; /* 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 los botones */
vaadin-button[theme~="primary"] {
    background-color: #691b31;
}

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

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

/* Estilos para el theme personalizado 'subir-archivo' */
vaadin-button[theme~="subir-archivo"] {
    background-color: #691b31;
    color: #ffffff;
}

/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/*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;
}

/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* 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);*/
}


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;
}

/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
/* (*)(*) ESTILOS PARA EL TAMAÑO DEL GRID (*)(*) */
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */
