@import ../../../../pillar/src/styles/_config
@import ../../../../pillar/src/styles/_utils
@charset "UTF-8"

/* Pikaday */
/* Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com */

.pika-single
	z-index: 9999
	display: block
	position: relative
	color: $color-text-dark-primary
	background: white
	border: thin solid $color-background-dark
	border-radius: 3px

	&:before
		content: " "
		display: table
	&:after
		content: " "
		display: table
		clear: both
	*zoom: 1
	&.is-hidden
		// display: none
	&.is-bound
		position: absolute
		box-shadow: 0 2px 5px rgba(black, .1), 0 5px 15px rgba(black, .2)

/* clear child float (pika-lendar), using the famous micro clearfix hack */
/* http://nicolasgallagher.com/micro-clearfix-hack/ */

.pika-lendar
	float: left
	width: 240px
	margin: 8px

.pika-title
	position: relative
	text-align: center

.pika-label
	display: inline-block
	*display: inline
	position: relative
	z-index: 9999
	overflow: hidden
	margin: 0
	padding: 5px 3px

	&:hover
		color: $color-primary
		option
			color: $color-text-dark

.pika-title select
	cursor: pointer
	position: absolute
	z-index: 9998
	margin: 0
	left: 0
	top: 5px
	filter: alpha(opacity = 0)
	opacity: 0

.pika-prev, .pika-next
	display: block
	cursor: pointer
	position: relative
	outline: none
	border: 0
	padding: 0
	width: 20px
	height: 30px
	/* hide text using text-indent trick, using width value (it's enough) */
	text-indent: 20px
	white-space: nowrap
	overflow: hidden
	background-color: transparent
	background-position: center center
	background-repeat: no-repeat
	background-size: 75% 75%
	opacity: .5
	*position: absolute
	*top: 0

.pika-prev:hover, .pika-next:hover
	opacity: 1

.pika-prev, .is-rtl .pika-next
	float: left
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==')
	*left: 0

.pika-next, .is-rtl .pika-prev
	float: right
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=')
	*right: 0

.pika-prev.is-disabled, .pika-next.is-disabled
	cursor: default
	opacity: .2

.pika-select
	display: inline-block
	*display: inline

.pika-table
	width: 100%
	border-collapse: collapse
	border-spacing: 0
	border: 0
	th, td
		width: 14.285714285714286%
		padding: 0
	th
		color: $color-text-dark-primary
		font-size: 12px
		line-height: 25px
		font-weight: normal
		text-align: center

.pika-button
	cursor: pointer
	display: block
	box-sizing: border-box
	-moz-box-sizing: border-box
	outline: none
	border: 2px solid transparent
	width: 100%
	padding: 5px 8px
	color: $color-text-dark-primary
	font-size: .9em
	text-align: right
	background: $color-background-light

.pika-week
	font-size: 11px
	color: $color-text-dark-hint

.is-today .pika-button
	color: $color-secondary
	font-weight: bold

.is-selected .pika-button
	color: white
	font-weight: bold
	background: $color-primary
	border-radius: 3px

.is-inrange .pika-button
	background: rgba($color-primary, .5)

.is-startrange .pika-button
	color: white
	background: $color-secondary
	box-shadow: none
	border-radius: 3px

.is-endrange .pika-button
	color: white
	background: $color-primary
	box-shadow: none
	border-radius: 3px

.is-disabled .pika-button, .is-outside-current-month .pika-button
	pointer-events: none
	cursor: default
	color: $color-text-dark-secondary
	opacity: .3

.pika-button:hover
	color: $color-text-dark
	background: white
	box-shadow: none
	border-radius: 3px
	border-color: $color-primary

/* styling for abbr */

.pika-table abbr
	border-bottom: none
	cursor: help

.pika-time
	width: 100%
	display: flex
	align-items: center
	justify-content: center
	padding: 5px 0 10px 0
	color: $color-text-dark-primary

	td
		padding: 0 2px

	select
		+input-generic
		padding: 2px 3px