diff --git a/app/Http/Controllers/CompanyController.php b/app/Http/Controllers/CompanyController.php
index a26ad328..ffefaf6e 100644
--- a/app/Http/Controllers/CompanyController.php
+++ b/app/Http/Controllers/CompanyController.php
@@ -153,6 +153,83 @@ class CompanyController extends Controller
         ]);
     }
 
+    public function getCustomizeSetting (Request $request)
+    {
+        $invoice_prefix = CompanySetting::getSetting('invoice_prefix', $request->header('company'));
+        $invoice_auto_generate = CompanySetting::getSetting('invoice_auto_generate', $request->header('company'));
+        $invoice_notes = CompanySetting::getSetting('invoice_notes',  $request->header('company'), true);
+        $invoice_terms_and_conditions = CompanySetting::getSetting('invoice_terms_and_conditions', $request->header('company'), true);
+
+        $estimate_prefix = CompanySetting::getSetting('estimate_prefix', $request->header('company'));
+        $estimate_notes = CompanySetting::getSetting('estimate_notes', $request->header('company'), true);
+        $estimate_terms_and_conditions = CompanySetting::getSetting('estimate_terms_and_conditions', $request->header('company'), true);
+        $estimate_auto_generate  = CompanySetting::getSetting('estimate_auto_generate', $request->header('company'));
+
+        $payment_prefix = CompanySetting::getSetting('payment_prefix', $request->header('company'));
+        $payment_auto_generate = CompanySetting::getSetting('payment_auto_generate', $request->header('company'));
+
+        $billing_address_format = CompanySetting::getSetting('billing_address_format', $request->header('company'), $large= true);
+        $shipping_address_format = CompanySetting::getSetting('shipping_address_format', $request->header('company'), $large= true);
+        $company_address_format = CompanySetting::getSetting('company_address_format', $request->header('company'), $large= true);
+
+        return  response()->json([
+            'invoice_prefix' => $invoice_prefix,
+            'invoice_auto_generate' => $invoice_auto_generate,
+            'invoice_notes' => $invoice_notes,
+            'invoice_terms_and_conditions' => $invoice_terms_and_conditions,
+            'estimate_prefix' => $estimate_prefix,
+            'estimate_auto_generate' => $estimate_auto_generate,
+            'estimate_notes' => $estimate_notes,
+            'estimate_terms_and_conditions' => $estimate_terms_and_conditions,
+            'payment_prefix' => $payment_prefix,
+            'payment_auto_generate' => $payment_auto_generate,
+            'billing_address_format' => $billing_address_format,
+            'shipping_address_format' => $shipping_address_format,
+            'company_address_format' => $company_address_format
+        ]);
+    }
+
+    public function updateCustomizeSetting (Request $request)
+    {
+        $sets = [];
+
+        if ($request->type == "PAYMENTS") {
+            $sets = [
+                'payment_prefix'
+            ];
+        } elseif ($request->type == "INVOICES") {
+            $sets = [
+                'invoice_prefix',
+                'invoice_notes',
+                'invoice_terms_and_conditions'
+            ];
+        } elseif ($request->type == "ESTIMATES") {
+            $sets = [
+                'estimate_prefix',
+                'estimate_notes',
+                'estimate_terms_and_conditions'
+            ];
+        } else {
+            $sets = [
+                'billing_address_format',
+                'shipping_address_format',
+                'company_address_format'
+            ];
+        }
+
+        foreach ($sets as $key) {
+            if ($key == 'invoice_terms_and_conditions' || $key == 'invoice_notes' || $request->type == "ADDRESSES" || $key === 'estimate_terms_and_conditions' || $key === 'estimate_notes') {
+                CompanySetting::setSetting($key, $request->$key, $request->header('company'), true);
+            } else {
+                CompanySetting::setSetting($key, $request->$key, $request->header('company'));
+            }
+        }
+
+        return response()->json([
+            'success' => true
+        ]);
+    }
+
     public function updateSetting(SettingRequest $request)
     {
         CompanySetting::setSetting($request->key, $request->value, $request->header('company'));
diff --git a/app/Http/Controllers/OnboardingController.php b/app/Http/Controllers/OnboardingController.php
index 2eb8bb94..dbf0f5c8 100644
--- a/app/Http/Controllers/OnboardingController.php
+++ b/app/Http/Controllers/OnboardingController.php
@@ -202,6 +202,45 @@ class OnboardingController extends Controller
             );
         }
 
