/*======================================================================*/
/* LOADER */
/*======================================================================*/

#mainframe {

	position:						absolute;
	left:							0px;
	top:							0px;
	width:							100%;
	height:							100%;
	min-width:						100%;
	min-height:						100%;
}

.iqt-loader {

	position:						absolute;
	left:							0px;
	top:							0px;
	width:							100%;
	height:							100%;
	min-width:						100%;
	min-height:						100%;
	background:						rgba( 0, 0, 0, 0.7 );
	z-index:						550;

}

.iqt-loader-frame {

	width:							100%;
	height:							100%;
	min-width:						100%;
	min-height:						100%;
	display:						flex;
	flex-direction:					column;
	justify-content:				center;
	align-items:					center;
}

.iqt-loader-circle {
	
    position: relative;
    border: 16px solid lightgray;
    border-radius: 50% !important;
    border-top: 16px solid #000;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

.iqt-loader-info {

	font-size:						15px;
	font-weight:					bold;
	background:						var(--bg-normal);
	margin-top:						20px;
	padding:						10px;
	padding-left:					20px;
	padding-right:					20px;
	color:							yellow;
	border:							1px solid var(--bg-light);
	/* border-radius:					20px 20px 20px 20px; */

}

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