﻿ul.ivh-treeview .ivh-treeview-toggle {
	cursor: pointer;
	line-height: 29px;
}

ul.ivh-treeview ul.ivh-treeview {
	padding-left: 15px;
	border-left: 1px solid #ccc;
	margin-left: 5px;
}

.pure-material-checkbox {
	z-index: 0;
	position: relative;
	display: inline-block;
	color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);
	/*font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
	font-size: 16px;*/
	line-height: 1.5;
}

	/* Input */
	.pure-material-checkbox > input {
		appearance: none;
		-moz-appearance: none;
		-webkit-appearance: none;
		z-index: -1;
		position: absolute;
		left: -10px;
		top: -8px;
		display: block;
		margin: 0;
		width: 40px;
		height: 40px;
		background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
		box-shadow: none;
		outline: none;
		opacity: 0;
		transform: scale(1);
		pointer-events: none;
		transition: opacity 0.3s, transform 0.2s;
	}

	/* Span */
	.pure-material-checkbox > span {
		display: inline-block;
		width: 100%;
		cursor: pointer;
	}

		/* Box */
		.pure-material-checkbox > span::before {
			content: "";
			display: inline-block;
			box-sizing: border-box;
			margin: 1px 5px 0px 0px;
			border: gray solid 2px;
			border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
			border-radius: 0px;
			width: 15px;
			height: 15px;
			vertical-align: top;
			transition: border-color 0.2s, background-color 0.2s;
			border: 1px solid #ccc;
			border-radius: 2px;
		}

		/* Checkmark */
		.pure-material-checkbox > span::after {
			content: "";
			display: block;
			position: absolute;
			top: 3px;
			left: 1px;
			width: 8px;
			height: 5px;
			border: solid 2px transparent;
			border-top-color: transparent;
			border-top-style: solid;
			border-top-width: 2px;
			border-right-color: transparent;
			border-right-style: solid;
			border-right-width: 2px;
			border-bottom-color: transparent;
			border-left-color: transparent;
			border-right: none;
			border-right-color: currentcolor;
			border-top: none;
			border-top-color: currentcolor;
			transform: translate(3px, 2px) rotate(-45deg);
		}

	/* Checked, Indeterminate */
	.pure-material-checkbox > input:checked,
	.pure-material-checkbox > input:indeterminate {
		background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
	}

	.pure-material-checkbox > input:checked + span::before,
	.pure-material-checkbox > input:indeterminate + span::before {
		border-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
		background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
		border-radius: 2px;
	}

	.pure-material-checkbox > input:checked + span::after,
	.pure-material-checkbox > input:indeterminate + span::after {
		border-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
	}

	.pure-material-checkbox > input:indeterminate + span::after {
		border-left: none;
		transform: translate(4px, 3px);
	}

	/* Hover, Focus */
	.pure-material-checkbox:hover > input {
		opacity: 0.04;
	}

	.pure-material-checkbox > input:focus {
		opacity: 0.12;
	}

	.pure-material-checkbox:hover > input:focus {
		opacity: 0.16;
	}

	/* Active */
	.pure-material-checkbox > input:active {
		opacity: 1;
		transform: scale(0);
		transition: transform 0s, opacity 0s;
	}

		.pure-material-checkbox > input:active + span::before {
			border-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
		}

	.pure-material-checkbox > input:checked:active + span::before {
		border-color: transparent;
		background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);
	}

	/* Disabled */
	.pure-material-checkbox > input:disabled {
		opacity: 0;
	}

		.pure-material-checkbox > input:disabled + span {
			color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);
			cursor: initial;
		}

			.pure-material-checkbox > input:disabled + span::before {
				border-color: currentColor;
			}

	.pure-material-checkbox > input:checked:disabled + span::before,
	.pure-material-checkbox > input:indeterminate:disabled + span::before {
		border-color: transparent;
		background-color: currentColor;
	}
