.hand {
	cursor: pointer;
}

.hide {
	display: none;
}

.resizable {
	resize: vertical;
	/* overflow: scroll; */
}

.noresize {
	resize: none !important;
}

.display-grid {
	display: grid;
}


.kmvision-editor {
	& div[contenteditable=true] {
		white-space: pre-wrap;
	}

	& div[contenteditable=true]:focus-visible {
		/* outline: -webkit-focus-ring-color auto 1px; */
		outline: none;
	}

	& .card-header .btn-menu {
		--XXbs-btn-border-color: #d3d4d5;
		--bs-btn-color: #333;
		--bs-btn-hover-color: var(--bs-link-color);
		--bs-btn-hover-bg: rgb(236, 237, 238);
		--bs-btn-hover-border-color: transparent;
	}

	& .card-body::-webkit-scrollbar {
		height: 5px;
		width: 10px;
		overflow: visible;
		background-color: rgba(0, 0, 0, .05);
		box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
	}

	& .card-body::-webkit-scrollbar-thumb {
		border-radius: 10px;
		background-color: rgba(0, 0, 0, .1);
		background-clip: padding-box;
	}

	& .card-body > textarea.form-control {
		box-sizing: border-box;
		align-items: stretch;
		grid-area: 1 / 1;
		border-color: transparent;
	}

	& .card-body > textarea.form-control:focus {
		color: var(--bs-body-color);
		border-color: transparent;
		outline: 0;
		box-shadow: none;
	}

	& .card-footer {
		--bs-card-cap-padding-y: .2rem;
		font-size: .7em;
	}

}

body .kmvision-editor-dialog {
	min-width: 20rem;

	& fieldset {
		position: relative;
		padding: 1rem .5rem .5rem .5rem;
		border: var(--bs-border-width) solid var(--bs-border-color);
		border-radius: var(--bs-border-radius-sm);
		font-size: .875em;

		& legend {
			position: absolute;
			top: -0.7rem;
			padding: 0 1rem;
			background-color: white;
			width: auto;
			font-size: 1em;
		}
	}
}