// @font-face
// 	font-family 'Glyphicons Halflings'
// 	src url('fonts/bootstrap/glyphicons-halflings-regular.eot')
// 	src url('fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/bootstrap/glyphicons-halflings-regular.woff2') format('woff2'), url('fonts/bootstrap/glyphicons-halflings-regular.woff') format('woff'), url('fonts/bootstrap/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')

.glyphicon
	position relative
	top 1px
	display inline-block
	font-family 'exxicon' !important
	font-style normal
	font-weight normal
	line-height 50%
	vertical-align middle
	font-size 2.500rem

.glyphicon-time
	&:before
		content "\e023"

.glyphicon-chevron-left
	&:before
		content "\63"

.glyphicon-chevron-right
	&:before
		content "\64"

.glyphicon-chevron-up
	&:before
		content "\65"

.glyphicon-chevron-down
	&:before
		content "\66"

.glyphicon-calendar
	&:before
		content "\66"

.glyphicon-shopping-cart
	&:before
		content "\67"

// .btn
// 	display inline-block
// 	padding 6px 12px
// 	margin-bottom 0
// 	font-size 1.6rem
// 	font-weight normal
// 	line-height 1.42857143
// 	text-align center
// 	white-space nowrap
// 	vertical-align middle
// 	-ms-touch-action manipulation
// 	touch-action manipulation
// 	cursor pointer
// 	-webkit-user-select none
// 	-moz-user-select none
// 	-ms-user-select none
// 	user-select none
// 	background-image none
// 	border 1px solid transparent
// 	border-radius 4px

.collapse
	display none
	transition height .3s ease-out
	&.in
		display block

// .wrap-datepicker
// 	.dropdown-menu
// 		position absolute
// 		left 0
// 		z-index 1000
// 		display none
// 		float left
// 		min-width 160px
// 		padding 5px 0
// 		margin 2px 0 0
// 		font-size 1.8rem
// 		text-align left
// 		list-style none
// 		background-color #fff
// 		-webkit-background-clip padding-box
// 		background-clip padding-box
// 		border 1px solid #ccc
// 		border 1px solid rgba(0, 0, 0, .15)
// 		border-radius 4px
// 		-webkit-box-shadow 0 6px 12px rgba(0, 0, 0, .175)
// 		box-shadow 0 6px 12px rgba(0, 0, 0, .175)

.list-unstyled
	padding-left 0
	list-style none
	li
		margin 0

