.bg-black,
.picker__list-item:hover {
	background-color: #000 !important
}


.bg-white,
.picker__list-item,
.picker__box .picker__header .picker__select--month.browser-default,
.picker__box .picker__header .picker__select--year.browser-default {
	background-color: #fff !important
}


.clockpicker_container.clockpicker .picker__box .clockpicker-am-pm-block .active,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected,
.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus,
.picker--time .picker__button--clear:hover::before,
.picker--time .picker__button--clear:focus::before,
.picker__date-display,
.picker__date-display .clockpicker-display .clockpicker-display-column .clockpicker-span-hours.text-primary,
.picker__date-display .clockpicker-display .clockpicker-display-column .clockpicker-span-minutes.text-primary,
.picker__date-display .clockpicker-display .clockpicker-display-column #click-am.text-primary,
.picker__date-display .clockpicker-display .clockpicker-display-column #click-pm.text-primary,
.clockpicker-display .clockpicker-display-column .clockpicker-span-hours.text-primary,
.clockpicker-display .clockpicker-display-column .clockpicker-span-minutes.text-primary,
.clockpicker-display .clockpicker-display-column #click-am.text-primary,
.clockpicker-display .clockpicker-display-column #click-pm.text-primary,
.picker__box .picker__header .picker__date-display,
.picker__box .picker__table .picker__day--outfocus,
.picker__box .picker__table .picker__day--selected,
.picker__box .picker__table .picker__day--selected:hover,
.picker__box .picker__table .picker--focused {
	color: #fff !important
}
.picker__input {
	cursor: default
}

.picker__input.picker__input--active {
	border-color: #0089ec
}

.picker {
	position: absolute;
	z-index: 10000;
	font-size: 1rem;
	line-height: 1.2;
	color: #000;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/*!
   * Default mobile-first, responsive styling for pickadate.js
   * Demo: http://amsul.github.io/pickadate.js
   */
}

.picker .picker__holder {
	position: fixed;
	width: 100%;
	overflow-y: auto;
	overflow-scrolling: touch;
	-webkit-transition: background 0.15s ease-out, top 0s 0.15s;
	transition: background 0.15s ease-out, top 0s 0.15s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.picker .picker__holder,
.picker .picker__frame {
	top: 100%;
	right: 0;
	bottom: 0;
	left: 0
}

.picker .picker__frame {
	position: absolute;
	width: 18.75rem;
	min-width: 16rem;
	max-width: 20.3125rem;
	max-height: 21.875rem;
	margin: 0 auto;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out
}

@media (min-height: 28.875em) {
	.picker .picker__frame {
		top: auto;
		bottom: -100%;
		max-height: 80%;
		overflow: visible
	}
}

@media (min-height: 40.125em) {
	.picker .picker__frame {
		margin-bottom: 7.5%
	}
}

.picker .picker__frame .picker__wrap {
	display: table;
	width: 100%;
	height: 100%
}

@media (min-height: 28.875em) {
	.picker .picker__frame .picker__wrap {
		display: block
	}
}

.picker .picker__box {
	display: table-cell;
	vertical-align: middle;
	background: #fff
}

@media (min-height: 28.875em) {
	.picker .picker__box {
		display: block;
		border: 1px solid #777;
		border-top-color: #898989;
		border-bottom-width: 0;
		border-radius: 5px 5px 0 0;
		-webkit-box-shadow: 0 0.75rem 2.25rem 1rem rgba(0, 0, 0, 0.24);
		box-shadow: 0 0.75rem 2.25rem 1rem rgba(0, 0, 0, 0.24)
	}
}

.picker--opened .picker__holder {
	top: 0;
	zoom: 1;
	background: rgba(0, 0, 0, 0.32);
	-webkit-transition: background 0.15s ease-out;
	transition: background 0.15s ease-out
}

.picker--opened .picker__frame {
	top: 0;
	filter: alpha(opacity=100);
	opacity: 1
}

@media (min-height: 35.875em) {
	.picker--opened .picker__frame {
		top: 10%;
		bottom: auto
	}
}

.datepicker.picker__input.picker__input--active,
.timepicker.picker__input.picker__input--active {
	border-bottom: 1px solid #e3f2fd
}


.time-date-ghost {
	display: none
}

.clockpicker_container.clockpicker .picker__box .clockpicker-am-pm-block {
	padding-left: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	font-size: 1.125rem;
	height: 100%
}

.clockpicker_container.clockpicker .picker__box .clockpicker-am-pm-block span {
	cursor: pointer
}

.clockpicker_container.clockpicker .picker__box .picker__footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 16px 0;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.clockpicker_container.clockpicker .picker__box .picker__footer .clockpicker-button {
	margin: 0;
	margin-top: 1rem;
	padding: 6px 8px;
	font-size: 0.8rem;
	min-width: 64px
}

.clockpicker_container.clockpicker .picker__box .picker__footer .clockpicker-button:focus {
	outline: 5px auto #41BBCB !important
}

.clockpicker_container.clockpicker .picker__box .picker__footer .clockpicker-button.clear-button {
	margin-right: auto
}

div.timepicker input~i.input-prefix {
	cursor: pointer;
	pointer-events: all
}

.picker__list {
	padding: 0.75em 0 4.2em;
	margin: 0;
	list-style: none
}

.picker__list-item {
	position: relative;
	padding: 0.75em 1.25em;
	margin-bottom: -1px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}

@media (min-height: 46.75em) {
	.picker__list-item {
		padding: 0.5em 1em
	}
}

.picker__list-item:hover {
	z-index: 10;
	cursor: pointer;
	background: #b1dcfb;
	background-color: #000 !important;
	border-color: #0089ec
}

.picker__list-item--highlighted {
	z-index: 10;
	border-color: #0089ec
}

.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
	color: #000;
	cursor: pointer;
	background: #b1dcfb
}

