/* ROWS */
.wer-prog-luc-day {
	border-bottom: 1px solid #eee;
	align-items: baseline;
	flex-direction: row;
	padding: 0.5em 0;
	display: flex;
}

.wer-prog-luc-day:last-child {
	border-bottom: none;
}

.wer-prog-luc-day-name {
	background-color: #eee;
	padding: 0.1em 0.7em;
	border-radius: 0.2em;
	align-self: baseline;
	position: relative;
	padding-left: 2em;
	text-align: left;
	cursor: pointer;
	width: 9em;
}

.wer-prog-luc-day-name.checked {
	background-color: #089bab;
	color: white;
}

.wer-prog-luc-day-name::before {
	font: normal normal normal 1em FontAwesome;
	transform: translateY(-50%);	
	display: inline-block;
	text-rendering: auto;
	position: absolute;
	content: "\f14a";
	left: 0.5em;
	top: 50%;
}

.inactive .wer-prog-luc-day-name::before {
	content: "\f096";
}

/* PICKERS */
.wer-prog-luc-time-wrapper {
	justify-content: flex-end;
	flex-wrap: wrap;
	display: flex;
}

.wer-prog-luc-time {
	display: flex;
}

.wer-prog-luc-time > :first-child {
	padding: 0.2em 0.5em 0.2em 1.5em;
}

.wer-prog-luc-time:last-child {
	padding-right: 0;
}

.inactive .wer-prog-luc-time-wrapper {
	display: none; 
}

.wer-prog-luc-placeholder {
	white-space: nowrap;
	display: none;
}

.inactive .wer-prog-luc-placeholder {
	display: flex;
}

.wer-prog-luc-group {
	flex-direction: row;
	align-items: center;
	flex-wrap: none;
	display: flex;
}

.wer-prog-luc-group select {
	background-color: transparent;
	color: #078b9a;
	outline: none;
	border: none;
}

.wer-prog-luc-hour, .wer-prog-luc-minute {
	font-size: 1.1em;
	font-weight: 700;
}

/* WEEK PICKER */

.wer-prog-form .wer-week-picker-row {
	justify-content: center;
	display: flex;
}

.wer-prog-form .wer-week-picker-day {
	background-color: #eee;
	border-radius: 0.2em;
	cursor: pointer;
	padding: 0.5em;
	margin: 0.5em;
	height: 4em;
	width: 4em;
}
.wer-prog-form .wer-week-picker-day:hover {
	background-color: #f2f2f2;
	margin: 0.45em 0.4em 0.45em;	
	height: 4.1em;
	width: 4.2em;
}
.wer-prog-form .wer-week-picker-day.checked {
	background-color: #089bab;
	color: white;
}
.wer-prog-form .wer-week-picker-day.checked:hover {
	background-color: #1bb5c6;
}

.wer-prog-form .wer-week-picker-day::after {
	font: normal normal normal 1em FontAwesome;
	text-rendering: auto;
	content: "\f096";
	display: block;
}
.wer-prog-form .wer-week-picker-day.checked::after {
	content: "\f14a";
}

/* VALABILITY CHECKBOX */
.wer-prog-form .wer-input[name='limitat'].tt-hide ~ label {
   display: none;
}
/*
.wer-prog-form .wer-input[type='checkbox'] ~ label::before {
	font: normal normal normal 1.8em FontAwesome;
    background-image: none;
	display: inline-block;
	text-rendering: auto;
	color: #089bab;
	content: "\f096";
	height: 1em;
	width: 1em;
}


/* PLUS MINUS */
.wer-prog-form .wer-num-plus::before,
.wer-prog-form .wer-num-minus::before {
	color: #089bab;
}

/* CALENDAR */
.wer-prog-form input[name^=valab_] + label::after {
	color: #067b88;
	color: #089bab;
	opacity: 0.7;
	transition: 0.1s ease-in-out;
}
.wer-prog-form input[name^=valab_] + label:hover::after {
	color: #089bab;
	color: #2fb5c4;
	font-size: 1.4em;
	/* transform: translateY(-50%) scale(1.1); */
	/* left: 0.45em; */
	left: 0.37em;
	top: 41%;
	opacity: 0.9;
	transition: 0.1s ease-in;
}



/* --- mod-mi --- */


@media only screen and (max-width: 650px) {

	.wer-week-picker-day {
		position: absolute;
	}

	.wer-week-picker-row {
		position: relative;
		width: 11em;
		height: 11em;
		margin: 2.5em auto 4em;
	}


	.wer-week-picker-day {
		border-radius: 50% !important;
		transform: translateX(-65%) translateY(-50%);
	}



	.wer-week-picker-day:nth-child(1) {
		left: 50.00000%; 
		top: 0.00000%;
	}

	.wer-week-picker-day:nth-child(2) {
		left: 89.09157%; 
		top: 18.82551%;

	}

	.wer-week-picker-day:nth-child(3) {
		left: 98.74640%; 
		top: 61.12605%;

	}

	.wer-week-picker-day:nth-child(4) {
		left: 71.69419%; top: 95.04844%;

	}

	.wer-week-picker-day:nth-child(5) {
		left: 28.30581%; top: 95.04844%;

	}

	.wer-week-picker-day:nth-child(6) {
		left: 1.25360%; top: 61.12605%;

	}

	.wer-week-picker-day:nth-child(7) {
		left: 10.90843%; top: 18.82551%;

	}

}


