.invalid {
	display: block;
}

[data-bs-theme="dark"] {
    --bs-link-color: #458f5a;
    --bs-link-color-rgb: 69, 143, 90;
    --bs-link-hover-color: #44604c;
    --bs-link-hover-color-rgb: 68,96,76;
    --bs-success-text-emphasis: #FFFFFF;
    --bs-success-bg-subtle: #44604c;
    --bs-success-border-subtle: #555555;
    --bs-success-rgb: 68, 96, 76;
}

[data-bs-theme="dark"] .navbar ul {
    --bs-nav-link-color: #ffffff;
    --bs-nav-link-color-hover: rgba(255, 255, 255, 0.85);
}

[data-bs-theme="dark"] .carousel .carousel-control-icon,
[data-bs-theme="dark"] .carousel .carousel-control-prev-icon,
[data-bs-theme="dark"] .carousel .carousel-control-next-icon,
[data-bs-theme="dark"].carousel .carousel-control-prev-icon,
[data-bs-theme="dark"].carousel .carousel-control-next-icon {
  filter: none;
}

[data-bs-theme="dark"] .btn-outline-primary {
  --bs-btn-color: #fff;
  --bs-btn-border-color: var(--bs-border-color);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-border-color: var(--bs-border-color);
  --bs-btn-hover-bg: #fff;
}

[data-bs-theme="dark"] .btn.active {
  color: #fff;
  border-color: var(--bs-border-color);
  background-color: #444;
}

[data-bs-theme="dark"] .btn.btn-outline-primary.disabled {
  color: #fff;
  border-color: var(--bs-border-color);
  --bs-btn-color: #fff;
  --bs-btn-border-color: var(--bs-border-color);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-border-color: var(--bs-border-color);
  --bs-btn-hover-bg: #fff;
}

img.processing, img.waiting {
    width: 150px;
}

a.tag, button.tag, label.tag {
	float: left;
	position: relative;
	width: auto;
	padding: 12px;
	line-height: 14px;
	background: #465F5F;
	color: #eee;
	font-size: 12px;
	text-decoration: none;
	border-radius: 10px;
    margin: 0px 5px;
    cursor: pointer;
}

.modal a.tag, .modal button.tag, .modal label.tag {
	float: left;
	position: relative;
	width: auto;
	height: 18px;
	padding: 0 12px 0px 6px;
	line-height: 18px;
	background: #465F5F;
	color: #989CA7;
	font-size: 12px;
	text-decoration: none;
    border-radius: 0px 10px 10px 0px;
	margin: 0px 0px 5px 15px;
}

a.tag_item:hover {
	color: #fff;
	background: #44604c;
}

div.tags {
	margin-top: 20px;
}

button.tag {
	border: none;
	color: #ccc;
	background: #465F5F;
	border-radius: 10px;
	height: 38px;
	margin: 5px;
	padding: 10px 20px;
	color: #eee;
}

.modal button.tag.selected {
	background: #659c74;
}

.modal a.tag_add {
	padding: 0px 12px;
	border-radius: 10px;
	cursor: pointer;
	margin: 0px 0px 0px 5px;
}

.modal a.tag_item:before {
	content: "";
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	left: -10px;
	border-color: transparent #465F5F transparent transparent;
	border-width: 9px 10px 9px 0;
}

a.content-action {
	padding: 15px;
	text-decoration: none;
	color: #249946;
}

#content-modal .modal-content {
	width: fit-content;
	margin: auto;
}

#content-modal .modal-footer a > i.fa {
    font-size: 2em;
}

img.content {
    cursor: pointer;
}

div.__nav {
	position: fixed;
	width: 60px;
	height: 60px;
	cursor: pointer;
	z-index: 1001;
	padding: 13px 20px 16px;
	background: #666;
	top: calc(50vh - 20px);
	opacity: 0.6;
	font-size: 18pt;
}

div.__nav_l {
	left: -10px;
}

div.__nav_r {
	right: -10px;
}

.btn-danger {
	--bs-btn-bg: #974949;
	--bs-btn-border-color: #44080e;
}

.btn-primary {
	--bs-btn-bg: #44604c;
	--bs-btn-border-color: #10371b;
	--bs-btn-hover-bg: #3a794c;
	--bs-btn-hover-border-color: #10371b;
}

.toast {
    background-color: rgba(var(--bs-body-bg-rgb), 0.85) !important;
}

.toast-header {
    --bs-toast-header-color: #fff;
}

.toast.bg-danger .toast-header {
    background-color: rgba(var(--bs-danger-rgb), 0.75) !important;
}

.toast.bg-success .toast-header {
    background-color: rgba(var(--bs-success-rgb), 0.75) !important;
}

.form-check-input:checked {
    background-color: #44604c;
    border-color: #44604c;
}

.form-check-input:focus {
    border-color: #44604c;
}

.card .card-body i.fa {
    font-size: 10em;
}

ul.tags .list-group-item.active {
    --bs-list-group-active-bg: #44604c;
    --bs-list-group-active-border-color: var(--bs-list-group-border-color);
}

ul.tags .list-group-item a {
    text-decoration: none;
}

ul.tags .list-group-item.active a:hover {
    color: #fff;
}

.rounded-pill {
    --bs-primary-rgb: 68,96,76;
}