.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
	z-index: 10;
	background: #0089ec
}

.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled {
	z-index: auto;
	color: #ddd;
	cursor: default;
	background: #f5f5f5;
	border-color: #f5f5f5
}

.picker--time .picker__button--clear {
	display: block;
	width: 80%;
	padding: 1em 1.25em;
	margin: 1em auto 0;
	font-size: .67em;
	font-weight: 500;
	color: #666;
	text-align: center;
	text-transform: uppercase;
	background: none;
	border: 0
}

.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus {
	color: #000;
	cursor: pointer;
	background: #b1dcfb;
	border-color: #e20
}

.picker--time .picker__button--clear::before {
	top: -.25em;
	font-size: 1.25em;
	font-weight: 700;
	color: #666
}

.picker--time .picker__frame {
	min-width: 16rem;
	max-width: 20rem
}

.picker--time .picker__box {
	padding: 0;
	font-size: 1em;
	background: #f2f2f2
}

@media (min-height: 40.125em) {
	.picker--time .picker__box {
		margin-bottom: 5em
	}
}

.picker__date-display {
	padding-bottom: .9375rem;
	margin-bottom: 1rem;
	font-weight: 300;
	text-align: center;
	background-color: #41BBCB
}

.picker__date-display .clockpicker-display {
	display: inline-block;
	height: 5.3125rem;
	padding: .625rem;
	padding-bottom: 0;
	margin: auto;
	font-size: 4.375rem;
	color: #b2dfdb;
	vertical-align: middle
}

.picker__date-display .clockpicker-display .clockpicker-display-column {
	float: left
}

.picker__date-display .clockpicker-display .clockpicker-display-column .clockpicker-span-hours.text-primary,
.picker__date-display .clockpicker-display .clockpicker-display-column .clockpicker-span-minutes.text-primary,
.picker__date-display .clockpicker-display .clockpicker-display-column #click-am.text-primary,
.picker__date-display .clockpicker-display .clockpicker-display-column #click-pm.text-primary {
	-webkit-animation-name: pulse;
	animation-name: pulse
}

