diff --git a/public/css/custom.css b/public/css/custom.css
index 49f859154..0c93fadce 100644
--- a/public/css/custom.css
+++ b/public/css/custom.css
@@ -856,6 +856,14 @@ table .align-items-center td span.badge {
 /*-- Embed accordion textarea Start--*/
 .embed-card-body-footer {
     margin-bottom: -1.5rem;
+    border-top: 1px solid #e9ecef;
+    margin-left: -25px;
+    margin-right: -25px;
+}
+
+.embed-acoordion-textarea .form-control-label {
+    margin-top: 20px;
+    margin-bottom: -10px;
 }
 
 .embed-acoordion-textarea {
@@ -1005,6 +1013,10 @@ table .align-items-center td span.badge {
     background-color: #fff;
 }
 
+.aka-box:hover {
+    background-color: #f6f9fc;
+}
+
 .aka-box-content>:last-child {
     margin-bottom: 0;
 }
@@ -1209,17 +1221,31 @@ table .align-items-center td span.badge {
     position: relative;
 }
 
+.aka-select-menu-option:hover {
+    background-color: #F5F7FA;
+}
+
 .text-strong {
     font-weight: bold;
 }
 
 .aka-select-footer {
     text-align: center;
-    border-top: 1px solid #b2c2cd;
-    padding: 8px;
+    border-top: 1px solid #dee2e6;
     cursor: pointer;
-    color: #55588b;
+    color: #3c3f72;
     font-weight: bold;
+    height: 40px;
+    line-height: 40px;
+    margin-top: 6px;
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
+}
+
+.aka-select-footer:hover {
+    background-color: #3c3f72 !important;
+    color: white !important;
+    border-top-color: #3c3f72;
 }
 
 .document-item-table>.aka-table>.aka-table-body>.aka-table-row:last-child .btn-aka-link {
@@ -1358,6 +1384,11 @@ table .align-items-center td span.badge {
 
 .item-select .v-money.text-right.disabled-money {
     color: #8898aa;
+    background-color: transparent !important;
+}
+
+.item-select .v-money.text-right.disabled-money:hover {
+    background-color: #F5F7FA !important;
 }
 /* Akaunting Item Button Finish */
 
diff --git a/resources/assets/js/components/AkauntingCurrencyConversion.vue b/resources/assets/js/components/AkauntingCurrencyConversion.vue
new file mode 100644
index 000000000..49e40ccff
--- /dev/null
+++ b/resources/assets/js/components/AkauntingCurrencyConversion.vue
@@ -0,0 +1,59 @@
+<template>
+    <div>
+        {{ conversion }}
+    </div>
+</template>
+
+<script>
+import Vue from 'vue';
+
+export default {
+    name: 'akaunting-currency-conversion',
+
+    props: {
+        currencyConversionText: {
+            type: String,
+            default: 'Currency conversion'
+        },
+        price: {
+            type: String,
+            default: 'sale'
+        },
+        currecyCode: {
+            type: String,
+            default: 'USD'
+        },
+        currencyRate: {
+            default: 1.000,
+        },
+    },
+
+    data() {
+        return {
+            conversion: '',
+        };
+    },
+
+    created() {
+        this.conversion = this.currencyConversionText.replace(':price', this.price).replace(':currency_code', this.currecyCode).replace(':currency_rate', this.currencyRate);
+    },
+    
+    watch: {
+        currencyConversionText: function (text) {
+            this.conversion = text.replace(':price', this.price).replace(':currency_code', this.currecyCode).replace('', this.currencyRate);
+        },
+
+        price: function (price) {
+            this.conversion = this.currencyConversionText.replace(':price', price).replace(':currency_code', this.currecyCode).replace(':currency_rate', this.currencyRate);
+        },
+
+        currecyCode: function (currecyCode) {
+            this.conversion = this.currencyConversionText.replace(':price', this.price).replace(':currency_code', currecyCode).replace(':currency_rate', this.currencyRate);
+        },
+
+        currencyRate: function (currencyRate) {
+            this.conversion = this.currencyConversionText.replace(':price', this.price).replace(':currency_code', this.currecyCode).replace(':currency_rate', currencyRate);
+        },
+    },
+};
+</script>
diff --git a/resources/assets/js/components/AkauntingItemButton.vue b/resources/assets/js/components/AkauntingItemButton.vue
index b7632ba85..f15d9a00c 100644
--- a/resources/assets/js/components/AkauntingItemButton.vue
+++ b/resources/assets/js/components/AkauntingItemButton.vue
@@ -45,6 +45,7 @@
                                     :value="item.price"
                                     v-bind="money"
                                     masked
+                                    disabled
                                     class="text-right disabled-money"
                                 ></money>
                             </div>
diff --git a/resources/assets/js/components/AkauntingMoney.vue b/resources/assets/js/components/AkauntingMoney.vue
index d1cee1064..cfd94c53d 100644
--- a/resources/assets/js/components/AkauntingMoney.vue
+++ b/resources/assets/js/components/AkauntingMoney.vue
@@ -10,7 +10,7 @@
                 </span>
             </div>
 
-            <money :name="name" @input="input" :placeholder="placeholder" v-bind="money" :value="model" :disabled="disabled" :masked="masked" class="form-control"></money>
+            <money :name="name" @input="input" :placeholder="placeholder" v-bind="money" :value="model" :disabled="disabled" :masked="masked" class="form-control" :class="moneyClass"></money>
         </div>
 
         <div class="invalid-feedback d-block" v-if="error" v-html="error"></div>
@@ -27,14 +27,13 @@
                 </span>
             </div>
 
-            <money :name="name" @input="input" :placeholder="placeholder" v-bind="money" :value="model" :disabled="disabled" :masked="masked" class="form-control"></money>
+            <money :name="name" @input="input" :placeholder="placeholder" v-bind="money" :value="model" :disabled="disabled" :masked="masked" class="form-control" :class="moneyClass"></money>
         </div>
 
-        <money v-else :name="name" @input="input" :placeholder="placeholder" v-bind="money" :value="model" :disabled="disabled" :masked="masked" class="form-control"></money>
+        <money v-else :name="name" @input="input" :placeholder="placeholder" v-bind="money" :value="model" :disabled="disabled" :masked="masked" class="form-control" :class="moneyClass"></money>
 
         <div class="invalid-feedback d-block" v-if="error" v-html="error"></div>
     </div>
-
 </template>
 
 <script>
@@ -68,6 +67,11 @@ export default {
             type: String,
             description: "Prepend icon (left)"
         },
+        moneyClass: {
+            type: String,
+            default: null,
+            description: "Selectbox disabled status"
+        },
         group_class: {
             type: String,
             default: null,
diff --git a/resources/assets/js/mixins/global.js b/resources/assets/js/mixins/global.js
index 840dbbab7..6c6a45d2e 100644
--- a/resources/assets/js/mixins/global.js
+++ b/resources/assets/js/mixins/global.js
@@ -18,6 +18,7 @@ import AkauntingDate from './../components/AkauntingDate';
 import AkauntingRecurring from './../components/AkauntingRecurring';
 import AkauntingHtmlEditor from './../components/AkauntingHtmlEditor';
 import AkauntingCountdown from './../components/AkauntingCountdown';
+import AkauntingCurrencyConversion from './../components/AkauntingCurrencyConversion';
 
 import NProgress from 'nprogress';
 import 'nprogress/nprogress.css';
@@ -46,6 +47,7 @@ export default {
         AkauntingRecurring,
         AkauntingHtmlEditor,
         AkauntingCountdown,
+        AkauntingCurrencyConversion,
         [Select.name]: Select,
         [Option.name]: Option,
         [Steps.name]: Steps,
diff --git a/resources/lang/en-GB/currencies.php b/resources/lang/en-GB/currencies.php
index 959079f3a..9cdd72522 100644
--- a/resources/lang/en-GB/currencies.php
+++ b/resources/lang/en-GB/currencies.php
@@ -8,6 +8,7 @@ return [
     'decimal_mark'          => 'Decimal Mark',
     'thousands_separator'   => 'Thousands Separator',
     'precision'             => 'Precision',
+    'conversion'            => 'Currency conversion: :price (:currency_code) at :currency_rate',
     'symbol' => [
         'symbol'            => 'Symbol',
         'position'          => 'Symbol Position',
diff --git a/resources/views/components/documents/form/totals.blade.php b/resources/views/components/documents/form/totals.blade.php
index 93c7ea188..e90b56aa7 100644
--- a/resources/views/components/documents/form/totals.blade.php
+++ b/resources/views/components/documents/form/totals.blade.php
@@ -17,7 +17,7 @@
                         </td>
                         <td class="text-right border-bottom-0 long-texts pb-0">
                             <div>
-                                {{ Form::moneyGroup('sub_total', '', '', ['disabled' => 'true' , 'row-input' => 'true', 'v-model' => 'totals.sub', 'currency' => $currency, 'dynamic-currency' => 'currency'], 0.00, 'text-right disabled-money') }}
+                                {{ Form::moneyGroup('sub_total', '', '', ['disabled' => 'true' , 'row-input' => 'true', 'v-model' => 'totals.sub', 'currency' => $currency, 'dynamic-currency' => 'currency', 'money-class' => 'text-right disabled-money'], 0.00, 'text-right disabled-money') }}
                             </div>
                         </td>
                         <td class="border-bottom-0 pb-0"></td>
@@ -33,7 +33,7 @@
                             </td>
                             <td class="text-right border-top-0 border-bottom-0 long-texts pb-0">
                                 <div>
-                                    {{ Form::moneyGroup('item_discount', '', '', ['disabled' => 'true' , 'row-input' => 'true', 'v-model' => 'totals.item_discount', 'currency' => $currency, 'dynamic-currency' => 'currency'], 0.00, 'text-right disabled-money') }}
+                                    {{ Form::moneyGroup('item_discount', '', '', ['disabled' => 'true' , 'row-input' => 'true', 'v-model' => 'totals.item_discount', 'currency' => $currency, 'dynamic-currency' => 'currency', 'money-class' => 'text-right disabled-money'], 0.00, 'text-right disabled-money') }}
                                 </div>
                             </td>
                             <td class="border-top-0 pb-0"></td>
@@ -88,7 +88,7 @@
                             </td>
                             <td class="text-right border-top-0  border-bottom-0 pb-0">
                                 <div>
-                                    {{ Form::moneyGroup('discount_total', '', '', ['disabled' => 'true' , 'row-input' => 'true', 'v-model' => 'totals.discount', 'currency' => $currency, 'dynamic-currency' => 'currency'], 0.00, 'text-right disabled-money') }}
+                                    {{ Form::moneyGroup('discount_total', '', '', ['disabled' => 'true' , 'row-input' => 'true', 'v-model' => 'totals.discount', 'currency' => $currency, 'dynamic-currency' => 'currency', 'money-class' => 'text-right disabled-money'], 0.00, 'text-right disabled-money') }}
                                 </div>
                                 {!! Form::hidden('discount', null, ['id' => 'discount', 'class' => 'form-control text-right', 'v-model' => 'form.discount']) !!}
                             </td>
@@ -106,7 +106,7 @@
                         </td>
                         <td class="text-right border-top-0 border-bottom-0 long-texts pb-0">
                             <div>
-                                {{ Form::moneyGroup('tax_total', '', '', ['disabled' => 'true' , 'row-input' => 'true', 'v-model' => 'tax.total', 'currency' => $currency, 'dynamic-currency' => 'currency'], 0.00, 'text-right disabled-money') }}
+                                {{ Form::moneyGroup('tax_total', '', '', ['disabled' => 'true' , 'row-input' => 'true', 'v-model' => 'tax.total', 'currency' => $currency, 'dynamic-currency' => 'currency', 'money-class' => 'text-right disabled-money'], 0.00, 'text-right disabled-money') }}
                             </div>
                         </td>
                         <td class="border-top-0 pb-0"></td>
@@ -122,12 +122,27 @@
                         </td>
                         <td class="text-right border-top-0 long-texts pb-0">
                             <div>
-                                {{ Form::moneyGroup('grand_total', '', '', ['disabled' => 'true' , 'row-input' => 'true', 'v-model' => 'totals.total', 'currency' => $currency, 'dynamic-currency' => 'currency'], 0.00, 'text-right disabled-money') }}
+                                {{ Form::moneyGroup('grand_total', '', '', ['disabled' => 'true' , 'row-input' => 'true', 'v-model' => 'totals.total', 'currency' => $currency, 'dynamic-currency' => 'currency', 'money-class' => 'text-right disabled-money'], 0.00, 'text-right disabled-money') }}
                             </div>
                         </td>
                         <td class="border-top-0"></td>
                     </tr>
                     @stack('grand_total_td_end')
+
+                    @stack('currency_conversion_td_start')
+                        <tr id="tr-currency-conversion" class="d-none" :class="[{'d-table-row': (('{{ setting('default.currency') }}' != form.currency_code) && totals.total)}]">
+                            <td class="border-top-0 pb-0"></td>
+                            <td class="text-right border-top-0 border-right-0 align-middle pb-0" colspan="2">
+                                <akaunting-currency-conversion 
+                                    currency-conversion-text="{{ trans('currencies.conversion') }}"
+                                    :price="(totals.total / form.currency_rate).toFixed(2)"
+                                    currecy-code="{{ setting('default.currency') }}"
+                                    :currency-rate="form.currency_rate"
+                                ></akaunting-currency-conversion>
+                            </td>
+                            <td class="border-top-0"></td>
+                        </tr>
+                        @stack('currency_conversion_td_end')
                 </tbody>
             </table>
         </div>
diff --git a/resources/views/components/documents/script.blade.php b/resources/views/components/documents/script.blade.php
index 0fb156dec..b7500dfad 100644
--- a/resources/views/components/documents/script.blade.php
+++ b/resources/views/components/documents/script.blade.php
@@ -10,6 +10,7 @@
 
 <script type="text/javascript">
     var document_items = {!! $document_items !!};
+    var document_default_currency = '{{ setting('default.currency') }}';
     var document_currencies = {!! $currencies !!};
     var document_taxes = {!! $taxes !!};
 </script>
diff --git a/resources/views/partials/form/money_group.blade.php b/resources/views/partials/form/money_group.blade.php
index e7e7e61d2..fca3dfa66 100644
--- a/resources/views/partials/form/money_group.blade.php
+++ b/resources/views/partials/form/money_group.blade.php
@@ -7,6 +7,10 @@
         :form-classes="[{'has-error': form.errors.has('{{ $name }}') }]"
         @endif
 
+        @if (!empty($attributes['money-class']))
+        money-class="{{ $attributes['money-class'] }}"
+        @endif
+
         @if (isset($attributes['required']))
         :required="{{ ($attributes['required']) ? 'true' : 'false' }}"
         @endif