.app-header {
    height: 70px;
    line-height: 50px;
    border-bottom: thin lightgrey solid;
    background-color: #002855;
    margin-top: 0px;

}

.app-header .app-header--title {
    font-size: 22px;
    padding-left: 5px;
}

.app-nav {
    height: 45px;
    line-height: 30px; /* Stops vertical alignment of dropdown selection moving when changing from initial selection */
    border-bottom: thin lightgrey solid;
    margin-bottom: 5px;
}

.app-nav .app-nav--title {
    font-size: 22px;
    padding-left: 5px;

}

.app-footer {
    height: 70px;
    line-height: 50px;
    border-top: thin lightgrey solid;
    background-color: #002855;
    margin-top: 20px;

}

.app-footer .app-footer--title {
    font-size: 22px;
    padding-left: 5px;
	margin-top: auto;
}

.page-container {
	min-height: 77vh;
    display: flex;
    flex-direction: column;
}

button {
	height: 36px;
	margin-top: 3px;
	margin-right: 10px;
	font-size: 16px;
	font-family: Futura Std Medium;
	color: rgb(69,65,66);
	background-color: rgb(255,255,255);/*rgb(215,210,203);*/
	border-width: 1px;
	border-radius: 4px;
	border-color: rgb(215,210,203);
}


#workbook-table {
    min-height: 77vh;
    display: flex;
    flex-direction: column;
}

/* apply font family to all elements within the DataTable */
.dash-table-container * {
    font-family: 'Futura Std Medium', sans-serif !important;
}

/* Change color for visited links */
.activity-ref-link:visited {
    color: #6a0dad; /* Dark purple */
}


/* Change color when active (clicked) */
.activity-ref-link:active {
    color: red; /* Red when clicked */
}

/* Allow text selection of tooltip */
.dash-table-tooltip {
    user-select: text;
}