/* vendor */
@import "../angular-1.8.2/angular-csp.css";

@import "../bootstrap-3.4.1/css/bootstrap.min.css"; /* bootstrap */
@import "ui-bootstrap-2.5.0-csp.css";

/* app */
/* Loader
-------------------------------------------------- */
.has-loader {
	overflow: hidden;
}

.loader {
	display: none;
}

.has-loader .loader {
	background: none repeat scroll 0 0 #FFFFFF;
	display: block !important;
	background-color: rgba(255, 255, 255, 0.95);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10000;
}
/*
.loader .loader-logo {
	border: 8px solid #eeeeee;
	border-radius: 50%;
	border-top: 8px solid #e90026;
	width: 80px;
	height: 80px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	background-color: transparent;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	margin-left: -40px;
	margin-top: -40px;
}

.loader .loader-description {
	position: relative;
	top: 60%;
	z-index: 1;
	width: 100%;
	text-align: center;
}

@-moz-keyframes spin {
	from { 
		-moz-transform:rotate(0deg);
	}

	to {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	from { 
		-webkit-transform:rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	from { 
		transform:rotate(0deg);	
	}

	to {
		transform: rotate(360deg);
	}
}
*/
.loader .loader-logo {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	margin-left: -30px;
	margin-top: -30px;
   	width: 60px;
   	height: 60px;
   	border-radius: 50%;
   	border: 4px solid #e90026;
   	animation: spinner1 0.8s infinite linear alternate,
        spinner2 1.6s infinite linear;
}

@keyframes spinner1 {
   0% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
   }

   12.5% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
   }

   25% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
   }

   50% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
   }

   62.5% {
      clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
   }

   75% {
      clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
   }

   100% {
      clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
   }
}

@keyframes spinner2 {
   0% {
      transform: scaleY(1) rotate(0deg);
   }

   49.99% {
      transform: scaleY(1) rotate(135deg);
   }

   50% {
      transform: scaleY(-1) rotate(0deg);
   }

   100% {
      transform: scaleY(-1) rotate(-135deg);
   }
}