/*
################################ Spinner ##################################
*/
.s4y-spinner-container {
	position: relative;
	width: 100%;
	height: 100%;
	display: inline-block;
}

/** handle in case of popover **/
.s4y-popover .s4y-spinner-container {
	position: inherit;
	display: inline;
}
.s4y-spinner-container.inline {
	display: inline;
	margin: 5px;
}
.s4y-spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #333;
  background: white;
  animation: s4you-spin .6s linear infinite;
}

.ie9 .s4y-spinner:before {
	border: none;
	animation: none;
}

.ie9 .s4y-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  height:100%;
  max-height: 64px;
}

.ie .s4y-spinner:before {
  left: 100%;
  margin-left: -20px;
}

.s4y-spinner.right:before {
  left: initial;
  right: 0%;
  margin-right: 5px;
}

@-webkit-keyframes s4you-spin {
 to {transform: rotate(360deg);}
}

@keyframes s4you-spin {
 to {transform: rotate(360deg);}
}
/*
################################ Template ##################################
*/
.s4y-template {
  display: none;
}
/*
################################ Other css ##################################
*/