/* Bootstrap 4 classes -- added due to Bootstrap 3 -- remove this if/when admin tools bootstrap updated */
.h-auto {
	height: auto !important;
}

.table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* rotating style - used by jstree */
@-webkit-keyframes rotating /* Safari and Chrome */ {
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotating {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.rotating,
li.jstree-open.rotate:before,
li.jstree-closed.rotate:before {
	-webkit-animation: rotating 2s linear infinite;
	-moz-animation: rotating 2s linear infinite;
	-ms-animation: rotating 2s linear infinite;
	-o-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
}

/* jsTree plugin related styling */

/* set minimum height of jstree element (to match height of bootstrap elements, prior to list init) */
.form-row-tree .form-control {
	min-height: 38px;
}

/* make jsTree anchor links normal font size and color */
.jstree a,
.jstree a:not(.btn):active,
.jstree a:not(.btn):visited {
	font-weight: normal !important;
	color: inherit !important;
	text-decoration: none;
}

/* jstreeadmincheckbox checkbox styling */
.admin-access-checkbox-label {
	font-style: italic;
	font-size: 14px;
	vertical-align: top;
	padding-left: 11px;
	margin-bottom: 0 !important;
}
.all-admin-checkbox-label {
	font-style: italic;
	font-size: 14px;
	vertical-align: top;
	color: firebrick;
	padding-left: 1px;
	margin-bottom: 0 !important;
}

/* Use FontAwesome icon for jsTree parent nodes (open) */
li.jstree-open:before {
	display: inline-block;
	content: '\f65d'; /* FontAwesome 5 Unicode for folder-open */
	font-family: 'Font Awesome 5 Free'; /* FontAwesome 5 Font */
	font-weight: 900; /* Solid icon weight */
	text-decoration: inherit;
	color: #54c3e5;
	font-size: 20px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}

/* Use FontAwesome icon for jsTree parent nodes (closed) */
li.jstree-closed:before {
	display: inline-block;
	content: '\f65e'; /* FontAwesome 5 Unicode for folder */
	font-family: 'Font Awesome 5 Free'; /* FontAwesome 5 Font */
	font-weight: 900; /* Solid icon weight */
	text-decoration: inherit;
	color: #54c3e5;
	font-size: 20px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}

/* Hide/Remove default jstree arrow icons */
.jstree-icon.jstree-ocl {
	background: none !important;
	margin-left: -20px;
}

/* Fix overflow on jstreeGrid wrapper */
.jstree-grid-wrapper {
	overflow: initial !important;
}

/* Hide/Remove jstreeGrid header elements */
.jstree-grid-header {
	display: none !important;
}

/* Remove padding on jstreeGrid cells - Keeps styling consistent with default jsTree padding vs jstreeGrid initialization */
.jstree-grid-cell {
	padding-left: 0 !important;
}

/* Fix issue with jsTreeGrid 'admin checkbox' background color being visible when 'normal' jsTree node is selected */
.jstree-clicked:not(.jstree-hovered) {
	background: transparent !important;
	border-radius: none !important;
	box-shadow: none !important;
}

.jstree-clicked.jstree-hovered,
.jstree-default .jstree-hovered {
	background: #e7f4f9 !important;
	border-radius: none !important;
	box-shadow: none !important;
}
/* New method to hide parent node checkboxes by adding a_attr classname to parent nodes / initial json data */
.no-checkbox > i.jstree-checkbox {
	display: none;
}

/* jsTree Search Filter(s) styling */
.jstree-search-group {
	width: auto;
	max-width: 248px;
	float: right;
}

/* Responsive styling for .jstree-search-group element */
@media (max-width: 405px) {
	.jstree-search-group {
		float: unset;
		margin: 2px 0 8px;
	}
}

.jstree-search-field {
	padding: 8px;
}

@media (max-width: 550px) {
	.jstree-search-field {
		width: 100px !important;
	}
}

.jstree-search-group button {
	font-size: 9.5px;
	height: 26px !important;
}

.jstree-search-group button.showSelected {
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
	background-color: #6c757d;
}

.jstree-search-group button:focus {
	box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.jstree-search-group .badge {
	position: absolute;
	margin-top: -15px;
	font-size: 11px;
	height: 100%;
	display: none;
}

.jstree-search-field {
	/*width: 50% !important;*/
	font-size: 12px;
	min-height: 26px !important;
	height: 26px !important;
	z-index: 1;
}

.jstree-search-field:focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.jstree-default .jstree-search {
	font-style: inherit;
	color: inherit;
	font-weight: inherit;
	background-color: #ffff80 !important;
}

/* add strike through text of disabled jstree node  */
.jstree-anchor.jstree-disabled {
	/* IE 8 */
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
	/* IE 5-7 */
	filter: alpha(opacity=50);
	/* Netscape */
	-moz-opacity: 0.5;
	/* Safari 1.x */
	-khtml-opacity: 0.5;
	/* Good browsers */
	opacity: 0.5;
}