.table-container {
	width: 100%;
	min-width: 800px;
	background-color: #FFF;
}

table {
	width: 100%;
	border: none;
	border-collapse: collapse;
}

thead th {
	background-color: #D9E7F5;
	padding: 16px 10px;
	text-align: left;
}

tbody td {
	padding: 10px;
}

tr:nth-child(even) td {
	background-color: #EFF6FB;
}

.scrollable-table-container {
	max-width: 1000px;
    max-height: 800px;
    overflow-y: auto;
	border-bottom: 5px solid #D9E7F5;
}

.scrollable-table-container-short {
	max-width: 1000px;
    max-height: 450px;
    overflow-y: auto;
	border-bottom: 5px solid #D9E7F5;
}

.scrollable-table {
    width: 100%;
    border-collapse: collapse;
}
.scrollable-table thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

.preserve-text-formatting {
	white-space: pre-wrap;
	tab-size: 4;
}

.edit-btn {
	padding: 8px 10px 8px 10px;
	background-color: #005EA2;
	color: white;
	border: none;
	border-radius: 3px;
	cursor: pointer;
}

.edit-btn:not(.selected):hover {
	background-color: #27447E;
	color: white;
}

.page-control-divider {
	width: 30px;
}

.pagination {
	display: flex;
	float: right;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
	flex-wrap: wrap;
}

.page-btn {
	padding: 6px 12px;
	background-color: #EFF6FB;
	color: #005EA2;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	font-weight: bold;
}

.page-btn:enabled {
	border: 1px solid #005EA2;
}

.page-btn:enabled:hover {
	background-color: #D9E7F5;
	color: #005EA2;
}

.page-btn:disabled {
	opacity: 0.5;
	cursor: default;
}

.pagination-items-per-page {
	padding: 3px 6px;
}

/* -------- Manage Term Lists -------- */

#manage-term-lists-container {
	max-width: 1000px;
	background-color: white;
}

#term-list-btn-container {
	width: 100%;
	content: center;
	background-color: white;
}

.term-list-btn {
	margin: 5px;
	padding: 8px 10px 8px 10px;
	width: 120px;
	height: 40px;
	font-weight: bold;
	border: none;
	border-radius: 3px;
	display: inline-block;
	background-color: #EFF6FB;
	color: #005EA2;
	cursor: pointer;
}

.term-list-btn:not(.selected):hover {
	background-color: #D9E7F5;
	color: #005EA2;
}

.term-list-btn.selected {
	background-color: #005EA2;
	color: white;
	cursor: default;
}

div.hidden {
	display: none;
}

.term-list-container {
	background-color: white;
}

.name-td {
	width: auto;
	background-color: white;
}

.count-td {
	width: 100px;
	white-space: nowrap;
	background-color: white;
}

.action-td {
	width: 100px;
	white-space: nowrap;
	background-color: white;
}

/* -------- Class Categories -------- */

.class-title {
	font-size: 19px;
	font-weight: bold;
}

.class-category-td {
	margin: 4px;
	padding: 4px;
	width: 250px;
	font-weight: bold;
	font-size: 14px;
	background-color: #EFF6FB;
}

.category-description-td {
	margin: 4px;
	padding: 4px;
	width: 550px;
	font-size: 14px;
	background-color: #EFF6FB;
}

/* -------- View Artifact Submission -------- */

#view-new-artifact-table-container {
	max-width: 1000px;
}

.nas-label {
	width: 200px;
	vertical-align: top;
}

/* -------- Review Proposed Artifacts -------- */

#review-proposed-artifacts-table-container {
	max-width: 1000px;
}
#review-proposed-artifacts-table-container table {
	font-size: 14px;
}

.rpa-name-td {
	width: 175px;
}

.rpa-apps-td {
	width: 175px;
}

.rpa-plats-td {
	width: 175px;
}

.rpa-acts-td {
	width: 75px;
}

.review-artifact-btn {
    padding: 10px;
    background-color: #005EA2;
    color: white;
    font-weight: bold;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

.review-artifact-btn:hover {
    background-color: #27447E;
}

/* -------- Review Proposed Artifact -------- */

#revise-new-artifact-submission-btn {
	padding: 10px;
	font-weight: bold;
}

#review-proposed-artifact-table-container {
	max-width: 1000px;
}

#review-new-artifact-btn-container button {
	margin-right:8px;
	padding: 12px;
	font-size: 16px;
	color: white;
	border: none;
	border-radius: 3px;
	cursor: pointer;	
}

.accept-btn {
	background-color: #288755;
}
.accept-btn:hover {
	background-color: #157347;
}

.revise-btn {
	background-color: #005EA2;
}
.revise-btn:hover {
	background-color: #27447E;	
}

.reject-btn {
	background-color: #D73448;
}
.reject-btn:hover {
	background-color: #BB2D3B;
}

/* -------- Artifacts / All-Artifacts -------- */

#artifacts-table-container {
	max-width: 1000px;
}

/* -------- Artifact Details -------- */

#artifact-details-container {
	max-width: 1000px;
}
#artifact-details-button-container form {
	display: flex;
	align-items: center;
	width: 100%;
}
#artifact-details-button-container button {
	margin-right: 8px;
	padding: 10px;
	font-weight: bold;
}
#artifact-change-history-btn {
	padding: 10px;
	background-color: #008FD5;
	color: white;
	font-weight: bold;
	border: none;
	border-radius: 3px;
	cursor: pointer;
}
#artifact-change-history-btn:hover {
	background-color: #006DB3;
	color: white;
	font-weight: bold;
}
#withdraw-artifact-btn {
	margin-left: auto;
	padding: 10px;
	background-color: #D73448;
	color: white;
	font-weight: bold;
	border: none;
	border-radius: 3px;
	cursor: pointer;
}
#withdraw-artifact-btn:hover {
	background-color: #BB2D3B;
}

#artifact-details-table-container {
	max-width: 1000px;
}
#artifact-rating-td button {
	margin-right: 4px;
	padding: 8px;
	font-weight: bold;
}
#add-artifact-vote-btn {
	padding: 10px;
	background-color: #008FD5;
	color: white;
	font-weight: bold;
	border: none;
	border-radius: 3px;
	cursor: pointer;
}
#add-artifact-vote-btn:hover {
	background-color: #006DB3;
	color: white;
	font-weight: bold;
}
#view-artifact-votes-btn {
	padding: 10px;
	background-color: #008FD5;
	color: white;
	font-weight: bold;
	border: none;
	border-radius: 3px;
	cursor: pointer;
}
#view-artifact-votes-btn:hover {
	background-color: #006DB3;
	color: white;
	font-weight: bold;
}
.thumbs-up-color {
	color: #288755;
}
.thumbs-down-color {
	color: #D73448;
}
.vote-table-container {
    max-height: 500px;
    overflow-y: auto;
	border-bottom: 5px solid #D9E7F5;
}

/* -------- Artifact History -------- */

#artifact-history-details-btn {
	padding: 8px 10px 8px 10px;
	background-color: #005EA2;
	color: white;
	font-weight: bold;
	border: none;
	border-radius: 3px;
	cursor: pointer;
}
#artifact-history-details-btn:not(.selected):hover {
	background-color: #27447E;
	color: white;
	font-weight: bold;
}

.history-current-text {
	font-weight: bold;
	color: #005EA2;
}

/* -------- User Management -------- */

#manage-users-container {
	max-width: 1000px;
}

#manage-users-container button {
	margin-right: 8px;
	padding: 10px;
	font-weight: bold;
}