/**
 * Copyright (c) 2015 eSolutionsGroup.
 * All rights reserved.
 * 
 * Author: Timothy Grant Vogelsang <tvogelsang@esolutionsgroup.ca>
 */


/******************************
 * SPINNER
 ******************************/

.spinner input {
	text-align: right;
}

.spinner .btn-default {
	background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%) !important;
	background-repeat: repeat-x !important;
	border-color: #ccc !important;
	color: #333 !important;
}

.input-group-btn-vertical {
	position: relative;
	white-space: nowrap;
	width: 1%;
	vertical-align: middle;
	display: table-cell;
}

.input-group-btn-vertical>.EVN_btn {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%;
	padding: 8px;
	margin-left: -1px;
	position: relative;
	border-radius: 0;
}

.input-group-btn-vertical>.btn:first-child {
	border-top-right-radius: 4px;
}

.input-group-btn-vertical>.btn:last-child {
	margin-top: -2px;
	border-bottom-right-radius: 4px;
}

.input-group-btn-vertical i {
	position: absolute;
	top: 0;
	left: 4px;
}


/* Mobile styles added by KG */

@media (max-width: 991px) {
	.spinner-container {
		display: flex;
		flex-flow: column nowrap;
		align-items: flex-end;
	}
	.input-group.spinner {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		margin-bottom: 6px;
	}
	.input-group-btn-vertical {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex: 0 0 auto;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin: 0;
		padding: 0;
		width: 96px;
	}
	.spinner .btn-default {
		display: block;
		-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		width: 48px !important;
		height: 34px !important;
		margin: 0 !important;
		background: #f1f1f1 !important;
		border-left: solid 1px #ccc;
        border-radius: 0 !important;
	}
	.spinner .btn-default:first-child {
		border: none;
	}
	.input-group-btn-vertical i {
		top: 50%;
		left: 50%;
		-webkit-transform: translate3d(-50%, -50%, 0);
		transform: translate3d(-50%, -50%, 0)
	}
	.input-group.spinner .form-control {
		border-radius: 0;
		flex: 1 1 auto;
	}
}

@media (max-width: 767px) {
	.spinner-container {
		align-items: center;
	}
	.input-group.spinner {
		margin-top: 16px;
	}
	.spinnerContainer {
		text-align: center;
	}
	.input-group.spinner {
		max-width: 240px;
		margin: 16px auto 6px auto;
	}
}