/*-------------------
	# Preloader
	-------------------*/
	#preloader {
	  position: fixed;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  z-index: 9999;
	  overflow: hidden;
	  background: #fff;
	}

	#preloader:before {
	  content: "";
	  position: fixed;
	  top: calc(50% - 30px);
	  left: calc(50% - 30px);
	  border: 6px solid #1977cc;
	  border-top-color: #d1e6f9;
	  border-radius: 50%;
	  width: 60px;
	  height: 60px;
	  -webkit-animation: animate-preloader 1s linear infinite;
	  animation: animate-preloader 1s linear infinite;
	}

	#preloader2 {
	  position: fixed;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  z-index: 9999;
	  overflow: hidden;
	  background: #ffffff82;
	}

	#preloader2:before {
	  content: "";
	  position: fixed;
	  top: calc(50% - 30px);
	  left: calc(50% - 30px);
	  border: 6px solid #1977cc;
	  border-top-color: #d1e6f9;
	  border-radius: 50%;
	  width: 60px;
	  height: 60px;
	  -webkit-animation: animate-preloader 1s linear infinite;
	  animation: animate-preloader 1s linear infinite;
	}
	@-webkit-keyframes animate-preloader {
	  0% {
		transform: rotate(0deg);
	  }
	  100% {
		transform: rotate(360deg);
	  }
	}

	@keyframes animate-preloader {
	  0% {
		transform: rotate(0deg);
	  }
	  100% {
		transform: rotate(360deg);
	  }
	}
	
	/*-------------------
	# theme-loader
	-------------------*/
	
		.theme-loader {
			height: 100%;
			width: 100%;
			background-color: #fff;
			position: fixed;
			z-index: 999999;
			top: 0
		}

		.theme-loader .ball-scale {
			left: 50%;
			top: 50%;
			position: absolute;
			height: 50px;
			width: 50px;
			margin: -25px 0 0 -25px
		}

		.theme-loader .ball-scale .contain {
			height: 100%;
			width: 100%
		}

		.theme-loader .ball-scale .contain .ring {
			display: none
		}

		.theme-loader .ball-scale .contain .ring:first-child {
			display: block;
			height: 100%;
			width: 100%;
			border-radius: 50%;
			padding: 10px;
			border: 3px solid transparent;
			border-left-color: #6c56f5;
			border-right-color: #6c56f5;
			-webkit-animation: round-rotate 1.5s ease-in-out infinite;
			animation: round-rotate 1.5s ease-in-out infinite
		}

		.theme-loader .ball-scale .contain .ring:first-child .frame {
			height: 100%;
			width: 100%;
			border-radius: 50%;
			border: 3px solid transparent;
			border-left-color: #0ac282;
			border-right-color: #0ac282;
			-webkit-animation: round-rotate 1.5s ease-in-out infinite;
			animation: round-rotate 1.5s ease-in-out infinite
		}

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

		@keyframes round-rotate {
			100% {
				-webkit-transform: rotate(360deg);
				transform: rotate(360deg)
			}
		}	
	
	
	/*-------------------
	# Validation Error
	-------------------*/
	label.error.fail-alert {
	border: 2px solid red;
	border-radius: 4px;
	line-height: 1;
	padding: 2px 0 6px 6px;
	background: #ffe6eb;
	}
	
	input.valid.success-alert {
	border: 2px solid #4CAF50;
	color: green;
	}