.active-input {
	background-color: gray;
}

.mxwindow-div {
	user-select: "none";
	display: flex;
	flex-direction: column;
	height: 100%;
}

.mxwindow-input {
	font-size: 12px !important;
	overflow: hidden;
	box-sizing: border-box;
	border: solid 1px #d5d5d5;
	border-radius: 4px;
	width: 100%;
	outline: none;
	padding: 6px !important;
	padding-right: 20px !important;
}

.link-body .mxwindow-input {
	margin: auto;
	display: block;
	margin: 2px 0 2px 0 !important;
}

.ref-header {
	width: 100%;
	/* height: 30px; */
	height: 42px;
	display: grid;
	grid-template-columns: 50% 50%;
	/* padding: 5px; */
}

.ref-head-text {
	font-size: 20px;
	font-weight: bold;
	margin: 0;
}

.ref-window-body {
	width: 100%;
	height: 100%;
}

.ref-window-ul {
	overflow: hidden;
	overflow-y: scroll;
	max-height: 560px;
	padding: 0;
	margin-top: 0;
	font-size: 14px;
	list-style-type: none;
}

.ref-window-ul > li {
	display: grid;
	grid-template-columns: 32% 58% 10%;
	margin-top: 2px;
	min-height: 40px;
	align-items: center;
}

.expand-btn {
	display: block;
	padding-right: 25px;
}

.ref-expand {
	grid-column-start: 1;
	grid-column-end: 3;
	margin-top: 8px;
	margin-bottom: 20px;
	overflow: visible;
	overflow-wrap: none;
}

.ref-expand > button {
	display: block;
	width: 100%;
}

.ref-window-footer {
	/* height: 15%; */
	position: sticky;
	top: 0;
	outline: 0.01em solid #cccccc;
}

.search-window-ul {
	overflow: hidden;
	overflow-y: scroll;
	max-height: 80%;
}

.search-window-ul > li {
	padding: 5px 0;
	font-size: 15px;
}

.search-window-ul > li > a {
	cursor: pointer;
	word-break: "break-word";
	text-decoration: underline;
	text-underline-offset: 1px;
}

.search-li:hover {
	background-color: darkgray;
}

.db-header {
	width: 100%;
	height: 30px;
}

.db-header > a {
	font-size: 20px;
	font-weight: bold;
}

.db-body {
	overflow-y: auto;
	overflow-x: hidden;
	flex-grow: 1;
}

.db-body > button {
	margin: 0 0 2px 0 !important;
	width: 100%;
}

.db-footer {
	position: sticky;
	top: 0;
	cursor: pointer;
	outline: 0.01em solid #cccccc;
}

.link-header {
	width: 100%;
	height: 13%;
}

.link-body {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative; /* Needed for buttons position:absolute within div*/
}

.link-button {
	margin: 0 !important;
	position: absolute;
	bottom: 0;
}

.link-footer {
	position: sticky;
	top: 0;
	outline: 0.01em solid #cccccc;
}