funky-framadate-front/src/app/features/administration/form/steps/step-four/step-four.component.scss

@import '../../../../../../styles/variables';
@import '../../../../../../styles/dev-utilities/helpers';

.custom-day-time-slices {
	.heading-day-choice {
		font-size: 1.25rem;
		line-height: 1.25rem;
		color: $d-black;
		font-weight: 700;
		margin-bottom: 1rem;
	}
}

.time-slice-list-of-a-day {
	label {
		line-height: 2.25rem;
		margin-bottom: 0;
	}

	input {
		width: calc(100% - 2rem);
		margin-bottom: 1rem;
	}

	.button {
		color: $primary_color;

		.icon {
			margin-right: 1rem;
			fill: $primary_color;
		}
	}

	#close_dialog {
		border: 0;
		color: $primary !important;

		.icon {
			margin-left: 1rem;
			height: 1.5em;
			width: 1.5em;
		}
	}

	.add-time-choice {
		margin-top: 0.5rem;

		.button {
			justify-content: inherit;
			background: transparent;
		}
	}

	.delete-hour {
		background: transparent;
		font-size: 0.8rem;
		width: 2rem;
		padding: 0;
		float: right;
		margin-top: -3rem;
		margin-right: 0;
		margin-bottom: 0;
	}
}