@import '../less/variables/colors.less';

.c-date-time-zone-picker__timezone-menu {
	color: @color-gray-medium;
	display: inline-block;
	margin-left: 30px;
	margin-top: 6px;
}

.c-date-time-zone-picker__timezone-menu__dropdown > .o-dropdown-menu__contents {
	max-height: 300px;
	overflow-y: scroll;
}

.c-date-time-zone-picker__timezone-menu__toggle {
	cursor: pointer;
}

.c-date-time-zone-picker__timezone-menu__toggle-text {
	text-decoration: underline;
}

.c-datepicker-input {
	position: relative;
}

.c-datepicker-input__date-icon,
.c-timepicker-input__time-icon {
	color: @color-gray-medium;
	cursor: pointer;
	position: absolute;
	right: 10px;

	// Vertical centering
	top: 50%;
	transform: translateY(-50%);
}

.c-timepicker-input {
	position: relative;
}

.c-timepicker-dropdown > .o-dropdown-menu__wrapper {
	display: inline;
}

.c-timepicker-dropdown__input {
	float: left;
	width: 60%;
}

.c-timepicker-dropdown__contents > .o-dropdown-menu__contents {
	height: 250px;
	overflow-y: scroll;
}