/* bootstrap used to provide this for objects that load hidden */
.hide {
	display: none;
}

/* Make table headers in sortable tables change cursor */
table.sortable th {
	cursor: pointer;
}

body {
	background: #e8eae7;
	/* TODO: Use SASS */
/*    	font-size: smaller !important; */
	/* Unfortunately, only default on MacOS */	
	/* font-family: Avenir; */
	font-family: Avenir, Lato, Helvetica, sans-serif
}

.main {
	background: white;
	min-height: 50rem;
}

.pointer {
	cursor: pointer;
}


.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 30px;
    box-shadow: 0 0 10px rgba(0,0,0,0.25);
    z-index: 1000;
}

/* Just about everything is moving to VueJS, so make this common */
[v-cloak] {
	display: none;
}

/* Submit forms should highlight their rows */
.hover:hover {
	background: #eee;
}

/* This is a bootstrap column which renders ellipsis on overflow */
.ellipsis-col {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}