// ============================================================
//          Button Groups                                  
// ------------------------------------------------------------*/

+route(style,base)
	.btn-group
		list-style: none
		margin-bottom: 0

		.btn
			// margin: 0 
			padding-left: 0
			padding-right: 0
			border-width: 0 !important
			text-align: center


	.btn-group_v
		@extend .btn-group
		.btn
			width: 100% !important
			display: block
			.btn-border_s
				border-width: 0 1px 0 1px
			&:first-child
				.btn-border_s
					border-width: 1px 1px 0px 1px !important

			&:last-child
				.btn-border_s
					border-width: 0 1px 1px 1px !important

		
	.btn-group_h
		@extend .btn-group
		+cf
		li
			float: left
			.btn-border_s
				border-width: 1px 1px 1px 1px !important
			&:first-child
				.btn-border_s
					border-width: 1px 0px 1px 1px !important

			&:last-child
				.btn-border_s
					border-width: 1px 1px 1px 0px !important

		.btn
			width   : 100% !important
			display : block