body {
	color: #808080;
	background-color: #d9d9d9;
}

.bg-light {
	background-color: #d9d9d9!important;
}

.btn-outline-secondary:hover {
	color: #17a2b8;
	background-color: #0000;
	border-color: #17a2b8;
}

.btn-outline-secondary:focus {
	box-shadow: none;
}

.btn:focus {
	outline: 0;
	box-shadow: none;
}

.btn-success {
	background-color: #323232;
	border-color: #323232;
}

.btn-secondary {
	color: #d9d9d9;
	background-color: #323232;
	border-color: #323232;
}

.btn-secondary:hover {
	color: #fff;
	background-color: #323232;
	border-color: #323232;
}

.btn-secondary:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #323232;
	border-color: #323232;
}

.btn-outline-warning {
	color: #ff0000;
	border-color: #ff0000;
}

.btn-outline-warning:hover {
	color: #ff0000;
	background-color: #d9d9d9;
	border-color: #ff0000;
}

.btn-outline-warning:not(:disabled):not(.disabled):active {
	color: #ff0000;
	background-color: #d9d9d9;
	border-color: #ff0000;
}

.btn-outline-warning:focus {
	box-shadow: none;
}

.btn-outline-success {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
}

.row {
	margin-right: -15px;
	margin-left: -15px;
	margin-bottom: -20px;
}

.center {
	margin: auto;
	text-align: center;
}

.btn-success:focus {
	color: #fff;
	background-color: #323232;
	border-color: #323232;
}

.btn-secondary:focus {
	color: #fff;
	background-color: #323232;
	border-color: #323232;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active {
	color: #17a2b8;
	background-color: #0000;
	border-color: #17a2b8;
}

.btn:not(:disabled):not(.disabled) {
	font-weight: bold;
}

.modal-header {
	border-bottom: 0;
}

.modal-footer {
	align-items: center;
	justify-content: center;
	border-top: 0;
}

.modal-content {
	background-color: #181818f7;
}

.d-flex {
	color: #b1b1b1;
}

.table td {
	border-top: 1px solid #404040;
}

.table {
	width: 100%;
	margin-bottom: 0;
	color: #a8a8a8;
}

.btn-warning {
	color: #808080;
	background-color: #0000;
	border-color: #0000;
}

.btn-warning:hover {
	color: #17a2b8;
	background-color: #0000;
	border-color: #17a2b8;
}

.btn-warning:not(:disabled):not(.disabled):active {
	color: #17a2b8;
	background-color: #0000;
	border-color: #17a2b8;
}

.btn-warning:focus {
	color: #17a2b8;
	background-color: #0000;
	border-color: #17a2b8;
}

.form-control {
	display: block;
	color: #909090;
	background-color: #32323200;
	border: 1px solid #606060;
}

.form-control:focus {
	color: #707070;
	background-color: #32323200;
	border-color: #808080;
	outline: 0;
	box-shadow: none;
}

.nav-tabs .nav-link.active {
	color: #d9d9d9;
	background-color: #0000;
	border-color: #d9d9d9 #d9d9d9 #d9d9d9;
}

a {
	color: #959595;
	background-color: transparent;
}

a:hover {
	color: #d9d9d9;
}

b,
strong {
	font-weight: bolder;
}

p {
	margin-top: 20px;
}

.input-group-text {
	align-items: center;
	color: #a9a9a9;
	text-align: center;
	background-color: #0000;
	border: 0;
}

.input-group>.form-control:not(:first-child) {
	background-color: #0000;
}

.form-check {
	color: #606060;
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
	color: #606060;
}

.table-bordered td {
	border: 1px solid #404040;
}

.table-bordered th {
	border: 1px solid #404040;
}

.nav-tabs .nav-link.active {
	color: #d9d9d9;
	background-color: #0000;
	border-color: #d9d9d9 #d9d9d9 #d9d9d9;
}

.h4 {
	color: #d9d9d9;
}

.close {
	color: #d9d9d9;
}

.close:hover {
	color: #fff;
}

.nav-tabs {
	border-bottom: 1px solid #666;
}

.wmde-markdown {
	color: #707070;
}

.wmde-markdown a {
	color: #17a2b8;
}

.btn-outline-secondary {
	border-color: #0000;
	color: #707070
}

.btn-info {
	color: #707070;
	background-color: #0000;
	border-color: #0000;
}

.btn-info:hover {
	color: #17a2b8;
	background-color: #0000;
	border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active {
	color: #17a2b8;
	background-color: #0000;
	border-color: #17a2b8;
}

.btn-info:focus {
	color: #17a2b8;
	background-color: #0000;
	border-color: #17a2b8;
}

.modal-title {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-top: 2.5%;
	margin-right: -30%;
}

.gridTable {
	margin: 3vh auto 0;
}

@keyframes grid {
	from {
		margin: -197px;
	}
	to {
		margin: 0px;
	}
}

@keyframes detail {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.cell {
	padding: 2vmin;
	animation-name: grid;
	animation-duration: 1s;
}

.cell.selected {
	animation-name: detail;
	animation-duration: 2s;
}

.text-white {
    color: #eeeeee!important;
}

.card {
	border: none;
}

.card-img, .card-img-bottom {
    background-color: rgba(0,0,0,.85);
    cursor: zoom-in;
    border: 1px solid;
    border-bottom: 0px;
    border-color: #505050;
}

.overlay-dark {
    background-color: rgba(0,0,0,.85);
    border: 1px solid;
    border-top: 0px;
    border-color: #505050;
}

.card-img-overlay {
    position: relative;
    border-radius: unset;
}

.row-cols-md-2>* {
    flex: unset;
    max-width: unset;
}