html {
	position: relative;
	min-height: 100%;
}

body {
	margin-bottom: 60px; /* Margin bottom by footer height */
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px; /* Set the fixed height of the footer here */
	line-height: 60px; /* Vertically center the text there */
	background-color: #f5f5f5;
}

@media (max-width: 991px){
	.left-nav-container{
		display: none;
	}
	.left-nav-container + .col-md-9{
		max-width: 100%;
	}
}

@media (min-width: 992px){
	.navbar-hidden{
		display: none;
	}
}

.card{
	margin-bottom: 1em;
}

.ez-dnd-placeholder{
	background: rgba(0,0,0,.03);
	border: 1px dashed rgba(0,0,0,.125);
	border-radius: .25rem;
	margin-bottom: 1em;
	padding: .25em;
}

.ez-dnd-ind{
	color: rgba(0,0,0,.5);
}

.ez-container{
	min-height: 3em;
}

.ellipse-text{
	flex: 1;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	min-width: 0;
	background: rgba(0,0,0,.03);
	border-radius: .25rem;
	margin-bottom: 1em;
	padding: .25em;
}

.nonellipse-text{
	background: rgba(0,0,0,.03);
	border-radius: .25rem;
	margin-bottom: 1em;
	padding: .25em;
}

.ellipse-text:hover {
   overflow: visible;
   white-space: pre-line;;
}

.script-variable{
	background: yellow;
}