.bootstrap-datetimepicker-widget
	list-style none
	&.dropdown-menu
		margin 2px 0
		padding 4px
		width 19em
		max-width 19em
		background-color blanco
		border-radius 7px
		border 1px solid alto
		&.bottom
			&:before
				border-left 12px solid transparent
				border-right 12px solid transparent
				border-bottom 12px solid alto
				border-bottom-color alto
				top -11px
				left 7px
			&:after
				border-left 11px solid transparent
				border-right 11px solid transparent
				border-bottom 11px solid blanco
				top -10px
				left 8px
		&.top
			&:before
				border-left 12px solid transparent
				border-right 12px solid transparent
				border-top 12px solid alto
				border-top-color alto
				bottom -11px
				left 6px
			&:after
				border-left 11px solid transparent
				border-right 11px solid transparent
				border-top 11px solid blanco
				bottom -10px
				left 7px
		&.pull-right
			&:before
				left auto
				right 6px
			&:after
				left auto
				right 7px
	.list-unstyled
		margin 0
	a[data-action]
		padding 6px 0
	a[data-action]:active
		box-shadow none
	button[data-action]
		padding 6px
	.btn[data-action="incrementHours"]::after
		position absolute
		width 1px
		height 1px
		margin -1px
		padding 0
		overflow hidden
		clip rect(0, 0, 0, 0)
		border 0
		content "Increment Hours"
	.btn[data-action="incrementMinutes"]::after
		position absolute
		width 1px
		height 1px
		margin -1px
		padding 0
		overflow hidden
		clip rect(0, 0, 0, 0)
		border 0
		content "Increment Minutes"
	.btn[data-action="decrementHours"]::after
		position absolute
		width 1px
		height 1px
		margin -1px
		padding 0
		overflow hidden
		clip rect(0, 0, 0, 0)
		border 0
		content "Decrement Hours"
	.btn[data-action="decrementMinutes"]::after
		position absolute
		width 1px
		height 1px
		margin -1px
		padding 0
		overflow hidden
		clip rect(0, 0, 0, 0)
		border 0
		content "Decrement Minutes"
	.btn[data-action="showHours"]::after
		position absolute
		width 1px
		height 1px
		margin -1px
		padding 0
		overflow hidden
		clip rect(0, 0, 0, 0)
		border 0
		content "Show Hours"
	.btn[data-action="showMinutes"]::after
		position absolute
		width 1px
		height 1px
		margin -1px
		padding 0
		overflow hidden
		clip rect(0, 0, 0, 0)
		border 0
		content "Show Minutes"
	.btn[data-action="togglePeriod"]::after
		position absolute
		width 1px
		height 1px
		margin -1px
		padding 0
		overflow hidden
		clip rect(0, 0, 0, 0)
		border 0
		content "Toggle AM/PM"
	.btn[data-action="clear"]::after
		position absolute
		width 1px
		height 1px
		margin -1px
		padding 0
		overflow hidden
		clip rect(0, 0, 0, 0)
		border 0
		content "Clear the picker"
	.btn[data-action="today"]::after
		position absolute
		width 1px
		height 1px
		margin -1px
		padding 0
		overflow hidden
		clip rect(0, 0, 0, 0)
		border 0
		content "Set the date to today"
	.picker-switch
		text-align center
		&::after
			position absolute
			width 1px
			height 1px
			margin -1px
			padding 0
			overflow hidden
			clip rect(0, 0, 0, 0)
			border 0
			content "Toggle Date and Time Screens"
		td
			padding 0
			margin 0
			height auto
			width auto
			line-height inherit
			span
				line-height 2.5
				height 2.5em
				width 100%
	table
		width 100%
		margin 0
		th
			height 20px
			line-height 20px
			width 20px
			&.picker-switch
				width 145px
			&.prev
				&::after
					position absolute
					width 1px
					height 1px
					margin -1px
					padding 0
					overflow hidden
					clip rect(0, 0, 0, 0)
					border 0
					content "Previous Month"
			&.next
				&::after
					position absolute
					width 1px
					height 1px
					margin -1px
					padding 0
					overflow hidden
					clip rect(0, 0, 0, 0)
					border 0
					content "Next Month"
		thead
			tr
				&:first-child
					th
						cursor pointer
						&:hover
							background #648b56
							color white
		td
			height 54px
			line-height 54px
			width 54px
			&.cw
				font-size .8em
				height 20px
				line-height 20px
				color #fff
			&.day
				height 20px
				line-height 20px
				width 20px
			&.today
				position relative
				&:before
					content ''
					display inline-block
					border solid transparent
					border-width 0 0 7px 7px
					border-bottom-color #225a40
					border-top-color #fff
					position absolute
					bottom 4px
					right 4px
			&.active
				&.today
					&:before
						border-bottom-color #fff
			span
				display inline-block
				width 54px
				height 54px
				line-height 54px
				margin 2px 1.5px
				cursor pointer
				border-radius 5px
				&:hover
					background #648b56
					color blanco
				&.active
					background-color #225a40
					color blanco
					text-shadow 0 -1px 0 rgba(0,0,0,0.25)
				&.old
					color #fff
	&.usetwentyfour
		td
			&.hour
				height 27px
				line-height 27px
	&.wider
		width 21em
	.datepicker-decades
		.decade
			line-height 1.8em !important

@media (min-width:768px)
	.bootstrap-datetimepicker-widget
		&.dropdown-menu
			&.timepicker-sbs
				width 38em

@media (min-width:992px)
	.bootstrap-datetimepicker-widget
		&.dropdown-menu
			&.timepicker-sbs
				width 38em

@media (min-width:1200px)
	.bootstrap-datetimepicker-widget
		&.dropdown-menu
			&.timepicker-sbs
				width 38em

.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after
	content ''
	display inline-block
	position absolute

.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second
	width 54px
	font-weight bold
	font-size 2rem
	margin 0

.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th
	text-align center
	border-radius 5px
	padding $default //revisar
	border-bottom 0 none

.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover
	background none
	color #8fa3b8
	cursor not-allowed

.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover
	background #648b56
	cursor pointer
	color white

.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new
	color baliHai

.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover
	background-color #225a40
	color blanco
	text-shadow 0 -1px 0 rgba(0,0,0,0.25)

.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover
	background none
	color baliHai
	cursor not-allowed
	text-decoration line-through

.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover
	background none
	color baliHai
	cursor not-allowed

.input-group
	&.date
		.input-group-addon
			cursor pointer

.sr-only
	position absolute
	width 1px
	height 1px
	margin -1px
	padding 0
	overflow hidden
	clip rect(0, 0, 0, 0)
	border 0