.aplicacion-contenedor {
    width: 30%;
    float: left;
    padding: 10px;
    color: White;
}

.aplicacion {
    width: 100%;
    height: 100%;
    background: #F3F2F2;
    text-align: center;
    cursor: default;
    border-radius: 15px 15px 15px 15px;
    position: relative;
}

    .aplicacion .seccionLogoAplicacion {
        height: 65%;
    }

    .aplicacion .seccionImagen {
        position: absolute;
    }

    .aplicacion .logoAplicacion {
        width: 100%;
        height: 100%;
        border-radius: 15px 15px 0px 0px;
    }

.inactiva .info {
    background-color: #DEDEDE !important;
}

.aplicacion .info {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: left;
    color: White;
}



.aplicacion p {
    padding: 10px;
}

.aplicacion .ver-modulos {
    text-align: right;
}

    .aplicacion .ver-modulos span {
        cursor: pointer;
    }

.inactiva .ver-modulos span {
    cursor: default;
}

.aplicacion .opciones-seccion {
    display: none;
    text-align: initial;
}

.aplicacion .infoContenedor {
    height: 100%;
}

.aplicacion .opcion {
    display: inline-block;
    float: left;
    white-space: nowrap;
    margin: 0 15px 6px 0;
}

.aplicacion .infoSub {
    text-align: right;
    padding-right: 10px;
}

    .aplicacion .infoSub span {
        cursor: pointer;
    }

.aplicacion .infoSup {
    padding: 10px 25px 20px 20px;
    height: 44px;
    text-align: right;
    font-size: 10px;
    background-color: #0e79fd;
    border-radius: 0px 0px 15px 15px;
    line-height: normal;
}

.aplicacion a {
    cursor: pointer;
}

.inactiva a, .inactiva .infoSub span {
    cursor: default !important;
}

.TituloContenedor {
    background: linear-gradient(153deg, #ffffff00 17%, #0e79fd 17%);
    text-align: right;
    font-size: 19px;
    padding: 15px 25px 0px 20px;
}