@namespace pfres "webcomponents.wftransaction";

.wc-wftransaction.vflex,
.wf-window .wc-wftransaction {
	height: 100%;
}

.wc-wftransaction-loading {
	box-sizing: border-box;
	border: 1px solid #c0c0c0;
	position: relative;

	opacity:0;  /* make things invisible upon start */
	animation:fadeIn ease-in 1;
	animation-fill-mode:forwards;	/* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	animation-duration:1s;
}

/* https://loading.io/css/ */

.lds-dual-ring {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -32px;
	margin-top: -32px;
	width: 64px;
	height: 64px;

}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 10px solid #c0c0c0;
  border-color: #c0c0c0 transparent #c0c0c0 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fadeIn {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}