/* Time Field Styles */

.time-field-container {
	position: relative;
	width: 100%;
}

.time-field-wrapper {
	position: relative;
	cursor: pointer;
	display: block;
	width: 100%;
	min-height: 40px;
}

.time-input {
	cursor: pointer;
	width: calc(100% - 30px);
	padding-right: 35px;
}

.time-clear-btn {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	background: none;
	border: none;
	cursor: pointer;
	font-size: 16px;
	color: #999;
	padding: 4px;
}

.time-clear-btn.has-value {
	display: block;
}

.time-clear-btn:not(.has-value) {
	display: none;
}