
.SpinnyWrapper {
  display: flex;
  align-items: center; /* Center vertically */
  justify-content: center; /* Center horizontally */
  width: auto;
  height: 60px;
  padding: 0;
  margin: 0;
}

.SpinnyButtonContainer {
  height: 40px;
  padding: 0;
  margin: 0;
}

.SpinnyButton {
	cursor: pointer;
	user-select: none;
}

.SpinnyThingsContainer {
	display: none;
	vertical-align: middle !important;
	height: 60px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.SpinnySubmit {
	display: inline-block;
	vertical-align: middle !important;
	width: auto;
	height: 40px;
	cursor: pointer;
	user-select: none;
}



/* ************************************************************ */
/* ************************************************************ */
/* ************************************************************ */

.SpinnyThings {
	display: none;
	vertical-align: middle !important;
 }

.svg-spinners {
	vertical-align: middle !important;

	-webkit-transition-property: -webkit-transform;
	-webkit-transition-duration: 1.2s;
	-webkit-animation-name: rotate;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;

	-moz-transition-property: -moz-transform;
	-moz-animation-name: rotate; 
	-moz-animation-duration: 1.2s; 
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;

	transition-property: transform;
	animation-name: rotate; 
	animation-duration: 1.2s; 
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

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

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

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