/* Overlay (utilizado para dialogs, alerts, etc) */
#overlay-bg {
	/* display: none; */
    visibility: hidden;
	opacity: 0;
    position: fixed;
    z-index: 12;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all .3s;
}

#overlay-bg.show-overlay {
    visibility: visible;
	opacity: 1;
}