/* --Container / --Контейнеры */
/*.header--container {
	max-width: 1180px;
}
.navigation--container {
	max-width: 1180px;
}
.carousel--container {
	max-width: 1180px;
}
.info--container {
	max-width: 1180px;
}
.main--container {
	max-width: 1180px;
}
.footer--container {
	max-width: 1180px;
}*/
/* --Container / --Контейнеры */

:root {
	---cl-text-orange: var(--bs-orange);
	---cmt-text100-color: rgb(81 90 90 / 100%);

	--cl-sys-color-primary: rgb(21 107 84);
	--cl-sys-color-primary-container: rgb(164 242 213);
	--cl-sys-color-primary-border-subtle: rgb(115 232 210);
}
.cl-text-orange { color: var(---cl-text-orange); }
.cl-bg-orange { background-color: var(---cl-text-orange); }

.cl-text-primary { color: #156B54 !important; }
.cl-bg-primary { background-color: #156B54 !important; }


.changelog__title {
	color: #156B54;
}

.changelog__description {
	color: #4B635A;
}
.changelog__date {
/*	color: #adb5bd;*/
	color: #4B635A;
	font-size: 0.875rem;
/*	font-size: 1.0rem;*/
}




.version-badge {
	font-size: 0.8rem;
/*	font-size: 1.0rem;*/
	padding: 0.35em 0.65em;
	background-color: #4B635A;
}

.changelog-item>*>.badge {
	font-family: monospace;
}

.changelog-item {
	position: relative;
	padding-left: 20px;
}

.changelog-item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #0d6efd;
	background-color: var(--cl-sys-color-primary);
}

.timeline-line {
	position: absolute;
	left: 3px;
	top: 20px;
	bottom: -8px;
	width: 2px;
	background-color: #dee2e6;
}







body {
	background-color: #fafafa;
}

.version-tag {
	font-family: monospace;
/*	color: #6c757d;*/
	color: #4B635A;
}

.version-tag-last {
	color: var(--cl-sys-color-primary) !important;
	background-color: var(--cl-sys-color-primary-container);
	/* border: 1px solid var(--cl-sys-color-primary-border-subtle); */
	border-radius: 6px;
	padding: 0.12em 0.25em;
	background-color: var(--cl-sys-color-primary) !important;
	color: white !important;
}

.changelog-date {
/*	color: #adb5bd;*/
	color: #4B635A;
	font-size: 0.875rem;
}

.change-type {
	width: 4px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.change-type.added {
	background-color: #28a745;
}

.change-type.fixed {
	background-color: #dc3545;
}

.change-type.updated {
	background-color: #ffc107;
}

.changelog-entry {
	border-bottom: 1px solid #eee;
	transition: background-color 0.2s;
}

.changelog-entry:hover {
	background-color: #f8f9fa;
}

.changelog-entry:last-child {
	border-bottom: none;
}




.bd-callout-primary {
	--bd-callout-color: var(--cl-sys-color-primary);
	--bd-callout-bg: var(--cl-sys-color-primary-container);
	--bd-callout-border: var(--cl-sys-color-primary-border-subtle);
}
.bd-callout-info {
	--bd-callout-color: var(--bs-info-text-emphasis);
	--bd-callout-bg: var(--bs-info-bg-subtle);
	--bd-callout-border: var(--bs-info-border-subtle);
}
.bd-callout-warning {
    --bd-callout-color: var(--bs-warning-text-emphasis);
    --bd-callout-bg: var(--bs-warning-bg-subtle);
    --bd-callout-border: var(--bs-warning-border-subtle);
}
.bd-callout-danger {
    --bd-callout-color: var(--bs-danger-text-emphasis);
    --bd-callout-bg: var(--bs-danger-bg-subtle);
    --bd-callout-border: var(--bs-danger-border-subtle);
}
.bd-callout {
/*	padding: 1.25rem;*/
	padding: 1rem;
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	color: var(--bd-callout-color, inherit);
	background-color: var(--bd-callout-bg, var(--bs-gray-100));
	border-left: .25rem solid var(--bd-callout-border, var(--bs-gray-300));
	border-radius: 6px;
}
.bd-callout>:last-child {
	margin-bottom: 0;
}
.bd-callout+.bd-callout {
	margin-top: -.25rem;
}

.changelog-item>p {
	margin-bottom: 0;
}

.changelog-item-fix>p::before {
	content: "FIX";
	display: inline-block;
	padding: 0.35em 0.65em;
	margin-right: .5rem;
	color: #fff;
	background-color: #dc3545;
	font-family: monospace;
	font-size: 0.75em;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.375rem;
}
.changelog-item-new>p::before {
	content: "NEW";
	display: inline-block;
	padding: 0.35em 0.65em;
	margin-right: .5rem;
	color: #fff;
	background-color: #198754;
	font-family: monospace;
	font-size: 0.75em;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.375rem;
}
.changelog-item-changed>p::before {
	content: "CHANGED";
	display: inline-block;
	padding: 0.35em 0.65em;
	margin-right: .5rem;
	color: #fff;
	background-color: var(---cl-text-orange);
	font-family: monospace;
	font-size: 0.75em;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.375rem;
}

.changelog-item-ul>li::marker {
	/* background-color: #fff; */
/*	color: #198754;*/
	color: var(--cl-sys-color-primary);
}
.changelog-item>h6 {
	text-transform: uppercase;
}

.changelog-item-ul--new>li::marker {color: #198754;}
.changelog-item-ul--fix>li::marker {color: #dc3545;}
.changelog-item-ul--changed>li::marker {color: var(---cl-text-orange);}