1 files changed, 72 insertions, 0 deletions
diff --git a/src/assets/styles/bmc/_sila/custom/_popover.scss b/src/assets/styles/bmc/_sila/custom/_popover.scss
new file mode 100644
index 00000000..8611fb0e
--- /dev/null
+++ b/src/assets/styles/bmc/_sila/custom/_popover.scss
@@ -0,0 +1,72 @@
+.b-popover {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  background: $white;
+  box-shadow: 0px -4px 12px rgba(0, 0, 0, 0.05);
+  border-radius: 4px;
+  position: relative;
+  max-width: 400px;
+  width: 400px;
+  height: auto;
+  will-change: unset !important;
+}
+
+.popover-header {
+  background-color: transparent;
+  border: none;
+  padding: 24px 0px 0px 24px;
+  width: 400px;
+}
+
+.arrow {
+  visibility: hidden;
+}
+
+.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;
+}