/*
    SE VAN A MANEJAR ESTILOS GLOBALES
*/
.logo-crediagil {
    background-image: url("../img/logo_crediagil.png");
    background-repeat: no-repeat;
    width: 100vh;
}

.logo-empresa {
    background-image: url("../img/logo_happy.jpg");
    background-repeat: no-repeat;
    width: 90vh;
}

.link-style:hover {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

.well-style,
pre {
    background-color: #CBCEDA;
    border-color: rgba(0, 0, 0, 0.07);
    border-radius: 3px;
    box-shadow: none;
    color: inherit
}

.custom-cursor-alt {
    cursor: url("//cybmeta.com/wp-content/uploads/2015/06/hal-angry-birds-cursor.png") 32 32,
        pointer;
}

/* Para poner scroll en un div */
.scrollable-div {
    max-height: 50vh;
    /* Establece la altura máxima del div */
    overflow-y: auto;
    /* Habilita el desplazamiento vertical */
}

/* Oculta el scrollbar en navegadores webkit */
.scrollable-div::-webkit-scrollbar {
    width: 0.5em;
    /* Ajusta el ancho del scrollbar según tus preferencias */
}

.scrollable-div::-webkit-scrollbar-track {
    background-color: transparent;
    /* Establece el color de fondo del track (el área detrás del scrollbar) como transparente */
}

.scrollable-div::-webkit-scrollbar-thumb {
    background-color: transparent;
    /* Establece el color del thumb (el control deslizante del scrollbar) como transparente */
}

/* Para poner la manito del mouse */
.click {
    cursor: pointer;
}


/* para presentar carga de espera */
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('/img/loading_32.gif') 50% 50% no-repeat rgb(249, 249, 249);
    opacity: 10;
}


/* Para poner scroll en un div */
.scrollable-div-mayor {
    height: 600px;
    max-height: 600px;
    overflow-y: auto;
}

/* Oculta el scrollbar en navegadores webkit */
.scrollable-div-mayor::-webkit-scrollbar {
    width: 0.5em;
    /* Ajusta el ancho del scrollbar según tus preferencias */
}

.scrollable-div-mayor::-webkit-scrollbar-track {
    background-color: transparent;
    /* Establece el color de fondo del track (el área detrás del scrollbar) como transparente */
}

.scrollable-div-mayor::-webkit-scrollbar-thumb {
    background-color: transparent;
    /* Establece el color del thumb (el control deslizante del scrollbar) como transparente */
}

/* decomentar de ser necesario*/ 

 .zoom {
    transition: transform .2s;
    
    margin: 0 auto;
}

.zoom:hover {
    transform: scale(1.1);
    /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}