body {
	background-color: #333333;
	color: #999999;
}

body::after {
	background: linear-gradient(180deg, transparent 60%, #333333 80%);
}

body::before {
	background: #333333;
}

@media ( max-width: 991px ) {
	body::after {
		background: linear-gradient(180deg, transparent 70%, #333333 90%);
	}
}

.navbar-toggler {
	border-color: rgba(103, 107, 121, 0.75);
	background-color: #333333;
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28103, 107, 121, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

a:active,
a:visited,
a {
	color: #ffaa00!important;

	-moz-transition: color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}

a:hover {
	color: #ffff00!important;
}

svg path {
	-moz-transition: fill 0.3s ease-in-out;
	-webkit-transition: fill 0.3s ease-in-out;
	transition: fill 0.3s ease-in-out;
}

#pageContents {
	background-color: rgba(32, 40, 60, 0.8);
	border: 1px solid silver;
	color: #a9bccf;
}

.navbar {
	background: #666666;
	/* background: linear-gradient(180deg,rgba(102, 102, 102, 1) 0%, rgba(32, 32, 32, 1) 90%); */
	background: linear-gradient(180deg,rgba(102, 102, 102, 1) 0%, rgba(32, 32, 32, 1) 80%, rgba(0, 0, 0, 1) 100%);
}

.btn-primary {
	background-color: #0c3c6c;
	border-color: #0c3c6c;
}

.btn-primary:hover {
	background-color: #3c6c9c;
	border-color: #3c6c9c;
}

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

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

.text-shadow {
	text-shadow: 1px 1px #102030;
}

.dropdown-menu {
	background-color: rgba(32, 40, 60, 0.8);
	color: #999999;
}

.dropdown-item:hover {
	background-color: rgba(42, 50, 70, 0.8);
}

.dropdown-item img {
	background-color: #fff;
	border: 2px solid #fff;
}

.card-header, .card-footer, .table th {
	background-color: rgba(32, 40, 60, 0.8);
	color: silver;
}

.card-title {
	color: orangered;
}

.card-body, .table tbody tr>*, .form-control, .form-control:focus {
	background-color: rgba(42, 50, 70, 0.8);
	color: silver;
}

.form-switch .form-check-input {
	background-color: rgba(42, 50, 70, 0.8);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ccc'/%3e%3c/svg%3e");
	border-color: silver;
}

.form-switch .form-check-input:checked {
	background-color: #3c6c9c;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ccc'/%3e%3c/svg%3e");
	border-color: silver;
}

footer {
	border-top: 3px solid orangered;
	background-color: #1c1a1f;
}

tfoot td {
        background: transparent!important;
        color: #cccccc!important;
}

.loader {
	border-color: #FFF #FFF transparent;
}

.loader::after {
	border-color: transparent #FF3D00 #FF3D00;
}

.nav-tabs .nav-link.active {
	background-color: #4a4c3b;
}