@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

body {background: #F6F6F6; color:#7C8FAC;}
html[data-layout=horizontal] .topbar {box-shadow: none;}
.topbar {background: #F6F6F6;padding: 0 0px;}
.topbar .navbar .navbar-nav .nav-item .nav-link {padding: 0 20px;}

:root {
	--bs-body-line-height: 1.4;
}
.row {
    --bs-gutter-x: 20px;
}
.card {
	--bs-card-border-radius: 16px;
}
html[data-layout=horizontal] .body-wrapper > .container-fluid, html[data-layout=horizontal] .body-wrapper > .container-sm, html[data-layout=horizontal] .body-wrapper > .container-md, html[data-layout=horizontal] .body-wrapper > .container-lg, html[data-layout=horizontal] .body-wrapper > .container-xl, html[data-layout=horizontal] .body-wrapper > .container-xxl {
    padding-top: 8px !important;
    padding: 20px;
}

@media (min-width: 1300px) {
	html[data-layout=horizontal] .navbar, html[data-layout=horizontal] .scroll-sidebar, html[data-layout=horizontal] .body-wrapper > .container-fluid, html[data-layout=horizontal] .body-wrapper > .container-sm, html[data-layout=horizontal] .body-wrapper > .container-md, html[data-layout=horizontal] .body-wrapper > .container-lg, html[data-layout=horizontal] .body-wrapper > .container-xl, html[data-layout=horizontal] .body-wrapper > .container-xxl {max-width: 1240px;}
}


.bg-primary-subtle {
    background-color: #F2F6FA !important;
}

/* */
.link-back {letter-spacing: -0.02em;}
h1 {letter-spacing: -0.01em;}
.badge {letter-spacing: -0.01em; /*font-weight: 600;*/}
.card {letter-spacing: -0.02em;margin-bottom: 20px; color: #7C8FAC;}
.card-title { font-size: 21px; letter-spacing: 0;}
.card-info .card {    line-height: 1.43;}
.card-info .card {box-shadow: none;}

.fs-21px {font-size: 21px;}
.text-bg-light-green {background-color: #47D7BC;}
.text-bg-dark-warning {background-color: #F2994A;}

.banksel .btn {height: 48px; padding: 0 35px 0 11px;}
.banksel .round {    width: 32px;    height: 32px; margin-right: 12px !important;}
.banksel .round img {    width: 100%;    height: 100%;}
.banksel .dropdown-toggle::after {position: absolute;
    content: ""; border: none; 
    width: 24px; background: url(../images/chevron-down-bl.svg) no-repeat center; background-size: 100%;
    height: 24px;
    top: 12px; 
    right: 12px; }

.btn-details {}
.btn-details::after {display: inline-block; vertical-align: middle;
    content: "";
    width: 12px; background: url(../images/chevron-down.svg) no-repeat center; background-size: 100%;
    height: 7px;
    margin-left: 14px;}
.btn-details[aria-expanded="true"]::after {transform: rotate(180deg);}
i.fw-semibold::before {font-weight: 600!important;}

.details-row {margin-bottom: 3px;}
.details-row > div {}

.round { width: 40px; height: 40px;}
.card-docs {min-height: 366px;}
.docs {color: #7C8FAC; margin-bottom: 0;}
.docs li {margin-bottom: 1rem;}
.docs li:last-child {margin-bottom: 0rem;}

.materials-item-img {margin-bottom: 0.75rem; position: relative;border-radius: 16px;
	display: flex; /* Используем flexbox для выравнивания */
	justify-content: center; /* Центрирование по горизонтали */
	align-items: center; /* Центрирование по вертикали, если нужно */
	height: 100%; /* Высота по родителю, при необходимости задать конкретную высоту */
	overflow: hidden; /* Обрезаем содержимое, выходящее за границы */
}
.materials-item-img:before {content: ''; display: block;padding-bottom: 216%;}
.materials-item-img img {
	max-height: 100%; /* Максимальная высота - 100% от родителя */
	max-width: 100%; /* Чтобы сохранять пропорции, не растягиваясь больше, чем нужно */
	height: auto; /* Высота по содержимому */
	width: auto; /* Ширина автоматически по содержимому, сохраняет пропорции */
}

.card-params .col-5 {width: 37%;}
.card-params .col-7 {width: 63%;}
.card-params .row {margin-left: -5px;margin-right: -5px;}
.card-params .row > div {padding: 0 5px;}

.data-row {    margin-bottom: 4px;}
.data-row .card > .card-body {padding: 1.42rem  !important;}
.prognoz-row h4 {font-size: 21px; line-height: 1.35; letter-spacing: 0;}
.postanaliz-table {width: 100%;}
.postanaliz-table th {padding-bottom: 8px;font-weight: 400; vertical-align: top;}
.postanaliz-table td {padding-bottom: 7px;color: #2A3547}

.date {letter-spacing: -0.02em;}
.card-graf .date {font-weight: 500;letter-spacing: -0.01em; }

.btn-editcirc {padding: 0; width: 40px;height: 40px;border-radius: 50%; color: #2A3547; display: flex;align-items: center;justify-content: center;}
.btn-editcirc img {width: 24px;height: 24px;}

.legend {gap: 1px;}
.legend-item {position: relative;margin-left: 0px;}
.legend-item input {position: absolute; opacity: 0;}
.legend-item .btn {letter-spacing: -0.02em;font-weight: 400;color: #5A6A85; display: flex;align-items: center;justify-content: center; letter-spacing: -0.02em;height: 36px; border-radius: 4px;padding: 0 16px;}
.legend-item .btn span { margin-left: 5px;color: #AAB0BB;font-weight: 400;}
.legend-item input:checked + .btn {letter-spacing: -0.01em;background: #ECF2FF;font-weight: 600;color: #5D87FF;}

.link-down {height: 36px;}
.card-graf {margin-top: 32px;}
.chartwrap {overflow: hidden;margin-bottom: -17px;}

.btn-statistic {    margin-top: -2px;height: 48px; font-size: 16px;font-weight: 600;letter-spacing: 0.3px; border-radius: 3px; display: flex;align-items: center;justify-content: center;}
.btn-statistic img {width: 24px;height: 24px;margin-right: 5px;}

.details-row.justify-content-start {gap: 30px; margin-bottom: 5px;}
.details-row.justify-content-start > div {  min-width: 8.2%;}

.sort-nav {    margin-left: 4px;display: flex;gap: 14px; overflow: auto; padding-bottom: 0.25rem;}
.sort-nav .btn {padding: 0 13px;border: none; border-radius: 0; color: #2A3547;letter-spacing: -0.02em;display: flex;align-items: center; justify-content: center;height: 48px;border-bottom: 2px solid transparent;}
.sort-nav .btn span {margin-left: 7px;    margin-bottom: -1px; padding: 0 8px;border: 1px solid #2a3447; height: 24px;line-height: 22px;border-radius: 12px;}
.sort-nav .btn.active {border-color: #5D87FF;color: #5D87FF; font-weight: 600;}
.sort-nav .btn.active span {color: #fff; background: #5D87FF; border-color: #5D87FF;} 

.card.box {min-height: 99px;}

/* */
.authentication {min-height: calc(100vh - 150px);}
.authentication .card {max-width: 560px;}
.authentication .card-body {padding: 50px;}
.authentication h2 {margin:  17px 0 31px;font-weight: 600;font-size: 30px;letter-spacing: 0.3px;}
.authentication .btn {height: 48px;border-radius: 8px;font-weight: 600;font-size: 16px;    margin-bottom: 30px;}
.form-row {margin-bottom: 33px;}
.form-control {border: 1px solid #EAEFF4;height: 42px;border-radius: 4px;color: #2A3547; font-size: 14px;letter-spacing: -0.02em;}
.form-control:focus {
	color: #2A3547;
	background-color: transparent;
	border-color: #5D87FF;
	outline: 0;
	box-shadow: 0 0 0 4px #ecf2ff;
}
.was-validated .form-control:valid, .form-control.is-valid {border: 1px solid #EAEFF4; background: #fff; }
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {border: 1px solid #5D87FF; background: #fff;  box-shadow: 0 0 0 4px #ecf2ff;}
.was-validated .form-control:invalid, .form-control.is-invalid,
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {border: 1px solid #FA896B;background: #fff;}
.invalid-feedback {color: #FA896B;font-size: 12px; padding-left: 20px; line-height: 17px;letter-spacing: 0.1px;  margin-top: 8px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMDAwMzMgMTEuMTVDOC4xNTU4OCAxMS4xNSA4LjI4MzY2IDExLjEgOC4zODM2NiAxMUM4LjQ4MzY2IDEwLjkgOC41MzM2NiAxMC43NzIyIDguNTMzNjYgMTAuNjE2NkM4LjUzMzY2IDEwLjQ2MTEgOC40ODM2NiAxMC4zMzMzIDguMzgzNjYgMTAuMjMzM0M4LjI4MzY2IDEwLjEzMzMgOC4xNTU4OCAxMC4wODMzIDguMDAwMzMgMTAuMDgzM0M3Ljg0NDc3IDEwLjA4MzMgNy43MTY5OSAxMC4xMzMzIDcuNjE2OTkgMTAuMjMzM0M3LjUxNjk5IDEwLjMzMzMgNy40NjY5OSAxMC40NjExIDcuNDY2OTkgMTAuNjE2NkM3LjQ2Njk5IDEwLjc3MjIgNy41MTY5OSAxMC45IDcuNjE2OTkgMTFDNy43MTY5OSAxMS4xIDcuODQ0NzcgMTEuMTUgOC4wMDAzMyAxMS4xNVpNNy41MDAzMyA4LjcxNjYzSDguNTAwMzNWNC43MTY2M0g3LjUwMDMzVjguNzE2NjNaTTguMDAwMzMgMTQuMzMzM0M3LjEyMjU1IDE0LjMzMzMgNi4yOTc2NiAxNC4xNjY2IDUuNTI1NjYgMTMuODMzM0M0Ljc1MzIxIDEzLjUgNC4wODM2NiAxMy4wNSAzLjUxNjk5IDEyLjQ4MzNDMi45NTAzMyAxMS45MTY2IDIuNTAwMzMgMTEuMjQ3MSAyLjE2Njk5IDEwLjQ3NDZDMS44MzM2NiA5LjcwMjYzIDEuNjY2OTkgOC44Nzc3NCAxLjY2Njk5IDcuOTk5OTZDMS42NjY5OSA3LjEyMjE4IDEuODMzNjYgNi4yOTcwNyAyLjE2Njk5IDUuNTI0NjNDMi41MDAzMyA0Ljc1MjYzIDIuOTUwMzMgNC4wODMyOSAzLjUxNjk5IDMuNTE2NjNDNC4wODM2NiAyLjk0OTk2IDQuNzUzMjEgMi40OTk5NiA1LjUyNTY2IDIuMTY2NjNDNi4yOTc2NiAxLjgzMzI5IDcuMTIyNTUgMS42NjY2MyA4LjAwMDMzIDEuNjY2NjNDOC44NzgxIDEuNjY2NjMgOS43MDMyMSAxLjgzMzI5IDEwLjQ3NTcgMi4xNjY2M0MxMS4yNDc3IDIuNDk5OTYgMTEuOTE3IDIuOTQ5OTYgMTIuNDgzNyAzLjUxNjYzQzEzLjA1MDMgNC4wODMyOSAxMy41MDAzIDQuNzUyNjMgMTMuODMzNyA1LjUyNDYzQzE0LjE2NyA2LjI5NzA3IDE0LjMzMzcgNy4xMjIxOCAxNC4zMzM3IDcuOTk5OTZDMTQuMzMzNyA4Ljg3Nzc0IDE0LjE2NyA5LjcwMjYzIDEzLjgzMzcgMTAuNDc0NkMxMy41MDAzIDExLjI0NzEgMTMuMDUwMyAxMS45MTY2IDEyLjQ4MzcgMTIuNDgzM0MxMS45MTcgMTMuMDUgMTEuMjQ3NyAxMy41IDEwLjQ3NTcgMTMuODMzM0M5LjcwMzIxIDE0LjE2NjYgOC44NzgxIDE0LjMzMzMgOC4wMDAzMyAxNC4zMzMzWk04LjAwMDMzIDEzLjMzMzNDOS40ODkyMSAxMy4zMzMzIDEwLjc1MDMgMTIuODE2NiAxMS43ODM3IDExLjc4MzNDMTIuODE3IDEwLjc1IDEzLjMzMzcgOS40ODg4NSAxMy4zMzM3IDcuOTk5OTZDMTMuMzMzNyA2LjUxMTA3IDEyLjgxNyA1LjI0OTk2IDExLjc4MzcgNC4yMTY2M0MxMC43NTAzIDMuMTgzMjkgOS40ODkyMSAyLjY2NjYzIDguMDAwMzMgMi42NjY2M0M2LjUxMTQ0IDIuNjY2NjMgNS4yNTAzMyAzLjE4MzI5IDQuMjE2OTkgNC4yMTY2M0MzLjE4MzY2IDUuMjQ5OTYgMi42NjY5OSA2LjUxMTA3IDIuNjY2OTkgNy45OTk5NkMyLjY2Njk5IDkuNDg4ODUgMy4xODM2NiAxMC43NSA0LjIxNjk5IDExLjc4MzNDNS4yNTAzMyAxMi44MTY2IDYuNTExNDQgMTMuMzMzMyA4LjAwMDMzIDEzLjMzMzNaIiBmaWxsPSIjRkE4OTZCIi8+Cjwvc3ZnPgo=");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 16px 16px;}
/* */

.prognoz-row .col-lg-3{
	width: 22%;
}
.prognoz-row .col-lg-2{
	width: 19%;
}
.prognoz-row .col-lg-2:last-child{
	width: 15%;
}

@media (max-width: 1199px) {
	.details-row {flex-wrap: wrap; line-height: 1.43;}
	.details-row > div {width: 20%;}
}
@media (max-width: 991px) {
	.card-docs { min-height: 50px; margin-bottom: 16px;}
	.authentication .card {margin: 0 auto;}

	.prognoz-row .col-lg-3{
		width: 50%;
	}
	.prognoz-row .col-lg-2{
		width: 50%;
	}
	.prognoz-row .col-lg-2:last-child{
		width: 50%;
	}
}
@media (max-width: 767px) {
	html[data-layout=horizontal] .body-wrapper { padding-top: 0px;}
	html[data-layout=horizontal] .body-wrapper > .container-fluid, html[data-layout=horizontal] .body-wrapper > .container-sm, html[data-layout=horizontal] .body-wrapper > .container-md, html[data-layout=horizontal] .body-wrapper > .container-lg, html[data-layout=horizontal] .body-wrapper > .container-xl, html[data-layout=horizontal] .body-wrapper > .container-xxl {
    padding-top: 13px !important;}
	.details-row > div {width: 100%;}
	.pageheading h1 {width: 100%;}
	
	.materials-item {width: 203px;}
	.card-title {font-size: 18px;}
	.link-backmob {font-size: 16px;}
	.link-backmob img {width: 24px;}
	.card-info {box-shadow: none; background: transparent;    margin-bottom: 0;}
	.card-info .card {box-shadow: var(--bs-box-shadow-sm) !important;    margin-bottom: 20px !important;}
	.card-info .card .card-body {padding: 1.3rem 1.25rem 1.1rem !important;}
	.card-details > .card-body {padding: 1.25rem !important;}
	.card-details .form-select {height: 48px;}
	.card-details .cart-head {align-items: center !important;}
	.card-details .cart-head .card-title {margin-bottom: 0;}
	.card-materials > .card-body {padding: 1.25rem !important;}
	.card-graf > .card-body {padding: 1.25rem !important;}
	.btn-details {     margin-bottom: -2px;   line-height: 24px;letter-spacing: 0; font-weight: 600;width: 100%;display: flex; justify-content: space-between; align-items: center;}
	.btn-details::after {width: 16px;height: 10px;}
	.prognoz-row h4 {font-size: 24px !important;}
	.btn-down {margin-bottom: 12px; letter-spacing: 0; height: 52px; font-size: 16px; font-weight: 600;display: flex; align-items: center; justify-content: center;}
	.banksel .btn { padding: 0 11px;}
	.card-docs > .card-body {padding: 1.25rem !important;}
	.materials-carousel .owl-stage-outer {overflow: visible;}
	.materials-carousel .owl-stage {display:flex}
	.legend {    margin: 19px 0 0px gap: 6px; white-space: nowrap;}
	.legend-item .btn {font-size: 12px;letter-spacing: 0; padding: 0 5px; height: 32px;border-radius: 16px;color: #5D87FF; border: 1px solid #5D87FF;}
	.legend-item .btn span {color: #5D87FF;}
	.legend-item input:checked + .btn {font-weight: 400; background: #5D87FF; color: #fff;}
	.card-graf { margin-top: 22px;}
	.card-graf .date {font-weight: 400;letter-spacing: -0.02em; }
	#dinamics {min-height: 200px !important;}
	.period-form label {white-space: nowrap;}
	.period-form .row {margin-left: -5px;margin-right: -5px;}
	.period-form .row > * {padding: 0 5px;}
	.period-form .form-control { padding: 8px 11px; font-size: 14px; height: 42px;}
	.prognoz-row .card > .card-body {  padding: 0.97rem !important;}
	.data-row { margin-bottom: 10px;}
	.data-row .card > .card-body { padding: 1.37rem !important;}
	.data-row .card {margin-bottom: 10px !important;}
	.details-row .col-8 {width: 70%;}
	.details-row .col-4 {width: 30%;}
	.card-params { line-height: 1.43;}
	.card-params p { line-height: 1.43;}
	.badge {font-weight: 600;}
	.sort-nav {gap: 10px; margin: 11px -20px 0px; padding: 0 20px 5px;}
	.btn-statistic {    margin: 0 0 12px;border-radius: 8px; height: 52px;}
	.sort-cards .details-row {margin: 28px 0 4px;}
	.sort-cards .details-row .row {margin: 0;}
	.sort-cards .details-row .row > div {padding: 0;}
	.card.box {  min-height: 19px;}
	.authentication {min-height: 100px;margin-top: 66px;}
	.authentication h2 {font-size: 21px;    margin: 1px 0 24px;}
	.authentication .card-body {padding: 20px;}
	.form-row {  margin-bottom: 25px;}
	.authentication .btn { margin-bottom: 9px;}

	.prognoz-row .col-lg-3{
		width: 100%;
	}
	.prognoz-row .col-lg-2{
		width: 100%;
	}
	.prognoz-row .col-lg-2:last-child{
		width: 100%;
	}

}