.drag-drop-zone {
	border: 3px dashed #808080;
	padding: 3rem;
	box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
	font-size: 1.5rem;
	cursor: pointer;
	position: relative;
	top: 0;
	left: 0;
}

.drag-drop-zone:hover {
	background-color: #808080;
}

.drag-drop-zone input[type=file] {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	top: 0;
	left: 0;
	cursor: pointer;
}

.sidebar-item {
	border-color: #FDD835 !important;
	border-left: 6px solid;
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}

.module-button {
	background-color: #FDD835 !important
}

.module-header {
	background-image: url("../images/ModuleHeaderBackground_Example.png")
}

.mud-input > textarea.mud-input-root {
	resize:vertical !important;
}

.progress {
	display: flex;
	height: 24px;
	overflow: hidden;
}

.progress-bar {
	display: flex;
	flex-direction: column;
	white-space: nowrap;
}

.progress-bar-background-info {
	background-color:#2196f3 !important;
}

.progress-bar-background-success {
	background-color:#00c853 !important;
}

.progress-bar-background-error {
	background-color:#f44336 !important;
}

.progress-bar-background-warning {
	background-color:#ff9800 !important;
}

.news-and-announcements-panel {
	background-color:#FFCA28 !important; padding: 0px !important; margin: 8px 0px !important;
}