.eac-modal {
	* {
		box-sizing: border-box;
	}

	&__overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.5);
		z-index: 99900;
	}

	&__content {
		position: fixed;
		background: #fff;
		z-index: 100000;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 50%;
		min-width: 500px;
		max-width: 800px;
		overflow: auto;

		@media screen and (max-width: 782px) {
			width: 100%;
			height: 100%;
			min-width: 100%;
			max-width: 100%;
		}
	}

	&__main {
		min-height: 180px;

		//&:not(:has(>[class^="eac-modal"])) {
		//	padding: 1.5em;
		//}

		&:has(.eac-modal-footer) {
			padding-bottom: 55px;
		}

		.select2-container {
			width: 100% !important;
		}
	}


	#{&}-header,
	#{&}-body {
		display: block;
		position: relative;
	}

	#{&}-header {
		height: auto;
		background: #fcfcfc;
		padding: 1em 1.5em;
		border-bottom: 1px solid #ddd;
		display: flex;
		justify-content: space-between;
		align-items: center;


		h3, h2 {
			margin: 0;
			font-size: 18px;
			font-weight: 700;
			line-height: 1.5em;
		}
	}

	#{&}-body {
		overflow: auto;
		min-height: 180px;
		display: block;
		position: relative;
		padding: 1.5em;

		p {
			margin: 1.5em 0;
		}

		p:first-child {
			margin-top: 0;
		}

		p:last-child {
			margin-bottom: 0;
		}
	}

	#{&}-footer {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 100;
		padding: 1em 1.5em;
		background: #fcfcfc;
		border-top: 1px solid #dfdfdf;
		box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.1);

		p {
			margin: 0;
		}
	}

}
.select2-drop, .select2-dropdown {
	z-index: 999999 !important
}
