/* Timepicker
--------------*/

	.clock-timepicker-popup {
		border: 1px solid #dadae5;
	}

/* Wrapper
-----------*/

	.timepicker--wrapper {
		position: relative;
		min-width: 140px;
	}

/* Eingabefeld
---------------*/

	.timepicker--input {
		position: relative;
		width: 100% !important;
		padding-left: 40px !important;
		cursor: pointer;
	}

/* Icon
--------*/

	.timepicker--icon {
		position: absolute;
		top: 0;
		left: 5px;
		height: 100%;
		width: 32px;
		cursor: pointer;
		background-image: url('/core/contextmind/input/time/pub/img/time.svg');
		background-repeat: no-repeat;
		background-size: 18px auto;
		background-position: center center;
		opacity: 0.2;
		z-index: 99;
	}

/* Closer
----------*/

	.timepicker--closer {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 32px;
		cursor: pointer;
		background-image: url('/core/contextmind/input/time/pub/img/x.svg');
		background-repeat: no-repeat;
		background-size: 16px auto;
		background-position: center center;
		opacity: 0.3;
		z-index: 99;
		border-radius: 20px;
	}

	.timepicker--closer:hover {
		opacity: 1;
	}

/* Fehlermarkierung
--------------------*/

	.has-invalid-value input {
		background-color: #FEFBFB;
		border: 1px solid rgba(196, 69, 54, 1) !important;
	}