.picker__date-display .clockpicker-display .clockpicker-display-column #click-am,
.picker__date-display .clockpicker-display .clockpicker-display-column #click-pm {
	cursor: pointer
}

.picker__date-display .clockpicker-display .clockpicker-display-am-pm {
	height: 5.3125rem;
	padding-left: .3125rem;
	vertical-align: bottom
}

.picker__date-display .clockpicker-display .clockpicker-display-am-pm .clockpicker-span-am-pm {
	display: inline-block;
	font-size: 1.4375rem;
	line-height: 1.5625rem;
	color: #b2dfdb
}

.picker__date-display .clockpicker-display .clockpicker-span-hours,
.picker__date-display .clockpicker-display .clockpicker-span-minutes {
	cursor: pointer;
	-webkit-transition: color 500ms;
	transition: color 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.clockpicker-display {
	display: inline-block;
	height: 5.3125rem;
	padding: .625rem;
	padding-bottom: 0;
	margin: auto;
	font-size: 4.375rem;
	color: #b2dfdb;
	text-align: center;
	vertical-align: middle
}

.clockpicker-display .clockpicker-display-column {
	float: left
}

.clockpicker-display .clockpicker-display-column .clockpicker-span-hours.text-primary,
.clockpicker-display .clockpicker-display-column .clockpicker-span-minutes.text-primary,
.clockpicker-display .clockpicker-display-column #click-am.text-primary,
.clockpicker-display .clockpicker-display-column #click-pm.text-primary {
	-webkit-animation-name: pulse;
	animation-name: pulse
}

.clockpicker-display .clockpicker-display-column #click-am,
.clockpicker-display .clockpicker-display-column #click-pm {
	cursor: pointer
}

.clockpicker-display .clockpicker-display-am-pm {
	height: 5.3125rem;
	padding-left: .3125rem;
	vertical-align: bottom
}

.clockpicker-display .clockpicker-display-am-pm .clockpicker-span-am-pm {
	display: inline-block;
	font-size: 1.4375rem;
	line-height: 1.5625rem;
	color: #b2dfdb
}

.clockpicker-display .clockpicker-span-hours,
.clockpicker-display .clockpicker-span-minutes {
	cursor: pointer;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-transition: color 500ms;
	transition: color 500ms
}

@keyframes pulse {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	50% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.clockpicker-moving {
	cursor: move
}

.clockpicker-plate {
	position: relative;
	width: 16.875rem;
	height: 16.875rem;
	margin: auto;
	margin-top: 1.25rem;
	overflow: visible;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #eee;
	border-radius: 50%
}

.clockpicker-plate .clockpicker-canvas,
.clockpicker-plate .clockpicker-dial {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 16.875rem;
	height: 16.875rem
}

.clockpicker-plate .clockpicker-dial {
	-webkit-transition: opacity 350ms, -webkit-transform 350ms;
	transition: opacity 350ms, -webkit-transform 350ms;
	transition: transform 350ms, opacity 350ms;
	transition: transform 350ms, opacity 350ms, -webkit-transform 350ms
}

.clockpicker-plate .clockpicker-dial .clockpicker-tick {
	position: absolute;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	color: #666;
	text-align: center;
	cursor: pointer;
	background-color: rgba(0, 150, 136, 0);
	border-radius: 50%;
	-webkit-transition: background-color 300ms;
	transition: background-color 300ms
}

.clockpicker-plate .clockpicker-dial .clockpicker-tick.active,
.clockpicker-plate .clockpicker-dial .clockpicker-tick:hover {
	background-color: rgba(0, 150, 136, 0.25)
}

.clockpicker-plate .clockpicker-minutes {
	visibility: hidden
}

.clockpicker-plate .clockpicker-dial-out {
	opacity: 0
}

.clockpicker-plate .clockpicker-hours.clockpicker-dial-out {
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2)
}

.clockpicker-plate .clockpicker-minutes.clockpicker-dial-out {
	-webkit-transform: scale(0.8, 0.8);
	transform: scale(0.8, 0.8)
}

.clockpicker-canvas {
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms
}

