Modal in z-indexed content

[hefler]

There's an issue when a modal content is inside a z-indexed parent.
Since the parent has its own z-index set, its children (modal included) will inherit that z-index. So regardless of the z-index you put for a modal it will be ruled by its parent. A workaround would be to detach modal bit from where it is and append to the body, so it's treated with it's own z-index. When modal is closed then we append it back to its original place.