.modal-dialog {
	position: fixed;
	width: 100%;
	height: 100%;
	display: none;
}

.center-modal-dialog-container {
	top: 0px;
	place-items: center;
	z-index:99999999;   
	overflow-y: auto;
}

.black-background {
	background: rgba(0,0,0,0.6);
}

/* dialog */
.modal-dialog-content {
	margin: auto; /* aligns horizontally */
	margin-top: 100px;
	max-width: 450px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.3);
}
.modal-dialog-content .header {
	background: #f5f5f5;
	border-radius: 8px 8px 0px 0px;
}
.modal-dialog-content .content {
	max-height: 500px;
	min-height: 200px;
	overflow: auto; /* adding scroll bars */
}
.modal-dialog-content .border {
	margin: 15px;
}

.modal-dialog-content-center {
	max-width: 450px;
	padding: 15px;
	margin: 15px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.3);
}

button.round {
	width: 60px; 
	height: 60px;
	background-color: #f4f4f4;
	border-radius: 50%;
	border: none;
	vertical-align: top;
}

.link-field {
	padding: 10px;
	margin-top: 15px;
	border:1px solid #ddd;
	border-radius: 8px;
}

/* dropdown menu */
.dropdown-menu {
	border-radius: 8px;
	position: absolute;
	background-color: #f7f7f7;
	min-width: 160px;
	max-width: 260px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	overflow: hidden;
	margin-right: 15px;
}
.dropdown-menu a {
	text-decoration: none;	
	color: inherit;
}
.dropdown-menu .item {
	padding: 12px 16px;
	cursor: pointer;
}
.dropdown-menu .destructive {
	color: red; 
}
.dropdown-menu .item:hover {
	background-color: #f1f1f1;
}
.dropdown-menu .check::before {
	content: "✓\00a0";
}
.dropdown-menu .uncheck::before {
	content: "✓\00a0";
	visibility: hidden;
}
.dropdown-menu .separate {
	height: 8px;
	display: flex;
	background-color: #e9e9e9;
}
.dropdown-menu .text {
	margin: 7px 7px 7px 30px;
	font-size: 14px;
	color: #969696;
}

.dropdown-menu .hide {
	display: none;
}

@media (prefers-color-scheme:dark) {
	.dropdown-menu {
		background-color: #1f1f1f;
	}
	.dropdown-menu .separate {
		background-color: #161616;
	}
	.dropdown-menu .item:hover {
		background-color: #3d3d3d;
	}
	.modal-dialog-content {
		background: #1c1c1c;
	}
	.modal-dialog-content .header {
		background: #282828;
	}
	.modal-dialog-content-center {
		background: #1c1c1c;
	}
	button.round {
		background-color: #0b0b0b;
	}
}