update:add ci cd files ==> do not edit those file

assets/scss/_CKEditorStyle.scss

@@ -0,0 +1,74 @@
+.ck-content {
+  width: 100%;
+  direction: rtl;
+  text-align: right;
+
+  &:lang(en) {
+    direction: ltr;
+    text-align: left;
+  }
+
+  a {
+    display: inline-block;
+    color: #fff;
+  }
+
+  p, a, span, b, ul, li, em, h1, h2, h3, h4, h5, h6, strong {
+    font-family: inherit, sans-serif;
+    direction: unset;
+    text-align: unset;
+
+    &:lang(en) {
+      font-family: inherit;
+      direction: unset;
+      text-align: unset;
+    }
+
+    &[dir="ltr"] {
+      direction: ltr;
+      text-align: left;
+
+      p, a, span, b, ul, li, em, h1, h2, h3, h4, h5, h6, strong {
+        direction: ltr;
+        text-align: left;
+      }
+    }
+
+    &[dir="rtl"] {
+      direction: rtl;
+      text-align: justify;
+
+      p, a, span, b, ul, li, em, h1, h2, h3, h4, h5, h6, strong {
+        direction: rtl;
+        text-align: right;
+      }
+    }
+  }
+
+  p {
+    line-height: 1.6em;
+  }
+
+  //h1, h2, h3, h4, h5, h6 {
+  //  line-height: 1.3em;
+  //}
+
+  li {
+    margin-bottom: 15px;
+    line-height: 1.6em;
+  }
+
+  ol {
+    list-style: decimal;
+    list-style-position: inside;
+  }
+
+  ul {
+    list-style: disc;
+    list-style-position: inside;
+  }
+
+  img {
+    max-width: 100%!important;
+  }
+}

assets/scss/_el_ui_rtl.scss

@@ -0,0 +1,167 @@
+html:lang(fa) {
+
+  .text-area {
+    textarea {
+      height: 100px;
+    }
+  }
+
+  .el-popup-parent--hidden {
+    padding-right: 0 !important;
+  }
+
+  .el-tag .el-icon-close {
+    right: auto !important;
+    left: -5px !important;
+  }
+
+  .el-table .el-table__body-wrapper .el-table__row .is-left {
+    text-align: left !important;
+  }
+
+  .wrapper {
+    min-height: 100vh;
+  }
+
+  .el-form-item__label {
+    float: right !important;
+    text-align: right !important;
+  }
+
+  .el-form-item__content {
+    margin-left: 0 !important;
+    margin-right: 120px !important;
+  }
+
+  @media (max-width: 768px) {
+    .el-form-item__content {
+      margin-left: 0 !important;
+      margin-right: 0 !important;
+    }
+  }
+
+  .secondTitle {
+    margin-top: 50px;
+  }
+
+  .el-upload__input {
+    display: none !important;
+  }
+
+  .el-message-box__title, .el-message-box__message {
+    direction: rtl !important;
+    text-align: right !important;
+  }
+
+  .el-message-box__message {
+    padding-left: 12px !important;
+    padding-right: 36px !important;
+  }
+
+  .el-message-box__btns {
+    text-align: left !important;
+  }
+
+  .el-message-box__headerbtn {
+    right: auto !important;
+    left: 15px !important;
+  }
+
+  .el-message-box__btns button:nth-child(2) {
+    margin-left: 0 !important;
+    margin-right: 10px !important;
+  }
+
+  .el-message-box__status {
+    right: 0 !important;
+  }
+
+  .el-table td, .el-table th {
+    text-align: right !important;
+  }
+
+  .el-upload__input {
+    display: none !important;
+  }
+
+  .el-checkbox__label {
+    padding-left: 0 !important;
+    padding-right: 10px !important;
+  }
+
+  .el-message__icon {
+    margin-right: 0 !important;
+    margin-left: 10px !important;
+  }
+
+  .sidebar-subnav {
+    background: rgba(0, 0, 0, 0.05) !important;
+  }
+
+  .sidebar > .nav > li {
+    border-bottom: 1px solid #eee !important;
+  }
+
+  .brand-logo p {
+    margin-top: 6px !important;
+  }
+
+  .brand-logo-collapsed svg {
+    fill: #fff !important;
+  }
+
+  .nav-floating {
+    background: #fff !important;
+  }
+
+  .el-dialog__headerbtn {
+    right: auto !important;
+    left: 20px !important;
+  }
+
+  .el-radio__label {
+    padding-right: 10px !important;
+  }
+
+  .el-scrollbar__wrap {
+    margin-right: 0 !important;
+    margin-left: -17px !important;
+  }
+}
+
+
+.el-input-number__decrease{
+  height: 95%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  @extend %defaultTransition;
+  &:hover{
+    background: $red;
+    color: $themeReverse;
+  }
+}
+
+.el-input-number__increase{
+  height: 95%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  @extend %defaultTransition;
+  &:hover{
+    background: $red;
+    color: $themeReverse;
+  }
+}
+
+.el-input--medium .el-input__inner{
+  font-family: 'dubaiM', sans-serif;
+}
+
+.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled), .el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled){
+   border-color: rgba(255, 0, 0, 0);
+}
+
+// .home-Page .row {
+//   --bs-gutter-x: 0;
+// }

