/* 
    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 {
    color: #FFF !important;
    background-color: var(--color-RedGTO-bgBtnNormal);
    border: solid 1px !important;
    border-color: var(--color-RedGTO-borderBtnNormal) !important;
    font-size: 13px !important;
    /*------*/
    font-weight: normal !important;
    padding: 5px 10px;
}

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

    .BotonTransparente:hover,
    .BotonTransparente:active {
        background: var(--color-RedGTO-bgBtnOver) !important;
        border-color: var(--color-RedGTO-borderBtnOver) !important;
    }

    .BotonTransparente:focus {
        box-shadow: 0 0 0 0.2rem var(--color-azulClaro) !important;
    }

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