.page { position: relative; display: flex; flex-direction: column; }

main { flex: 1; }

.sidebar { background-image: linear-gradient(180deg, rgb(0,43,34) 0%, #133A23 70%); }

.top-row { background-color: #f7f7f7; border-bottom: 1px solid #d6d5d5; justify-content: flex-end; height: 3.5rem; display: flex; align-items: center; }

	.top-row ::deep a, .top-row ::deep .btn-link { white-space: nowrap; margin-left: 1.5rem; text-decoration: none; }

		.top-row ::deep a:hover, .top-row ::deep .btn-link:hover { text-decoration: underline; }

		.top-row ::deep a:first-child { overflow: hidden; text-overflow: ellipsis; }

.sidebar[ b-e6xq6l86qr] { background-image: linear-gradient(180deg, rgb(0,43,34) 0%, #133A23 70%); }

.btn-primary { font-size: 12px; color: #fff; text-transform: uppercase; background-color: #002b22; border-color: #98c848; }
	.btn-primary:hover { background-color: #133A23; }
	.btn-primary:focus { background-color: #133A23; }

.btn-success { font-size: 12px; color: #fff; text-transform: uppercase; background-color: #002b22; border-color: #98c848; }
	.btn-success:hover { background-color: #133A23; }

.col-title-text { color: #FFF; }

a, .btn-link { color: #133A23; }
a { color: #133A23; }

.sortable { --th-bg: #143e26; }

.mint { background-color: #e8edeb; }

input[type="checkbox"], .form-check-input { accent-color: #133A23 !important; }
	.form-check-input:checked { background-color: #133A23 !important; border-color: #133A23 }

.btn-secondary { font-size: 10px; }



.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus { box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #133A23; }

/* nav*/
.navbar-brand, .navbar { background-color: black; }
.nav-item { font-size: 0.9rem; padding-bottom: 0.5rem; }
	.nav-item:first-of-type { padding-top: 1rem; }
	.nav-item:last-of-type { padding-bottom: 1rem; }
.nav-link { color: #d7d7d7; background: none; border: none; border-radius: 4px; height: 3rem; display: flex; align-items: center; line-height: 3rem; width: 100%; }
.nav-link:hover { background-color: rgba(255,255,255,0.1); color: white; }
	.nav-item ::deep a.active { background-color: rgba(255,255,255,0.37); color: white; }

	.nav-item ::deep .nav-link:hover { background-color: rgba(255,255,255,0.1); color: white; }

.bi { display: inline-block; position: relative; width: 1.25rem; height: 1.25rem; margin-right: 0.75rem; top: -1px; background-size: cover; }

.bi-house-door-fill-nav-menu { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E"); }

.bi-plus-square-fill-nav-menu { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E"); }

.bi-list-nested-nav-menu { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E"); }

.bi-person-raised-hand-menu { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-raised-hand' viewBox='0 0 16 16'%3E%3Cpath d='M6 6.207v9.043a.75.75 0 0 0 1.5 0V10.5a.5.5 0 0 1 1 0v4.75a.75.75 0 0 0 1.5 0v-8.5a.25.25 0 1 1 .5 0v2.5a.75.75 0 0 0 1.5 0V6.5a3 3 0 0 0-3-3H6.236a1 1 0 0 1-.447-.106l-.33-.165A.83.83 0 0 1 5 2.488V.75a.75.75 0 0 0-1.5 0v2.083c0 .715.404 1.37 1.044 1.689L5.5 5c.32.32.5.754.5 1.207'%3E%3Cpath d='M8 3a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3'/%3E%3C/svg%3E"); }

@media print { /* Hide everything by default */
	body * { visibility: hidden !important; }

	/* Show modal content */
	.print-area,
	.print-area * { visibility: visible !important; }

	/* Position modal content at top of page */
	.print-area { position: absolute; left: 0; top: 0; width: 100%; margin: 0; padding: 0; }

	/* Remove modal chrome */
	.modal-backdrop { display: none !important; }
}

@media (max-width: 640.98px) {
	.top-row { justify-content: space-between; }

		.top-row ::deep a, .top-row ::deep .btn-link { margin-left: 0; }
}

@media (min-width: 641px) {
	.page { flex-direction: row; }

	.sidebar { width: 250px; height: 100vh; position: sticky; top: 0; }

	.top-row { position: sticky; top: 0; z-index: 1; }

		.top-row.auth ::deep a:first-child { flex: 1; text-align: right; width: 0; }

	.top-row, article { padding-left: 2rem !important; padding-right: 1.5rem !important; }
}




@media screen and (max-width: 1522px) {
	.searchboxtext { font-size: 12px; }
}

@media screen and (max-width: 1250px) {
	.fortyfive { width: 100%; }

	.forty { clear: both; width: 85%; }

	.topboxtext { font-size: 12px; }
}

@media screen and (max-width: 980px) {
	.dropacct { max-width: 200px; }
}


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

	.nav-scrollable { /* Never collapse the sidebar for wide screens */ display: block; /* Allow sidebar to scroll for tall menus */ height: calc(100vh - 3.5rem); overflow-y: auto; }
}


@media (max-width: 840.98px) {
	.top-row { justify-content: space-between; }

		.top-row ::deep a, .top-row ::deep .btn-link { margin-left: 0; }
}

@media (min-width: 841px) {
	.page { flex-direction: row; }

	.sidebar { width: 250px; height: 100vh; position: sticky; top: 0; }

	.top-row { position: sticky; top: 0; z-index: 1; }

		.top-row.auth ::deep a:first-child { flex: 1; text-align: right; width: 0; }

	.top-row, article { padding-left: 2rem !important; padding-right: 1.5rem !important; }
}