+        $invoices = [
+            'invoice_auto_generate' => 'YES',
+            'invoice_prefix' => 'INV'
+        ];
+
+        foreach ($invoices as $key => $value) {
+            CompanySetting::setSetting(
+                $key,
+                $value,
+                $user->company_id
+            );
+        }
+
+        $estimates = [
+            'estimate_prefix' => 'EST',
+            'estimate_auto_generate' => 'YES'
+        ];
+
+        foreach ($estimates as $key => $value) {
+            CompanySetting::setSetting(
+                $key,
+                $value,
+                $user->company_id
+            );
+        }
+
+        $payments = [
+            'payment_prefix' => 'PAY',
+            'payment_auto_generate' => 'YES'
+        ];
+
+        foreach ($payments as $key => $value) {
+            CompanySetting::setSetting(
+                $key,
+                $value,
+                $user->company_id
+            );
+        }
+
         $colors = [
             'primary_text_color' => '#5851D8',
             'heading_text_color' => '#595959',
diff --git a/resources/assets/js/plugins/en.json b/resources/assets/js/plugins/en.json
index 3bcc26a4..00d58eeb 100644
--- a/resources/assets/js/plugins/en.json
+++ b/resources/assets/js/plugins/en.json
@@ -530,6 +530,7 @@
     "menu_title": {
       "account_settings": "Account Settings",
       "company_information": "Company Information",
+      "customization": "Customization",
       "preferences": "Preferences",
       "notifications": "Notifications",
       "tax_types": "Tax Types",
@@ -598,6 +599,67 @@
       "save": "Save",
       "updated_message": "Company information updated successfully"
     },
+    "customization": {
+        "customization": "customization",
+        "save": "Save",
+        "addresses": {
+            "title": "Addresses",
+            "section_description": "You can set Customer Billing Address and Customer Shipping Address Format (Displayed in PDF only). ",
+            "customer_billing_address": "Customer Billing Address",
+            "customer_shipping_address": "Customer Shipping Address",
+            "company_address": "Company Address",
+            "insert_fields": "Insert Fields",
+            "contact": "Contact",
+            "address": "Address",
+            "display_name": "Display Name",
+            "primary_contact_name": "Primary Contact Name",
+            "email": "Email",
+            "website": "Website",
+            "name": "Name",
+            "country": "Country",
+            "state": "State",
+            "city": "City",
+            "company_name": "Company Name",
+            "address_street_1": "Address Street 1",
+            "address_street_2": "Address Street 2",
+            "phone": "Phone",
+            "zip_code": "Zip Code",
+            "address_setting_updated": "Address Setting updated successfully"
+        },
+        "updated_message": "Company information updated successfully",
+
+        "invoices": {
+            "title": "Invoices",
+            "notes": "Notes",
+            "invoice_prefix": "Invoice Prefix",
+            "invoice_settings": "Invoice Settings",
+            "autogenerate_invoice_number": "Autogenerate Invoice Number",
+            "invoice_setting_description": "Disable this, If you don't wish to auto-generate invoice numbers each time you create a new invoice.",
+            "enter_invoice_prefix": "Enter invoice prefix",
+            "terms_and_conditions": "Terms and Conditions",
+            "invoice_setting_updated": "Invoice Setting updated successfully"
+        },
+
+        "estimates": {
+            "title": "Estimates",
+            "estimate_prefix": "Estimate Prefix",
+            "estimate_settings": "Estimate Settings",
+            "autogenerate_estimate_number": "Autogenerate Estimate Number",
+            "estimate_setting_description": "Disable this, If you don't wish to auto-generate estimate numbers each time you create a new estimate.",
+            "enter_estimate_prefix": "Enter estmiate prefix",
+            "estimate_setting_updated": "Estimate Setting updated successfully"
+        },
+
+        "payments": {
+            "title": "Payments",
+            "payment_prefix": "Payment Prefix",
+            "payment_settings": "Payment Settings",
+            "autogenerate_payment_number": "Autogenerate Payment Number",
+            "payment_setting_description": "Disable this, If you don't wish to auto-generate payment numbers each time you create a new payment.",
+            "enter_payment_prefix": "Enter Payment Prefix",
+            "payment_setting_updated": "Payment Setting updated successfully"
+        }
+    },
     "account_settings": {
       "profile_picture": "Profile Picture",
       "name": "Name",
@@ -812,6 +874,7 @@
     "maximum_options_error": "Maximum  of {max} options selected. First remove a selected option to select another.",
     "notes_maxlength": "Notes should not be greater than 255 characters.",
     "address_maxlength": "Address should not be greater than 255 characters.",
-    "ref_number_maxlength": "Ref Number should not be greater than 255 characters."
+    "ref_number_maxlength": "Ref Number should not be greater than 255 characters.",
+    "prefix_maxlength": "Prefix should not be greater than 5 characters."
   }
 }