.clockpicker-canvas line {
	stroke: rgba(0, 150, 136, 0.25);
	stroke-width: 1
}

.clockpicker-canvas-out {
	opacity: .25
}

.clockpicker-canvas-bearing {
	fill: rgba(0, 77, 64, 0.75);
	stroke: none
}

.clockpicker-canvas-fg {
	fill: rgba(0, 77, 64, 0);
	stroke: none
}

.clockpicker-canvas-fg.active {
	fill: rgba(0, 77, 64, 0.5)
}

.clockpicker-canvas-bg {
	fill: rgba(0, 150, 136, 0.25);
	stroke: none
}

.clockpicker-canvas-bg-trans {
	fill: rgba(0, 150, 136, 0.25)
}

.clockpicker-am-pm-block {
	width: 100%
}

.clockpicker-am-pm-block .clockpicker-button.am-button {
	float: left;
	width: 2.8125rem;
	height: 2.8125rem;
	border: 0
}

.clockpicker-am-pm-block .clockpicker-button.pm-button {
	float: right;
	width: 2.8125rem;
	height: 2.8125rem;
	border: 0
}
.picker__footer {
	width: 100%
}

.picker__footer .clockpicker-button {
	margin: auto;
	margin-top: .9375rem;
	padding: 6px 8px;
	text-transform: uppercase;
	background-color: transparent;
	font-size: 1rem
}

.picker__footer .clockpicker-button:focus {
	background-color: transparent
}

.picker__footer .clockpicker-button:active {
	background-color: rgba(0, 150, 136, 0.25)
}


div.picker.datepicker .picker__holder.inline {
	position: unset
}

div.picker.datepicker .picker__holder.inline .picker__header {
	padding-top: 10px
}

div.picker.datepicker .picker__box {
	border: none;
	border-radius: 5px
}

div.picker.datepicker .picker__box .picker__header.datepicker__box {
	text-align: left
}

div.picker.datepicker .picker__box .picker__header.datepicker__box .picker__date-display {
	height: 115px;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
	padding: 0;
	margin-bottom: 10px
}

div.picker.datepicker .picker__box .picker__header.datepicker__box .picker__date-display .picker__title-display {
	position: absolute;
	margin-top: 15px;
	margin-left: 20px;
	font-size: .7rem
}

div.picker.datepicker .picker__box .picker__header.datepicker__box .picker__date-display .picker__date-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-left: 20px;
	margin-bottom: 15px
}

div.picker.datepicker .picker__box .picker__header.datepicker__box .picker__date-display .picker__date-container .picker__weekday-display {
	padding: 0;
	margin: 0
}

div.picker.datepicker .picker__box .picker__header.datepicker__box .picker__date-display .picker__date-container .picker__month-display {
	padding: 0;
	padding-left: 0.5rem;
	margin: 0
}

div.picker.datepicker .picker__box .picker__header.datepicker__box .picker__date-display .picker__date-container .picker__day-display {
	padding: 0;
	padding-left: 0.5rem;
	margin: 0
}

div.picker.datepicker .picker__box .picker__header.datepicker__box .picker__select-year {
	display: inline-block;
	cursor: pointer;
	padding: 10px;
	margin-left: 10px;
	font-size: 0.9rem;
	border-radius: 10px;
	color: #666
}

div.picker.datepicker .picker__box .picker__header.datepicker__box .picker__select-year:hover {
	background-color: #eee
}

div.picker.datepicker .picker__box .picker__header.datepicker__box .picker__select-year:focus {
	background-color: #eee
}

div.picker.datepicker .picker__box .picker__header.datepicker__box .picker__select-year i {
	margin-left: 0.2rem
}

div.picker.datepicker .picker__box .picker__header.datepicker__box .picker__nav {
	float: right
}

div.picker.datepicker .picker__box .picker__header.datepicker__box .picker__nav .picker__nav--prev {
	left: unset;
	right: 3rem;
	padding: 0;
	margin: 0;
	border-radius: 50%;
	width: 36px;
	height: 36px
}

