/*================================================================================
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.loadcontainer { display: flex; justify-content: center; }
.loadcontainer .loader { position: relative; height: 250px; width: 250px; align-items: center; }

.loadcontainer .loader span:nth-child(1) {
	position: absolute;
	top: 3px;
	bottom: 3px;
	left: 3px;
	right: 3px;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	z-index: 2;
	box-shadow:
		0 4px 18px rgba(230, 230, 230, 0.4),
		0 3px 14px rgba(230, 230, 230, 0.6),
		0 2px 10px rgba(230, 230, 230, 0.8),
		0 1px 6px rgba(230, 230, 230, 0.9);
}

.loadcontainer .loader span:nth-child(2) {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: block;
	border-radius: 50%;
	z-index: 1;
	overflow: hidden;
	animation: loaderAnimation 1s linear infinite;
}

.loadcontainer .loader span:nth-child(2)::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	height: 100%;
	width: 100%;
	display: block;
	background-color: #00c5ff;
}

@keyframes loaderAnimation {
	0% { transform: rotate(0deg); }
	50% { transform: rotate(180deg); }
	100% { transform: rotate(360deg); }
}

.loadcontainer .loader span:nth-child(3) {
	position: absolute;
	top: 40%;
	left: 15%;
	color: #fff;
	font-family: monospace;
	text-align: center;
	font-size: 20px;
}

.loadcontainer .loader span p{
	color: #000000;
}