html, body {
	height: 100%;
	font-family: 'Roboto', sans-serif;
}

footer, footer a {
	color: #FFFFFF;
	text-decoration: none;
}

.wrapper {
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 0;
}

.navbar .menu .btn { margin-left: .5rem; }
.dark .ui-grid-top-panel {background: rgba(255,255,255,0.1) !important}

.dark .ui-grid-row:nth-child(odd) .ui-grid-cell {background-color: rgba(255,255,255,0.03)}
.dark .ui-grid-row:nth-child(odd):hover .ui-grid-cell {background-color: rgba(255,255,255,0.03)}
.dark .ui-grid-row:nth-child(even) .ui-grid-cell {background-color: rgba(255,255,255,0.07)}
.dark .ui-grid-row:nth-child(even):hover .ui-grid-cell {background-color: rgba(255,255,255,0.1)}

.dark .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {border-right-color: rgba(255,255,255,0.2)}

.dark .ui-grid-cell {border-color: rgba(255,255,255,0.2)}
.dark .ui-grid-header-cell {border-color: rgba(255,255,255,0.2)}
.dark .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {border-right-color: rgba(255,255,255,0.2)}
.dark .ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {border-bottom-color: rgba(255,255,255,0.2)}

.dark input[type="text"].ui-grid-filter-input {border-color: rgba(255,255,255,0.2); background-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.9)}
.dark input[type="text"].ui-grid-filter-input::placeholder {color: rgba(255,255,255,0.35)}

.dark .ui-grid-menu-button:hover {border-color: rgba(255,255,255,0.1); background-color: rgba(255,255,255,0.07);}
.dark .ui-grid-menu .ui-grid-menu-inner {background: rgb(0,0,0)}

.dark .ui-grid-grid-footer {background-color: rgba(255,255,255,0.4); border-top: solid 1px rgba(255,255,255,0.7)}
.dark .ui-grid-footer-info {color: rgba(255,255,255,0.5)}
.dark .grid { color: rgba(255,255,255,0.85) }

.dark .ui-grid-row:nth-child(odd) .ui-grid-cell { background-color: transparent; }