#loaderHTML { 
	z-index: 9999;
	background: white;
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 0;
	right: 0;
}


#loaderHTMLNew { 
	z-index: 9999;
	background: white;
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 0;
	right: 0;

}
.loaderxxx {
	/*border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
	margin: 20px auto;
}



@-webkit-keyframes loader_new {
	0% {
		background-color: var(--border-color-1);
	}

	10% {
		background-color: var(--primary-color);
	}

	20% {
		background-color: var(--border-color-1);
	}
}

@keyframes loader_new {
	0% {
		background-color: var(--border-color-1);
	}

	10% {
		background-color: var(--primary-color);
	}

	20% {
		background-color: var(--border-color-1);
	}
}

@-webkit-keyframes fadeIn {
0% {
    opacity: 0
}

to {
    opacity: 1
}
}

@keyframes fadeIn {
0% {
    opacity: 0
}

to {
    opacity: 1
}
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

:root {
	--header-height: 50px;
	--text: #000000;
	--white: #ffffff;
	--bg-color: #F7F7F7;
	--error-text: #dc3545;
	--success-text: #0f7827;
	--primary-color: #337ab7;
	--outline-color: #204d74;
	--border-color-1: #d9d9d9;
	--border-color-2: #a0a0a0;
	--border-color-3: #66afe9;
	--border-color-4: #dedede;
	--border-color-5: #c0c0c0;
	--primary-color-hover: #286090
}

.app-loading {
	display:flex;
	height: 100%;
	justify-content: center;
	align-items: center;
}

.app-loading__container {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.app-loading__title {
	color: #3498db;
	font-size: 4rem;
    text-align: center;
    margin-bottom: 2rem;
}

.app-loading__wait-msg {
	margin: 3.5rem 0 0;
    font-size: 3rem;
}


.loader_new {
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	z-index: 999;
	display: none;
	padding: 2rem;
	position: absolute;
	text-align: center;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	background: var(--white);
	-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	-webkit-animation: fadeIn 0.5s ease-in-out;
		animation: fadeIn 0.5s ease-in-out;
}

.loader_new.show {
	display: flex;
}

.loader_new__dot {
	width: 3rem;
	height: 3rem;
	margin-right: 1.5rem;
	display: inline-block;
	-webkit-animation: loader_new 0.9s infinite;
	animation: loader_new 0.9s infinite;
	background-color: var(--border-color-1);
	will-change: background-color;
}
.loader_new__dot:last-child {
	margin-right: 0;
}
 
.loader_new__dot:nth-child(0) {
	-webkit-animation-delay: calc(0.1s * 0);
	animation-delay: calc(0.1s * 0);
}
.loader_new__dot:nth-child(1) {
	-webkit-animation-delay: calc(0.1s * 1);
	animation-delay: calc(0.1s * 1);
}
.loader_new__dot:nth-child(2) {
	-webkit-animation-delay: calc(0.1s * 2);
	animation-delay: calc(0.1s * 2);
}
.loader_new__dot:nth-child(3) {
	-webkit-animation-delay: calc(0.1s * 3);
	animation-delay: calc(0.1s * 3);
}
.loader_new__dot:nth-child(4) {
	-webkit-animation-delay: calc(0.1s * 4);
	animation-delay: calc(0.1s * 4);
}
.loader_new__dot:nth-child(5) {
	-webkit-animation-delay: calc(0.1s * 5);
	animation-delay: calc(0.1s * 5);
}
.loader_new__dot:nth-child(6) {
	-webkit-animation-delay: calc(0.1s * 6);
	animation-delay: calc(0.1s * 6);
}
.loader_new__dot:nth-child(7) {
	-webkit-animation-delay: calc(0.1s * 7);
	animation-delay: calc(0.1s * 7);
}
.loader_new__dot:nth-child(8) {
	-webkit-animation-delay: calc(0.1s * 8);
	animation-delay: calc(0.1s * 8);
}


/** Test Launch loader specfic styles - START **/
.testlaunch .app-loading__title {
	font-size: 2.5rem;
	font-weight: 400;
	margin-bottom: 1rem;
}
.testlaunch-examid {
	background: white;
	max-width: 420px;
	margin: auto;
	margin-top: 1rem;
}
.testlaunch-examid fieldset {
	margin: 0;
}

.testlaunch-examid__label,
.testlaunch-examid input {
	font-size: 1.25rem;
}
.testlaunch-examid input {
	width: calc(100% - 34px);
}

.testlaunch-examid .fields .input-group {
	margin-top: 5px;
	height: 42px;
	border-bottom: none;
	width: 30em;
}

.testlaunch-examid__icon {
	background-image: url('../rmproctor-2/user.svg');
	background-size: 100% 100%;
	background-color: #ccc;
	width: 34px;
	height: 100%;
	border-radius: 4px 0px 0px 4px;
	float:left;
}
.testlaunch .app-loading__wait-msg {
    margin: 2rem 0 1rem;
    font-size: 1.75rem;
    text-align: center;
    color: #3498db;
}
.testlaunch .loader_new__dots {
	text-align: center;
}
.testlaunch .loader_new__dot {
	width: 2rem;
	height: 2rem;
	margin-right: 0.75rem;
	
}
.testlaunch .loader_new__dot:last-child {
	margin-right: 0;
}


/** Test Launch loader specfic styles - END **/