9 files changed, 179 insertions, 23 deletions
diff --git a/src/assets/images/icon-chevron-red.svg b/src/assets/images/icon-chevron-red.svg
new file mode 100644
index 00000000..7fcd68d4
--- /dev/null
+++ b/src/assets/images/icon-chevron-red.svg
@@ -0,0 +1,3 @@
+<svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.4134 1.19329L4.00006 3.77996L6.58673 1.19329C6.84673 0.933291 7.26673 0.933291 7.52673 1.19329C7.78673 1.45329 7.78673 1.87329 7.52673 2.13329L4.46673 5.19329C4.20673 5.45329 3.78673 5.45329 3.52673 5.19329L0.466729 2.13329C0.206729 1.87329 0.206729 1.45329 0.466729 1.19329C0.726729 0.939958 1.1534 0.933291 1.4134 1.19329V1.19329Z" fill="#E11717"/>
+</svg>
diff --git a/src/assets/images/clear-icon.svg b/src/assets/images/icon-clear-red.svg
index 2f50ed01..2f50ed01 100644
--- a/src/assets/images/clear-icon.svg
+++ b/src/assets/images/icon-clear-red.svg
diff --git a/src/assets/images/icon-options.svg b/src/assets/images/icon-options.svg
new file mode 100644
index 00000000..b9ab31bb
--- /dev/null
+++ b/src/assets/images/icon-options.svg
@@ -0,0 +1,3 @@
+<svg width="4" height="14" viewBox="0 0 4 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.00004 3.66683C2.91671 3.66683 3.66671 2.91683 3.66671 2.00016C3.66671 1.0835 2.91671 0.333496 2.00004 0.333496C1.08337 0.333496 0.333374 1.0835 0.333374 2.00016C0.333374 2.91683 1.08337 3.66683 2.00004 3.66683ZM2.00004 5.3335C1.08337 5.3335 0.333374 6.0835 0.333374 7.00016C0.333374 7.91683 1.08337 8.66683 2.00004 8.66683C2.91671 8.66683 3.66671 7.91683 3.66671 7.00016C3.66671 6.0835 2.91671 5.3335 2.00004 5.3335ZM2.00004 10.3335C1.08337 10.3335 0.333374 11.0835 0.333374 12.0002C0.333374 12.9168 1.08337 13.6668 2.00004 13.6668C2.91671 13.6668 3.66671 12.9168 3.66671 12.0002C3.66671 11.0835 2.91671 10.3335 2.00004 10.3335Z" fill="#040A0F" fill-opacity="0.6"/>
+</svg>
diff --git a/src/assets/images/icon-settings-red.svg b/src/assets/images/icon-settings-red.svg
new file mode 100644
index 00000000..8ed9156a
--- /dev/null
+++ b/src/assets/images/icon-settings-red.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.1917 9.8165C15.225 9.54984 15.25 9.28317 15.25 8.99984C15.25 8.7165 15.225 8.44984 15.1917 8.18317L16.95 6.80817C17.1083 6.68317 17.15 6.45817 17.05 6.27484L15.3833 3.3915C15.2833 3.20817 15.0583 3.1415 14.875 3.20817L12.8 4.0415C12.3667 3.70817 11.9 3.43317 11.3917 3.22484L11.075 1.0165C11.05 0.816504 10.875 0.666504 10.6667 0.666504H7.33332C7.12499 0.666504 6.94999 0.816504 6.92499 1.0165L6.60832 3.22484C6.09999 3.43317 5.63332 3.7165 5.19999 4.0415L3.12499 3.20817C2.93332 3.13317 2.71666 3.20817 2.61666 3.3915L0.949988 6.27484C0.841655 6.45817 0.891655 6.68317 1.04999 6.80817L2.80832 8.18317C2.77499 8.44984 2.74999 8.72484 2.74999 8.99984C2.74999 9.27484 2.77499 9.54984 2.80832 9.8165L1.04999 11.1915C0.891655 11.3165 0.849988 11.5415 0.949988 11.7248L2.61666 14.6082C2.71666 14.7915 2.94165 14.8582 3.12499 14.7915L5.19999 13.9582C5.63332 14.2915 6.09999 14.5665 6.60832 14.7748L6.92499 16.9832C6.94999 17.1832 7.12499 17.3332 7.33332 17.3332H10.6667C10.875 17.3332 11.05 17.1832 11.075 16.9832L11.3917 14.7748C11.9 14.5665 12.3667 14.2832 12.8 13.9582L14.875 14.7915C15.0667 14.8665 15.2833 14.7915 15.3833 14.6082L17.05 11.7248C17.15 11.5415 17.1083 11.3165 16.95 11.1915L15.1917 9.8165ZM8.99999 11.9165C7.39165 11.9165 6.08332 10.6082 6.08332 8.99984C6.08332 7.3915 7.39165 6.08317 8.99999 6.08317C10.6083 6.08317 11.9167 7.3915 11.9167 8.99984C11.9167 10.6082 10.6083 11.9165 8.99999 11.9165Z" fill="#E11717"/>
+</svg>
diff --git a/src/assets/styles/bmc/custom/_base.scss b/src/assets/styles/bmc/custom/_base.scss
index 6009774c..0e555455 100644
--- a/src/assets/styles/bmc/custom/_base.scss
+++ b/src/assets/styles/bmc/custom/_base.scss
@@ -19,6 +19,17 @@ body {
   }
 }
 
