Desarrollar una lista multiselect con iconos de acuerdo a la imagen adjunta
La forma y el color del div que contiene la lista debe respetarse.
Un botón llama la lista.
Cuando se selecciona una o más opciones, se actualiza el botón, con el texto de la opciones seleccionadas y aparece un icono check a la para de la opción seleccionada, tal y como se ve en la imagen.
Cuando se selecciona una opción la lista NO se cierra.
Solo se cierra al presionar la X, al seleccionar Todos o al dar clic fuera de la lista.
El botón mantiene su tamaño aunque no pueda verse todo el texto, tal y como se muestra en la imagen.
Cuando el mouse se ubica en una opción cambia el color de fondo de la opción.
Al nivel de la X tiene dos opciones seleccionar Todos o Ninguno.
Todos: Al dar clic sobre esta palabra selecciona todos los items, cierra la lista y actualiza el botón.
Ninguno: Al dar clic sobre esta opción, deja todos los items sin seleccionar, actualiza el botón, pero no cierra la lista.