div.picker.datepicker .picker__box .picker__header.datepicker__box .picker__nav .picker__nav--prev:hover {
	background-color: #eee
}

div.picker.datepicker .picker__box .picker__header.datepicker__box .picker__nav .picker__nav--prev:focus {
	background-color: #eee
}

div.picker.datepicker .picker__box .picker__header.datepicker__box .picker__nav .picker__nav--prev:before {
	content: "\f053"
}

div.picker.datepicker .picker__box .picker__header.datepicker__box .picker__nav .picker__nav--next {
	right: 0.5rem;
	padding: 0;
	margin: 0;
	border-radius: 50%;
	width: 36px;
	height: 36px
}

div.picker.datepicker .picker__box .picker__header.datepicker__box .picker__nav .picker__nav--next:before {
	content: "\f054"
}

div.picker.datepicker .picker__box .picker__header.datepicker__box .picker__nav .picker__nav--next:hover {
	background-color: #eee
}

div.picker.datepicker .picker__box .picker__header.datepicker__box .picker__nav .picker__nav--next:focus {
	background-color: #eee
}

div.picker.datepicker .picker__box .picker__table {
	min-height: 267px;
	padding: .5rem
}

div.picker.datepicker .picker__box .picker__table .picker__day.picker__day--infocus {
	border-radius: 50%
}

div.picker.datepicker .picker__box .picker__table .picker__day.picker__day--infocus:hover:not(.picker__day--selected) {
	background-color: #eee
}

div.picker.datepicker .picker__box .picker__table .picker__day--today {
	border: 1px solid #666
}

div.picker.datepicker .picker__box .picker__table .picker__year.picker__year--infocus {
	padding: .75rem 0;
	border-radius: 30px
}

div.picker.datepicker .picker__box .picker__table .picker__year.picker__year--infocus:hover:not(.picker__year--selected) {
	background-color: #eee
}

div.picker.datepicker .picker__box div.picker__footer {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 10px
}

div.picker.datepicker .picker__box div.picker__footer button {
	border-radius: 10px;
	margin: 0;
	margin-top: 1rem;
	padding: 6px 8px;
	font-size: .8rem;
	min-width: 64px
}

div.picker.datepicker .picker__box div.picker__footer button:hover {
	background: #eee
}

div.picker.datepicker .picker__box div.picker__footer button.picker__picker-button--clear {
	margin-right: auto
}

div.picker.datepicker .picker__box div.picker__footer button.picker__picker-button--clear:focus {
	background-color: #eee
}

div.picker.datepicker .picker__box div.picker__footer button.picker__picker-button--close:focus {
	background-color: #eee
}

div.picker.datepicker .picker__box div.picker__footer button.picker__picker-button--ok:focus {
	background-color: #eee
}

.picker__box {
	padding: 0;
	overflow: hidden;
	border-radius: .125rem
}

.picker__box .picker__header {
	position: relative;
	margin-bottom: 1.25rem;
	text-align: center
}

.picker__box .picker__header select {
	display: inline-block !important
}

.picker__box .picker__header .picker__date-display {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-bottom: .3125rem;
	font-weight: 400;
	background-color: #41BBCB
}

.picker__box .picker__header .picker__date-display .picker__weekday-display {
	padding: .875rem .4375rem .3125rem .5rem;
	margin-top: 1.25rem;
	font-size: 2.1rem;
	letter-spacing: .5
}

.picker__box .picker__header .picker__date-display .picker__month-display {
	padding: .875rem .3125rem .25rem;
	margin-top: 1.25rem;
	font-size: 2.1rem
}

.picker__box .picker__header .picker__date-display .picker__day-display {
	padding: .875rem .3125rem .25rem;
	margin-top: 1.25rem;
	font-size: 2.1rem
}

.picker__box .picker__header .picker__date-display .picker__year-display {
	position: absolute;
	top: .625rem;
	left: 45%;
	font-size: 1.1rem;
	color: rgba(255, 255, 255, 0.4)
}