+.pointer {
+  cursor: pointer;
+}
+
+.icon-edit,
+.icon-options {
+  display: block;
+  margin: 2px 12px 0 auto;
+  cursor: pointer;
+}
+
 h3,
 .h3 {
   font-size: 1.75rem;
@@ -56,8 +67,12 @@ h6,
   letter-spacing: 0em;
   text-align: left;
   color: $text-primary;
+    &.red {
+      color: $red-brand-primary
+     }
     &.underline {
       text-decoration: underline;
+      cursor: pointer;
     }
     &.tretiatry {
       color: $text-tretiatry;
@@ -242,4 +257,12 @@ h6,
   float: right;
   transition: 0.3s linear;
   margin: $spacer/4 35px 0 auto;
+}
+
+.icon-expand-right {
+  height: 1.2rem;
+  width: 1.2rem;
+  float: right;
+  transition: 0.3s linear;
+  margin: $spacer/4 5px 0 0;
 }
 \ No newline at end of file
diff --git a/src/assets/styles/bmc/custom/_buttons.scss b/src/assets/styles/bmc/custom/_buttons.scss
index e128a6db..04c612ec 100644
--- a/src/assets/styles/bmc/custom/_buttons.scss
+++ b/src/assets/styles/bmc/custom/_buttons.scss
@@ -1,14 +1,7 @@
 .btn {
-  // padding-top: $spacer / 2;
-  // padding-right: $spacer;
-  // padding-bottom: $spacer / 2;
-  // padding-left: $spacer;
   display: inline-flex;
   align-items: center;
   justify-content: space-around;
-  svg {
-    // margin-right: $spacer / 4;
-  }
   &:disabled {
     color: gray("600");
     fill: currentColor;
@@ -24,6 +17,7 @@
   background-color: $red-brand-primary;
   border-radius: 8px;
   border: none;
+  box-shadow: 1px 2px 2px -1px rgb(79 37 37 / 40%) inset;
   font-family: 'Inter', sans-serif;
   font-style: normal;
   font-weight: 600;
@@ -55,6 +49,7 @@
   color: $red-brand-primary;
   border-radius: 8px;
   border: none;
+  box-shadow: 1px 2px 4px -1px rgb(79 37 37 / 10%) inset;
   font-family: 'Inter', sans-serif;
   font-style: normal;
   font-weight: 600;
@@ -79,7 +74,57 @@
   }
 }
 
-// Global style for all button link
+.btn-unstiled {
+  border: none;
+  &:focus {
+    box-shadow: none;
+  }
+  &:active {
+    box-shadow: none;
+  }
+}
+
+.btn-popover {
+  border: none;
+  color: $red-brand-primary;
+  height: 28px;
+  border-radius: 8px;
+  font-weight: 500;
+  font-size: 12px;
+  transition: ease-in 0.2s;
+  &:hover {
+    color: $white;
+    transition: ease-in 0.2s;
+  }
+  &:focus {
+    box-shadow: none;
+  }
+  &:active {
+    box-shadow: none;
+  }
+  &.selected-unit-button {
+    transition: ease-in 0.2s;
+    color: $white;
+  }
+  &.selected-choice-button {
+    transition: ease-in 0.2s;
+    color: $white;
+  }
+}
+
+.btn-toogle-popover {
+  justify-content: flex-start;
+  width: 25px;
+  height: 16px;
+  padding: 0;
+  &:focus {
+    box-shadow: none;
+  }
+  &:active {
+    box-shadow: none;
+  }
+}
+
 .btn-link {
   // font-weight: $headings-font-weight;
   color: $text-primary;
@@ -104,6 +149,10 @@
       transform: rotate(180deg);
       transition: 0.3s linear;
     }
+    .icon-expand-right {
+      transform: rotate(180deg);
+      transition: 0.3s linear;
+    }
   }
 }
 
diff --git a/src/assets/styles/bmc/custom/_forms.scss b/src/assets/styles/bmc/custom/_forms.scss
index 7c0a0bd6..51dc0ed6 100644
--- a/src/assets/styles/bmc/custom/_forms.scss
+++ b/src/assets/styles/bmc/custom/_forms.scss
@@ -123,7 +123,7 @@
 .custom-switch {
   width: 28px;
   height: 16px;
-  margin: 0 0 0 auto;
+  margin: -4px 0 -4px auto;
 }
 
 .custom-switch
