/* Light */
@font-face {
    font-family: 'Aller Light';
    src: url('../fonts/Aller_Lt.woff') format('woff'),
        url('../fonts/Aller_Lt.ttf') format('truetype');
}
/* Regular */
@font-face {
    font-family: 'Aller Regular';
    src: url('../fonts/Aller_Rg.woff') format('woff'),
        url('../fonts/Aller_Rg.ttf') format('truetype');
}

html {
    font-family: 'Aller Light', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Aller Regular', sans-serif;
}

/* Estilo para indicar que los elementos de la lista de necesidades son arrastrables */
#lista-necesidades .list-group-item:hover {
    cursor: grab;
}
/* Estilo para cuando se está arrastrando un elemento */
#lista-necesidades .list-group-item:active {
    cursor: grabbing;
}