/* Sidebar: fixed width and layout adjustments so sections sit to the right */
.sidebar {
	min-width: 200px;
	float: left;
	margin-right: var(--gap);
	z-index: 5;
}
.sidebar a {
    display: block;
    padding: 0.5em 1.2em;
    color: var(--text);
    text-decoration: none;
    font-size: 1em;
    cursor: pointer;
    transition: background 0.15s;
}


/* Templates and modals are contained in sections, keep them full width relative to the section */
.container > section .box, .container > section .row, .container > section .card {
	width: auto;
}

/* Highlight #media when files are dragged over it */
.dragover {
  border: 2px dashed var(--primary);
}

.progress-bar {
  background: var(--box);
  border-radius: var(--radius);
  height: 0.5rem;
  overflow: hidden;
  box-shadow: 0 0 0 1px var(--table) inset;
}
.progress-bar.global {
  height: 12px;
}
.progress-fill {
  display: block;
  height: 100%;
  width: 0%;
  background: var(--primary);
  transition: width 220ms ease-in-out, background-color 120ms linear;
}
/* If the sidebar needs to be hidden on very small screens */
@media (max-width: 640px) {
	.sidebar { display:none; }
}

@media (min-width: 641px) {
    .dropdown-menu-wrap { display: none; }
}