diff --git a/src/assets/styles/bmc/custom/_popover.scss b/src/assets/styles/bmc/custom/_popover.scss
index f539ef54..a33f108f 100644
--- a/src/assets/styles/bmc/custom/_popover.scss
+++ b/src/assets/styles/bmc/custom/_popover.scss
@@ -6,8 +6,8 @@
   box-shadow: 0px -4px 12px rgba(0, 0, 0, 0.05);
   border-radius: 4px;
   position: relative;
-  max-width: 389px;
-  width: 389px;
+  max-width: 400px;
+  width: 400px;
   height: auto;
 }
 
@@ -20,4 +20,52 @@
 
 .arrow {
   visibility: hidden;
-}
-\ No newline at end of file
+}
+
+.popover-heigth-100 {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 6px;
+  background: $white;
+  border: 1px solid $faint-secondary-primary-10;
+  box-shadow: 0px -4px 12px rgba(0, 0, 0, 0.05);
+  padding: 5px;
+  border-radius: 8px;
+  max-width: 100px;
+}
+
+.popover-heigth-100 .popover-body {
+  padding: 0px;
+
+}
+
+.apply-reload-popover {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 6px;
+  background: $white;
+  border: 1px solid $faint-secondary-primary-10;
+  box-shadow: 0px -4px 12px rgba(0, 0, 0, 0.05);
+  padding: 5px;
+  border-radius: 8px;
+  max-width: 250px;
+}
+
+.apply-reload-popover .popover-body {
+  padding: 0px;
+}
+
+.boot-popover {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 6px;
+  background: $white;
+  border: 1px solid $faint-secondary-primary-10;
+  box-shadow: 0px -4px 12px rgba(0, 0, 0, 0.05);
+  padding: 5px;
+  border-radius: 8px;
+  max-width: 200px;
+}
diff --git a/src/assets/styles/bmc/custom/_tables.scss b/src/assets/styles/bmc/custom/_tables.scss
index bc3be1b2..d76d4982 100644
--- a/src/assets/styles/bmc/custom/_tables.scss
+++ b/src/assets/styles/bmc/custom/_tables.scss
@@ -171,6 +171,34 @@
   // }
 }
 
+.bootstrap-table__stripes tr:nth-of-type(even) {
+  background-color: rgb(255 255 255);
+}
+
+
+////// не работает
+.bootstrap-table__stripes_odd tr:nth-of-type(odd) {
+  background-color: rgb(255 255 255);
+}
+
+.bootstrap-table__head_bg {
+  border-top: none;
+  display: none;
+}
+
+.bootstrap-table__column-first {
+  border-right: 1px solid rgba(26, 62, 91, 0.1);
+  border-top: none;
+}
+
+.bootstrap-table__column-last {
+  border-top: none;
+}
+
+.bootstrap-table__td {
+  border-top: 1px solid rgba(26, 62, 91, 0.1);
+}
+
 .bootstrap-table__section {
   position: relative;
   margin: 16px 2rem 0 2rem;
@@ -245,23 +273,24 @@
   border-radius: 4px; 
 }
 
-.bootstrap-analytical-table__head_bg {
-  background-color: transparent !important;
+.bootstrap-analytical-th {
+  border-bottom: 1px solid rgba(26, 62, 91, 0.3) !important;
+  background-color: $white !important;
   color: $text-primary !important;
 }
 
 .bootstrap-analytical-table__column-first {
   border-top: none !important;
-  border-radius: 10px 0 0 0;
-  -webkit-border-radius: 10px 0 0 0;
-  -moz-border-radius: 10px 0 0 0;
+  border-radius: 4px 0 0 0;
+  -webkit-border-radius: 4px 0 0 0;
+  -moz-border-radius: 4px 0 0 0;
 }
 
 .bootstrap-analytical-table__column-last {
   border-top: none !important;
-  border-radius: 0 10px 0 0;
-  -webkit-border-radius: 0 10px 0 0;
-  -moz-border-radius: 0 10px 0 0;
+  border-radius: 0 4px 0 0;
+  -webkit-border-radius: 0 4px 0 0;
+  -moz-border-radius: 0 4px 0 0;
 }
 
 .bootstrap-analytical-table__column-center {
@@ -272,13 +301,11 @@
 }
 
 .bootstrap-analytical-table__td {
+  padding: 10px !important;
   border-radius: 0;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -ms-border-radius: 0;
   -o-border-radius: 0;
   -khtml-border-radius: 0;
-  &:hover {
-    background-color: $faint-secondary-primary-5;
-  }
 }
 \ No newline at end of file