.picker__box .picker__header .picker__month,
.picker__box .picker__header .picker__year {
	display: inline-block;
	margin-right: .25em;
	margin-left: .25em
}

.picker__box .picker__header .picker__select--month,
.picker__box .picker__header .picker__select--year {
	display: inline-block;
	height: 2em;
	padding: 0;
	margin-right: .25em;
	margin-left: .25em;
	background: transparent;
	border: none;
	border-bottom: 1px solid #ced4da;
	outline: 0
}

.picker__box .picker__header .picker__select--month:focus,
.picker__box .picker__header .picker__select--year:focus {
	border-color: rgba(0, 0, 0, 0.05)
}

.picker__box .picker__header .picker__select--year {
	width: 30%
}

.picker__box .picker__header .picker__select--month.browser-default {
	display: inline;
	width: 40%
}

.picker__box .picker__header .picker__select--year.browser-default {
	display: inline;
	width: 25%
}

.picker__box .picker__header .picker__nav--prev,
.picker__box .picker__header .picker__nav--next {
	position: absolute;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	padding: .1875rem .625rem
}

.picker__box .picker__header .picker__nav--prev:hover,
.picker__box .picker__header .picker__nav--next:hover {
	color: #000;
	cursor: pointer
}

.picker__box .picker__header .picker__nav--prev:before,
.picker__box .picker__header .picker__nav--next:before {
	display: block;
	font-family: "Font Awesome 5 Free", sans-serif;
	font-weight: 900
}

.picker__box .picker__header .picker__nav--prev {
	left: -.5em;
	padding-right: 1.25em
}

.picker__box .picker__header .picker__nav--prev:before {
	content: "\f104"
}

.picker__box .picker__header .picker__nav--next {
	right: -.2em;
	padding-left: 1.25em
}

.picker__box .picker__header .picker__nav--next:before {
	content: "\f105"
}

.picker__box .picker__header .picker__nav--disabled,
.picker__box .picker__header .picker__nav--disabled:hover,
.picker__box .picker__header .picker__nav--disabled:before,
.picker__box .picker__header .picker__nav--disabled:before:hover {
	cursor: default;
	background: none;
	border-right-color: #f5f5f5;
	border-left-color: #f5f5f5
}

.picker__box .picker__table {
	width: 100%;
	margin-top: .75em;
	margin-bottom: .5em;
	font-size: 1rem;
	text-align: center;
	table-layout: fixed;
	border-spacing: 0;
	border-collapse: collapse
}

.picker__box .picker__table th,
.picker__box .picker__table td {
	text-align: center
}

.picker__box .picker__table td {
	padding: 0;
	margin: 0
}

.picker__box .picker__table .picker__weekday {
	width: 14%;
	padding-bottom: .25em;
	font-size: .9em;
	font-weight: 500;
	color: #999
}

@media (min-height: 33.875em) {
	.picker__box .picker__table .picker__weekday {
		padding-bottom: .25em
	}
}

.picker__box .picker__table .picker__day--today {
	position: relative;
	padding: .75rem 0;
	font-weight: 400;
	letter-spacing: -.3;
	border: 1px solid transparent
}

.picker__box .picker__table .picker__day.picker__day--today {
	color: #41BBCB
}

.picker__box .picker__table .picker__day--disabled:before {
	border-top-color: #aaa
}

.picker__box .picker__table .picker__day--infocus {
	padding: .75rem 0;
	font-weight: 400;
	color: #595959;
	letter-spacing: -.3;
	border: #595959 transparent
}

.picker__box .picker__table .picker__day--infocus:hover {
	font-weight: 500;
	color: #000;
	cursor: pointer
}

.picker__box .picker__table .picker__day--outfocus {
	display: none;
	padding: .75rem 0
}

.picker__box .picker__table .picker__day--outfocus:hover {
	font-weight: 500;
	color: #ddd;
	cursor: pointer
}

.picker__box .picker__table .picker__day--highlighted:hover,
.picker__box .picker__table .picker--focused .picker__day--highlighted {
	cursor: pointer
}