diff --git a/resources/assets/js/router.js b/resources/assets/js/router.js
index 279a620d..f53d156e 100644
--- a/resources/assets/js/router.js
+++ b/resources/assets/js/router.js
@@ -66,6 +66,7 @@ import ReportLayout from './views/reports/layout/Index.vue'
 // Settings
 import SettingsLayout from './views/settings/layout/Index.vue'
 import CompanyInfo from './views/settings/CompanyInfo.vue'
+import Customization from './views/settings/Customization.vue'
 import Notifications from './views/settings/Notifications.vue'
 import Preferences from './views/settings/Preferences.vue'
 import UserProfile from './views/settings/UserProfile.vue'
@@ -309,6 +310,11 @@ const routes = [
             name: 'company.info',
             component: CompanyInfo
           },
+          {
+            path: 'customization',
+            name: 'customization',
+            component: Customization
+          },
           {
             path: 'user-profile',
             name: 'user.profile',
diff --git a/resources/assets/js/views/settings/Customization.vue b/resources/assets/js/views/settings/Customization.vue
new file mode 100644
index 00000000..cb8f55b8
--- /dev/null
+++ b/resources/assets/js/views/settings/Customization.vue
@@ -0,0 +1,375 @@
+<template>
+  <div class="setting-main-container customization">
+    <div class="card setting-card">
+      <ul class="tabs">
+        <li class="tab" @click="setActiveTab('INVOICES')">
+          <a :class="['tab-link', {'a-active': activeTab === 'INVOICES'}]" href="#">{{ $t('settings.customization.invoices.title') }}</a>
+        </li>
+        <li class="tab" @click="setActiveTab('ESTIMATES')">
+          <a :class="['tab-link', {'a-active': activeTab === 'ESTIMATES'}]" href="#">{{ $t('settings.customization.estimates.title') }}</a>
+        </li>
+        <li class="tab" @click="setActiveTab('PAYMENTS')">
+          <a :class="['tab-link', {'a-active': activeTab === 'PAYMENTS'}]" href="#">{{ $t('settings.customization.payments.title') }}</a>
+        </li>
+      </ul>
+
+      <!-- Invoices Tab -->
+      <transition name="fade">
+        <div v-if="activeTab === 'INVOICES'" class="invoice-tab">
+          <form action="" class="form-section" @submit.prevent="updateInvoiceSetting">
+            <div class="row">
+              <div class="col-md-12 mb-4">
+                <label class="input-label">{{ $t('settings.customization.invoices.invoice_prefix') }}</label>
+                <base-input
+                  v-model="invoices.invoice_prefix"
+                  :invalid="$v.invoices.invoice_prefix.$error"
+                  class="prefix-input"
+                  @input="$v.invoices.invoice_prefix.$touch()"
+                  @keyup="changeToUppercase('INVOICES')"
+                />
+                <span v-show="!$v.invoices.invoice_prefix.required" class="text-danger mt-1">{{ $t('validation.required') }}</span>
+                <span v-if="!$v.invoices.invoice_prefix.maxLength" class="text-danger">{{ $t('validation.prefix_maxlength') }}</span>
+                <span v-if="!$v.invoices.invoice_prefix.alpha" class="text-danger">{{ $t('validation.characters_only') }}</span>
+              </div>
+            </div>
+            <div class="row mb-3">
+              <div class="col-md-12">
+                <base-button
+                  icon="save"
+                  color="theme"
+                  type="submit"
+                >
+                  {{ $t('settings.customization.save') }}
+                </base-button>
+              </div>
+            </div>
+            <hr>
+          </form>
+          <div class="col-md-12 mt-3">
+            <div class="page-header">
+              <h3 class="page-title">
+                {{ $t('settings.customization.invoices.invoice_settings') }}
+              </h3>
+              <div class="flex-box">
+                <div class="left">
+                  <base-switch
+                    v-model="invoiceAutogenerate"
+                    class="btn-switch"
+                    @change="setInvoiceSetting"
+                  />
+                </div>
+                <div class="right ml-15">
+                  <p class="box-title">  {{ $t('settings.customization.invoices.autogenerate_invoice_number') }} </p>
+                  <p class="box-desc">  {{ $t('settings.customization.invoices.invoice_setting_description') }} </p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </transition>
+
+      <!-- Estimates Tab -->
+      <transition name="fade">
+        <div v-if="activeTab === 'ESTIMATES'" class="estimate-tab">
+          <form action="" class="form-section" @submit.prevent="updateEstimateSetting">
+            <div class="row">
+              <div class="col-md-12 mb-4">
+                <label class="input-label">{{ $t('settings.customization.estimates.estimate_prefix') }}</label>
+                <base-input
+                  v-model="estimates.estimate_prefix"
+                  :invalid="$v.estimates.estimate_prefix.$error"
+                  class="prefix-input"
+                  @input="$v.estimates.estimate_prefix.$touch()"
+                  @keyup="changeToUppercase('ESTIMATES')"
+                />
+                <span v-show="!$v.estimates.estimate_prefix.required" class="text-danger mt-1">{{ $t('validation.required') }}</span>
+                <span v-if="!$v.estimates.estimate_prefix.maxLength" class="text-danger">{{ $t('validation.prefix_maxlength') }}</span>
+                <span v-if="!$v.estimates.estimate_prefix.alpha" class="text-danger">{{ $t('validation.characters_only') }}</span>
+              </div>
+            </div>
+            <div class="row mb-3">
+              <div class="col-md-12">
+                <base-button
+                  icon="save"
+                  color="theme"
+                  type="submit"
+                >
+                  {{ $t('settings.customization.save') }}
+                </base-button>
+              </div>
+            </div>
+            <hr>
+          </form>
+          <div class="col-md-12 mt-3">
+            <div class="page-header">
+              <h3 class="page-title">
+                {{ $t('settings.customization.estimates.estimate_settings') }}
+              </h3>
+              <div class="flex-box">
+                <div class="left">
+                  <base-switch
+                    v-model="estimateAutogenerate"
+                    class="btn-switch"
+                    @change="setEstimateSetting"
+                  />
+                </div>
+                <div class="right ml-15">
+                  <p class="box-title">  {{ $t('settings.customization.estimates.autogenerate_estimate_number') }} </p>
+                  <p class="box-desc">  {{ $t('settings.customization.estimates.estimate_setting_description') }} </p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </transition>
+
+      <!-- Payments Tab -->
+      <transition name="fade">
+        <div v-if="activeTab === 'PAYMENTS'" class="payment-tab">
+          <form action="" class="form-section" @submit.prevent="updatePaymentSetting">
+            <div class="row">
+              <div class="col-md-12 mb-4">
+                <label class="input-label">{{ $t('settings.customization.payments.payment_prefix') }}</label>
+                <base-input
+                  v-model="payments.payment_prefix"
+                  :invalid="$v.payments.payment_prefix.$error"
+                  class="prefix-input"
+                  @input="$v.payments.payment_prefix.$touch()"
+                  @keyup="changeToUppercase('PAYMENTS')"
+                />
+                <span v-show="!$v.payments.payment_prefix.required" class="text-danger mt-1">{{ $t('validation.required') }}</span>
+                <span v-if="!$v.payments.payment_prefix.maxLength" class="text-danger">{{ $t('validation.prefix_maxlength') }}</span>
+                <span v-if="!$v.payments.payment_prefix.alpha" class="text-danger">{{ $t('validation.characters_only') }}</span>
+              </div>
+            </div>
+            <div class="row mb-3">
+              <div class="col-md-12">
+                <base-button
+                  icon="save"
+                  color="theme"
+                  type="submit"
+                >
+                  {{ $t('settings.customization.save') }}
+                </base-button>
+              </div>
+            </div>
+          </form>
+          <hr>
+          <div class="col-md-12 mt-4">
+            <div class="page-header">
+              <h3 class="page-title">
+                {{ $t('settings.customization.payments.payment_settings') }}
+              </h3>
+              <div class="flex-box">
+                <div class="left">
+                  <base-switch
+                    v-model="paymentAutogenerate"
+                    class="btn-switch"
+                    @change="setPaymentSetting"
+                  />
+                </div>
+                <div class="right ml-15">
+                  <p class="box-title">  {{ $t('settings.customization.payments.autogenerate_payment_number') }} </p>
+                  <p class="box-desc">  {{ $t('settings.customization.payments.payment_setting_description') }} </p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </transition>
+    </div>
+  </div>
+</template>
+<script>
+import { validationMixin } from 'vuelidate'
+const { required, maxLength, alpha } = require('vuelidate/lib/validators')
+export default {
+  mixins: [validationMixin],
+  data () {
+    return {
+      activeTab: 'INVOICES',
+      invoiceAutogenerate: false,
+      estimateAutogenerate: false,
+      paymentAutogenerate: false,
+      invoices: {
+        invoice_prefix: null,
+        invoice_notes: null,
+        invoice_terms_and_conditions: null
+      },
+      estimates: {
+        estimate_prefix: null,
+        estimate_notes: null,
+        estimate_terms_and_conditions: null
+      },
+      payments: {
+        payment_prefix: null
+      },
+      currentData: null
+    }
+  },
+  watch: {
+  },
+  validations: {
+    invoices: {
+      invoice_prefix: {
+        required,
+        maxLength: maxLength(5),
+        alpha
+      },
+      invoice_notes: {
+        maxLength: maxLength(255)
+      }
+    },
+    estimates: {
+      estimate_prefix: {
+        required,
+        maxLength: maxLength(5),
+        alpha
+      },
+      estimate_notes: {
+        maxLength: maxLength(255)
+      }
+    },
+    payments: {
+      payment_prefix: {
+        required,
+        maxLength: maxLength(5),
+        alpha
+      }
+    }
+  },
+  created () {
+    this.loadData()
+  },
+  methods: {
+    async setInvoiceSetting () {
+      let data = {
+        key: 'invoice_auto_generate',
+        value: this.invoiceAutogenerate ? 'YES' : 'NO'
+      }
+      let response = await window.axios.put('/api/settings/update-setting', data)
+      if (response.data) {
+        window.toastr['success'](this.$t('general.setting_updated'))
+      }
+    },
+    async setEstimateSetting () {
+      let data = {
+        key: 'estimate_auto_generate',
+        value: this.estimateAutogenerate ? 'YES' : 'NO'
+      }
+      let response = await window.axios.put('/api/settings/update-setting', data)
+      if (response.data) {
+        window.toastr['success'](this.$t('general.setting_updated'))
+      }
+    },
+    changeToUppercase (currentTab) {
+      if (currentTab === 'INVOICES') {
+        this.invoices.invoice_prefix = this.invoices.invoice_prefix.toUpperCase()
+        return true
+      }
+
+      if (currentTab === 'ESTIMATES') {
+        this.estimates.estimate_prefix = this.estimates.estimate_prefix.toUpperCase()
+        return true
+      }
+
+      if (currentTab === 'PAYMENTS') {
+        this.payments.payment_prefix = this.payments.payment_prefix.toUpperCase()
+        return true
+      }
+    },
+    async setPaymentSetting () {
+      let data = {
+        key: 'payment_auto_generate',
+        value: this.paymentAutogenerate ? 'YES' : 'NO'
+      }
+      let response = await window.axios.put('/api/settings/update-setting', data)
+      if (response.data) {
+        window.toastr['success'](this.$t('general.setting_updated'))
+      }
+    },
+    async loadData () {
+      let res = await window.axios.get('/api/settings/get-customize-setting')
+
+      if (res.data) {
+        this.invoices.invoice_prefix = res.data.invoice_prefix
+        this.invoices.invoice_notes = res.data.invoice_notes
+        this.invoices.invoice_terms_and_conditions = res.data.invoice_terms_and_conditions
+        this.estimates.estimate_prefix = res.data.estimate_prefix
+        this.estimates.estimate_notes = res.data.estimate_notes
+        this.estimates.estimate_terms_and_conditions = res.data.estimate_terms_and_conditions
+        this.payments.payment_prefix = res.data.payment_prefix
+
+        if (res.data.invoice_auto_generate === 'YES') {
+          this.invoiceAutogenerate = true
+        } else {
+          this.invoiceAutogenerate = false
+        }
+
+        if (res.data.estimate_auto_generate === 'YES') {
+          this.estimateAutogenerate = true
+        } else {
+          this.estimateAutogenerate = false
+        }
+
+        if (res.data.payment_auto_generate === 'YES') {
+          this.paymentAutogenerate = true
+        } else {
+          this.paymentAutogenerate = false
+        }
+      }
+    },
+    async updateInvoiceSetting () {
+      this.$v.invoices.$touch()
+
+      if (this.$v.invoices.$invalid) {
+        return false
+      }
+
+      let data = {type: 'INVOICES', ...this.invoices}
+
+      if (this.updateSetting(data)) {
+        window.toastr['success'](this.$t('settings.customization.invoices.invoice_setting_updated'))
+      }
+    },
+    async updateEstimateSetting () {
+      this.$v.estimates.$touch()
+
+      if (this.$v.estimates.$invalid) {
+        return false
+      }
+
+      let data = {type: 'ESTIMATES', ...this.estimates}
+
+      if (this.updateSetting(data)) {
+        window.toastr['success'](this.$t('settings.customization.estimates.estimate_setting_updated'))
+      }
+    },
+    async updatePaymentSetting () {
+      this.$v.payments.$touch()
+
+      if (this.$v.payments.$invalid) {
+        return false
+      }
+
+      let data = {type: 'PAYMENTS', ...this.payments}
+
+      if (this.updateSetting(data)) {
+        window.toastr['success'](this.$t('settings.customization.payments.payment_setting_updated'))
+      }
+    },
+    async updateSetting (data) {
+      let res = await window.axios.put('/api/settings/update-customize-setting', data)
+
+      if (res.data.success) {
+        return true
+      }
+
+      return false
+    },
+    setActiveTab (val) {
+      this.activeTab = val
+    }
+  }
+}
+</script>
diff --git a/resources/assets/js/views/settings/layout/Index.vue b/resources/assets/js/views/settings/layout/Index.vue
index 797ac1f6..0a76fa8a 100644
--- a/resources/assets/js/views/settings/layout/Index.vue
+++ b/resources/assets/js/views/settings/layout/Index.vue
@@ -45,6 +45,12 @@ export default {
           icon: 'building',
           iconType: 'far'
         },
+        {
+          link: '/admin/settings/customization',
+          title: 'settings.menu_title.customization',
+          icon: 'edit',
+          iconType: 'fa'
+        },
         {
           link: '/admin/settings/preferences',
           title: 'settings.menu_title.preferences',
diff --git a/resources/assets/sass/crater.scss b/resources/assets/sass/crater.scss
index e0f71ccd..cd4645a9 100644
--- a/resources/assets/sass/crater.scss
+++ b/resources/assets/sass/crater.scss
@@ -91,6 +91,7 @@
 @import 'pages/login';
 @import 'pages/login-3';
 @import 'pages/404';
+@import 'pages/customization';
 @import 'pages/settings';
 @import 'pages/invoices/create';
 @import 'pages/invoices/view';
diff --git a/resources/assets/sass/pages/customization.scss b/resources/assets/sass/pages/customization.scss
new file mode 100644
index 00000000..d9ce8d39
--- /dev/null
+++ b/resources/assets/sass/pages/customization.scss
@@ -0,0 +1,39 @@
+.customization {
+
+    .prefix-input {
+        max-width: 30%;
+    }
+
+    .form-section {
+        padding: 8px 15px;
+    }
+
+    .invoice-customization-card {
+        border: 1px solid #EBF1FA;border-radius: 5px;
+    }
+
+    @media (max-width: $x-small-breakpoint) {
+        .address-customization-card {
+
+            .address-fields-container {
+                display: flex;
+                flex-wrap: wrap;
+
+                .fields-list {
+                    border-right: 0px;
+                }
+            }
+
+        }
+
+        .tabs {
+
+            .tab {
+                padding: 10px 10px;
+            }
+
+        }
+
+    }
+
+}
diff --git a/routes/api.php b/routes/api.php
index f5927df6..6f0ae7d9 100644
--- a/routes/api.php
+++ b/routes/api.php
@@ -358,6 +358,16 @@ Route::group(['middleware' => 'api'], function () {
                 'uses' => 'CompanyController@updateSetting'
             ]);
 
+            Route::get('/get-customize-setting', [
+                'as' => 'admin.get.customize.setting',
+                'uses' => 'CompanyController@getCustomizeSetting'
+            ]);
+
+            Route::put('/update-customize-setting', [
+                'as' => 'admin.update.customize.setting',
+                'uses' => 'CompanyController@updateCustomizeSetting'
+            ]);
+
             Route::get('/environment/mail', [
                 'as' => 'admin.environment.mail',
                 'uses' => 'EnvironmentController@getMailDrivers'