@import url(./fonts/fonts.css);

body,
html {
	margin: 0;
	padding: 0;
	font-family: 'Quicksand', sans-serif !important;
}

#loading-start {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	flex-wrap: wrap;
	z-index: 100;
}

#loading-start label {
	padding-top: 100px;
	font-size: small;
	opacity: 0.5;
	color: #000;
}

.spinnerInicial {
	-webkit-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	width: 50px;
	height: 50px;
}

.spinnerInicial .path {
	stroke: #6a6a6a;
	stroke-linecap: round;
	-webkit-animation: dash 1.5s ease-in-out infinite;
	animation: dash 1.5s ease-in-out infinite;
	stroke-width: 2px;
}

@-webkit-keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes dash {
	0% {
		stroke-dasharray: 1, 150;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -35;
	}
	100% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -124;
	}
}
@keyframes dash {
	0% {
		stroke-dasharray: 1, 150;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -35;
	}
	100% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -124;
	}
}

.modal-mportal-minimize {
	position: fixed !important;
	height: 70px !important;
	width: 350px !important;
	bottom: -15px !important;
	right: 10px !important;
	overflow: hidden !important;
	border-radius: 50px !important;
}

.modal-dialog-mportal-minimize {
	position: fixed !important;
	height: 70px !important;
	width: 350px !important;
	bottom: -15px !important;
	right: 10px !important;
	zoom: 0.8 !important;
	overflow: hidden !important;
	border-radius: 50px !important;
}