#monitor-modal .snippets-modal__close {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 9999;
		display: grid;
		place-items: center;
		width: 48px;
		height: 48px;
		border-radius: 50%;
		background-color: var(--color-primary);
		cursor: pointer;
		font-size: 38px;
		color: #fff;
		line-height: 1;
		transform: translate(40%, -40%);
		transition: background-color 0.2s ease;
	}

		#monitor-modal .snippets-modal__close:hover,
		#monitor-modal .snippets-modal__close:focus {
			background-color: var(--color-secondary);
		}
	#monitor-modal .snippets-modal__window {
		position: relative;
		border: 1px solid #d7d7d7;
		box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.1);
		padding: 50px;
		overflow-y: visible;
	}
	#monitor-modal #monitor-form h2 {
			font-size: 48px;
			font-weight: 500;
			margin-bottom: 0;
		}
	#monitor-modal #monitor-form .caseNumber {
			font-size: 28px;
			font-weight: 700;
			color: var(--color-primary);
			margin-bottom: 30px;
		}
	#monitor-modal #monitor-form p {
			font-size: 20px;
			margin-bottom: 30px;
		}
	#monitor-modal #monitor-form .buttonGroup {
			margin-top: 35px;
			justify-content: space-between;
		}
	#monitor-modal #monitor-form .emailWrapper {
			display: flex;
			padding: 10px;
			flex-direction: column;
			gap: 5px;
			border-radius: 10px;
			border: 1px solid var(--color-primary);
			background: #fff;
		}
	#monitor-modal #monitor-form .emailWrapper label {
				padding-left: 10px;
				font-size: 16px;
			}
	#monitor-modal #monitor-form input.email {
			flex: 1;
			width: 100%;
			font-size: 18px;
			padding: 10px;
			background-color: #fff !important;
			border-radius: 10px;
			cursor: text;
			outline: none;
			border: none;
		}
	#monitor-modal #monitor-form input.email:hover,
			#monitor-modal #monitor-form input.email:focus {
				border-color: var(--border-color-hover, var(--color-primary));
			}
	#monitor-modal #monitor-form .form-feedback {
			margin-top: 35px;
			color: var(--color-emphasis, var(--color-primary));
		}
	#monitor-modal #monitor-form .confirmation {
			color: var(--color-primary);
			font-weight: 500;
			padding-inline: 10px;
		}

.meetingSingleContent {
	--border-color: #d7d7d7;

	font-size: 20px;
	font-weight: 300;
	margin-bottom: 50px;
	max-width: 889px;
	line-height: 32px;
}

@media (max-width: 767px) {

.meetingSingleContent {
		font-size: 16px;
		margin-bottom: 0
}
	}

.meetingSingleContent .label {
		font-weight: 500;
	}

.meetingSingleContent .info {
		display: flex;
		flex-direction: column;
		gap: 10px;
		padding-bottom: 21px;
		max-width: 1024px;
	}

.meetingSingleContent .info > div {
			display: flex;
			align-items: center;
			gap: 10px;
			font-size: 20px;
			font-weight: 500;
			padding-block: 4px;
		}

@media (max-width: 767px) {

.meetingSingleContent .info > div {
				font-size: 18px
		}
			}

.meetingSingleContent .info > div iconify-icon {
				font-size: 24px;
				color: var(--color-primary);
			}

.meetingSingleContent .participants {
		display: flex;
		flex-direction: column;
		gap: 10px;
		padding-block: 39px 31px;
		border-block: 1px solid var(--border-color);
	}

.meetingSingleContent .participants .listContainer {
			display: flex;
			gap: 93px;
		}

@media (max-width: 767px) {

.meetingSingleContent .participants .listContainer {
				flex-direction: column;
				gap: 20px
		}
			}

.meetingSingleContent .participants .list {
			padding: 20px;
		}

.meetingSingleContent .participants .list span {
				color: #666;
			}

.meetingSingleContent .participants .inline {
			display: inline-flex;
			gap: 11px;
		}

@media (max-width: 767px) {

.meetingSingleContent .participants .inline {
				flex-direction: column
		}
			}

.meetingSingleContent .agenda {
		display: flex;
		flex-direction: column;
		gap: 30px;
		padding-block: 45px;
	}

@media (max-width: 767px) {

.meetingSingleContent .agenda {
			padding-bottom: 0
	}
		}

.meetingSingleContent .agenda .agendaItem {
			display: flex;
			flex-direction: column;
			gap: 27px;
			padding: 40px;
			border-radius: 10px;
			border: 1px solid var(--border-color);
			background: white;
		}

@media (max-width: 767px) {

.meetingSingleContent .agenda .agendaItem {
				padding: 0;
				padding-bottom: 40px;
				border: none
		}
			}

.meetingSingleContent .agenda .labelContainer {
			display: flex;
			gap: 20px;
			font-size: 22px;
			padding-left: 12px;
		}

@media (max-width: 767px) {

.meetingSingleContent .agenda .labelContainer {
				font-size: 20px;
				padding-left: 0
		}
			}

.meetingSingleContent .agenda .contentContainer {
			display: flex;
			flex-direction: column;
			gap: 27px;
			padding-left: 50px;
		}

@media (max-width: 767px) {

.meetingSingleContent .agenda .contentContainer {
				padding-left: 0
		}
			}

.meetingSingleContent .agenda .buttonContainer {
			display: flex;
			align-items: center;
			gap: 30px;
		}

@media (max-width: 767px) {

.meetingSingleContent .agenda .buttonContainer {
				flex-direction: column;
				align-items: flex-start
		}
			}

.meetingSingleContent .agenda .uid {
			font-size: 16px;
			font-weight: 400;
		}

.meetingSingleContent .agenda .btn {
			--btn-padding: 12px 16px;
			--secondary-color: black;
			--btn-hover-color: white;
			--secondary-border: var(--color-primary);
			--btn-line-before: none;
			--btn-line-after: none;
		}

@media (max-width: 767px) {

.meetingSingleContent .agenda .btn {
				--btn-font-size: 16px
		}
			}

.meetingSingleContent .agenda .btn iconify-icon {
				font-size: 24px;
				color: var(--color-primary);
				transition: color 0.3s ease;
			}

.meetingSingleContent .agenda .btn:hover iconify-icon {
				color: white;
			}

.meetingSingleContent .agenda .description {
			padding: 20px;
			background: #f3f3f5;
			border-radius: 10px;
		}

.meetingSingleContent .agenda .attachments .label-attachments {
			font-weight: 400;
			margin-bottom: 12px;
			margin-top: 20px;
		}

/*# sourceMappingURL=meetingSingle.css.map */