.clockpicker .input-group-addon
	cursor pointer

.clockpicker-moving
	cursor move

.clockpicker-plate
	background-color #fff
	border 1px solid #cbcbcb
	border-radius 50%
	width 160px
	height 160px
	overflow visible
	position relative
	user-select none

.clockpicker-canvas
.clockpicker-dial
	absolute left -1px top -1px
	width 160px
	height 160px

.clockpicker-minutes
	visibility hidden

.clockpicker-tick
	border-radius 50%
	color #666
	line-height 26px
	text-align center
	width 26px
	height 26px
	position absolute
	cursor pointer
	font-size 13px

.clockpicker-minutes .clockpicker-tick
.clockpicker-tick.inner
	font-size 14px

.clockpicker-tick.active,
.clockpicker-tick:hover
	background-color rgb(#d6bcdb)
	background-color rgba(darken(#d6bcdb,.75), .25)

.clockpicker-button
	background-image none
	background-color #fff
	border-width 1px 0 0
	border-top-left-radius 0
	border-top-right-radius 0
	margin 0
	padding 10px 0

.clockpicker-button:hover
	background-image none
	background-color #ebebeb

.clockpicker-button:focus
	outline none!important

.clockpicker-dial
	transition transform 350ms, opacity 350ms

.clockpicker-dial-out
	opacity 0

.clockpicker-hours.clockpicker-dial-out
	transform scale(1.2, 1.2)

.clockpicker-minutes.clockpicker-dial-out
	transform scale(.8, .8)

.clockpicker-canvas
	transition opacity 175ms

.clockpicker-canvas-out
	opacity 0.25

.clockpicker-canvas-fg
	stroke none
	fill #9858a4

.clockpicker-canvas-bearing
	fill #9858a4

.clockpicker-canvas-bg
	stroke none
	fill #d6bcdb

.clockpicker-canvas-bg-trans
	fill rgba(darken(#d6bcdb,.75), .5)

.clockpicker-canvas line
	stroke #9858a4
	stroke-width 2
	stroke-linecap round
	/*shape-rendering: crispEdges;*/

.clockpicker-button.am-button
	margin 1px
	padding 5px
	border 1px solid rgba(0, 0, 0, .2)
	border-radius 4px

.clockpicker-button.pm-button
	margin 1px 1px 1px 136px
	padding 5px
	border 1px solid rgba(0, 0, 0, .2)
	border-radius 4px