assets/scss/_extentions.scss

@@ -0,0 +1,41 @@
+%defaultTransition {
+  @include transition(0.3s);
+}
+
+%userSelect {
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+}
+
+%appearance {
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+}
+
+%defaultBoxShadow {
+  @include boxShadow(0 5px 8px rgba(0, 0, 0, 0.2))
+}
+
+%formStyles {
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  direction: rtl;
+  font-family: 'sahel';
+  border: 1px solid transparent;
+  background: #fff;
+  @include borderRadius(2px);
+}
+
+%maxHeightText {
+  display: block;
+  text-overflow: ellipsis;
+  word-wrap: break-word;
+  overflow: hidden;
+
+  //line-height: 1.2em;
+}
+

assets/scss/_fonts.scss

@@ -0,0 +1,51 @@
+////////////////////////////////////////// dubai
+
+// dubai-light
+@font-face {
+  font-family: "dubaiL";
+  src: url("/fonts/dubai-font-webfonts/light/Dubai-Light.eot?#iefix") format("embedded-opentype"),
+  url("/fonts/dubai-font-webfonts/light/Dubai-Light.woff") format("woff"),
+  url("/fonts/dubai-font-webfonts/light/Dubai-Light.ttf") format("truetype");
+}
+
+// dubai-medium
+@font-face {
+  font-family: "dubaiM";
+  src: url("/fonts/dubai-font-webfonts/medium/Dubai-Medium.eot?#iefix") format("embedded-opentype"),
+  url("/fonts/dubai-font-webfonts/medium/Dubai-Medium.woff") format("woff"),
+  url("/fonts/dubai-font-webfonts/medium/Dubai-Medium.ttf") format("truetype");
+}
+
+///////////////////////////////////////////////////////////// Geometria
+
+// geometria
+@font-face {
+  font-family: "geometria";
+  src: url("/fonts/geometria-webfonts/Geometria.woff") format("woff");
+}
+
+// geometria-bold
+@font-face {
+  font-family: "geometriaBold";
+  src: url("/fonts/geometria-webfonts/Geometria-Bold.woff") format("woff");
+}
+
+// geometria-extra-bold
+@font-face {
+  font-family: "geometriaExtraBold";
+  src: url("/fonts/geometria-webfonts/Geometria-ExtraBold.woff") format("woff");
+}
+
+// geometria-Medium
+@font-face {
+  font-family: "geometriaMedium";
+  src: url("/fonts/geometria-webfonts/Geometria-Medium.woff") format("woff");
+}
+
+///////////////////////////////////////////////////////////// Silka
+
+// silka bold
+@font-face {
+  font-family: "silkaBold";
+  src: url("/fonts/silka-webfont/silka-semibold-webfont.ttf") format("woff");
+}

assets/scss/_mixins.scss

@@ -0,0 +1,45 @@
+@mixin transform($p...) {
+  transform: $p;
+  -webkit-transform: $p;
+  -moz-transform: $p;
+  -ms-transform: $p;
+  -o-transform: $p;
+}
+
+@mixin transition($p...) {
+  transition: $p;
+  -webkit-transition: $p;
+  -moz-transition: $p;
+  -ms-transition: $p;
+  -o-transition: $p;
+}
+
+@mixin boxSizing($p) {
+  box-sizing: $p;
+  -webkit-box-sizing: $p;
+  -moz-box-sizing: $p;
+}
+
+@mixin filter($p...) {
+  filter: $p;
+  -ms-filter: $p;
+}
+
+@mixin boxShadow($p) {
+  box-shadow: $p;
+  -webkit-box-shadow: $p;
+  -moz-box-shadow: $p;
+}
+
+@mixin borderRadius($p) {
+  border-radius: $p;
+  -webkit-border-radius: $p;
+  -moz-border-radius: $p;
+}
+
+@mixin animation($p) {
+  animation: $p;
+  -webkit-animation: $p;
+  -o-animation: $p;
+}
+

assets/scss/_printStyles.scss

