/*
 * 
 *   Copyright 2016 RIFT.IO Inc
 *
 *   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.
 *
 */
@import 'variables';
.Button {
	display: inline-block;
	vertical-align: middle;
	margin: 2px;
	border: 1px solid transparent;
	border-radius: 3px;
	padding: 3px 6px;
	&:hover {
		cursor: pointer;
	}
	&.primary-action {
		border-color: rgba(34, 34, 34, 0.38);
		box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.65);
	}
	&:hover {
		color: #ffffff;
		border-color: rgba(34, 34, 34, 0.38);
		box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.65);
		background-color: #7E9BC1;
	}
	&:active, &:visited{
		background-color:#4C5E74;
	}
	img {
		width: 20px !important;
		height: 20px !important;
		margin: 0;
		box-shadow: none;
		vertical-align: middle;
	}
	span {
		vertical-align: middle;
		font-size: 12px;
		font-variant: small-caps;
		text-transform: uppercase;
		margin-left: 3px;
		white-space: nowrap;
	}
	&.inline-hint {
		display: inline-block !important;
		transform: scale(0.7);
		vertical-align: baseline;
		img {
			width: 13px;
			height: 13px;
		}
		span {
			font-size: 11px;
		}
	}
}