.input-toggle
	@extends .control-input
	@extends .control
	padding 0 3px
	display inline-block
	cursor pointer
	outline none
	user-select none
	&:focus
		box-shadow 0 0 0 2px #F0F0F0

.input-toggle-true
.input-toggle-false
	display inline-block
	width 50%
	height 27px
	margin 3px 0 3px
	line-height 25px
	text-align center
	color #665c68
	border 1px solid transparent
	opacity 0.4
	padding 0 3px
	box-sizing border-box
	&:hover
		opacity 1

.input-toggle[data-value='true'] .input-toggle-true
.input-toggle[data-value='false'] .input-toggle-false
		color #665c68
		background #ebebeb
		border 1px solid mediumgray
		border-radius 2px
		opacity 1