main {
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}


.porta_spinner {
	visibility: hidden;
	/*margin: auto; */
	height: 80%;
	width: 80%;
	position: absolute;
	top: 10%;
	margin-top: 0%;
	left: 10%;
	margin-left: 0%;
	z-index: 750000 !important;
	text-align: center;
	background-color: rgba(255, 255, 255, 0);

	background-repeat: no-repeat;
	background-position: center;
}

.spinner {

	width: 55px;
	height: 55px;

	border: 5px solid #000000;
	border-top: 5px solid rgba(255, 255, 255, 0);
	border-radius: 100%;

	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 2em;

	animation: spin 1s infinite linear;

}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.show_porta_spinner {
	visibility: visible;
}