/*****************************************************************************
 * 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.
 *****************************************************************************/

.status.block {
	color: $colorStatusDefault;
	cursor: default;
	display: inline-block;
	margin-right: $interiorMargin;
	.status-indicator,
	.label,
	.count {
		//@include test(#00ff00);
		display: inline-block;
		vertical-align: top;
	}
	.status-indicator {
		margin-right: $interiorMarginSm;
	}
	&.ok .status-indicator {
		color: $colorStatusOk;
	}
	&.caution .status-indicator {
		color: $colorStatusCaution;
	}
	.label {
		// Max-width silliness is necessary for width transition
		@include trans-prop-nice(max-width, .25s);
		overflow: hidden;
		max-width: 0px;
	}
	.count {
		@include trans-prop-nice(opacity, .25s);
		font-weight: bold;
		opacity: 1;
	}
	&:hover {
		.label {
			max-width: 150px;
			width: auto;
		}
		.count {
			opacity: 0;
		}
	}
}