/** plugin: Scrollable Main Sidebar #1.13 code **/
/* BEGIN Scrollable Main Sidebar */
.main-sidebar {
  --sidebar-scrollbar-track-color: auto;
  --sidebar-scrollbar-slider-color: auto;
  --sidebar-scrollbar-width: thin;
}
@media (min-width:768px) {
	.main-sidebar {
		position: fixed;
	}
	.main-sidebar .sidebar-menu {
		margin-bottom: 3rem;
	}
	/* Main site sidebar */
	body:not(#map-body) .main-sidebar .sidebar {
		height: calc(100vh - (160px + 50px) - 3rem) !important;
		padding-bottom: 1em;
		overflow-y: scroll;
		scrollbar-width: var(--sidebar-scrollbar-width);
		scrollbar-color: var(--sidebar-scrollbar-slider-color) var(--sidebar-scrollbar-track-color);
	}

	/* Webkit patch */
	body:not(#map-body) .main-sidebar .sidebar::-webkit-scrollbar {
		background-color: var(--sidebar-scrollbar-track-color);
	}
	body:not(#map-body) .main-sidebar .sidebar::-webkit-scrollbar-thumb {
		background-color: var(--sidebar-scrollbar-slider-color);
	}
}
/* END Scrollable Main Sidebar */

/** plugin: Dashboard Banners #1.1 code **/
/* dashboard */
.widget-map .panel-body { height: 350px; }
.panel-heading-entity .panel-title { line-height: 0.1; }
.panel-heading-entity { height: 175px; }
#campaign-dashboard .campaign { display: none; }
#campaign-dashboard .campaign + .row:before { content: "World Map"; }
#campaign-dashboard .campaign + .row:after { content: "Characters"; }
#campaign-dashboard .campaign + .row:after, #campaign-dashboard .campaign + .row:before {
    font-size: xx-large;
    position: relative;
    text-align: center;
    margin-left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    margin-bottom: 20px;
    width: 95%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: linear-gradient(to right, rgba(0,0,0,0), rgb(30, 30, 30), rgba(0,0,0,0));
}

.panel-title .ra,
.panel-title .fa,
.panel-title .fab,
.panel-title .fad,
.panel-title .fal,
.panel-title .far,
.panel-title .fas {
    line-height: 0.1;
}

/** plugin: Drawer Sidebar #3.6 code **/
/* BEGIN Drawer Sidebar */
:root {
	--drawer-bg-x: 120px;
	--drawer-w: 45px;
}
@media (min-width:768px) and (max-width: 1920px) {
	body:not(#map-body):not(.sidebar-collapse) {
		/* Tweak content margins to account for smaller sidebar */
		.main-sidebar ~ :is(.content-wrapper, #footer),
		.main-sidebar ~ form .content-wrapper {
			margin-left: var(--drawer-w);
		}
		/* Main sidebar positioning */
		.main-sidebar {
			position: fixed;
			transform: translateX(calc(-1 * (240px - var(--drawer-w))));
			transition: all .5s linear;
			z-index: 801; /* For dashboard map controls */

			.sidebar {
				max-height: calc(100vh - 3rem - 160px);
				padding-bottom: 4rem;
				direction: rtl;
				overflow-y: scroll;
				scrollbar-width: none;

				.pl-4 {
					padding-left: .5rem;
				}
				.px-2 {
					transition: padding-right .5s linear;
				}
			}
			/* Chrome/Safari/Webkit */
			.sidebar::-webkit-scrollbar {
				width: 0px;
			}
		}
		.main-sidebar:hover {
			transform: unset;
		}
		.main-sidebar:not(:hover) {
			background-position-x: var(--drawer-bg-x);

			/* Navigation styling */
			:is(a, div, span) {
				visibility: hidden;
			}
			i {
				visibility: visible;
			}
			li:is(.px-2, .pt-4) { /* pt-4 for Settings */
				padding-right: calc((var(--drawer-w) - 20px) / 4);
				padding-top: 0;
			}

			/* Campaign settings: undo section indentation */
			.sidebar:has(.section-overview) .sidebar-submenu {
				margin-right: calc((var(--drawer-w) - 20px) / -4);
			}
		}
	}
}
/* END Drawer Sidebar */

/** plugin: Add Folder Icon to List Entities With Children in Nested View #1.2.1 code **/
.table-nested tr[data-children]:not([data-children="0"]) td:nth-child(1):after {
    content: "\f07c";
    font-family: 'Font Awesome 6 Pro';
    font-size: 1.2rem;
    padding-left: 13px;
    margin-right: -40px;
}

/** plugin: Keep Map Layers Visible #1 code **/
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: block;
	position: relative;
}
.leaflet-control-layers .leaflet-control-layers-toggle,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
}
.leaflet-control-layers {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
}