/**
 * Gravity Forms 3 replaced the jQuery UI datepicker with its own calendar, styled only by
 * Gravity Forms' form CSS, which SVFK has switched off. Style it like the old datepicker:
 * a calendar icon inside the field and a small dark popup with month/year selectors.
 */
.gform_wrapper .ginput_container_date {
	position: relative;
}

.gform_wrapper .ginput_container_date .gform-datepicker-toggle {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	min-width: 0;
	height: 2.5625rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: #c9a050;
}

.gform_wrapper .ginput_container_date .gform-datepicker-toggle:hover,
.gform_wrapper .ginput_container_date .gform-datepicker-toggle:focus {
	background: transparent;
	color: #13130d;
}

.gform_wrapper .ginput_container_date .gform-datepicker-toggle .dashicons {
	width: 18px;
	height: 18px;
	font-size: 18px;
}

.gform_wrapper .ginput_container_date input.gform-datepicker {
	padding-right: 2.75rem;
}

.gform_wrapper .gform-datepicker-calendar {
	position: absolute;
	top: calc(2.5625rem + 5px);
	left: 0;
	z-index: 100;
	box-sizing: border-box;
	width: 246px;
	padding: 15px;
	background: #323438;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 12px;
	line-height: 1;
}

.gform_wrapper .gform-datepicker-calendar .calendar {
	width: 100%;
	margin: 0;
	border: 0;
	border-collapse: separate;
	border-spacing: 1px;
	table-layout: fixed;
	background: transparent;
}

.gform_wrapper .gform-datepicker-calendar .calendar tr > td,
.gform_wrapper .gform-datepicker-calendar .calendar tr > th {
	height: 30px;
	padding: 0;
	border: 0;
	background: transparent;
	color: #777c80;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	vertical-align: middle;
}

.gform_wrapper .gform-datepicker-calendar .calendar .yearSelector > td,
.gform_wrapper .gform-datepicker-calendar .calendar .monthSelector > td {
	background: #666;
	color: #e0e0e0;
}

.gform_wrapper .gform-datepicker-calendar .calendar .nav.btn {
	cursor: pointer;
	font-size: 14px;
}

.gform_wrapper .gform-datepicker-calendar .calendar .nav.btn:hover,
.gform_wrapper .gform-datepicker-calendar .calendar .nav.btn:focus {
	color: #fff;
}

.gform_wrapper .gform-datepicker-calendar .calendar select {
	visibility: visible;
	width: 100%;
	height: 26px;
	margin: 0;
	padding: 0 4px;
	border: 0;
	border-radius: 0;
	background: #666;
	color: #fff;
	font-size: 12px;
	line-height: 26px;
	cursor: pointer;
}

.gform_wrapper .gform-datepicker-calendar .calendar tr > th.week {
	height: 24px;
	background: #13130d;
	color: #999;
	font-size: 10px;
	font-weight: 600;
}

.gform_wrapper .gform-datepicker-calendar .calendar tr > td.day {
	background: #f7f7f7;
	cursor: pointer;
}

.gform_wrapper .gform-datepicker-calendar .calendar tr > td.dayToday {
	color: #13130d;
	font-weight: 700;
}

.gform_wrapper .gform-datepicker-calendar .calendar tr > td.day:hover,
.gform_wrapper .gform-datepicker-calendar .calendar tr > td.day:focus,
.gform_wrapper .gform-datepicker-calendar .calendar tr > td.selected {
	background: #c9a050;
	color: #fff;
}

.gform_wrapper .gform-datepicker-calendar .monthMessage {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}