/* 
    Hoja de estilo en la que se configura el comportamiento y estilo de los BOTONES
    Creado por: Ing. Uriel Vargas Barajas [07/ENE/2019]
*/


/* ----------------------------------------------------------- INICIO Configuracion de BOTONES --------------------------------------------*/
.BotonIcono > i {
    font-size: var(--tamaño-IconoBoton) !important;
    filter: opacity(.75);
}
/*Icono Menu contextual*/
ul.menuCtx > .BotonIconoCtx > i {
    font-size: var(--tamaño-IconoBotonContextual) !important;
    filter: opacity(.85);
    height: 100%;
}

    .BotonIcono:hover > i {
        filter: opacity(1);
        transition: opacity 1s;
    }

.alineaHorizontal.botonera  a {
    padding:5px 3px !important;
}

.BotonPDF > i {
    color: var(--color-magentaGTO) !important;
}    

.BotonAgregar > i {
    color: var(--color-verdeAgregar) !important;
}    

.BotonEditar > i {
    color: var(--color-azulEditar) !important;
}

    .BotonBorrar > i {    
        color: var(--color-rojoBorrar) !important;
    }

    .BotonAccionAdimin > i {
        color: var(--color-verdeAzuladoAdmin);
    }

.iconoBotonDeshabilitada {
    font-size: 18px !important;
    color: var(--color-grisDeshabilitado);
}

.iconBoton {
    color: var(--color-azulMarino);
    font-size: 25px !important;
    margin-right: 5px !important;
}

.labelBoton {
    color: var(--color-azulMarino) !important;
    font-size: 14px !important;
    font-weight: normal;
    border: none !important;
    padding: 5px 10px;
}

    .labelBoton:hover {
        font-weight: bold !important;
        transition: font-weight 0.1s !important;
    }

.BotonTransparente {
    background: var(--color-grisClaro) !important;
    color: var(--color-azulMarino) !important;
    font-size: 14px !important;
    font-weight: normal !important;
    border: 1px solid !important;
    border-color: var(--color-grisBordeBoton) !important;
    padding: 5px 10px;
}

    .BotonTransparente > i {
        font-size: var(--tamaño-IconoBoton) !important;
    }

    .BotonTransparente:hover {
        /*background: var(--color-grisMedio) !important;*/
        background: var(--color-grisBotonHover) !important;
    }

        /* ----------------------------------------------------------- FINAL Configuracion de BOTONES --------------------------------------------*/