@@ -0,0 +1,220 @@
+body {
+  -webkit-print-color-adjust: exact !important;
+}
+
+@page {
+  size: landscape !important;
+}
+
+#box-face-receipt {
+  padding: 20px;
+
+  .receipt-body {
+    border: 1px solid rgba(#000, 1);
+    padding: 15px;
+
+    .infoRow {
+      margin-bottom: 15px;
+    }
+
+    .topLeft {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+      background: rgba(0, 0, 0, 0.05);
+      padding: 10px;
+      flex-basis: 300px;
+
+      &:first-child {
+        margin-bottom: 5px;
+      }
+    }
+
+    h2 {
+      margin-bottom: 20px;
+    }
+
+    b, span {
+      display: inline-block;
+    }
+
+    b {
+      margin-left: 5px;
+    }
+
+    .receiverInfo {
+      .topLeft {
+        background: transparent;
+        justify-content: flex-end;
+        align-items: flex-start;
+
+        svg {
+          width: 200px;
+
+          path, rect {
+            fill: #000;
+          }
+        }
+      }
+    }
+  }
+}
+
+#box-inner-receipt {
+  padding: 20px;
+
+  .receipt-body {
+    border: 1px solid rgba(#000, 1);
+    padding: 15px;
+
+    .topBar {
+      margin-bottom: 30px;
+
+      svg {
+        width: 200px;
+
+        path, rect {
+          fill: #000;
+        }
+      }
+    }
+
+    .topLeft {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+      background: rgba(0, 0, 0, 0.05);
+      padding: 10px;
+      flex-basis: 300px;
+
+      &:first-child {
+        margin-left: 5px;
+      }
+    }
+
+    .stuff-list {
+      margin-bottom: 30px !important;
+
+      @media print {
+        .notice {
+          display: none;
+        }
+      }
+
+      table {
+        width: 100% !important;
+
+        thead {
+          tr {
+            background: rgba(0, 0, 0, 0.7) !important;
+            color: #fff !important;
+          }
+        }
+
+        tr {
+          background-color: #E0E6ED !important;
+
+          &.odd {
+            background-color: #8A92A9 !important;
+          }
+
+          td, th {
+            padding: 10px !important;
+            text-align: center !important;
+          }
+        }
+      }
+    }
+  }
+
+}
+
+#factor-layout {
+  border: 1px dashed #000;
+  padding: 10px;
+  margin-bottom: 30px;
+
+  span, p {
+    font-family: 'iranYekanR', sans-serif;
+    color: #000;
+  }
+
+  .pageHeader {
+    margin-bottom: 10px;
+
+    .row1 {
+      h2 {
+        text-align: center;
+        font-family: 'iranYekanB';
+        font-weight: bold;
+      }
+    }
+
+    .row2 {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-end;
+
+      p {
+        width: 200px;
+        text-align: right;
+      }
+    }
+  }
+
+  .factor {
+    width: 100%;
+    border: 1px solid #000;
+
+
+    .factorInfo {
+      display: flex;
+      flex-direction: column;
+      padding: 10px;
+
+      p {
+        text-align: right;
+        padding: 10px 0;
+        color: #000;
+      }
+
+      .row1 {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+
+        p {
+          flex-basis: 33.33%;
+        }
+      }
+    }
+
+    table {
+      width: 100%;
+
+      thead {
+        tr {
+          th {
+            background: rgba(#000, 0.1);
+            text-align: center;
+            border: 1px solid #000;
+            padding: 5px;
+          }
+        }
+      }
+
+      tbody {
+        tr {
+          td, th {
+            text-align: center;
+            border: 1px solid #000;
+            padding: 5px;
+          }
+        }
+      }
+    }
+  }
+
+}

assets/scss/_variables.scss

@@ -0,0 +1,29 @@
+////// colors
+$theme: #000;
+$themeTransparent: transparent;
+$themeSecond: #191919;
+$themeReverse: #fff;
+$themeTxtColorBlack: #000;
+$themeTxtColorWhite: #fff;
+$themeTxtColorGreen: #87BF00;
+$red: #ed1d24;
+
+
+////////// linear-gradient
+$dimmer: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
+
+
+////// sizes
+$headerMainNavHeight: 60px;
+
+$bigTitle: 50px;
+$h1: 38px;
+$h2: 30px;
+$h3: 24px;
+$h4: 22px;
+$h5: 20px;
+$h6: 18px;
+$span: 13px;
+
+
+$sizeHeader: 35vh

assets/scss/main.scss

@@ -0,0 +1,9 @@
+@import "variables";
+@import "mixins";
+@import "extentions";
+@import "fonts";
+@import "globalStyles";
+@import "pages";
+@import "CKEditorStyle";
+@import "el_ui_rtl";
+@import "printStyles";