/*****************************************************************************
 * Open MCT Web, Copyright (c) 2014-2015, United States Government
 * as represented by the Administrator of the National Aeronautics and Space
 * Administration. All rights reserved.
 *
 * Open MCT Web is licensed under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * http://www.apache.org/licenses/LICENSE-2.0.
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations
 * under the License.
 *
 * Open MCT Web includes source code licensed under additional open source
 * licenses. See the Open Source Licenses file (LICENSES.md) included with
 * this source code distribution or the Licensing information page available
 * at runtime from the About dialog for additional information.
 *****************************************************************************/
@-webkit-keyframes rotation {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(359deg);}
}

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

@-o-keyframes rotation {
	from {-o-transform: rotate(0deg);}
	to {-o-transform: rotate(359deg);}
}

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

.t-wait-spinner,
.wait-spinner {
	$d: 5%;
	@include wait-spinner(0.5em, $colorKey);
	top: 50%; left: 50%;
	height: auto; width: auto;
	padding: $d; // Will size object based on parent container WIDTH
	pointer-events: none;
	margin-top: $d / -1;
	margin-left: $d / -1;
	z-index: 2;
}

.l-wait-spinner-holder {
	pointer-events: none;
	position: absolute;
	&.align-left {
		.t-wait-spinner {
			left: 0;
			margin-left: 0;
		}
	}
	&.full-size {
		display: inline-block;
		height: 100%; width: 100%;
		.t-wait-spinner {
			top: 0;
			margin-top: 0;
			padding: 30%;
		}
	}
}


.treeview .wait-spinner {
	$d: 10px;
	@include wait-spinner(0.25em, $colorKey);
	height: $d; width: $d;
	margin: 0 !important;
	padding: 0 !important;
	top: 2px; left: 0;
}