﻿.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

.fd-hidden-input {
	display: none;
}

.fd-screen-reader {
	clip: rect(1px, 1px, 1px, 1px);
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	height: 0;
	overflow: hidden;
	position: absolute;
	width: 0;
}

.date-picker {
	/** FOR DESIGNING PURPOSES
	 * This will permanently show the date picker
	display: block !important;
	top: 50% !important;
	left: 50% !important;
	visibility: visible !important;
	transform: translate(-50%, -50%) !important;
	opacity: 1 !important;
	*/

	position: absolute;
	z-index: 9999;
	text-align: center;
	font: 900 0.16em/1em 'Open Sans', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	background: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

input.select_date {
	width: 80%;
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 2.625em;
}

.static-datepicker {
	position: relative;
	top: 5px;
	left: 0;
	margin-bottom: 1.5em;
}

.iehack {
	position: absolute;
	background: #fff;
	z-index: 9998;
	padding: 0;
	margin: 0;
	border: 0;
	display: none;
}

.input-group-btn {
	display: inline-block;
}

.date-picker-control:link {
	display: inline-block;
	margin-left: 10px;
	text-decoration: none;
}

.date-picker-control .fontIcon {
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: middle;
	text-align: center;
	font-size: 1.8em;
}

@supports (display: flex) {
	.date-picker-control .fontIcon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
}

.date-picker-control .fontIcon:before {
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: '\f073';
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
	font-family: 'icomoon';
	line-height: 1;
}

.date-picker th span {
	display: block;
	padding: 0;
	margin: 0;
	text-align: center;
	line-height: 1em;
	border: 0 none;
	background: transparent;
	font-weight: bold;
	cursor: pointer;
}

.date-picker .month-display,
.date-picker .year-display {
	display: inline;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1em;
	color: #757575;
}

.date-picker .prev-but,
.date-picker .next-but {
	font-weight: normal;
	font-size: 2.4em;
	font-family: georgia, times new roman, palatino, times, bookman, serif;
	cursor: pointer;
}

.date-picker .prev-but,
.date-picker .next-but,
.date-picker .today-but {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.date-picker .today-but {
	text-align: center;
	margin: 0 auto;
	font-weight: 900;
	font-size: .85em;
	width: 100%;
	text-decoration: none;
	padding-top: 0.3em;
	text-transform: uppercase;
	vertical-align: middle;
	cursor: pointer
}

.date-picker-disabled .prev-but,
.date-picker-disabled .next-but,
.date-picker-disabled .today-but,
.date-picker-disabled .prev-but:hover,
.date-picker-disabled .next-but:hover,
.date-picker-disabled .today-but:hover,
.date-picker .prev-but.fd-disabled:hover,
.date-picker .next-but.fd-disabled:hover,
.date-picker .fd-disabled,
.date-picker .fd-disabled:hover {
	color: #aaa;
	cursor: default !important;
	opacity: 1;
}

.date-picker table,
.date-picker td,
.date-picker tbody th,
.date-picker .day-disabled,
.date-picker .date-picker-hover.day-disabled,
.date-picker .date-picker-unused,
.date-picker .month-out {
	background-color: #fff;
}

.oldie .date-picker table,
.oldie .date-picker td,
.oldie .date-picker tbody th,
.oldie .date-picker .day-disabled,
.oldie .date-picker .date-picker-hover.day-disabled,
.oldie .date-picker .date-picker-unused,
.oldie .date-picker .month-out {
	_background-image: none;
}

.date-picker table {
	table-layout: fixed;
	empty-cells: show;
	border-collapse: separate;
	position: relative;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	text-align: center;
	z-index: 2;
	width: auto;
	height: auto;
	color: #333;
	font-size: 1em;
}

.date-picker td,
.date-picker tbody th {
	border: 0 none;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	width: 2.5em;
	color: #000;
	height: 2.5em;
	overflow: hidden;
	outline: transparent none 0px;
	border: none;
	text-transform: none;
	font-weight: 700;
}

.date-picker th {
	border: 0 none;
	padding: 0;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-transform: none;
}

	.date-picker th:hover {
		background-color: #eeeeee;
	}

.date-picker .date-picker-week-header {
	font-style: oblique;
	background: transparent;
	cursor: default;
}

.date-picker .date-picker-thead .date-picker-week-header {
	border: 0 none;
	cursor: help;
}

.date-picker .date-picker-day-header {
	cursor: help;
	border: 0 none;
	text-transform: uppercase;
	color: #000;
	height: auto;
	line-height: 1.5em;
	padding: 0 5px;
}

.date-picker .date-picker-statusbar {
	cursor: default;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	border: 0 none;
	background: #fff;
	height: 2.8em;
}

.date-picker .date-picker-unused {
	border-color: transparent;
	cursor: default !important;
	background-position: 0 -25px;
	color: #00688f;
}

.date-picker .date-picker-title {
	width: auto;
	height: auto;
	padding: 0.4em 0;
	color: #073347;
	font-size: 1.125em;
	font-weight: bold;
	line-height: 1.5em;
	border-bottom: 1px solid #ccc;
}

.date-picker .date-picker-hover,
.date-picker .month-out.date-picker-hover {
	background: #757575;
	border-radius: 3px;
	color: #fff;
}

.oldie .date-picker .date-picker-hover,
.oldie .date-picker .month-out.date-picker-hover {
	*background: #fff url(../../images/datepicker-cursor.jpg) no-repeat 0 0;
}

.date-picker .day-disabled {
	color: #888;
	cursor: default;
	text-decoration: line-through;
	background-position: 0 -15px;
}

.date-picker .month-out {
	color: #aaa;
	background-position: 0 -25px;
}

.date-picker .out-of-range,
.date-picker .not-selectable {
	color: #ccc;
	font-style: oblique;
	background: #fcfcfc;
	cursor: default;
}

.date-picker th.month-out,
.date-picker th.out-of-range {
	color: #aaa;
	font-style: oblique;
	background: #fcfcfc;
}

.date-picker .out-of-range {
	opacity: 0.6;
}

.date-picker .not-selectable {
	opacity: 0.8;
}

.oldie .date-picker .out-of-range {
	filter: alpha(opacity=60);
}

.oldie .date-picker .not-selectable {
	filter: alpha(opacity=80);
}

.date-picker tr {
	display: table-row;
	font-size: 12px;
}

.date-picker sup {
	font-size: 0.86em;
	letter-spacing: normal;
	text-transform: none;
	height: 0;
	line-height: 1;
	position: relative;
	top: -0.2em;
	vertical-align: baseline !important;
	vertical-align: top;
}

.date-picker .month-display,
.date-picker .year-display {
	cursor: default;
}

.date-picker td:focus,
.date-picker .date-picker-hover {
	z-index: 99999;
}

.date-picker .date-picker-selected-date {
	background-color: #424242;
	color: #fff;
	border-radius: 3px;
}

.static-datepicker table {
	-webkit-box-shadow: 0 0 0 transparent;
	-moz-box-shadow: 0 0 0 transparent;
	box-shadow: 0 0 0 transparent;
}

.date-picker-focus table {
	border-color: #999;
	border-color: rgba(153,153,153,.8);
	-webkit-box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.date-picker .drag-enabled,
.date-picker .drag-enabled span {
	cursor: move;
}

.date-picker-disabled table {
	opacity: .8 !important;
}

.oldie .date-picker-disabled table {
	filter: alpha(opacity=80);
}

.date-picker-disabled,
.date-picker-disabled td,
.date-picker-disabled th,
.date-picker-disabled th span {
	cursor: default !important;
}

	.date-picker-disabled .prev-but:hover,
	.date-picker-disabled .next-but:hover {
		text-shadow: none;
	}

body.fd-drag-active {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

@-webkit-keyframes fd-dp-pulse {
	0% {
		box-shadow: 0 0 4px rgba(100, 130, 170, 0.5);
	}

	20% {
		box-shadow: 0 0 4px rgba(70, 130, 170, 0.6);
	}

	40% {
		box-shadow: 0 0 5px rgba(40, 130, 170, 0.7);
	}

	60% {
		box-shadow: 0 0 6px rgba(10, 130, 170, 0.8);
	}

	80% {
		box-shadow: 0 0 5px rgba(40, 130, 170, 0.7);
	}

	100% {
		box-shadow: 0 0 4px rgba(70, 130, 170, 0.6);
	}
}

@-moz-keyframes fd-dp-pulse {
	0% {
		box-shadow: 0 0 4px rgba(100, 130, 170, 0.5);
	}

	20% {
		box-shadow: 0 0 4px rgba(70, 130, 170, 0.6);
	}

	40% {
		box-shadow: 0 0 5px rgba(40, 130, 170, 0.7);
	}

	60% {
		box-shadow: 0 0 6px rgba(10, 130, 170, 0.8);
	}

	80% {
		box-shadow: 0 0 5px rgba(40, 130, 170, 0.7);
	}

	100% {
		box-shadow: 0 0 4px rgba(70, 130, 170, 0.6);
	}
}

@-ms-keyframes fd-dp-pulse {
	0% {
		box-shadow: 0 0 4px rgba(100, 130, 170, 0.5);
	}

	20% {
		box-shadow: 0 0 4px rgba(70, 130, 170, 0.6);
	}

	40% {
		box-shadow: 0 0 5px rgba(40, 130, 170, 0.7);
	}

	60% {
		box-shadow: 0 0 6px rgba(10, 130, 170, 0.8);
	}

	80% {
		box-shadow: 0 0 5px rgba(40, 130, 170, 0.7);
	}

	100% {
		box-shadow: 0 0 4px rgba(70, 130, 170, 0.6);
	}
}

@-o-keyframes fd-dp-pulse {
	0% {
		box-shadow: 0 0 3px rgba(100, 130, 170, 0.55);
	}

	20% {
		box-shadow: 0 0 4px rgba(70, 130, 170, 0.6);
	}

	40% {
		box-shadow: 0 0 5px rgba(40, 130, 170, 0.65);
	}

	60% {
		box-shadow: 0 0 6px rgba(10, 130, 170, 0.7);
	}

	80% {
		box-shadow: 0 0 5px rgba(40, 130, 170, 0.65);
	}

	100% {
		box-shadow: 0 0 4px rgba(70, 130, 170, 0.6);
	}
}
