@import '../../../../theme';

section.content {
	border-bottom: 0.1rem solid $aeap-color-light-bluish-grey;
	border-top: 0.1rem solid $aeap-color-light-bluish-grey;
	padding: 2.4rem;

	.date-checkbox-container {
		border: 0.1rem solid $aeap-color-light-bluish-grey;
		margin: 2.4rem 0 1.6rem;
		padding: 1.6rem;

		&.active {
			background: $aeap-checkbox;
		}

		.date-container {
			.date-input-container {
				background: $aeap-color-white;
				border: 0.1rem solid $aeap-color-grey-1;

				input {
					background: transparent;
					border: 0;
				}
			}

			.date-start,
			.date-end {
				width: 45%;
			}

			.date-end {
				&.disabled {
					.date-input-container {
						background: $aeap-checkbox;
					}

					input {
						opacity: 0.8;
					}

					.fa-calendar {
						opacity: 0.4;
					}
				}
			}
		}

		.permanent-check {
			padding-top: 1rem;
			span {
				align-self: center;
				padding-left: 2rem;
			}
		}
	}

	.add-override {
		color: $aeap-color-primary;
	}
}

.modal-actions {
	padding: 2.4rem;
}