/**
 * ScoutDocs
 * https://scoutdocs.com/
 *
 * Copyright (c) 2017 ScoutDocs
 * Licensed under the GPLv2+ license.
 */

.support_message
	width: 56%
	text-align: center
	font-weight: bold
	border: 1px solid #ccc
	padding: 20px

.loading
	position: fixed
	z-index: 999
	height: 2em
	width: 2em
	overflow: show
	margin: auto
	top: 0
	left: 0
	bottom: 0
	right: 0
	display: none

/* Transparent Overlay */
.loading:before
	content: ''
	display: block
	position: fixed
	top: 0
	left: 0
	width: 100%
	height: 100%
	background-color: rgba(0,0,0,0.3)

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required)
	/* hide "loading..." text */
	font: 0/0 a
	color: transparent
	text-shadow: none
	background-color: transparent
	border: 0

.loading:not(:required):after
	content: ''
	display: block
	font-size: 10px
	width: 1em
	height: 1em
	margin-top: -0.5em
	animation: spinner 1500ms infinite linear
	border-radius: 0.5em
	box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0

/* Animation */
@keyframes spinner
	0%
		-webkit-transform: rotate(0deg)
		-moz-transform: rotate(0deg)
		-ms-transform: rotate(0deg)
		-o-transform: rotate(0deg)
		transform: rotate(0deg)
	100%
		-webkit-transform: rotate(360deg)
		-moz-transform: rotate(360deg)
		-ms-transform: rotate(360deg)
		-o-transform: rotate(360deg)
		transform: rotate(360deg)