//	=================
//    	Imports
//	=================

@import '../../assets/base/color_variables';   	// Color Variables
@import '../../assets/base/fonticons';   			// Fonticons Variables
@import '../../assets/base/urls';   				// URLS Variables
@import '../../assets/base/utilities_variables';  // Utilities Variables

.bootstrap-touchspin {
	.input-group-btn-vertical {
		position: $pos-abs;
		right: 0;
		height: 100%;
		z-index: 11;
		>.btn {
			position: $pos-abs;
			right: 0;
			height: 50%;
			padding: 0;
			width: 2em;
			text-align: $align-center;
			line-height: 1;
		}
		.bootstrap-touchspin-up {
			border-radius: $br-0 $br-4 $br-0 $br-0;
			top: 0;
		}
		.bootstrap-touchspin-down {
			border-radius: $br-0 $br-0 $br-4 $br-0;
			bottom: 0;
		}
	}
	.input-group-addon[class*="btn-"] {
		.input-group-text {
			background-color: $color_none;
			border: none;
		}
	}
}
.input-group.btn-group.bootstrap-touchspin {
	.btn {
		padding: .375rem .75rem;
	}
}
.btn[class*="btn-"].bootstrap-touchspin-up {
	[class*="flaticon-"] {
		font-size: $fs-10;
	}
}
.btn[class*="btn-"].bootstrap-touchspin-down {
	[class*="flaticon-"] {
		font-size: $fs-10;
	}
}
.input-group-sm {
	>.form-control {
		height: auto !important;
	}
	>.input-group-prepend {
		>.btn {
			height: auto !important;
		}
	}
	>.input-group-append {
		>.btn {
			height: auto !important;
		}
	}
}