1 files changed, 69 insertions, 0 deletions
diff --git a/src/assets/styles/bmc/_sila/custom/_modal.scss b/src/assets/styles/bmc/_sila/custom/_modal.scss
new file mode 100644
index 00000000..803d95d8
--- /dev/null
+++ b/src/assets/styles/bmc/_sila/custom/_modal.scss
@@ -0,0 +1,69 @@
+.modal-dialog {
+  margin: 25vh auto 0;
+}
+
+.modal-content {
+  border-radius: 16px;
+}
+
+.modal-header {
+  align-items: center;
+  border-bottom: 1px solid $faint-secondary-primary-10;
+  .close {
+    font-weight: normal;
+    color: theme-color("dark");
+    opacity: 1;
+  }
+}
+
+.modal-body {
+  display: flex;
+  justify-content: flex-start;
+}
+
+.modal-footer {
+  border-top: 1px solid $faint-secondary-primary-10;
+}
+
+#modal-reset .modal-body {
+  flex-direction: column;
+}
+
+#generate-csr .custom-select,
+#upload-certificate .custom-select,
+#modal-user .custom-select {
+  background-color: transparent;
+  border: 1px solid $on-surface-tretiatry;
+  border-radius: 4px;
+  background-image: url('~@/assets/images/_sila/icon-chevron.svg');
+}
+
+// file-input-modal
+.modal-file-body {
+  display: flex;
+  padding: 0;
+  justify-content: center;
+}
+
+.file-input_container > .custom-file {
+  width: 432px;
+  height: 357px;
+}
+
+.custom-file-input ~ .custom-file-label {
+  background-color: transparent;
+  border: 1px dashed rgba(12, 28, 41, 0.6);
+  box-sizing: border-box;
+  border-radius: 8px;
+  width: 432px;
+  height: 357px;
+  display: flex;
+  align-items: center;
+  text-align: center;
+  white-space: normal;
+  justify-content: center;
+}
+
+.custom-file-input ~ .custom-file-label::after {
+  display: none;
+}