.picker__box .picker__table .picker__day--selected,
.picker__box .picker__table .picker__day--selected:hover,
.picker__box .picker__table .picker--focused {
	background-color: #41BBCB;
	border-radius: 50%;
	-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
	-webkit-transform: scale(0.9);
	transform: scale(0.9)
}

.picker__box .picker__table .picker__day--selected.picker__day--outfocus,
.picker__box .picker__table .picker__day--selected:hover.picker__day--outfocus,
.picker__box .picker__table .picker--focused.picker__day--outfocus {
	background-color: #ecf2fc
}

.picker__box .picker__table .picker__day--disabled,
.picker__box .picker__table .picker__day--disabled:hover,
.picker__box .picker__table .picker--focused {
	color: #ddd;
	cursor: default;
	background: #f5f5f5;
	border-color: #f5f5f5
}

.picker__box .picker__table .picker__day--highlighted.picker__day--disabled,
.picker__box .picker__table .picker__day--highlighted.picker__day--disabled:hover {
	background: #bbb
}

.picker__box .picker__footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: .3125rem .625rem;
	text-align: right
}

.picker__box .picker__footer .picker__button--today,
.picker__box .picker__footer .picker__button--clear,
.picker__box .picker__footer .picker__button--close,
.picker__box .picker__footer .picker__button--ok {
	display: inline-block;
	width: 33%;
	padding: 1rem 0 0.7rem 0;
	font-size: .8em;
	font-weight: 700;
	text-transform: uppercase;
	vertical-align: bottom;
	background: #fff;
	border: 1px solid #fff
}

.picker__box .picker__footer .picker__button--today:hover,
.picker__box .picker__footer .picker__button--clear:hover,
.picker__box .picker__footer .picker__button--close:hover,
.picker__box .picker__footer .picker__button--ok:hover {
	color: #000;
	cursor: pointer;
	background: #b1dcfb;
	border-bottom-color: #b1dcfb
}

.picker__box .picker__footer .picker__button--today:focus,
.picker__box .picker__footer .picker__button--clear:focus,
.picker__box .picker__footer .picker__button--close:focus,
.picker__box .picker__footer .picker__button--ok:focus {
	background: #b1dcfb;
	border-color: rgba(0, 0, 0, 0.05);
	outline: none
}

.picker__box .picker__footer .picker__button--today:before,
.picker__box .picker__footer .picker__button--clear:before,
.picker__box .picker__footer .picker__button--close:before,
.picker__box .picker__footer .picker__button--ok:before {
	position: relative;
	display: inline-block;
	height: 0
}

.picker__box .picker__footer .picker__button--today:before,
.picker__box .picker__footer .picker__button--ok:before,
.picker__box .picker__footer .picker__button--clear:before {
	margin-right: .45em;
	content: " "
}

.picker__box .picker__footer .picker__button--today:before,
.picker__box .picker__footer .picker__button--ok:before {
	top: -.05em;
	width: 0;
	border-top: .66em solid #0059bc;
	border-left: .66em solid transparent
}

.picker__box .picker__footer .picker__button--clear:before {
	top: -.25em;
	width: .66em;
	border-top: 3px solid #e20
}

.picker__box .picker__footer .picker__button--close:before {
	top: -.1em;
	margin-right: .35em;
	font-size: 1.1em;
	color: #777;
	vertical-align: top;
	content: "\D7"
}

.picker__box .picker__footer .picker__button--today[disabled],
.picker__box .picker__footer .picker__button--today[disabled]:hover {
	color: #ddd;
	cursor: default;
	background: #f5f5f5;
	border-color: #f5f5f5
}

.picker__box .picker__footer .picker__button--today[disabled]:before {
	border-top-color: #aaa
}

.picker__calendar-container {
	padding: 0 1rem
}

.picker__calendar-container thead {
	border: none
}

div.datepicker input {
	cursor: auto
}

div.datepicker input~i.input-prefix {
	cursor: pointer;
	pointer-events: all
}